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

($slideshowState = SlideshowState.PlaySlideshow)} onShowDetail={toggleDetailPanel} onClose={closeViewer} > (shouldPlayMotionPhoto = shouldPlay)} />

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

navigateAsset('previous')} />

{/if}

{#if $slideshowState != SlideshowState.None}

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

{/if} {#if previewStackedAsset} {#key previewStackedAsset.id} {#if previewStackedAsset.type === AssetTypeEnum.Image} {:else} navigateAsset()} on:onVideoStarted={handleVideoStarted} /> {/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 isShowEditor && selectedEditType === 'crop'} {:else} {/if} {:else} navigateAsset()} on:onVideoStarted={handleVideoStarted} /> {/if} {#if $slideshowState === SlideshowState.None && isShared && ((album && album.isActivityEnabled) || numberOfComments > 0)}

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

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

navigateAsset('next')} />

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

($isShowDetail = false)} />

{/if} {#if isShowEditor}

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

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

{ asset = stackedAsset; preloadAssets = index + 1 >= stackedAssets.length ? [] : [stackedAssets[index + 1]]; }} onMouseEvent={({ isMouseOver }) => handleStackedAssetMouseEvent(isMouseOver, stackedAsset)} readonly thumbnailSize={stackedAsset.id == asset.id ? 65 : 60} showStackedIcon={false} /> {#if stackedAsset.id == asset.id}

{/if}

{/each}

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

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

{/if}