{#if isShowDeleteConfirmation} (isShowDeleteConfirmation = false)} onConfirm={() => handlePromiseError(trashOrDelete(true))} /> {/if} {#if assetStore.buckets.length > 0} { evt.preventDefault(); let amount = 50; if (shiftKeyIsDown) { amount = 500; } if (evt.key === 'ArrowUp') { amount = -amount; if (shiftKeyIsDown) { element?.scrollBy({ top: amount, behavior: 'smooth' }); } } else if (evt.key === 'ArrowDown') { element?.scrollBy({ top: amount, behavior: 'smooth' }); } }} /> {/if}
((assetStore.viewportWidth = v), updateSlidingWindow())} bind:this={element} onscroll={() => (handleTimelineScroll(), updateSlidingWindow(), updateIsScrolling())} >
{@render children?.()} {#if isEmpty} {@render empty?.()} {/if}
{#each assetStore.buckets as bucket (bucket.viewId)} {@const display = bucket.intersecting} {@const absoluteHeight = bucket.top} {#if !bucket.isLoaded}
{:else if display}
handleGroupSelect(assetStore, title, assets)} onSelectAssetCandidates={handleSelectAssetCandidates} onSelectAssets={handleSelectAssets} />
{/if} {/each}
{#if !albumMapViewManager.isInMapView} {#if $showAssetViewer} {#await import('../asset-viewer/asset-viewer.svelte') then { default: AssetViewer }} {/await} {/if} {/if}