{#if $slideshowState === SlideshowState.None && !assetViewerManager.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 && !assetViewerManager.isShowEditor && !isFaceEditMode.value && previousAsset}

navigateAsset('previous')} />

{/if}

{#if viewerKind === 'StackVideoViewer'} navigateAsset('previous')} onNextAsset={() => navigateAsset('next')} onClose={closeViewer} onVideoEnded={() => navigateAsset()} onVideoStarted={handleVideoStarted} {playOriginalVideo} /> {:else if viewerKind === 'LiveVideoViewer'} navigateAsset('previous')} onNextAsset={() => navigateAsset('next')} onVideoEnded={() => (assetViewerManager.isPlayingMotionPhoto = false)} {playOriginalVideo} /> {:else if viewerKind === 'ImagePanaramaViewer'} {:else if viewerKind === 'CropArea'} {:else if viewerKind === 'PhotoViewer'} {:else if viewerKind === 'VideoViewer'} navigateAsset('previous')} onNextAsset={() => navigateAsset('next')} onClose={closeViewer} onVideoEnded={() => navigateAsset()} onVideoStarted={handleVideoStarted} {playOriginalVideo} /> {/if} {#if showActivityStatus}

{/if} {#if showOcrButton}

{/if}

{#if $slideshowState === SlideshowState.None && showNavigation && !assetViewerManager.isShowEditor && !isFaceEditMode.value && nextAsset}

navigateAsset('next')} />

{/if} {#if showDetailPanel || assetViewerManager.isShowEditor}

{#if showDetailPanel}

{:else if assetViewerManager.isShowEditor}

{/if}

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

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

{ cursor.current = stackedAsset; previewStackedAsset = undefined; isFaceEditMode.value = false; }} 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}