Up Next
{#if player.displayQueue.length > 0}
({player.displayQueue.length})
{/if}
fileInput?.click()} title="Import Queue" >
{#snippet child({ props })}
{/snippet}
Clear queue?
This will remove all {player.displayQueue.length} songs from the queue.
Cancel
player.clearQueue()} >Clear
track.id} > {#snippet row({ item: track, index: i })}
onDragStart(e, i)} ondragover={(e) => onDragOver(e, i)} ondrop={(e) => onDrop(e, i)} onclick={() => onJump(track)} onkeydown={(e) => e.key === "Enter" && onJump(track)} class="group flex items-center gap-2 px-3 h-full rounded-md hover:bg-muted/50 transition-colors cursor-pointer text-sm" class:active={player.currentId === track.id} class:border-t-2={dragOverIndex === i} class:border-primary={dragOverIndex === i} >
{#if player.currentId === track.id}
{:else}
{i + 1}
{/if}
{track.animeName}
{songTypeNumberLabel(track.type, track.number)}
{track.globalPercent}%
{track.title} —
{track.artist}
{ e.stopPropagation(); onRemove(track.id); }} >
{/snippet} {#snippet empty()}
Queue is empty
{/snippet}