angular to 19

client/angular.json

@@ -15,7 +15,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/client",
             "index": "src/index.html",
@@ -70,7 +70,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "options": {
             "proxyConfig": "proxy.conf.json"
           },
@@ -89,7 +89,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n"
+          "builder": "@angular/build:extract-i18n"
         }
       }
     }

client/package.json

@@ -13,29 +13,29 @@
   "private": true,
   "dependencies": {
     "@ag-grid-community/locale": "^32.1.0",
-    "@angular/animations": "^18.0.0",
+    "@angular/animations": "^19.2.18",
     "@angular/cdk": "^18.2.4",
-    "@angular/common": "^18.0.0",
+    "@angular/common": "^19.2.18",
-    "@angular/compiler": "^18.0.0",
+    "@angular/compiler": "^19.2.18",
-    "@angular/core": "^18.0.0",
+    "@angular/core": "^19.2.18",
-    "@angular/forms": "^18.0.0",
+    "@angular/forms": "^19.2.18",
     "@angular/material": "^18.2.4",
     "@angular/material-moment-adapter": "^18.2.9",
-    "@angular/platform-browser": "^18.0.0",
+    "@angular/platform-browser": "^19.2.18",
-    "@angular/platform-browser-dynamic": "^18.0.0",
+    "@angular/platform-browser-dynamic": "^19.2.18",
-    "@angular/router": "^18.0.0",
+    "@angular/router": "^19.2.18",
     "@ngneat/overview": "^6.0.0",
     "@ngxpert/hot-toast": "^3.0.1",
     "ag-grid-angular": "^32.1.0",
     "ag-grid-community": "^32.1.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.3"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.0.2",
+    "@angular/build": "^19.2.20",
-    "@angular/cli": "^18.0.2",
+    "@angular/cli": "^19.2.20",
-    "@angular/compiler-cli": "^18.0.0",
+    "@angular/compiler-cli": "^19.2.18",
     "@faker-js/faker": "^9.0.3",
     "@types/jest": "^29.5.14",
     "autoprefixer": "^10.4.20",
@@ -44,6 +44,6 @@
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.16",
     "ts-node": "^10.9.2",
-    "typescript": "~5.4.2"
+    "typescript": "~5.8.3"
   }
 }

client/src/app/app.component.ts

@@ -4,7 +4,6 @@ import { RouterOutlet } from '@angular/router';
 
 @Component({
     selector: 'app-root',
-  standalone: true,
     imports: [RouterOutlet,],
     providers: [
         { provide: LOCALE_ID, useValue: 'de-DE' },

client/src/app/core/layout/layout.component.ts

@@ -9,7 +9,6 @@ import { SettingsComponent } from '../../modules/settings/settings.component';
 
 @Component({
     selector: 'app-layout',
-  standalone: true,
     imports: [MatButtonModule, MatIconModule, MatSidenavModule, RouterModule, MatToolbarModule, SettingsComponent],
     templateUrl: './layout.component.html',
     styleUrl: './layout.component.scss'

client/src/app/modules/admin/all-users/all-users.component.ts

@@ -11,7 +11,6 @@ import { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'app-all-users',
-  standalone: true,
     imports: [AgGridAngular, MatButtonModule],
     providers: [DatePipe],
     templateUrl: './all-users.component.html',

client/src/app/modules/auth/login/login.component.ts

@@ -5,7 +5,6 @@ import { MatDialog, MatDialogActions, MatDialogModule, MatDialogRef } from '@ang
 
 @Component({
     selector: 'app-login',
-  standalone: true,
     imports: [MatButtonModule, MatDialogModule],
     templateUrl: './login.component.html',
     styleUrl: './login.component.scss'

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

@@ -12,7 +12,6 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'app-create-cylinder',
-  standalone: true,
     imports: [CommonModule, 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

@@ -7,7 +7,6 @@ import { ICylinder } from '../../../../model/interface/cylinder.interface';
 
 @Component({
     selector: 'app-delete-cylinder',
-  standalone: true,
     imports: [MatDialogModule, MatButtonModule, CommonModule, MatIconModule],
     providers: [{ provide: LOCALE_ID, useValue: 'de-DE' },],
     templateUrl: './delete-cylinder.component.html',

client/src/app/modules/cylinder/cylinder.component.ts

@@ -12,7 +12,6 @@ import { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'app-cylinder',
-  standalone: true,
     imports: [AgGridAngular, MatDialogModule, MatIconModule, MatButtonModule],
     providers: [DatePipe],
     templateUrl: './cylinder.component.html',

client/src/app/modules/dashboard/dashboard.component.ts

@@ -12,7 +12,6 @@ import { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'app-dashboard',
-  standalone: true,
     imports: [AgGridAngular, MatIconModule, AgGridAngular, MatCardModule, RouterModule, MatButtonModule],
     providers: [DatePipe],
     templateUrl: './dashboard.component.html',

client/src/app/modules/keys/components/archive/archive.component.ts

@@ -14,7 +14,6 @@ import { HELPER } from '../../../../shared/helper.service';
 
 @Component({
     selector: 'app-archive',
-  standalone: true,
     imports: [MatDialogModule, AgGridAngular, MatButtonModule, MatIconModule],
     providers: [DatePipe, { provide: LOCALE_ID, useValue: 'de-DE' }],
     templateUrl: './archive.component.html',

client/src/app/modules/keys/components/delete-key/delete-key.component.ts

@@ -6,7 +6,6 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'app-delete-key',
-  standalone: true,
     imports: [MatDialogModule, MatButtonModule, MatIconModule],
     templateUrl: './delete-key.component.html',
     styleUrl: './delete-key.component.scss'

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

@@ -27,7 +27,6 @@ import { AgGridAngular } from 'ag-grid-angular';
 
 @Component({
     selector: 'app-handover-dialog',
-  standalone: true,
     imports: [FormsModule, MatTabsModule, AgGridAngular, ReactiveFormsModule, MatDatepickerModule, MatFormFieldModule, MatInputModule, MatButtonModule, MatDialogModule, CommonModule, MatAutocompleteModule, MatProgressSpinnerModule, MatRadioModule],
     providers: [
         provideNativeDateAdapter(),
@@ -228,8 +227,7 @@ export class HandoverDialogComponent {
 
 </mat-nav-list>
   `,
-  standalone: true,
+    imports: [MatInputModule, MatListModule]
-  imports: [MatInputModule, MatListModule],
 })
 export class BottomSheetCreateCustomer {
   private _bottomSheetRef =

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

@@ -7,7 +7,6 @@ import { CommonModule, DatePipe } from '@angular/common';
 
 @Component({
     selector: 'app-lost-key',
-  standalone: true,
     imports: [MatDialogModule, MatButtonModule, MatIconModule, CommonModule],
     providers: [{ provide: LOCALE_ID, useValue: 'de-DE' }],
     templateUrl: './lost-key.component.html',

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

@@ -13,7 +13,6 @@ import { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'app-lost-keys',
-  standalone: true,
     imports: [MatDialogModule, AgGridAngular, CommonModule, MatButtonModule],
     providers: [DatePipe],
     templateUrl: './lost-keys.component.html',

client/src/app/modules/keys/create/create.component.ts

@@ -17,7 +17,6 @@ import { ICylinder } from '../../../model/interface/cylinder.interface';
 
 @Component({
     selector: 'app-create',
-  standalone: true,
     imports: [MatDialogModule, MatButtonModule, ReactiveFormsModule, FormsModule, MatFormFieldModule, MatInputModule, MatSelectModule, MatDialogModule, MatIconModule, MatCheckboxModule],
     templateUrl: './create.component.html',
     styleUrl: './create.component.scss'

client/src/app/modules/keys/create/select-key-cylinder/select-key-cylinder.component.ts

@@ -10,7 +10,6 @@ import { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'app-select-key-cylinder',
-  standalone: true,
     imports: [AgGridAngular, MatDialogModule, MatButtonModule],
     templateUrl: './select-key-cylinder.component.html',
     styleUrl: './select-key-cylinder.component.scss'

client/src/app/modules/keys/keys.component.ts

@@ -21,7 +21,6 @@ import { SelectKeyCylinderComponent } from './create/select-key-cylinder/select-
 
 @Component({
     selector: 'app-keys',
-  standalone: true,
     imports: [AgGridAngular, MatButtonModule, MatDialogModule, MatIconModule, MatTooltipModule],
     providers: [DatePipe],
     templateUrl: './keys.component.html',

client/src/app/modules/settings/settings.component.ts

@@ -11,7 +11,6 @@ import {MatProgressBarModule} from '@angular/material/progress-bar';
 
 @Component({
     selector: 'app-settings',
-  standalone: true,
     imports: [MatProgressBarModule, MatFormFieldModule, MatInputModule, MatButtonModule, ReactiveFormsModule, FormsModule, MatSlideToggleModule],
     templateUrl: './settings.component.html',
     styleUrl: './settings.component.scss'

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

@@ -6,7 +6,6 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'app-remove-manager-popup',
-  standalone: true,
     imports: [MatButtonModule, MatDialogModule, MatIconModule],
     templateUrl: './remove-manager-popup.component.html',
     styleUrl: './remove-manager-popup.component.scss'

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

@@ -18,7 +18,6 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'app-system-manager',
-  standalone: true,
     imports: [AgGridAngular, MatDialogModule, MatButtonModule, MatInputModule, MatFormFieldModule, CommonModule, FormsModule, MatIconModule],
     templateUrl: './system-manager.component.html',
     styleUrl: './system-manager.component.scss'

client/src/app/modules/system/create/create.component.ts

@@ -10,7 +10,6 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'app-create',
-  standalone: true,
     imports: [MatDialogModule, MatButtonModule, ReactiveFormsModule, FormsModule, MatFormFieldModule, MatInputModule, MatDialogModule, MatIconModule],
     templateUrl: './create.component.html',
     styleUrl: './create.component.scss'

client/src/app/modules/system/system.component.ts

@@ -11,7 +11,6 @@ import { AgSystemManagerComponent } from '../../shared/ag-grid/components/ag-sys
 
 @Component({
     selector: 'app-system',
-  standalone: true,
     imports: [AgGridAngular, MatButtonModule, MatDialogModule],
     providers: [DatePipe],
     templateUrl: './system.component.html',

client/src/app/shared/ag-grid/components/ag-base-component/ag-base-component.component.ts

@@ -7,7 +7,6 @@ import { ICellRendererParams } from 'ag-grid-community';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
-  standalone: true,
     imports: [MatDialogModule, MatTooltipModule],
     templateUrl: './ag-base-component.component.html',
     styleUrl: './ag-base-component.component.scss'

client/src/app/shared/ag-grid/components/ag-delete-cylinder/ag-delete-cylinder.component.ts

@@ -5,7 +5,6 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
     selector: 'app-ag-delete-cylinder',
-  standalone: true,
     imports: [MatTooltipModule],
     templateUrl: './ag-delete-cylinder.component.html',
     styleUrl: './ag-delete-cylinder.component.scss'

client/src/app/shared/ag-grid/components/ag-delete-key/ag-delete-key.component.ts

@@ -13,7 +13,6 @@ import { CreateKeyComponent } from '../../../../modules/keys/create/create.compo
 
 @Component({
     selector: 'app-ag-delete-key',
-  standalone: true,
     imports: [MatDialogModule, MatTooltipModule],
     templateUrl: './ag-delete-key.component.html',
     styleUrl: './ag-delete-key.component.scss'

client/src/app/shared/ag-grid/components/ag-loading/ag-loading.component.ts

@@ -5,7 +5,6 @@ import { ILoadingOverlayParams } from 'ag-grid-community';
 
 @Component({
     selector: 'app-ag-loading',
-  standalone: true,
     imports: [MatProgressSpinnerModule],
     templateUrl: './ag-loading.component.html',
     styleUrl: './ag-loading.component.scss'

client/src/app/shared/ag-grid/components/ag-system-manager/ag-system-manager.component.ts

@@ -9,7 +9,6 @@ import { SystemManagerComponent } from '../../../../modules/system/components/sy
 
 @Component({
     selector: 'app-ag-system-manager',
-  standalone: true,
     imports: [MatDialogModule, MatTooltipModule],
     templateUrl: './ag-system-manager.component.html',
     styleUrl: './ag-system-manager.component.scss'