update to ng14

Author: manfredsteyer

package-lock.json

@@ -26,15 +26,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "13.0.1",
-    "@angular/common": "13.0.1",
-    "@angular/compiler": "13.0.1",
-    "@angular/core": "13.0.1",
-    "@angular/elements": "13.0.1",
-    "@angular/forms": "13.0.1",
-    "@angular/platform-browser": "13.0.1",
-    "@angular/platform-browser-dynamic": "13.0.1",
-    "@angular/router": "13.0.1",
+    "@angular/animations": "14.2.11",
+    "@angular/common": "14.2.11",
+    "@angular/compiler": "14.2.11",
+    "@angular/core": "14.2.11",
+    "@angular/elements": "14.2.11",
+    "@angular/forms": "14.2.11",
+    "@angular/platform-browser": "14.2.11",
+    "@angular/platform-browser-dynamic": "14.2.11",
+    "@angular/router": "14.2.11",
     "@popperjs/core": "^2.9.2",
     "@webcomponents/custom-elements": "^1.4.3",
     "angular-oauth2-oidc": "^10.0.3",
@@ -52,10 +52,10 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~13.0.2",
-    "@angular/cli": "^13.0.2",
-    "@angular/compiler-cli": "13.0.1",
-    "@angular/language-service": "13.0.1",
+    "@angular-devkit/build-angular": "^14.2.10",
+    "@angular/cli": "^14.2.10",
+    "@angular/compiler-cli": "14.2.11",
+    "@angular/language-service": "14.2.11",
     "@commitlint/cli": "^12.1.4",
     "@commitlint/config-conventional": "^12.1.4",
     "@compodoc/compodoc": "^1.1.14",
@@ -79,13 +79,13 @@
     "karma-jasmine-html-reporter": "^1.7.0",
     "markdown-magic": "^2.3.2",
     "markdown-magic-github-contributors": "0.0.3",
-    "ng-packagr": "^13.0.3",
+    "ng-packagr": "^14.2.2",
     "prettier": "^2.3.2",
     "protractor": "~7.0.0",
     "standard-version": "^9.3.1",
     "ts-node": "~10.1.0",
     "tslint": "~6.1.0",
-    "typescript": "^4.4.4"
+    "typescript": "^4.8.4"
   },
   "husky": {
     "hooks": {
@@ -97,4 +97,4 @@
       "path": "./node_modules/cz-conventional-changelog"
     }
   }
-}
+}

package.json

@@ -2,7 +2,7 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
-    "target": "es2015",
+    "target": "es2020",
     "declaration": true,
     "inlineSources": true,
     "types": [],

projects/angular-oauth2-oidc-jwks/tsconfig.lib.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declarationMap": true,
-    "target": "es2015",
+    "target": "es2020",
     "module": "es2015",
     "moduleResolution": "node",
     "declaration": true,

projects/lib/tsconfig.lib.json

@@ -2,8 +2,8 @@ import { Component } from '@angular/core';
 import { Flight } from '../../entities/flight';
 import { FlightService } from '../services/flight.service';
 import {
-  FormGroup,
-  FormBuilder,
+  UntypedFormGroup,
+  UntypedFormBuilder,
   Validators,
   AbstractControl,
 } from '@angular/forms';
@@ -19,11 +19,11 @@ export class FlightSearchReactiveComponent {
   public flights: Array<Flight> = [];
   public selectedFlight: Flight;
 
-  public filter: FormGroup;
+  public filter: UntypedFormGroup;
 
   public formDesc = [];
 
-  constructor(private flightService: FlightService, private fb: FormBuilder) {
+  constructor(private flightService: FlightService, private fb: UntypedFormBuilder) {
     this.formDesc.push({
       label: 'Von',
       name: 'from',

projects/sample/src/app/flight-booking/flight-search-reactive/flight-search-reactive.component.ts

@@ -3,7 +3,7 @@ import {
   NG_VALIDATORS,
   Validator,
   AbstractControl,
-  FormGroup,
+  UntypedFormGroup,
 } from '@angular/forms';
 
 @Directive({
@@ -22,7 +22,7 @@ export class CityValidatorDirective implements Validator {
   constructor(@Attribute('city') private city: string) {}
 
   validate(c: AbstractControl): any {
-    let formGroup = <FormGroup>c.root;
+    let formGroup = <UntypedFormGroup>c.root;
     let otherValueCtrl = formGroup.controls['to'];
 
     if (!otherValueCtrl) return {};

projects/sample/src/app/shared/validation/city.validator.ts

@@ -1,6 +1,6 @@
 import { Directive } from '@angular/core';
 import {
-  FormGroup,
+  UntypedFormGroup,
   Validator,
   AbstractControl,
   NG_VALIDATORS,
@@ -13,7 +13,7 @@ import {
 })
 export class RoundTrip implements Validator {
   validate(control: AbstractControl): any {
-    let formGroup = <FormGroup>control;
+    let formGroup = <UntypedFormGroup>control;
     let fromCtrl = formGroup.controls['from'];
     let toCtrl = formGroup.controls['to'];
 

projects/sample/src/app/shared/validation/roundtrip.validator.ts

@@ -10,7 +10,7 @@
     "experimentalDecorators": true,
     "downlevelIteration": true,
     "module": "esnext",
-    "target": "es2017",
+    "target": "es2020",
     "typeRoots": ["node_modules/@types"],
     "lib": ["es2017", "dom"],
     "paths": {