Droppy

{volume}%

{#if $queue.length > 0}

Queue {$queue.length} items {#if queueTimeInfo} {queueTimeInfo.isEstimate ? '~' : ''}{queueTimeInfo.remaining} ends {queueTimeInfo.finishTime} {/if}

{Math.floor(currentTime / 60)}:{String(Math.floor(currentTime % 60)).padStart(2, '0')} {Math.floor(duration / 60)}:{String(Math.floor(duration % 60)).padStart(2, '0')}

{#each $queue as item, i}

handleDragStart(i)} ondragover={(e) => handleDragOver(e, i)} ondragleave={handleDragLeave} ondrop={() => handleDrop(i)} ondragend={handleDragEnd} role="listitem" >

{item.title || 'Untitled'} {item.type} {#if item.duration} {formatDuration(item.duration)} {/if} {#if item.playlistTitle} {item.playlistIndex !== undefined ? `${item.playlistIndex + 1}/${item.playlistLength}` : ''} {/if}

{#if item.playlistId} {/if}

{/each}

{/if} {#if $filteredHistory.length > 0}

Recent {$filteredHistory.length} items

{#each $filteredHistory.slice(0, 8) as item}

{/each}

{/if}