Angular 20

client/angular.json

@@ -93,5 +93,31 @@
         }
       }
     }
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
   }
 }

client/package.json

@@ -13,17 +13,17 @@
   "private": true,
   "dependencies": {
     "@ag-grid-community/locale": "^32.1.0",
-    "@angular/animations": "^19.2.18",
+    "@angular/animations": "^20.3.16",
     "@angular/cdk": "^19.2.19",
-    "@angular/common": "^19.2.18",
-    "@angular/compiler": "^19.2.18",
-    "@angular/core": "^19.2.18",
-    "@angular/forms": "^19.2.18",
+    "@angular/common": "^20.3.16",
+    "@angular/compiler": "^20.3.16",
+    "@angular/core": "^20.3.16",
+    "@angular/forms": "^20.3.16",
     "@angular/material": "^19.2.19",
     "@angular/material-moment-adapter": "^19.2.19",
-    "@angular/platform-browser": "^19.2.18",
-    "@angular/platform-browser-dynamic": "^19.2.18",
-    "@angular/router": "^19.2.18",
+    "@angular/platform-browser": "^20.3.16",
+    "@angular/platform-browser-dynamic": "^20.3.16",
+    "@angular/router": "^20.3.16",
     "@ngneat/overview": "^6.0.0",
     "@ngxpert/hot-toast": "^3.0.1",
     "ag-grid-angular": "^32.1.0",
@@ -33,9 +33,9 @@
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular/build": "^19.2.20",
-    "@angular/cli": "^19.2.20",
-    "@angular/compiler-cli": "^19.2.18",
+    "@angular/build": "^20.3.16",
+    "@angular/cli": "^20.3.16",
+    "@angular/compiler-cli": "^20.3.16",
     "@faker-js/faker": "^9.0.3",
     "@types/jest": "^29.5.14",
     "autoprefixer": "^10.4.20",

client/src/app/modules/cylinder/components/create-cylinder/create-cylinder.component.ts

@@ -3,7 +3,7 @@ import { FormGroup, FormControl, Validators, ReactiveFormsModule, FormsModule }
 import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';
 import { HotToastService } from '@ngxpert/hot-toast';
 import { ApiService } from '../../../../shared/api.service';
-import { CommonModule } from '@angular/common';
+
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
@@ -12,7 +12,7 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'app-create-cylinder',
-    imports: [CommonModule, MatFormFieldModule, MatInputModule, MatDialogModule, ReactiveFormsModule, FormsModule, MatSelectModule, MatButtonModule, MatIconModule],
+    imports: [MatFormFieldModule, MatInputModule, MatDialogModule, ReactiveFormsModule, FormsModule, MatSelectModule, MatButtonModule, MatIconModule],
     templateUrl: './create-cylinder.component.html',
     styleUrl: './create-cylinder.component.scss'
 })

client/src/app/modules/cylinder/components/delete-cylinder/delete-cylinder.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+
 import { Component, inject, LOCALE_ID } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
@@ -7,7 +7,7 @@ import { ICylinder } from '../../../../model/interface/cylinder.interface';
 
 @Component({
     selector: 'app-delete-cylinder',
-    imports: [MatDialogModule, MatButtonModule, CommonModule, MatIconModule],
+    imports: [MatDialogModule, MatButtonModule, MatIconModule],
     providers: [{ provide: LOCALE_ID, useValue: 'de-DE' },],
     templateUrl: './delete-cylinder.component.html',
     styleUrl: './delete-cylinder.component.scss'

client/src/app/modules/keys/components/handover-dialog/handover-dialog.component.ts

@@ -8,7 +8,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MAT_DATE_LOCALE, provideNativeDateAdapter } from '@angular/material/core';
 import { MatButtonModule } from '@angular/material/button';
-import { CommonModule, DatePipe } from '@angular/common';
+import { DatePipe } from '@angular/common';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { map, Observable, startWith, timestamp } from 'rxjs';
 import {
@@ -27,7 +27,7 @@ import { AgGridAngular } from 'ag-grid-angular';
 
 @Component({
     selector: 'app-handover-dialog',
-    imports: [FormsModule, MatTabsModule, AgGridAngular, ReactiveFormsModule, MatDatepickerModule, MatFormFieldModule, MatInputModule, MatButtonModule, MatDialogModule, CommonModule, MatAutocompleteModule, MatProgressSpinnerModule, MatRadioModule],
+    imports: [FormsModule, MatTabsModule, AgGridAngular, ReactiveFormsModule, MatDatepickerModule, MatFormFieldModule, MatInputModule, MatButtonModule, MatDialogModule, MatAutocompleteModule, MatProgressSpinnerModule, MatRadioModule],
     providers: [
         provideNativeDateAdapter(),
         { provide: LOCALE_ID, useValue: 'de-DE' },

client/src/app/modules/keys/components/lost-keys/lost-keys.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule, DatePipe } from '@angular/common';
+import { DatePipe } from '@angular/common';
 import { Component, inject } from '@angular/core';
 import { MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { HotToastService } from '@ngxpert/hot-toast';
@@ -13,7 +13,7 @@ import { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'app-lost-keys',
-    imports: [MatDialogModule, AgGridAngular, CommonModule, MatButtonModule],
+    imports: [MatDialogModule, AgGridAngular, MatButtonModule],
     providers: [DatePipe],
     templateUrl: './lost-keys.component.html',
     styleUrl: './lost-keys.component.scss'

client/src/app/modules/system/components/system-manager/system-manager.component.ts

@@ -8,7 +8,7 @@ import { ApiService } from '../../../../shared/api.service';
 import { MatButtonModule } from '@angular/material/button';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import { CommonModule } from '@angular/common';
+
 import { FormsModule } from '@angular/forms';
 import { AuthService } from '../../../../core/auth/auth.service';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -18,7 +18,7 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'app-system-manager',
-    imports: [AgGridAngular, MatDialogModule, MatButtonModule, MatInputModule, MatFormFieldModule, CommonModule, FormsModule, MatIconModule],
+    imports: [AgGridAngular, MatDialogModule, MatButtonModule, MatInputModule, MatFormFieldModule, FormsModule, MatIconModule],
     templateUrl: './system-manager.component.html',
     styleUrl: './system-manager.component.scss'
 })