{#if isSlideshowMode}

(progressBarStatus === ProgressBarStatus.Paused ? progressBar.play() : progressBar.pause())} title={progressBarStatus === ProgressBarStatus.Paused ? 'Play' : 'Pause'} />

{:else} 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={handlePlaySlideshow} on:unstack={handleUnstack} /> {/if}

{#if !isSlideshowMode && showNavigation}

{/if}

{#if displayedAsset} {#key displayedAsset.id} {#if displayedAsset.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} {/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 !isSlideshowMode && showNavigation}

{/if} {#if !isSlideshowMode && $isShowDetail}

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

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

Are you sure you want to delete this {getAssetType().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}