Update angular to 19 part 1

Author: fcv-iteratorIt

package-lock.json

@@ -11,24 +11,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.14",
+    "@angular/animations": "^19.2.15",
     "@angular/cdk": "^18.2.14",
-    "@angular/common": "^18.2.14",
-    "@angular/compiler": "^18.2.14",
-    "@angular/core": "^18.2.14",
-    "@angular/forms": "^18.2.14",
-    "@angular/localize": "^18.2.14",
+    "@angular/common": "^19.2.15",
+    "@angular/compiler": "^19.2.15",
+    "@angular/core": "^19.2.15",
+    "@angular/forms": "^19.2.15",
+    "@angular/localize": "^19.2.15",
     "@angular/material": "^18.2.14",
     "@angular/material-moment-adapter": "^18.2.14",
-    "@angular/platform-browser": "^18.2.14",
-    "@angular/platform-browser-dynamic": "^18.2.14",
-    "@angular/router": "^18.2.14",
+    "@angular/platform-browser": "^19.2.15",
+    "@angular/platform-browser-dynamic": "^19.2.15",
+    "@angular/router": "^19.2.15",
     "@auth0/angular-jwt": "^5.0.1",
-    "@fortawesome/angular-fontawesome": "^0.15.0",
+    "@fortawesome/angular-fontawesome": "^1.0.0",
     "@fortawesome/fontawesome-free": "^7.1.0",
-    "@fortawesome/fontawesome-svg-core": "^1.2.28",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
     "@fortawesome/free-solid-svg-icons": "^5.13.0",
-    "@ng-bootstrap/ng-bootstrap": "^17.0.1",
+    "@ng-bootstrap/ng-bootstrap": "^18.0.0",
     "@ngx-translate/core": "^17.0.0",
     "@ngx-translate/http-loader": "^17.0.0",
     "@popperjs/core": "^2.11.6",
@@ -43,11 +43,11 @@
     "leaflet-geosearch": "3.6.1",
     "leaflet.fullscreen": "3.0.1",
     "moment": "^2.29.4",
-    "monaco-editor": "^0.50.0",
+    "monaco-editor": "^0.52.2",
     "ng": "0.0.0",
     "ng-inline-svg-2": "^15.0.1",
-    "ngx-cookie-service": "^18.0.0",
-    "ngx-monaco-editor-v2": "^18.1.0",
+    "ngx-cookie-service": "^19.1.2",
+    "ngx-monaco-editor-v2": "^19.0.2",
     "ngx-papaparse": "^5.0.0",
     "popper.js": "^1.16.1",
     "proj4": "2.12.1",
@@ -56,13 +56,13 @@
     "tslib": "^2.0.0",
     "tslint": "~6.1.0",
     "ua-parser-js": "^1.0.33",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.21",
-    "@angular/cli": "^18.2.21",
-    "@angular/compiler-cli": "^18.2.14",
-    "@ngrx/store-devtools": "^18.1.1",
+    "@angular-devkit/build-angular": "^19.2.18",
+    "@angular/cli": "^19.2.18",
+    "@angular/compiler-cli": "^19.2.15",
+    "@ngrx/store-devtools": "^19.2.1",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/jest": "^30.0.0",
@@ -87,6 +87,6 @@
     "ts-node": "~8.3.0",
     "tslint-angular": "^3.0.3",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "~5.4.5"
+    "typescript": "~5.8.3"
   }
 }

package.json

@@ -13,9 +13,10 @@ import { ApiKeyService } from "../api-key.service";
 import { FormControl } from "@angular/forms";
 
 @Component({
-  selector: "app-api-key-edit",
-  templateUrl: "./api-key-edit.component.html",
-  styleUrls: ["./api-key-edit.component.scss"],
+    selector: "app-api-key-edit",
+    templateUrl: "./api-key-edit.component.html",
+    styleUrls: ["./api-key-edit.component.scss"],
+    standalone: false
 })
 export class ApiKeyEditComponent implements OnInit {
   apiKeyRequest = new ApiKeyRequest();

src/app/admin/api-key/api-key-edit/api-key-edit.component.ts

@@ -6,9 +6,10 @@ import { MeService } from "@shared/services/me.service";
 import { OrganizationAccessScope } from "@shared/enums/access-scopes";
 
 @Component({
-  selector: "app-api-key-list",
-  templateUrl: "./api-key-list.component.html",
-  styleUrls: ["./api-key-list.component.scss"],
+    selector: "app-api-key-list",
+    templateUrl: "./api-key-list.component.html",
+    styleUrls: ["./api-key-list.component.scss"],
+    standalone: false
 })
 export class ApiKeyListComponent implements OnInit {
   @Input() organisationId: number;

src/app/admin/api-key/api-key-list/api-key-list.component.ts

@@ -13,9 +13,10 @@ import { OrganizationAccessScope } from "@shared/enums/access-scopes";
 import { DefaultPageSizeOptions } from "@shared/constants/page.constants";
 
 @Component({
-  selector: "app-api-key-table",
-  templateUrl: "./api-key-table.component.html",
-  styleUrls: ["./api-key-table.component.scss"],
+    selector: "app-api-key-table",
+    templateUrl: "./api-key-table.component.html",
+    styleUrls: ["./api-key-table.component.scss"],
+    standalone: false
 })
 export class ApiKeyTableComponent implements AfterViewInit {
   @Input() organisationId: number;

src/app/admin/api-key/api-key-list/api-key-table/api-key-table.component.ts

@@ -1,8 +1,9 @@
 import { Component, OnInit } from "@angular/core";
 
 @Component({
-  selector: "app-api-key",
-  template: "<router-outlet></router-outlet>",
+    selector: "app-api-key",
+    template: "<router-outlet></router-outlet>",
+    standalone: false
 })
 export class ApiKeyComponent implements OnInit {
   constructor() {}

src/app/admin/api-key/api-key.component.ts

@@ -21,9 +21,10 @@ import { ErrorMessageService } from "@shared/error-message.service";
 import { HttpErrorResponse } from "@angular/common/http";
 
 @Component({
-  selector: "app-organisation-detail",
-  templateUrl: "./organisation-detail.component.html",
-  styleUrls: ["./organisation-detail.component.scss"],
+    selector: "app-organisation-detail",
+    templateUrl: "./organisation-detail.component.html",
+    styleUrls: ["./organisation-detail.component.scss"],
+    standalone: false
 })
 export class OrganisationDetailComponent implements OnInit, OnChanges, OnDestroy {
   isLoadingResults = true;

src/app/admin/organisation/organisation-detail/organisation-detail.component.ts

@@ -11,9 +11,10 @@ import { BackButton } from "@shared/models/back-button.model";
 import { SharedVariableService } from "@shared/shared-variable/shared-variable.service";
 
 @Component({
-  selector: "app-organisation-edit",
-  templateUrl: "./organisation-edit.component.html",
-  styleUrls: ["./organisation-edit.component.scss"],
+    selector: "app-organisation-edit",
+    templateUrl: "./organisation-edit.component.html",
+    styleUrls: ["./organisation-edit.component.scss"],
+    standalone: false
 })
 export class OrganisationEditComponent implements OnInit {
   organisation = new Organisation();

src/app/admin/organisation/organisation-edit/organisation-edit.component.ts

@@ -5,9 +5,10 @@ import { MeService } from "@shared/services/me.service";
 import { OrganizationAccessScope } from "@shared/enums/access-scopes";
 
 @Component({
-  selector: "app-organisation-list",
-  templateUrl: "./organisation-list.component.html",
-  styleUrls: ["./organisation-list.component.scss"],
+    selector: "app-organisation-list",
+    templateUrl: "./organisation-list.component.html",
+    styleUrls: ["./organisation-list.component.scss"],
+    standalone: false
 })
 export class OrganisationListComponent implements OnInit {
   canEdit: boolean;

src/app/admin/organisation/organisation-list/organisation-list.component.ts

@@ -12,9 +12,10 @@ import { ErrorMessageService } from "@shared/error-message.service";
 import { HttpErrorResponse } from "@angular/common/http";
 
 @Component({
-  selector: "app-organisation-tabel",
-  templateUrl: "./organisation-tabel.component.html",
-  styleUrls: ["./organisation-tabel.component.scss"],
+    selector: "app-organisation-tabel",
+    templateUrl: "./organisation-tabel.component.html",
+    styleUrls: ["./organisation-tabel.component.scss"],
+    standalone: false
 })
 export class OrganisationTabelComponent implements AfterViewInit {
   displayedColumns: string[] = ["name", "applications", "menu"];