{#if $slideshowState === SlideshowState.None}

0} on:goBack={closeViewer} on:showDetail={showDetailInfoHandler} on:download={() => downloadFile(asset)} on:delete={trashOrDelete} on:favorite={toggleFavorite} on:addToAlbum={() => openAlbumPicker(false)} on:addToSharedAlbum={() => openAlbumPicker(true)} on:playMotionPhoto={() => (shouldPlayMotionPhoto = true)} on:stopMotionPhoto={() => (shouldPlayMotionPhoto = false)} on:toggleArchive={toggleArchive} on:asProfileImage={() => (isShowProfileImageCrop = true)} on:runJob={({ detail: job }) => handleRunJob(job)} on:playSlideShow={() => ($slideshowState = SlideshowState.PlaySlideshow)} on:unstack={handleUnstack} />

{/if} {#if $slideshowState === SlideshowState.None && showNavigation}

{/if}

{#if $slideshowState != SlideshowState.None}

($slideshowState = SlideshowState.StopSlideshow)} />

{/if} {#if previewStackedAsset} {#key previewStackedAsset.id} {#if previewStackedAsset.type === AssetTypeEnum.Image} {:else} {/if} {/key} {:else} {#key asset.id} {#if !asset.resized}

{:else if asset.type === AssetTypeEnum.Image} {#if shouldPlayMotionPhoto && asset.livePhotoVideoId} (shouldPlayMotionPhoto = false)} /> {:else if asset.exifInfo?.projectionType === ProjectionType.EQUIRECTANGULAR || (asset.originalPath && asset.originalPath .toLowerCase() .endsWith('.insp'))} {:else} {/if} {:else} {/if} {#if $slideshowState === SlideshowState.None && isShared && ((album && album.isActivityEnabled) || numberOfComments > 0)}

{/if} {/key} {/if} {#if $stackAssetsStore.length > 0 && withStacked}

{#each $stackAssetsStore as stackedAsset (stackedAsset.id)}

(asset = stackedAsset)} on:mouse-event={(e) => handleStackedAssetMouseEvent(e, stackedAsset)} readonly thumbnailSize={stackedAsset.id == asset.id ? 65 : 60} showStackedIcon={false} /> {#if stackedAsset.id == asset.id}

{/if}

{/each}

{/if}

{#if $slideshowState === SlideshowState.None && showNavigation}

{/if} {#if $slideshowState === SlideshowState.None && $isShowDetail}

($isShowDetail = false)} on:close-viewer={handleCloseViewer} on:description-focus-in={disableKeyDownEvent} on:description-focus-out={enableKeyDownEvent} />

{/if} {#if isShared && album && isShowActivity && $user}

(isLiked = null)} on:close={() => (isShowActivity = false)} />

{/if} {#if isShowAlbumPicker} (isShowAlbumPicker = false)} /> {/if} {#if isShowDeleteConfirmation} (isShowDeleteConfirmation = false)} >

Are you sure you want to delete this {getAssetType(asset.type).toLowerCase()}? This will also remove it from its album(s).

You cannot undo this action!

{/if} {#if isShowProfileImageCrop} (isShowProfileImageCrop = false)} on:close-viewer={handleCloseViewer} /> {/if}