{#if recentlyPlayed.length > 0}
{#each recentlyPlayed as track, i (track.id)}
playRecent(i)} oncontextmenu={(e) => openContextMenu(e, targetForQueueItem(track))} aria-label="{player.current.id === track.id && player.playing ? 'Pausar' : 'Reproducir'} {track.title}" class="flex min-w-0 items-center gap-3 rounded-control bg-surface p-2 text-left transition hover:bg-surface-hover" >
{#if player.current.id === track.id}
{/if}
{#if track.explicit}
{/if}
{track.title}
{#if track.artist}
{track.artist}
{/if}
{/each}
{/if} {#if quickMixes.length > 0}
{#each quickMixes as mix, i (mix.key)}
{#if mix.coverSongs}
{#each mix.coverSongs as song (song.videoId)}
{/each}
{:else}
{/if}
{mix.title}
{mix.subtitle}
{/each}
{/if} {#if mixes.length > 0}
{#each mixes as mix, i (mix.id)}
{/each}
{/if} {#if playlists.length > 0}
{#each playlists as playlist, i (playlist.id)}
{/each}
{/if} {#if albums.length > 0}
{#snippet actions()} {#if data.albumsHasMore}
Ver todos
{/if} {/snippet}
{#each albums as album, i (album.id)}
{/each}
{/if}
{#if latest.length > 0}
{#each latest as item, i (targetId(item))}
playLatest(i)} onContextMenu={(e) => openContextMenu(e, item)} /> {/each}
{:else}
{/if}
{#if contextMenu}
{/if}