{#if nextPreloadHref} {/if} {#if isMobile}
{ const t = e.target as HTMLElement | null; // Only toggle when tapping the track info area. Avoid toggling from // the button zones (above/below/side) by not attaching handlers to the // whole bar. if (t?.closest("button,input,label,a")) return; toggleUiOpen(); }} onkeydown={(e) => { if (e.key !== "Enter" && e.key !== " ") return; const t = e.target as HTMLElement | null; if (t?.closest("button,input,label,a")) return; e.preventDefault(); toggleUiOpen(); }} > {#if snap.currentTrack}
{#if typeNumberLabel(snap.currentTrack)} {typeNumberLabel(snap.currentTrack)} {/if} {( snap.currentTrack.animeName ?? snap.currentTrack.album ?? "" ).trim()}
{(snap.currentTrack.title ?? "").trim() || "Unknown title"} — {(snap.currentTrack.artist ?? "").trim() || "Unknown Artist"}
{:else}
{nowPlayingLabel()}
{/if}
{formatTime(currentTime)} / {formatTime(duration)}
{#if snap.uiOpen}
Queue ({snap.queue.length})
{#if snap.queue.length === 0}

Queue is empty.

{:else}
    {#each queueDisplay as item (item.track.id)}
  • {/each}
{/if}
{/if}
{:else} {/if}