{#if $slideshowState === SlideshowState.None && !isShowEditor}

($slideshowState = SlideshowState.PlaySlideshow)} onClose={onClose ? () => onClose(asset) : undefined} {playOriginalVideo} {setPlayOriginalVideo} />

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

assetViewerHtmlElement?.requestFullscreen?.()} onPrevious={() => navigateAsset('previous')} onNext={() => navigateAsset('next')} onClose={() => ($slideshowState = SlideshowState.StopSlideshow)} />

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

navigateAsset('previous')} />

{/if}

{#if previewStackedAsset} {#key previewStackedAsset.id} {#if previewStackedAsset.type === AssetTypeEnum.Image} navigateAsset('previous')} onNextAsset={() => navigateAsset('next')} haveFadeTransition={false} {sharedLink} /> {:else} navigateAsset('previous')} onNextAsset={() => navigateAsset('next')} onClose={closeViewer} onVideoEnded={() => navigateAsset()} onVideoStarted={handleVideoStarted} {playOriginalVideo} /> {/if} {/key} {:else} {#key asset.id} {#if asset.type === AssetTypeEnum.Image} {#if assetViewerManager.isPlayingMotionPhoto && asset.livePhotoVideoId} navigateAsset('previous')} onNextAsset={() => navigateAsset('next')} onVideoEnded={() => (assetViewerManager.isPlayingMotionPhoto = false)} {playOriginalVideo} /> {:else if asset.exifInfo?.projectionType === ProjectionType.EQUIRECTANGULAR || (asset.originalPath && asset.originalPath .toLowerCase() .endsWith('.insp'))} {:else if isShowEditor && editManager.selectedTool?.type === EditToolType.Transform} {:else} navigateAsset('previous')} onNextAsset={() => navigateAsset('next')} {sharedLink} haveFadeTransition={$slideshowState !== SlideshowState.None && $slideshowTransition} /> {/if} {:else} navigateAsset('previous')} onNextAsset={() => navigateAsset('next')} onClose={closeViewer} onVideoEnded={() => navigateAsset()} onVideoStarted={handleVideoStarted} {playOriginalVideo} /> {/if} {#if $slideshowState === SlideshowState.None && isShared && ((album && album.isActivityEnabled) || activityManager.commentCount > 0) && !activityManager.isLoading}

{/if} {#if $slideshowState === SlideshowState.None && asset.type === AssetTypeEnum.Image && !isShowEditor && ocrManager.hasOcrData}

{/if} {/key} {/if}

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

navigateAsset('next')} />

{/if} {#if asset.hasMetadata && $slideshowState === SlideshowState.None && assetViewerManager.isShowDetailPanel && !isShowEditor}

{/if} {#if isShowEditor}

{/if} {#if stack && withStacked} {@const stackedAssets = stack.assets}

{#each stackedAssets as stackedAsset (stackedAsset.id)}

{ cursor.current = stackedAsset; previewStackedAsset = undefined; }} onMouseEvent={({ isMouseOver }) => handleStackedAssetMouseEvent(isMouseOver, stackedAsset)} readonly thumbnailSize={stackedAsset.id === asset.id ? stackSelectedThumbnailSize : stackThumbnailSize} showStackedIcon={false} disableLinkMouseOver /> {#if stackedAsset.id === asset.id}

{/if}

{/each}

{/if} {#if isShared && album && assetViewerManager.isShowActivityPanel && $user}

{/if}