Previewing ·
{manifest?.context.title}
{#if manifest?.context.subtitle} · {manifest.context.subtitle}{/if}
No previews are available for this collection.
{:else}
{#if previewUi.focusWaiting}
Waiting for the player to hand over audio…
{/if}
{#if failed}
This preview could not be loaded.
{/if}
{posLabel}
{clipLabel}
{#each visibleCards as { item, index } (item.sessionKey)}
{@const avail = availabilityOf(item)}
0}
style="top: {cardOffset(index)}px; --idle-scale: {index === activeIndex ? 1 : 0.74};"
onclick={() => avail === "available" && activate(item, index)}
role={index === activeIndex ? undefined : "button"}
aria-hidden={index !== activeIndex}
tabindex="-1"
>
{#if item.artwork}
{:else}
{/if}
{#if index === activeIndex && playing}
{/if}
{#if index !== activeIndex}
{/each}
{item.title}
{/if}
{#if avail !== "available"}
{avail === "unreleased" ? "Not released yet" : "No preview from any source"}
{/if}
Deezer preview
{#if cursor != null}
{cursor + 1} of {playable.length}
{:else}
unavailable · {(activeIndex ?? 0) + 1} of {items.length}
{/if}
{#if unavailableCount > 0} · {unavailableCount} unavailable{/if}
{/if}
{announce}