update npm version

src/app/modules/shows/list/list.component.html

@@ -5,7 +5,7 @@
     <ng-container *ngIf="shows$ | async as shows">
       <app-card
         *ngIf="getPrivateSongs(shows).length > 0"
-        [@fade]
+        @fade
         [padding]="false"
         heading="meine Veranstaltungen"
       >
@@ -21,12 +21,12 @@
   <ng-container *ngIf="shows$ | async as shows">
     <app-card
       *ngIf="getPublicShows(shows).length > 0"
-      [@fade]
+      @fade
       [padding]="false"
       heading="veröffentlichte Veranstaltungen"
     >
       <app-list-item
-        *ngFor="let show of getPublicShows(shows) | sortBy: 'desc':'date'"
+        *ngFor="let show of getPublicShows(shows) | sortBy: 'desc':'date'; trackBy: trackBy"
         [routerLink]="show.id"
         [show]="show"
       ></app-list-item>

src/app/modules/shows/list/list.component.ts

@@ -24,4 +24,6 @@ export class ListComponent {
   public getPrivateSongs(songs: Show[]): Show[] {
     return songs.filter(_ => !_.published);
   }
+
+  public trackBy = (index: number, show: unknown) => (show as Show).id;
 }

src/app/modules/shows/show/show.component.html

@@ -13,7 +13,7 @@
     </p>
     <div *ngIf="showSongs" class="song-list" cdkDropList [cdkDropListDisabled]="show.published"
          (cdkDropListDropped)="drop($event, show)">
-      <div *ngFor="let song of orderedShowSongs(show); let i = index" class="song-row" cdkDrag>
+      <div *ngFor="let song of orderedShowSongs(show); let i = index; trackBy: trackBy" class="song-row" cdkDrag>
         <app-song
           [showSong]="song"
           [showId]="showId"

src/app/modules/shows/show/show.component.ts

@@ -115,4 +115,6 @@ export class ShowComponent implements OnInit {
     if (!list) return [];
     return show.order.map(_ => list.filter(f => f.id === _)[0]);
   }
+
+  public trackBy = (index: number, show: ShowSong) => show.id;
 }