<td>
	<input type="checkbox" class="checkbox" (click)="$event.stopPropagation()" (focus)="rowFocused.emit()" [(ngModel)]="selected" />
</td>
<td>
	<span *ngIf="song.length > 1" class="rounded-sm bg-accent text-accent-content px-1 mr-1 font-bold">{{ song.length }}</span> {{ song[0].name }}
</td>
<td *ngIf="hasColumn('artist')">{{ song[0].artist }}</td>
<td *ngIf="hasColumn('album')">{{ song[0].album || 'Various' }}</td>
<td *ngIf="hasColumn('genre')">{{ song[0].genre || 'Various' }}</td>
<td *ngIf="hasColumn('year')">{{ song[0].year || 'Various' }}</td>
<td *ngIf="hasColumn('charter')">{{ song[0].charter || 'Various' }}</td>
<td *ngIf="hasColumn('length')">{{ songLength }}</td>
<td *ngIf="hasColumn('difficulty')">{{ songDifficulty }}</td>
<td *ngIf="hasColumn('uploaded')" class="text-nowrap">{{ uploaded | date: 'yyyy-MM-dd' }}</td>
