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

0} showShareButton={shouldShowShareModal} on:back={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} on:showShareModal={() => (isShowShareModal = true)} />

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

navigateAsset('previous', e)} label="View previous asset">

{/if}

{#if $slideshowState != SlideshowState.None}

navigateAsset('previous')} onNext={() => navigateAsset('next')} onClose={() => ($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}

navigateAsset('next', e)} label="View next asset">

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

($isShowDetail = false)} on:closeViewer={handleCloseViewer} />

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

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

{/if} {#if isShowAlbumPicker} handleAddToNewAlbum(detail)} on:album={({ detail }) => handleAddToAlbum(detail)} on:close={() => (isShowAlbumPicker = false)} /> {/if} {#if isShowDeleteConfirmation} (isShowDeleteConfirmation = false)} on:escape={() => (isShowDeleteConfirmation = false)} on:confirm={() => deleteAsset()} /> {/if} {#if isShowProfileImageCrop} (isShowProfileImageCrop = false)} /> {/if} {#if isShowShareModal} (isShowShareModal = false)} /> {/if}