e.preventDefault()} on:drop={dropFile}> {#if !$document.graphViewOverlayOpen} {:else} {/if} {#if !$document.graphViewOverlayOpen} {:else} {/if} {#if rulersVisible} {/if} {#if rulersVisible} {/if} {#if cursorEyedropper} {/if}
{ if (!detail) { editor.closeGradientStopColorPicker(); gradientStopPickerPosition = undefined; gradientStopPickerColor = undefined; } }} colorOrGradient={{ Solid: gradientStopPickerColor || createSRgba8(0, 0, 0, 255) }} on:colorOrGradient={({ detail }) => { const color = fillChoiceColor(detail); if (color) editor.updateGradientStopColor(color); }} on:startHistoryTransaction={() => editor.startGradientStopColorTransaction()} on:commitHistoryTransaction={() => editor.commitGradientStopColorTransaction()} bind:this={gradientStopPicker} />
canvasPointerDown(e)} on:pointermove={updateRulerCursorPosition} on:pointerleave={() => (rulerCursorPosition = undefined)} bind:this={viewport} data-viewport > {#if !$appWindow.viewportHolePunch} {@html artworkSvg} {/if}
{#if showTextInput}
{/if}
{#if !$appWindow.viewportHolePunch} {/if} {#if isWeb} Initializing Renderer… {/if}
editor.panCanvasByFraction(0, detail)} on:thumbPosition={({ detail }) => panCanvasY(detail)} on:thumbDragStart={() => editor.panCanvasAbortPrepare(false)} on:thumbDragAbort={() => editor.panCanvasAbort(false)} />
editor.panCanvasByFraction(detail, 0)} on:thumbPosition={({ detail }) => panCanvasX(detail)} on:thumbDragStart={() => editor.panCanvasAbortPrepare(true)} on:thumbDragAbort={() => editor.panCanvasAbort(true)} />