{#if (!loaded || thumbError) && asset.thumbhash}
{/if}
onSelect?.($state.snapshot(asset)) }} onkeydown={(evt) => { if (evt.key === 'Enter') { callClickHandlers(); } if (evt.key === 'x') { onSelect?.(asset); } if (document.activeElement === focussableElement && evt.key === 'Escape') { const focusable = getFocusable(document); const index = focusable.indexOf(focussableElement); let i = index + 1; while (i !== index) { const next = focusable[i]; if (next.dataset.thumbnailFocusContainer !== undefined) { if (i === focusable.length - 1) { i = 0; } else { i++; } continue; } next.focus(); break; } } }} onclick={handleClick} bind:this={focussableElement} onfocus={handleFocus} data-thumbnail-focus-container data-testid="container-with-tabindex" tabindex={0} role="link" > {#if !usingMobileDevice && mouseOver && !disableLinkMouseOver}
evt.preventDefault()} tabindex={-1} aria-label="Thumbnail URL" >
{/if} {#if !readonly && (mouseOver || selected || selectionCandidate)}
{#if disabled}
{:else if selected}
{:else}
{/if}
{/if}
{#if !usingMobileDevice && !disabled}
{/if} {#if dimmed && !mouseOver}
{/if}
{#if !isSharedLink() && asset.isFavorite}
{/if} {#if !isSharedLink() && showArchiveIcon && asset.isArchived}
{/if} {#if asset.type === AssetTypeEnum.Image && asset.exifInfo?.projectionType === ProjectionType.EQUIRECTANGULAR}
{/if} {#if asset.stack && showStackedIcon}
{asset.stack.assetCount.toLocaleString($locale)}
{/if}
((loaded = true), (thumbError = errored))} /> {#if asset.type === AssetTypeEnum.Video}
{:else if asset.type === AssetTypeEnum.Image && asset.livePhotoVideoId}
{/if}
{#if selectionCandidate}
{/if}