feature/Aw6526Angular21

package.json

@@ -12,27 +12,27 @@
   "private": true,
   "dependencies": {
     "@angular-eslint/eslint-plugin": "20.7.0",
-    "@angular/animations": "20.3.16",
+    "@angular/animations": "21.1.0",
-    "@angular/common": "20.3.16",
+    "@angular/common": "21.1.0",
-    "@angular/compiler": "20.3.16",
+    "@angular/compiler": "21.1.0",
-    "@angular/core": "20.3.16",
+    "@angular/core": "21.1.0",
-    "@angular/forms": "20.3.16",
+    "@angular/forms": "21.1.0",
-    "@angular/platform-browser": "20.3.16",
+    "@angular/platform-browser": "21.1.0",
-    "@angular/platform-browser-dynamic": "20.3.16",
+    "@angular/platform-browser-dynamic": "21.1.0",
-    "@angular/router": "20.3.16",
+    "@angular/router": "21.1.0",
     "@farmmaps/common": "file:dist/common",
     "@farmmaps/common-map": "file:dist/common-map",
     "@farmmaps/common-map3d": "file:dist/common-map3d",
     "@farmmaps/ng-openlayers": "file:dist/ng-openlayers",
     "@microsoft/signalr": "10.0.0",
-    "@ng-bootstrap/ng-bootstrap": "^19.0.0",
+    "@ng-bootstrap/ng-bootstrap": "20.0.0",
-    "@ngrx/effects": "20.1.0",
+    "@ngrx/effects": "21.0.1",
-    "@ngrx/router-store": "20.1.0",
+    "@ngrx/router-store": "21.0.1",
-    "@ngrx/store": "20.1.0",
+    "@ngrx/store": "21.0.1",
-    "@popperjs/core": "^2.11.8",
+    "@popperjs/core": "2.11.8",
-    "angular-oauth2-oidc": "^17.0.2",
+    "angular-oauth2-oidc": "20.0.2",
-    "assert": "^2.0.0",
+    "assert": "2.1.0",
-    "bootstrap": "^5.3.3",
+    "bootstrap": "5.3.8",
     "browserify-zlib": "^0.2.0",
     "buffer": "^6.0.3",
     "cesium": "^1.97.0",
@@ -40,7 +40,7 @@
     "https-browserify": "^1.0.0",
     "moment": "^2.29.4",
     "ngrx-store-localstorage": "20.1.0",
-    "ngx-avatars": "1.10.0",
+    "ngx-avatars": "1.10.1",
     "ngx-clipboard": "^16.0.0",
     "ngx-image-cropper": "^7.0.0",
     "ngx-uploadx": "7.0.1",
@@ -61,32 +61,40 @@
     "@rollup/rollup-linux-x64-gnu": "^4.21.2"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "20.0.0",
+    "@angular-builders/custom-webpack": "21.0.3",
-    "@angular-devkit/build-angular": "20.3.14",
+    "@angular-devkit/build-angular": "21.1.0",
-    "@angular/build": "20.3.14",
+    "@angular/build": "21.1.0",
-    "@angular/cli": "20.3.14",
+    "@angular/cli": "21.1.0",
-    "@angular/compiler-cli": "20.3.16",
+    "@angular/compiler-cli": "21.1.0",
-    "@angular/language-service": "20.3.16",
+    "@angular/language-service": "21.1.0",
-    "@angular/localize": "20.3.16",
+    "@angular/localize": "21.1.0",
     "@types/arcgis-rest-api": "^10.4.5",
-    "@types/jasmine": "^5.1.15",
     "@types/node": "^22.5.4",
-    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/eslint-plugin": "8.53.1",
-    "@typescript-eslint/parser": "^7.0.0",
+    "@typescript-eslint/parser": "8.53.1",
-    "@vitest/browser": "3.1.1",
+    "@vitest/browser": "4.0.17",
-    "eslint": "^8.56.0",
+    "@vitest/browser-playwright": "^4.0.17",
+    "eslint": "9.39.2",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import": "2.32.0",
     "jsdom": "^27.4.0",
-    "ng-packagr": "20.3.2",
+    "ng-packagr": "21.1.0",
     "ts-node": "^8.8.1",
-    "typescript": "~5.8.3",
+    "typescript": "~5.9.3",
-    "vitest": "3.1.1"
+    "vitest": "4.0.17"
   },
   "overrides": {
     "ngrx-store-localstorage": {
       "@angular/common": "$@angular/common",
       "@angular/core": "$@angular/core"
+    },
+    "ngx-avatars": {
+      "@angular/common": "$@angular/common",
+      "@angular/core": "$@angular/core"
+    },
+    "ngx-uploadx": {
+      "@angular/common": "$@angular/common",
+      "@angular/core": "$@angular/core"
     }
   }
 }

projects/common-map/package.json

@@ -8,11 +8,11 @@
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/core": "20.3.16",
+    "@angular/core": "21.1.0",
     "ngrx-store-localstorage": "20.1.0",
-    "@ngrx/effects": "20.1.0",
+    "@ngrx/effects": "21.0.1",
-    "@ngrx/router-store": "20.1.0",
+    "@ngrx/router-store": "21.0.1",
-    "@ngrx/store": "20.1.0",
+    "@ngrx/store": "21.0.1",
     "tassign": "^1.0.0"
   },
   "overrides": {

projects/common-map/tsconfig.lib.json

@@ -12,10 +12,6 @@
     "importHelpers": true,
     "esModuleInterop": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ],
     "paths": {
       "@angular/*": [
         "node_modules/@angular/*"

projects/common-map/tsconfig.lib.prod.json

@@ -12,10 +12,6 @@
     "importHelpers": true,
     "esModuleInterop": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ],
     "paths": {
       "@angular/*": [
         "node_modules/@angular/*"

projects/common-map3d/package.json

@@ -8,8 +8,8 @@
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "20.3.16",
+    "@angular/common": "21.1.0",
-    "@angular/core":  "20.3.16",
+    "@angular/core":  "21.1.0",
     "cesium": "^1.97.0",
     "ol-cesium": ">=2.13.0"
   }

projects/common-map3d/tsconfig.lib.json

@@ -13,10 +13,6 @@
     "importHelpers": true,
     "esModuleInterop": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ],
     "paths": {
       "@angular/*": [
         "node_modules/@angular/*"

projects/common-map3d/tsconfig.lib.prod.json

@@ -13,10 +13,6 @@
     "importHelpers": true,
     "esModuleInterop": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ],
     "paths": {
       "@angular/*": [
         "node_modules/@angular/*"

projects/common/package.json

@@ -5,20 +5,20 @@
     "registry": "https://repository.akkerweb.nl/repository/npm-hosted/"
   },
   "peerDependencies": {
-    "@ng-bootstrap/ng-bootstrap": "^19.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^20.0.0",
-    "@angular/common": "20.3.16",
+    "@angular/common": "21.1.0",
-    "@angular/core": "20.3.16",
+    "@angular/core": "21.1.0",
-    "@angular/forms": "20.3.16",
+    "@angular/forms": "21.1.0",
-    "@ngrx/effects": "20.1.0",
+    "@ngrx/effects": "21.0.1",
-    "@ngrx/router-store": "20.1.0",
+    "@ngrx/router-store": "21.0.1",
-    "@ngrx/store": "20.1.0",
+    "@ngrx/store": "21.0.1",
     "tassign": "^1.0.0",
     "bootstrap": "^5.3.3",
     "@microsoft/signalr": "10.0.0",
     "ngx-uploadx": "7.0.1",
-    "angular-oauth2-oidc": "^17.0.2",
+    "angular-oauth2-oidc": "20.0.2",
     "moment": "^2.29.4",
-    "ngx-avatars": "1.10.0",
+    "ngx-avatars": "1.10.1",
     "ngx-image-cropper": "^7.0.0",
     "ngx-clipboard": "^16.0.0"
   }

projects/common/tsconfig.lib.json

@@ -12,10 +12,6 @@
     "importHelpers": true,
     "esModuleInterop": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ],
     "paths": {
       "@angular/*": [
         "node_modules/@angular/*"

projects/common/tsconfig.lib.prod.json

@@ -12,10 +12,6 @@
     "importHelpers": true,
     "esModuleInterop": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ],
     "paths": {
       "@angular/*": [
         "node_modules/@angular/*"

projects/ng-openlayers/package.json

@@ -31,8 +31,8 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": "20.3.16",
+    "@angular/common": "21.1.0",
-    "@angular/core": "20.3.16",
+    "@angular/core": "21.1.0",
     "ol": "^8.2.0"
   }
 }

projects/ng-openlayers/tsconfig.lib.json

@@ -12,10 +12,6 @@
     "importHelpers": true,
     "esModuleInterop": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ],
     "paths": {
       "@angular/*": [
         "node_modules/@angular/*"

projects/ng-openlayers/tsconfig.lib.prod.json

@@ -12,10 +12,6 @@
     "importHelpers": true,
     "esModuleInterop": true,
     "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ],
     "paths": {
       "@angular/*": [
         "node_modules/@angular/*"

src/main.ts

@@ -1,6 +1,6 @@
 import * as Cesium from 'cesium';
 
-import { enableProdMode } from '@angular/core';
+import { enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
@@ -15,5 +15,5 @@ if (environment.production) {
 window['CESIUM_BASE_URL'] = '/assets/cesium/';
 window['Cesium'] = Cesium;
 
-platformBrowserDynamic().bootstrapModule(AppModule)
+platformBrowserDynamic().bootstrapModule(AppModule, { applicationProviders: [provideZoneChangeDetection()], })
   .catch(err => console.error(err));

tsconfig.json

@@ -16,10 +16,6 @@
     "typeRoots": [
       "node_modules/@types"
     ],
-    "lib": [
-      "es2018",
-      "dom"
-    ],
     "paths": {
       "ng-openlayers": [
         "dist/ng-openlayers"