PD-0000 angular 22 update

Author: cryptalith

angular.json

@@ -103,15 +103,16 @@
       },
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": ["src/polyfills.ts"],
             "tsConfig": "src/tsconfig.app.json",
             "crossOrigin": "use-credentials",
             "outputHashing": "all",
-            "outputPath": "dist",
+            "outputPath": {
+              "base": "dist"
+            },
             "i18nMissingTranslation": "warning",
             "assets": [
               {
@@ -151,7 +152,11 @@
             "scripts": [
               "/scripts/environment.runtime.js",
               "/scripts/onetrust.runtime.js"
-            ]
+            ],
+            "browser": "src/main.ts",
+            "stylePreprocessorOptions": {
+              "includePaths": ["."]
+            }
           },
           "configurations": {
             "local": {
@@ -176,9 +181,9 @@
               },
               "namedChunks": true,
               "extractLicenses": false,
-              "vendorChunk": true,
-              "buildOptimizer": false,
-              "outputPath": "dist"
+              "outputPath": {
+                "base": "dist"
+              }
             },
             "local-with-proxy": {
               "scripts": [
@@ -191,9 +196,9 @@
               "sourceMap": true,
               "namedChunks": true,
               "extractLicenses": false,
-              "vendorChunk": true,
-              "buildOptimizer": false,
-              "outputPath": "dist",
+              "outputPath": {
+                "base": "dist"
+              },
               "budgets": [
                 {
                   "type": "anyComponentStyle",
@@ -213,9 +218,9 @@
               "sourceMap": true,
               "namedChunks": true,
               "extractLicenses": false,
-              "vendorChunk": true,
-              "buildOptimizer": false,
-              "outputPath": "dist",
+              "outputPath": {
+                "base": "dist"
+              },
               "budgets": [
                 {
                   "type": "anyComponentStyle",

package.json

@@ -39,19 +39,19 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "20.1.6",
-    "@angular/cdk": "20.1.6",
-    "@angular/common": "20.1.6",
-    "@angular/compiler": "20.1.6",
-    "@angular/core": "20.1.6",
-    "@angular/elements": "20.1.6",
-    "@angular/forms": "20.1.6",
-    "@angular/localize": "20.1.6",
-    "@angular/material": "20.1.6",
-    "@angular/platform-browser": "20.1.6",
-    "@angular/platform-browser-dynamic": "20.1.6",
-    "@angular/router": "20.1.6",
-    "@angular/service-worker": "20.1.6",
+    "@angular/animations": "22.0.2",
+    "@angular/cdk": "22.0.2",
+    "@angular/common": "22.0.2",
+    "@angular/compiler": "22.0.2",
+    "@angular/core": "22.0.2",
+    "@angular/elements": "22.0.2",
+    "@angular/forms": "22.0.2",
+    "@angular/localize": "22.0.2",
+    "@angular/material": "22.0.2",
+    "@angular/platform-browser": "22.0.2",
+    "@angular/platform-browser-dynamic": "22.0.2",
+    "@angular/router": "22.0.2",
+    "@angular/service-worker": "22.0.2",
     "@intl-tel-input/angular": "^29.0.1",
     "@orcid/bibtex-parse-js": "0.0.25",
     "@tailwindcss/postcss": "^4.1.18",
@@ -66,7 +66,7 @@
     "intl-tel-input": "^29.0.1",
     "karma-jasmine-html-reporter": "^1.7.0",
     "lodash": "^4.18.1",
-    "ngx-cookie-service": "^20",
+    "ngx-cookie-service": "22.0.0",
     "postcss": "^8.5.10",
     "properties-to-json": "^0.1.4",
     "rxjs": "~7.8.0",
@@ -78,38 +78,39 @@
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "20.1.6",
-    "@angular/build": "20.1.6",
-    "@angular/cli": "20.1.6",
-    "@angular/compiler-cli": "20.1.6",
-    "@angular/language-service": "20.1.6",
+    "@angular-devkit/build-angular": "22.0.3",
+    "@angular/build": "22.0.3",
+    "@angular/cli": "22.0.3",
+    "@angular/compiler-cli": "22.0.2",
+    "@angular/language-service": "22.0.2",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/lodash": "^4.14.168",
-    "@types/node": "^12.11.1",
+    "@types/node": "^26.0.0",
     "@types/puppeteer": "^2.0.0",
     "@types/xml2js": "^0.4.4",
     "caniuse-lite": "^1.0.30001733",
     "git-repo-info": "^2.1.1",
     "glob": "^7.1.6",
     "gulp": "^4.0.2",
     "husky": "^9.1.7",
+    "istanbul-lib-instrument": "^6.0.3",
     "jasmine-core": "~3.8.0",
     "jasmine-spec-reporter": "~5.0.0",
     "karma": "^6.3.16",
     "karma-chrome-launcher": "~3.2",
     "karma-coverage": "^2.2.1",
     "karma-coverage-istanbul-reporter": "^2.1.0",
     "karma-jasmine": "~4.0.0",
-    "ng-packagr": "^20.1.0",
+    "ng-packagr": "^22.0.0",
     "prettier": "^2.0.5",
     "puppeteer": "^23.11.1",
     "rimraf": "^3.0.0",
     "ts-node": "^8.5.2",
     "tslint": "~6.1.0",
     "tslint-config-prettier": "^1.18.0",
     "tsx": "^4.20.6",
-    "typescript": "~5.8.3",
+    "typescript": "~6.0.3",
     "update-browserslist-db": "^1.1.3"
   }
 }

projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.ts

@@ -10,6 +10,7 @@ import {
   Output,
   Input,
   Optional,
+  ChangeDetectionStrategy,
 } from '@angular/core'
 import {
   AbstractControl,
@@ -50,6 +51,7 @@ class ErrorStateMatcherForTwoFactorFields implements ErrorStateMatcher {
     MatDialogModule,
   ],
   templateUrl: './auth-challenge.component.html',
+  changeDetection: ChangeDetectionStrategy.Eager,
   styleUrls: [
     './auth-challenge.component.scss',
     './auth-challenge.component.scss-theme.scss',