(#146) Upgrade Angular 14.0

.github/workflows/build-ui-angular.yml

@@ -17,7 +17,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: "12"
+          node-version: "14"
       - run: npm install -g @angular/cli
       - run: npm install
         working-directory: ./src/UIs/angular/

src/UIs/angular/angular.json

@@ -114,7 +114,6 @@
       }
     }
   },
-  "defaultProject": "angular",
   "cli": {
     "analytics": false
   }

src/UIs/angular/package.json

@@ -11,46 +11,46 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^13.0.2",
-    "@angular/common": "~13.0.2",
-    "@angular/compiler": "~13.0.2",
-    "@angular/core": "~13.0.2",
-    "@angular/forms": "~13.0.2",
-    "@angular/platform-browser": "~13.0.2",
-    "@angular/platform-browser-dynamic": "~13.0.2",
-    "@angular/router": "~13.0.2",
-    "@microsoft/signalr": "^5.0.10",
-    "@ngrx/effects": "^12.4.0",
-    "@ngrx/store": "^12.4.0",
-    "@ngrx/store-devtools": "^12.4.0",
-    "bootstrap": "^4.4.1",
+    "@angular/animations": "^14.1.0",
+    "@angular/common": "^14.1.0",
+    "@angular/compiler": "^14.1.0",
+    "@angular/core": "^14.1.0",
+    "@angular/forms": "^14.1.0",
+    "@angular/platform-browser": "^14.1.0",
+    "@angular/platform-browser-dynamic": "^14.1.0",
+    "@angular/router": "^14.1.0",
+    "@microsoft/signalr": "^5.0.17",
+    "@ngrx/effects": "^14.0.2",
+    "@ngrx/store": "^14.0.2",
+    "@ngrx/store-devtools": "^14.0.2",
+    "bootstrap": "^4.6.2",
     "font-awesome": "^4.7.0",
-    "ngx-bootstrap": "^5.5.0",
-    "ngx-toastr": "^14.1.3",
-    "oidc-client": "^1.10.1",
-    "rxjs": "~6.5.4",
-    "tslib": "^2.0.0",
-    "zone.js": "~0.11.4"
+    "ngx-bootstrap": "^9.0.0",
+    "ngx-toastr": "^14.3.0",
+    "oidc-client": "^1.11.5",
+    "rxjs": "^6.6.7",
+    "tslib": "^2.4.0",
+    "zone.js": "^0.11.7"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~13.0.3",
-    "@angular/cli": "~13.0.3",
-    "@angular/compiler-cli": "~13.0.2",
-    "@angular/language-service": "~13.0.2",
-    "@types/node": "^12.11.1",
-    "@types/jasmine": "~3.6.0",
-    "@types/jasminewd2": "~2.0.3",
-    "codelyzer": "^6.0.0",
+    "@angular-devkit/build-angular": "^14.1.0",
+    "@angular/cli": "^14.1.0",
+    "@angular/compiler-cli": "^14.1.0",
+    "@angular/language-service": "^14.1.0",
+    "@types/jasmine": "^3.10.6",
+    "@types/jasminewd2": "^2.0.10",
+    "@types/node": "^12.20.55",
+    "codelyzer": "^6.0.2",
     "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~6.3.4",
-    "karma-chrome-launcher": "~3.1.0",
+    "karma": "^6.4.0",
+    "karma-chrome-launcher": "^3.1.1",
     "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "^1.5.0",
+    "karma-jasmine": "^4.0.2",
+    "karma-jasmine-html-reporter": "^1.7.0",
     "protractor": "~7.0.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "~4.4.4"
+    "typescript": "~4.7.4"
   }
 }

src/UIs/angular/src/app/auditlogs/audit-log.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from "@angular/core";
 import { RouterModule } from "@angular/router";
 import { EffectsModule } from "@ngrx/effects";
 import { StoreModule } from "@ngrx/store";
-import { ModalModule } from "ngx-bootstrap";
+import { ModalModule } from "ngx-bootstrap/modal";
 
 import { SharedModule } from "../shared/shared.module";
 import { AuditLogListComponent } from "./audit-log-list.component";

src/UIs/angular/src/app/files/edit-file/edit-file.component.ts

@@ -4,7 +4,7 @@ import { Router, ActivatedRoute } from "@angular/router";
 import { IFile } from "../file";
 import { NgModel, NgForm } from "@angular/forms";
 import { IAuditLogEntry } from "src/app/auditlogs/audit-log";
-import { BsModalService } from "ngx-bootstrap";
+import { BsModalService } from "ngx-bootstrap/modal";
 import { GuidEmpty } from "src/app/shared/constants";
 
 @Component({

src/UIs/angular/src/app/files/file.module.ts

@@ -3,7 +3,7 @@ import { UploadFileComponent } from "./upload-file/upload-file.component";
 import { ListFilesComponent } from "./list-files/list-files.component";
 import { RouterModule } from "@angular/router";
 import { SharedModule } from "../shared/shared.module";
-import { ModalModule } from "ngx-bootstrap";
+import { ModalModule } from "ngx-bootstrap/modal";
 import { EditFileComponent } from "./edit-file/edit-file.component";
 
 @NgModule({

src/UIs/angular/src/app/files/list-files/list-files.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, TemplateRef } from "@angular/core";
 import { IFile } from "../file";
 import { FileService } from "../file.service";
-import { BsModalService, BsModalRef } from "ngx-bootstrap";
+import { BsModalService, BsModalRef } from "ngx-bootstrap/modal";
 import { IAuditLogEntry } from "src/app/auditlogs/audit-log";
 
 @Component({

src/UIs/angular/src/app/products/edit-product/edit-product.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from "@angular/core";
 import { Router, ActivatedRoute } from "@angular/router";
-import { FormGroup, FormBuilder, Validators } from "@angular/forms";
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from "@angular/forms";
 import { debounceTime } from "rxjs/operators";
 
 import { IProduct } from "../product";
@@ -16,13 +16,13 @@ export class EditProductComponent implements OnInit {
   postErrorMessage: string = "";
   postError = false;
 
-  productForm: FormGroup;
+  productForm: UntypedFormGroup;
   isSubmitted: boolean = false;
 
   constructor(
     private route: ActivatedRoute,
     private router: Router,
-    private fb: FormBuilder,
+    private fb: UntypedFormBuilder,
     private productService: ProductService
   ) {}
 

src/UIs/angular/src/app/products/list-products/list-products.component.ts

@@ -4,7 +4,7 @@ import { IProduct } from "../product";
 import { ProductService } from "../product.service";
 import { Title } from "@angular/platform-browser";
 import { IAuditLogEntry } from "../../auditlogs/audit-log";
-import { BsModalRef, BsModalService } from "ngx-bootstrap";
+import { BsModalRef, BsModalService } from "ngx-bootstrap/modal";
 import { NgForm } from "@angular/forms";
 
 @Component({

src/UIs/angular/src/app/products/product.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from "@angular/core";
 import { RouterModule } from "@angular/router";
-import { ModalModule } from "ngx-bootstrap";
+import { ModalModule } from "ngx-bootstrap/modal";
 
 import { ListProductsComponent } from "./list-products/list-products.component";
 import { ProductDetailComponent } from "./view-product-details/product-detail.component";

src/UIs/angular/src/app/products/view-product-details/product-detail.component.ts

@@ -3,7 +3,7 @@ import { ActivatedRoute, Router } from "@angular/router";
 
 import { IProduct } from "../product";
 import { ProductService } from "../product.service";
-import { BsModalService } from "ngx-bootstrap";
+import { BsModalService } from "ngx-bootstrap/modal";
 import { IAuditLogEntry } from "../../auditlogs/audit-log";
 
 @Component({

src/UIs/angular/src/app/settings/configuration-entry-list.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, TemplateRef } from "@angular/core";
 import { ConfigurationEntriesService } from "./configuration-entry.service";
 import { IConfigurationEntry } from "./configuration-entry";
-import { BsModalRef, BsModalService } from "ngx-bootstrap";
+import { BsModalRef, BsModalService } from "ngx-bootstrap/modal";
 import { NgForm } from "@angular/forms";
 import { GuidEmpty } from "../shared/constants";
 

src/UIs/angular/src/app/settings/setting.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from "@angular/core";
 import { RouterModule } from "@angular/router";
-import { ModalModule } from "ngx-bootstrap";
+import { ModalModule } from "ngx-bootstrap/modal";
 
 import { SharedModule } from "../shared/shared.module";
 import { ConfigurationEntryListComponent } from "./configuration-entry-list.component";

src/UIs/angular/src/app/users/list-users/list-users.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, TemplateRef } from "@angular/core";
 import { IUser } from "../user";
 import { IAuditLogEntry } from "src/app/auditlogs/audit-log";
-import { BsModalRef, BsModalService } from "ngx-bootstrap";
+import { BsModalRef, BsModalService } from "ngx-bootstrap/modal";
 import { UserService } from "../user.service";
 
 @Component({

src/UIs/angular/src/app/users/user.module.ts

@@ -6,7 +6,7 @@ import { TimepickerModule } from "ngx-bootstrap/timepicker";
 import { ListUsersComponent } from "./list-users/list-users.component";
 import { AddEditUserComponent } from "./add-edit-user/add-edit-user.component";
 import { RouterModule } from "@angular/router";
-import { ModalModule } from "ngx-bootstrap";
+import { ModalModule } from "ngx-bootstrap/modal";
 import { SharedModule } from "../shared/shared.module";
 import { ViewUserDetailsComponent } from "./view-user-details/view-user-details.component";
 

src/UIs/angular/src/app/users/view-user-details/view-user-details.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, TemplateRef } from "@angular/core";
 import { IUser } from "../user";
 import { UserService } from "../user.service";
 import { Router, ActivatedRoute } from "@angular/router";
-import { BsModalService, BsModalRef } from "ngx-bootstrap";
+import { BsModalService, BsModalRef } from "ngx-bootstrap/modal";
 import { NgForm } from "@angular/forms";
 
 @Component({

src/UIs/angular/tsconfig.json

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