(dragInPanel = false)}> {#if layersPanelControlBarLeftLayout?.length > 0 && layersPanelControlBarRightLayout?.length > 0} {/if} deselectAllLayers()} on:dragover={fileDragOver} on:drop={fileDrop} > {#each layers as listing, index} {@const selected = fakeHighlightOfNotYetSelectedLayerBeingDragged !== undefined ? fakeHighlightOfNotYetSelectedLayerBeingDragged === listing.entry.id : listing.entry.selected} layerPointerDown(e, listing)} on:click={(e) => selectLayerWithModifiers(e, listing)} > {#if listing.entry.childrenAllowed} {:else}

{/if} {#if listing.entry.clipped} {/if}

{#if $nodeGraph.thumbnails.has(listing.entry.id)} {@html $nodeGraph.thumbnails.get(listing.entry.id)} {/if}

{#if listing.entry.name === "Artboard"} {/if} onEditLayerName(listing)}> onEditLayerNameDeselect(listing)} on:keydown={(e) => e.key === "Escape" && onEditLayerNameDeselect(listing)} on:keydown={(e) => e.key === "Enter" && onEditLayerNameChange(listing, e)} on:change={(e) => onEditLayerNameChange(listing, e)} /> {#if !listing.entry.unlocked || !listing.entry.parentsUnlocked} (toggleLayerLock(listing.entry.id), e?.stopPropagation())} size={24} icon={listing.entry.unlocked ? "PadlockUnlocked" : "PadlockLocked"} hoverIcon={listing.entry.unlocked ? "PadlockLocked" : "PadlockUnlocked"} tooltipLabel={listing.entry.unlocked ? "Lock" : "Unlock"} tooltipDescription={!listing.entry.parentsUnlocked ? "A parent of this layer is locked and that status is being inherited." : ""} /> {/if} (toggleNodeVisibilityLayerPanel(listing.entry.id), e?.stopPropagation())} size={24} icon={listing.entry.visible ? "EyeVisible" : "EyeHidden"} hoverIcon={listing.entry.visible ? "EyeHide" : "EyeShow"} tooltipLabel={listing.entry.visible ? "Hide" : "Show"} tooltipDescription={!listing.entry.parentsVisible ? "A parent of this layer is hidden and that status is being inherited." : ""} /> {/each} {#if draggingData && !draggingData.highlightFolder && dragInPanel}

{/if}