Update angular to 20

package.json

@@ -12,13 +12,13 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^20.1.6",
-    "@angular/cdk": "^19.2.19",
+    "@angular/cdk": "^20.1.5",
     "@angular/common": "^20.1.6",
     "@angular/compiler": "^20.1.6",
     "@angular/core": "^20.1.6",
     "@angular/forms": "^20.1.6",
-    "@angular/material": "^19.2.19",
-    "@angular/material-moment-adapter": "^19.2.19",
+    "@angular/material": "^20.1.5",
+    "@angular/material-moment-adapter": "^20.1.5",
     "@angular/platform-browser": "^20.1.6",
     "@angular/platform-browser-dynamic": "^20.1.6",
     "@angular/platform-server": "^20.1.6",

src/app/app.component.ts

@@ -1,7 +1,7 @@
 import {Component, OnDestroy, OnInit} from '@angular/core';
-import {ActivatedRoute, NavigationEnd, Router, RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router';
+import {ActivatedRoute, Router, RouterLink, RouterOutlet} from '@angular/router';
 import {CommonModule, NgOptimizedImage} from "@angular/common";
-import {MatAnchor, MatButton, MatIconButton, MatMiniFabButton} from "@angular/material/button";
+import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
 import {MatToolbar} from "@angular/material/toolbar";
 import {TitleService} from "./service/title.service";
@@ -12,7 +12,7 @@ import {TournamentService} from "./service/tournament.service";
 
 @Component({
     selector: 'app-root',
-    imports: [RouterOutlet, CommonModule, RouterLink, RouterLinkActive, MatAnchor, MatIcon, MatButton, MatToolbar, NgOptimizedImage, MatIconButton, MatMiniFabButton, MatMenuTrigger, MatMenu, MatMenuItem],
+  imports: [RouterOutlet, CommonModule, RouterLink, MatAnchor, MatIcon, MatButton, MatToolbar, NgOptimizedImage, MatMenuTrigger, MatMenu, MatMenuItem],
     providers: [TitleService],
     templateUrl: './app.component.html',
     styleUrl: './app.component.scss'

src/app/components/login/login.component.ts

@@ -17,18 +17,13 @@ import {TitleService} from "../../service/title.service";
     selector: 'app-login',
     templateUrl: './login.component.html',
     imports: [
-        MatCardTitle,
         MatCardContent,
         ReactiveFormsModule,
         MatFormField,
         MatButton,
-        RouterLink,
         MatInput,
-        NgIf,
         MatLabel,
-        MatError,
         MatCard,
-        MatCardHeader
     ],
     styleUrls: ['./login.component.scss']
 })

src/app/components/match-result/match-result.component.ts

@@ -28,9 +28,6 @@ import {Game} from "../../model/game";
         MatButton,
         MatDialogClose,
         MatDialogTitle,
-        DatePipe,
-        MatIcon,
-        NgForOf,
         TeamPipe,
         MatInput,
         ReactiveFormsModule,
@@ -38,8 +35,6 @@ import {Game} from "../../model/game";
         MatFormField,
         MatGridList,
         MatGridTile,
-        MatGridTileText,
-        MatIconButton,
         NgClass
     ],
     providers: [

src/app/components/match-sheets/match-sheets.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnInit} from '@angular/core';
-import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
+import {MatCard, MatCardContent} from "@angular/material/card";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";
 import {Tournament} from "../../model/tournament";
@@ -17,7 +17,6 @@ import {TitleService} from "../../service/title.service";
     selector: 'app-match-sheets',
   imports: [
     MatCard,
-        MatCardHeader,
     MatCardContent,
     TeamPipe,
     NgForOf,

src/app/components/player-edit/player-edit.component.ts

@@ -2,19 +2,18 @@ import {Component, OnInit} from '@angular/core';
 import {Player, Strength} from "../../model/player";
 import {PlayerService} from "../../service/player.service";
 import {ActivatedRoute, Router, RouterLink} from "@angular/router";
-import {FormGroup, FormsModule, ReactiveFormsModule} from "@angular/forms";
+import {FormsModule, ReactiveFormsModule} from "@angular/forms";
 import {MatFormField, MatHint, MatLabel} from "@angular/material/form-field";
 import {MatInput} from "@angular/material/input";
 import {MatIcon} from "@angular/material/icon";
 import {MatRadioButton, MatRadioGroup} from "@angular/material/radio";
-import {MatCard, MatCardActions, MatCardContent, MatCardHeader} from "@angular/material/card";
-import {MatDatepicker, MatDatepickerInput, MatDatepickerToggle} from "@angular/material/datepicker";
+import {MatCard, MatCardActions, MatCardContent} from "@angular/material/card";
 import {MatOption, MatSelect} from "@angular/material/select";
 import {KeyValuePipe, NgForOf} from "@angular/common";
 import {MatAnchor, MatButton} from "@angular/material/button";
 import {TitleService} from "../../service/title.service";
 import {MatSnackBar} from "@angular/material/snack-bar";
-import {NgxMaskDirective, NgxMaskPipe} from "ngx-mask";
+import {NgxMaskDirective} from "ngx-mask";
 
 @Component({
     selector: 'app-player-edit',
@@ -29,12 +28,8 @@ import {NgxMaskDirective, NgxMaskPipe} from "ngx-mask";
     MatRadioGroup,
     MatRadioButton,
     MatCard,
-        MatCardHeader,
     MatCardContent,
     MatCardActions,
-        MatDatepickerInput,
-        MatDatepickerToggle,
-        MatDatepicker,
     MatSelect,
     MatOption,
     KeyValuePipe,
@@ -42,8 +37,7 @@ import {NgxMaskDirective, NgxMaskPipe} from "ngx-mask";
     MatButton,
     MatAnchor,
     ReactiveFormsModule,
-        NgxMaskDirective,
-        NgxMaskPipe
+    NgxMaskDirective
   ],
     templateUrl: './player-edit.component.html',
     styleUrl: './player-edit.component.scss'

src/app/components/player-list/player-list.component.ts

@@ -1,11 +1,10 @@
-import {AfterViewInit, Component, OnInit, ViewChild} from '@angular/core';
+import {AfterViewInit, Component, ViewChild} from '@angular/core';
 import {Player} from "../../model/player";
 import {PlayerService} from "../../service/player.service";
-import {NgFor} from "@angular/common";
 import {RouterLink} from "@angular/router";
 import {MatAnchor} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
-import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
+import {MatCard, MatCardContent} from "@angular/material/card";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
 import {TitleService} from "../../service/title.service";
 import {
@@ -14,8 +13,12 @@ import {
   MatColumnDef,
   MatHeaderCell,
   MatHeaderCellDef,
-  MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef,
-  MatTable, MatTableDataSource
+  MatHeaderRow,
+  MatHeaderRowDef,
+  MatRow,
+  MatRowDef,
+  MatTable,
+  MatTableDataSource
 } from "@angular/material/table";
 import {MatFormField, MatFormFieldModule} from "@angular/material/form-field";
 import {MatInput} from "@angular/material/input";
@@ -24,7 +27,7 @@ import {MatSort, MatSortHeader} from "@angular/material/sort";
 
 @Component({
     selector: 'app-player-list',
-    imports: [NgFor, RouterLink, MatAnchor, MatIcon, MatCard, MatCardHeader, MatCardContent, FullNamePipe, MatTable, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef, MatFormField, MatInput, MatFormFieldModule, MatPaginator, MatSortHeader, MatSort],
+  imports: [RouterLink, MatAnchor, MatIcon, MatCard, MatCardContent, FullNamePipe, MatTable, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef, MatFormField, MatInput, MatFormFieldModule, MatPaginator, MatSortHeader, MatSort],
     providers: [FullNamePipe],
     templateUrl: './player-list.component.html',
     styleUrl: './player-list.component.scss'

src/app/components/player-registrations/player-registrations.component.ts

@@ -4,19 +4,17 @@ import {ActivatedRoute, Router, RouterLink} from "@angular/router";
 import {PlayerService} from "../../service/player.service";
 import {MatCard, MatCardActions, MatCardContent, MatCardHeader} from "@angular/material/card";
 import {MatFormField, MatLabel} from "@angular/material/form-field";
-import {MatInput} from "@angular/material/input";
 import {FormsModule, ReactiveFormsModule} from "@angular/forms";
 import {RegistrationService} from "../../service/registration.service";
-import {KeyValuePipe, NgFor, NgIf} from "@angular/common";
+import {NgFor, NgIf} from "@angular/common";
 import {MatCheckbox, MatCheckboxChange} from "@angular/material/checkbox";
 import {EventRegistration, TournamentRegistration} from "../../model/tournamentRegistration";
 import {MatOption} from "@angular/material/core";
 import {MatSelect} from "@angular/material/select";
 import {MatIcon} from "@angular/material/icon";
-import {MatAnchor, MatButton, MatFabButton} from "@angular/material/button";
+import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
-import {Tournament} from "../../model/tournament";
 import {TitleService} from "../../service/title.service";
 
 @Component({
@@ -26,7 +24,6 @@ import {TitleService} from "../../service/title.service";
     MatCardContent,
     MatCardHeader,
     MatFormField,
-        MatInput,
     MatLabel,
     NgFor,
     ReactiveFormsModule,
@@ -35,11 +32,9 @@ import {TitleService} from "../../service/title.service";
     NgIf,
     MatCardActions,
     RouterLink,
-        KeyValuePipe,
     MatOption,
     MatSelect,
     MatIcon,
-        MatFabButton,
     MatButton,
     MatAnchor,
     FullNamePipe

src/app/components/round-overview/round-overview.component.ts

@@ -8,9 +8,6 @@ import {ActivatedRoute, Router} from "@angular/router";
 import {DecimalPipe, NgForOf} from "@angular/common";
 import {TeamPipe} from "../../pipes/team-pipe";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
-import {MatButton, MatIconButton} from "@angular/material/button";
-import {MatIcon} from "@angular/material/icon";
-import {MatMenu, MatMenuItem} from "@angular/material/menu";
 import {TitleService} from "../../service/title.service";
 
 @Component({
@@ -19,11 +16,6 @@ import {TitleService} from "../../service/title.service";
     NgForOf,
     TeamPipe,
     DecimalPipe,
-        MatButton,
-        MatIcon,
-        MatIconButton,
-        MatMenu,
-        MatMenuItem,
     FullNamePipe
   ],
     providers: [

src/app/components/tournament-divide/tournament-divide.component.ts

@@ -2,9 +2,8 @@ import {Component, OnInit} from '@angular/core';
 import {Tournament} from "../../model/tournament";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";
-import {TournamentDivision} from "../../model/tournamentDivision";
 import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
-import {KeyValuePipe, NgForOf, NgIf} from "@angular/common";
+import {NgForOf, NgIf} from "@angular/common";
 import {
   MatAccordion,
   MatExpansionPanel,
@@ -12,8 +11,7 @@ import {
   MatExpansionPanelTitle
 } from "@angular/material/expansion";
 import {Event} from "../../model/event";
-import {Player, Strength} from "../../model/player";
-import {EventDivision} from "../../model/eventDivision";
+import {Strength} from "../../model/player";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
 
 @Component({
@@ -27,7 +25,6 @@ import {FullNamePipe} from "../../pipes/fullname-pipe";
     MatExpansionPanelTitle,
     MatExpansionPanelHeader,
     NgForOf,
-        KeyValuePipe,
     FullNamePipe,
     MatAccordion
   ],

src/app/components/tournament-draw/tournament-draw.component.ts

@@ -17,7 +17,6 @@ import {FullNamePipe} from "../../pipes/fullname-pipe";
 @Component({
     selector: 'app-tournament-draw',
   imports: [
-        FullNamePipe,
     MatCard,
     NgIf,
     MatCardContent,

src/app/components/tournament-edit/tournament-edit.component.ts

@@ -5,14 +5,14 @@ import {Tournament} from "../../model/tournament";
 import {TournamentService} from "../../service/tournament.service";
 import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
-import {MatCard, MatCardActions, MatCardContent, MatCardHeader} from "@angular/material/card";
+import {MatCard, MatCardActions, MatCardContent} from "@angular/material/card";
 import {MatFormField, MatHint, MatLabel} from "@angular/material/form-field";
 import {MatInput} from "@angular/material/input";
 import {MatRadioButton, MatRadioGroup} from "@angular/material/radio";
-import {CurrencyPipe, NgForOf, registerLocaleData} from "@angular/common";
+import {CurrencyPipe, registerLocaleData} from "@angular/common";
 import nl from "@angular/common/locales/nl";
 import {TitleService} from "../../service/title.service";
-import {NgxMaskDirective, NgxMaskPipe} from "ngx-mask";
+import {NgxMaskDirective} from "ngx-mask";
 import {MatSnackBar} from "@angular/material/snack-bar";
 
 registerLocaleData(nl);
@@ -26,7 +26,6 @@ registerLocaleData(nl);
     MatButton,
     MatIcon,
     MatCard,
-        MatCardHeader,
     MatCardContent,
     MatFormField,
     MatInput,
@@ -34,11 +33,8 @@ registerLocaleData(nl);
     MatCardActions,
     MatRadioButton,
     MatRadioGroup,
-        NgForOf,
-        CurrencyPipe,
     MatHint,
-        NgxMaskDirective,
-        NgxMaskPipe
+    NgxMaskDirective
   ],
     providers: [
         CurrencyPipe

src/app/components/tournament-list/tournament-list.component.ts

@@ -1,27 +1,18 @@
-import {AfterContentChecked, AfterContentInit, Component, EventEmitter, OnInit, Output} from '@angular/core';
+import {AfterContentChecked, Component, OnInit} from '@angular/core';
 import {NgFor, NgIf} from "@angular/common";
 import {RouterLink} from "@angular/router";
 import {Tournament} from "../../model/tournament";
 import {TournamentService} from "../../service/tournament.service";
-import {MatAnchor, MatButton, MatIconButton} from "@angular/material/button";
+import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
-import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
-import {
-  MatCell,
-  MatCellDef,
-  MatColumnDef,
-  MatHeaderCell,
-  MatHeaderCellDef,
-  MatHeaderRow, MatRow,
-  MatTable, MatTableModule
-} from "@angular/material/table";
-import {MatMenuTrigger} from "@angular/material/menu";
+import {MatCard, MatCardContent} from "@angular/material/card";
+import {MatTableModule} from "@angular/material/table";
 import {TitleService} from "../../service/title.service";
 
 @Component({
     selector: 'app-tournament-list',
   imports: [
-        NgFor, RouterLink, NgIf, MatAnchor, MatIcon, MatCard, MatCardHeader, MatCardContent, MatButton, MatTable, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatHeaderRow, MatRow, MatTableModule, MatIconButton, MatMenuTrigger
+    NgFor, RouterLink, NgIf, MatAnchor, MatIcon, MatCard, MatCardContent, MatButton, MatTableModule
   ],
     templateUrl: './tournament-list.component.html',
     styleUrl: './tournament-list.component.scss'

src/app/components/tournament-registrations/tournament-registrations.component.ts

@@ -4,7 +4,6 @@ import {Tournament} from "../../model/tournament";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";
 import {NgForOf, NgIf} from "@angular/common";
-import {Player} from "../../model/player";
 import {Event} from "../../model/event";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
 import {TitleService} from "../../service/title.service";

src/app/components/tournament-validate/tournament-validate.component.ts

@@ -1,7 +1,7 @@
 import {Component, OnInit} from '@angular/core';
 import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
 import {Tournament} from "../../model/tournament";
-import {AsyncPipe, NgForOf, NgIf} from "@angular/common";
+import {NgForOf, NgIf} from "@angular/common";
 import {Event} from "../../model/event";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";

yarn.lock

@@ -198,12 +198,12 @@
   optionalDependencies:
     lmdb "3.4.1"
 
-"@angular/cdk@^19.2.19":
-  version "19.2.19"
-  resolved "https://registry.yarnpkg.com/@angular/cdk/-/cdk-19.2.19.tgz#25ba3b8f565e6bcd9cd59159c0d9a4244cf3c7ee"
-  integrity sha512-PCpJagurPBqciqcq4Z8+3OtKLb7rSl4w/qBJoIMua8CgnrjvA1i+SWawhdtfI1zlY8FSwhzLwXV0CmWWfFzQPg==
+"@angular/cdk@^20.1.5":
+  version "20.1.5"
+  resolved "https://registry.yarnpkg.com/@angular/cdk/-/cdk-20.1.5.tgz#2e90f9ade4d3c335c300226323576aa77f2e050a"
+  integrity sha512-uJezXaVPAbumxTCv5JA7oIuWCgPlz9/Fj6dJl6bxcRD7DfMyHGq3dtoLhthuU/uk+OfK0FlTklR92Yss5frFUw==
   dependencies:
-    parse5 "^7.1.2"
+    parse5 "^8.0.0"
     tslib "^2.3.0"
 
 "@angular/cli@^20.1.5":
@@ -283,17 +283,17 @@
     tinyglobby "^0.2.12"
     yargs "^18.0.0"
 
-"@angular/material-moment-adapter@^19.2.19":
-  version "19.2.19"
-  resolved "https://registry.yarnpkg.com/@angular/material-moment-adapter/-/material-moment-adapter-19.2.19.tgz#75fcfb547727ad92bffa7435c89bb6782c6c9bee"
-  integrity sha512-yL7ES1HgtEW5D3iOkio/PD/UwBgXuyNDkxBdcrRYih+8ihhbaU6rBzCT5juUujjmRtt8Aj+3M80PSq5dlsingA==
+"@angular/material-moment-adapter@^20.1.5":
+  version "20.1.5"
+  resolved "https://registry.yarnpkg.com/@angular/material-moment-adapter/-/material-moment-adapter-20.1.5.tgz#8c4f1afc80031d8d84798b3e82043af68fe41794"
+  integrity sha512-x5Sk1tSFy5kdqapyeJI66FxWMYyM6J1cfr1deS4Lu4eIV7dgTD1f/XnE3+5mtR+SZ45RKJzfwHgMEHY5W4COvQ==
   dependencies:
     tslib "^2.3.0"
 
-"@angular/material@^19.2.19":
-  version "19.2.19"
-  resolved "https://registry.yarnpkg.com/@angular/material/-/material-19.2.19.tgz#dd10669e260109c4f944303dcff3d92fed2e5566"
-  integrity sha512-auIE6JUzTIA3LyYklh9J/T7u64crmphxUBgAa0zcOMDog6SYfwbNe9YeLQqua5ek4OUAOdK/BHHfVl5W5iaUoQ==
+"@angular/material@^20.1.5":
+  version "20.1.5"
+  resolved "https://registry.yarnpkg.com/@angular/material/-/material-20.1.5.tgz#e17cadae4d952d197dc91de484763a1b09b42363"
+  integrity sha512-Kce3rjQEblkX6gb6RH8Fefm0cFxXsM7d/bTCu3syCQiy4F0BUv4OGyThIkiWztVwVtg/E9IeYotoftCyydFJLQ==
   dependencies:
     tslib "^2.3.0"
 
@@ -3917,13 +3917,20 @@ parse5-sax-parser@^7.0.0:
   dependencies:
     parse5 "^7.0.0"
 
-parse5@^7.0.0, parse5@^7.1.2:
+parse5@^7.0.0:
   version "7.3.0"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.3.0.tgz#d7e224fa72399c7a175099f45fc2ad024b05ec05"
   integrity sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==
   dependencies:
     entities "^6.0.0"
 
+parse5@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-8.0.0.tgz#aceb267f6b15f9b6e6ba9e35bfdd481fc2167b12"
+  integrity sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==
+  dependencies:
+    entities "^6.0.0"
+
 parseurl@^1.3.3, parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"