docs(examples): upgrade Angular to v15

Fixes hyperledger-cacti#2229

Signed-off-by: Peter Somogyvari <[email protected]>

examples/cactus-example-supply-chain-frontend/angular.json

@@ -1,7 +1,6 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
-  "defaultProject": "app",
   "newProjectRoot": "projects",
   "projects": {
     "app": {
@@ -177,7 +176,9 @@
     }
   },
   "cli": {
-    "defaultCollection": "@ionic/angular-toolkit"
+    "schematicCollections": [
+      "@ionic/angular-toolkit"
+    ]
   },
   "schematics": {
     "@ionic/angular-toolkit:component": {

examples/cactus-example-supply-chain-frontend/package.json

@@ -48,12 +48,12 @@
     "start": "ng serve"
   },
   "dependencies": {
-    "@angular/common": "13.3.7",
-    "@angular/core": "13.3.7",
-    "@angular/forms": "13.3.7",
-    "@angular/platform-browser": "13.3.7",
-    "@angular/platform-browser-dynamic": "13.3.7",
-    "@angular/router": "13.3.7",
+    "@angular/common": "14.2.12",
+    "@angular/core": "14.2.12",
+    "@angular/forms": "14.2.12",
+    "@angular/platform-browser": "14.2.12",
+    "@angular/platform-browser-dynamic": "14.2.12",
+    "@angular/router": "14.2.12",
     "@hyperledger/cactus-api-client": "1.1.3",
     "@hyperledger/cactus-common": "1.1.3",
     "@hyperledger/cactus-core-api": "1.1.3",
@@ -72,11 +72,11 @@
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "13.1.0",
-    "@angular-devkit/build-angular": "13.3.5",
-    "@angular/cli": "13.3.5",
-    "@angular/compiler": "13.3.7",
-    "@angular/compiler-cli": "13.3.7",
-    "@angular/language-service": "13.3.7",
+    "@angular-devkit/build-angular": "14.2.10",
+    "@angular/cli": "14.2.10",
+    "@angular/compiler": "14.2.12",
+    "@angular/compiler-cli": "14.2.12",
+    "@angular/language-service": "14.2.12",
     "@ionic/angular-toolkit": "6.1.0",
     "@types/node": "17.0.32",
     "codelyzer": "6.0.2",
@@ -100,4 +100,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

examples/cactus-example-supply-chain-frontend/src/app/bamboo-harvest/bamboo-harvest-detail/bamboo-harvest-detail.page.ts

@@ -1,7 +1,11 @@
 import { v4 as uuidv4 } from "uuid";
 
 import { Component, Inject, Input, OnInit } from "@angular/core";
-import { FormGroup, FormBuilder, Validators } from "@angular/forms";
+import {
+  UntypedFormGroup,
+  UntypedFormBuilder,
+  Validators,
+} from "@angular/forms";
 import { ModalController } from "@ionic/angular";
 
 import { ApiClient } from "@hyperledger/cactus-api-client";
@@ -17,14 +21,14 @@ import { Logger, LoggerProvider } from "@hyperledger/cactus-common";
 })
 export class BambooHarvestDetailPage implements OnInit {
   private readonly log: Logger;
-  public form: FormGroup;
+  public form: UntypedFormGroup;
   @Input()
   public bambooHarvest: BambooHarvest;
 
   constructor(
     private readonly baseClient: ApiClient,
     public readonly modalController: ModalController,
-    public readonly formBuilder: FormBuilder,
+    public readonly formBuilder: UntypedFormBuilder,
     @Inject(QUORUM_DEMO_LEDGER_ID) private readonly quorumLedgerId: string,
   ) {
     this.log = LoggerProvider.getOrCreate({ label: "BambooHarvestDetailPage" });

examples/cactus-example-supply-chain-frontend/src/app/bookshelf/bookshelf-detail/bookshelf-detail.page.ts

@@ -1,7 +1,11 @@
 import { v4 as uuidv4 } from "uuid";
 
 import { Component, Inject, Input, OnInit } from "@angular/core";
-import { FormGroup, FormBuilder, Validators } from "@angular/forms";
+import {
+  UntypedFormGroup,
+  UntypedFormBuilder,
+  Validators,
+} from "@angular/forms";
 import { ModalController } from "@ionic/angular";
 
 import { ApiClient } from "@hyperledger/cactus-api-client";
@@ -25,7 +29,7 @@ import { AuthConfig } from "../../common/auth-config";
 export class BookshelfDetailPage implements OnInit {
   private readonly log: Logger;
   private _supplyChainApi: SupplyChainApi | undefined;
-  public form: FormGroup;
+  public form: UntypedFormGroup;
   @Input()
   public bookshelf: Bookshelf;
   public bambooHarvests: BambooHarvest[];
@@ -35,7 +39,7 @@ export class BookshelfDetailPage implements OnInit {
     private readonly baseClient: ApiClient,
     @Inject(QUORUM_DEMO_LEDGER_ID) private readonly quorumLedgerId: string,
     public readonly modalController: ModalController,
-    public readonly formBuilder: FormBuilder,
+    public readonly formBuilder: UntypedFormBuilder,
   ) {
     this.log = LoggerProvider.getOrCreate({ label: "BookshelfDetailPage" });
   }

examples/cactus-example-supply-chain-frontend/src/app/shipment/shipment-detail/shipment-detail.page.ts

@@ -1,7 +1,11 @@
 import { v4 as uuidv4 } from "uuid";
 
 import { Component, Inject, Input, OnInit } from "@angular/core";
-import { FormGroup, FormBuilder, Validators } from "@angular/forms";
+import {
+  UntypedFormGroup,
+  UntypedFormBuilder,
+  Validators,
+} from "@angular/forms";
 import { ModalController } from "@ionic/angular";
 
 import { ApiClient } from "@hyperledger/cactus-api-client";
@@ -25,7 +29,7 @@ import { AuthConfig } from "../../common/auth-config";
 export class ShipmentDetailPage implements OnInit {
   private readonly log: Logger;
   private _supplyChainApi: SupplyChainApi | undefined;
-  public form: FormGroup;
+  public form: UntypedFormGroup;
   @Input()
   public shipment: Shipment;
   public bookshelves: Bookshelf[];
@@ -35,7 +39,7 @@ export class ShipmentDetailPage implements OnInit {
     private readonly baseClient: ApiClient,
     @Inject(QUORUM_DEMO_LEDGER_ID) private readonly quorumLedgerId: string,
     public readonly modalController: ModalController,
-    public readonly formBuilder: FormBuilder,
+    public readonly formBuilder: UntypedFormBuilder,
   ) {
     this.log = LoggerProvider.getOrCreate({ label: "ShipmentDetailPage" });
   }

examples/cactus-example-supply-chain-frontend/tsconfig.json

@@ -12,7 +12,7 @@
     "moduleResolution": "node",
     "esModuleInterop": true,
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2020",
     "lib": [
       "es2018",
       "dom"