{#each Array(10) as _} {/each}

{#each tracks as track, index (track.id)} {/if} {#if showAlbum} {/if} {#if showDownload} {/if} handleTrackClick(track, index)} disabled={isPlayingTrack !== null} class="md:hidden flex items-center gap-3 px-4 py-3 w-full disabled:opacity-50 disabled:cursor-not-allowed" >

{#if isPlayingTrack === track.id}

{:else} {index + 1} {/if}

{#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)} class="text-[var(--color-jellyfin)] hover:underline" > {artist.name} {#if idx < track.artistItems.length - 1} , {/if} {/each} {:else} {track.artists?.join(", ") || "-"} {/if} • {#if track.albumId} handleAlbumClick(track.albumId, e)} class="text-[var(--color-jellyfin)] hover:underline" > {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)} class="text-[var(--color-jellyfin)] hover:underline" > {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)} class="text-[var(--color-jellyfin)] hover:underline" > {track.albumName || "-"} {:else} {track.albumName || "-"} {/if} {/if}