{#if (mouseOver || selected || disabled) && !readonly}

{/if} {#if asset.isFavorite && !isPublicShared}

{/if} {#if asset.type === AssetTypeEnum.Video}

{#if isThumbnailVideoPlaying} {videoProgress} {:else} {parseVideoDuration(asset.duration)} {/if} {#if mouseOver} {#if isThumbnailVideoPlaying} {:else} {/if} {:else} {/if}

{/if} {#if asset.type === AssetTypeEnum.Image && asset.livePhotoVideoId}

{ playMotionVideo = true; loadVideoData(true); }} on:mouseleave={() => (playMotionVideo = false)} > {#if playMotionVideo} {:else} {/if}

{/if} {#if intersecting}

(isImageLoading = false)} /> {/if} {#if mouseOver && asset.type === AssetTypeEnum.Video}

loadVideoData(false)}> {#if videoUrl}

{/if}

{/if} {#if playMotionVideo && asset.type === AssetTypeEnum.Image && asset.livePhotoVideoId}

{#if videoUrl}

{/if}