e.preventDefault()} on:drop={dropFile}> {#if !$document.graphViewOverlayOpen} {:else} {/if} {#if !$document.graphViewOverlayOpen} {:else} {/if} {#if rulersVisible} {/if} {#if rulersVisible} {/if} {#if cursorEyedropper} {/if}
canvasPointerDown(e)} bind:this={viewport} data-viewport> {@html artworkSvg}
{#if showTextInput}
{/if}
editor.handle.panCanvasByFraction(0, detail)} on:thumbPosition={({ detail }) => panCanvasY(detail)} on:thumbDragStart={() => editor.handle.panCanvasAbortPrepare(false)} on:thumbDragAbort={() => editor.handle.panCanvasAbort(false)} /> editor.handle.panCanvasByFraction(detail, 0)} on:thumbPosition={({ detail }) => panCanvasX(detail)} on:thumbDragEnd={() => editor.handle.setGridAlignedEdges()} on:thumbDragStart={() => editor.handle.panCanvasAbortPrepare(true)} on:thumbDragAbort={() => editor.handle.panCanvasAbort(true)} />