{#if currentlyPlaying}
{#if !expanded}
{currentlyPlaying.name}
$queue.previous()}>
{#if waiting} {:else} (paused = !paused)}> {/if}
$queue.clear()}> $queue.next()}>
{ currentTimeTimestamp.innerText = formatTime(event.detail.value) seeking = true }} on:seeked={(event) => { currentTime = event.detail.value seeking = false }} />
(volume = volume > 0 ? 0 : Number(localStorage.getItem('volume')))}> { if (volume > 0) localStorage.setItem('volume', volume.toString()) }} />
(shuffled ? $queue.reorder() : $queue.shuffle())}> (loop = !loop)}> (expanded = true)}>
{:else}

STREAMING FROM

{Services[currentlyPlaying.connection.type].displayName}
{#if $queue.upNext} {@const next = $queue.upNext} UP NEXT
{next.name}
{/if}
{ expandedCurrentTimeTimestamp.innerText = formatTime(event.detail.value) seeking = true }} on:seeked={(event) => { currentTime = event.detail.value seeking = false }} />
{currentlyPlaying.name}
{#if (currentlyPlaying.artists && currentlyPlaying.artists.length > 0) || currentlyPlaying.uploader} {/if} {#if currentlyPlaying.album} • (expanded = false)} class="line-clamp-1 hover:underline focus:underline" href="/details/album?id={currentlyPlaying.album.id}&connection={currentlyPlaying.connection.id}">{currentlyPlaying.album.name} {/if}
(shuffled ? $queue.reorder() : $queue.shuffle())}> $queue.previous()}>
{#if waiting} {:else} (paused = !paused)}> {/if}
$queue.clear()}> $queue.next()}> (loop = !loop)}>
(volume = volume > 0 ? 0 : Number(localStorage.getItem('volume')))}> { if (volume > 0) localStorage.setItem('volume', volume.toString()) }} />
(expanded = false)}>
{/if}
{/if}