{#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}
UP NEXT {#each $queue.list as item} {@const isCurrent = item === currentlyPlaying} {/each}
{ 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 flex-shrink-0 hover:underline focus:underline" href="/details/album?id={currentlyPlaying.album.id}&connection={currentlyPlaying.connection.id}">{currentlyPlaying.album.name}
{/if}
{ if (volume > 0) localStorage.setItem('volume', volume.toString()) }} />
{/if}
{/if}