UI: Angular15 migration

ui-ngx/.browserslistrc

@@ -1,16 +0,0 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# For the full list of supported browsers by the Angular framework, please see:
-# https://angular.io/guide/browser-support
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-Firefox ESR

ui-ngx/package.json

@@ -14,17 +14,17 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.2.12",
+    "@angular/animations": "^15.1.5",
     "@angular/cdk": "^14.2.7",
-    "@angular/common": "^14.2.12",
+    "@angular/common": "^15.1.5",
-    "@angular/compiler": "^14.2.12",
+    "@angular/compiler": "^15.1.5",
-    "@angular/core": "^14.2.12",
+    "@angular/core": "^15.1.5",
     "@angular/flex-layout": "^14.0.0-beta.41",
-    "@angular/forms": "^14.2.12",
+    "@angular/forms": "^15.1.5",
     "@angular/material": "^14.2.7",
-    "@angular/platform-browser": "^14.2.12",
+    "@angular/platform-browser": "^15.1.5",
-    "@angular/platform-browser-dynamic": "^14.2.12",
+    "@angular/platform-browser-dynamic": "^15.1.5",
-    "@angular/router": "^14.2.12",
+    "@angular/router": "^15.1.5",
     "@auth0/angular-jwt": "^5.1.2",
     "@date-io/core": "1.3.7",
     "@date-io/date-fns": "1.3.7",
@@ -104,15 +104,15 @@
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "~14.1.0",
-    "@angular-devkit/build-angular": "^14.2.10",
+    "@angular-devkit/build-angular": "^15.1.6",
     "@angular-eslint/builder": "15.2.1",
     "@angular-eslint/eslint-plugin": "15.2.1",
     "@angular-eslint/eslint-plugin-template": "15.2.1",
     "@angular-eslint/schematics": "15.2.1",
     "@angular-eslint/template-parser": "15.2.1",
-    "@angular/cli": "^14.2.10",
+    "@angular/cli": "^15.1.6",
-    "@angular/compiler-cli": "^14.2.12",
+    "@angular/compiler-cli": "^15.1.5",
-    "@angular/language-service": "^14.2.12",
+    "@angular/language-service": "^15.1.5",
     "@ngtools/webpack": "^14.2.10",
     "@types/ace-diff": "^2.1.1",
     "@types/canvas-gauges": "^2.1.4",
@@ -167,4 +167,4 @@
     "ace-builds": "1.4.13",
     "@date-io/core": "1.3.7"
   }
-}
+}

ui-ngx/src/test.ts

@@ -23,8 +23,6 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
@@ -32,7 +30,3 @@ getTestBed().initTestEnvironment(
     teardown: { destroyAfterEach: false }
 }
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

ui-ngx/tsconfig.json

@@ -11,7 +11,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2020",
+    "target": "ES2022",
     "module": "es2020",
     "emitDecoratorMetadata": true,
     "allowSyntheticDefaultImports": true,
@@ -24,17 +24,27 @@
       "src/typings/jquery.jstree.typings.d.ts",
       "src/typings/split.js.typings.d.ts",
       "src/typings/leaflet-geoman-extend.d.ts",
-      "src/typings/leaflet-extend-tb.d.ts",
+      "src/typings/leaflet-extend-tb.d.ts"
     ],
     "paths": {
-      "@app/*": ["src/app/*"],
+      "@app/*": [
+        "src/app/*"
+      ],
       "@env/*": [
         "src/environments/*"
       ],
-      "@core/*": ["src/app/core/*"],
+      "@core/*": [
-      "@modules/*": ["src/app/modules/*"],
+        "src/app/core/*"
-      "@shared/*": ["src/app/shared/*"],
+      ],
-      "@home/*": ["src/app/modules/home/*"],
+      "@modules/*": [
+        "src/app/modules/*"
+      ],
+      "@shared/*": [
+        "src/app/shared/*"
+      ],
+      "@home/*": [
+        "src/app/modules/home/*"
+      ],
       "jszip": [
         "node_modules/jszip/dist/jszip.min.js"
       ],
@@ -57,7 +67,8 @@
     "lib": [
       "es2020",
       "dom"
-    ]
+    ],
+    "useDefineForClassFields": false
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,