{#if isShowDeleteConfirmation} (isShowDeleteConfirmation = false)} onConfirm={() => handlePromiseError(trashOrDelete(true))} /> {/if} {#if showShortcuts} (showShortcuts = !showShortcuts)} /> {/if} {#if assets.length > 0} {#each assets as asset, i (i)} { if (assetInteraction.selectionActive) { handleSelectAssets(asset); return; } void viewAssetHandler(asset); }} onSelect={(asset) => handleSelectAssets(asset)} onMouseEvent={() => assetMouseEventHandler(asset)} handleFocus={() => assetOnFocusHandler(asset)} onIntersected={() => (i === Math.max(1, assets.length - 7) ? onIntersected?.() : void 0)} {showArchiveIcon} {asset} selected={assetInteraction.selectedAssets.has(asset)} focussed={assetInteraction.isFocussedAsset(asset)} selectionCandidate={assetInteraction.assetSelectionCandidates.has(asset)} thumbnailWidth={geometry.boxes[i].width} thumbnailHeight={geometry.boxes[i].height} /> {#if showAssetName} {asset.originalFileName} {/if} {/each} {/if} {#if $isViewerOpen} { assetViewingStore.showAssetViewer(false); handlePromiseError(navigate({ targetRoute: 'current', assetId: null })); }} /> {/if}