{#if currentlyPlayingId === track.id} ▶ {/if} {track.name}

{#if showArtist && showAlbum} {#if track.artistItems && track.artistItems.length > 0} {#each track.artistItems as artist, idx} handleArtistClick(artist.id, e)} onkeydown={(e) => e.key === 'Enter' && handleArtistClick(artist.id, e)} class="text-[var(--color-jellyfin)] hover:underline cursor-pointer" > {artist.name} {#if idx < track.artistItems.length - 1} , {/if} {/each} {:else} {track.artists?.join(", ") || "-"} {/if} • {#if track.albumId} handleAlbumClick(track.albumId, e)} onkeydown={(e) => e.key === 'Enter' && handleAlbumClick(track.albumId, e)} class="text-[var(--color-jellyfin)] hover:underline cursor-pointer" > {track.albumName || "-"} {:else} {track.albumName || "-"} {/if} {:else if showArtist} {#if track.artistItems && track.artistItems.length > 0} {#each track.artistItems as artist, idx} handleArtistClick(artist.id, e)} onkeydown={(e) => e.key === 'Enter' && handleArtistClick(artist.id, e)} class="text-[var(--color-jellyfin)] hover:underline cursor-pointer" > {artist.name} {#if idx < track.artistItems.length - 1} , {/if} {/each} {:else} {track.artists?.join(", ") || "-"} {/if} {:else if showAlbum} {#if track.albumId} handleAlbumClick(track.albumId, e)} onkeydown={(e) => e.key === 'Enter' && handleAlbumClick(track.albumId, e)} class="text-[var(--color-jellyfin)] hover:underline cursor-pointer" > {track.albumName || "-"} {:else} {track.albumName || "-"} {/if} {/if}