panelType && editor.handle.setActivePanel(panelType)}> {#each tabLabels as tabLabel, tabIndex} { e.stopPropagation(); clickAction?.(tabIndex); }} on:auxclick={(e) => { // Middle mouse button click if (e.button === BUTTON_MIDDLE) { e.stopPropagation(); closeAction?.(tabIndex); } }} on:mouseup={(e) => { // Middle mouse button click fallback for Safari: // https://developer.mozilla.org/en-US/docs/Web/API/Element/auxclick_event#browser_compatibility // The downside of using mouseup is that the mousedown didn't have to originate in the same element. // A possible future improvement could save the target element during mousedown and check if it's the same here. if (!isEventSupported("auxclick") && e.button === BUTTON_MIDDLE) { e.stopPropagation(); closeAction?.(tabIndex); } }} bind:this={tabElements[tabIndex]} > {tabLabel.name} {#if tabCloseButtons} { e?.stopPropagation(); closeAction?.(tabIndex); }} icon="CloseX" size={16} /> {/if} {/each} {#if panelType} {:else} e.preventDefault()} on:drop={dropFile}>

editor.handle.newDocumentDialog()} />
editor.handle.openDocument()} />
editor.handle.demoArtworkDialog()} />
editor.handle.visitUrl("https://graphite.rs/donate/")} />

{/if}