Upgrading to Angular 20:

Replaced checked in package-lock.json by regenerated one.
Ran ng update @angular/core@20 @angular/cli@20
Ran npm install @angular-builders/jest@^20.0.0 @fortawesome/angular-fontawesome@^3.0.0 @swimlane/ngx-graph@^11
Ran npm install ngx-mat-select-search@^8.0.2.
Ran ng update @angular/material@20.
Updated all eslint and typescript to the latest versions.
Removed @angular-devkit/schematics.
Updated fontawesome.
Updated rxjs and tslib.
Moved required node version from 16 to 20.
Updated jest-preset-angular.
Set preserveWhitespaces to false.
Corrected two type declarations in two typescript files to make ng serve run without errors.
Removed unused angular-devkit/schematics from view-user.component.ts .
Updated list of supported browsers.
Upgraded prettier.
Ran prettier . --write the first time.
Ran prettier . --write the second time.
Ran ng generate @angular/core:inject with defaults, excepted a handful of files.
Fixed remaining eslint problems.
Added dist directory to ignores in eslint.config.js.
Let prettier fix formatting, almost everything is just line breaks.
Made htmlhint ignore @if and @for Angular constructs.
Updated node version in Github workflow to 22.12.0 (build.yml).
Updated .env.ts.
Updated Angular datetime format strings from YYYY-MM-DD to yyyy-MM-dd.
Merged changes from dev into angular20 branch.

src/app/clients/common-resolvers/client-accounts.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientAccountsResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Account data.

src/app/clients/common-resolvers/client-actions.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -14,14 +14,8 @@ import { ProductsService } from 'app/products/products.service';
  */
 @Injectable()
 export class ClientActionsResolver {
-  /**
-   * @param {ClientsService} clientsService Clients service.
-   * @param {ProductsService} productsService Products Service
-   */
-  constructor(
-    private clientsService: ClientsService,
-    private productsService: ProductsService
-  ) {}
+  private clientsService = inject(ClientsService);
+  private productsService = inject(ProductsService);
 
   /**
    * Returns the clients actions data.

src/app/clients/common-resolvers/client-address-fieldconfiguration.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 
 /** rxjs Imports */
 import { Observable } from 'rxjs';
@@ -12,10 +12,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientAddressFieldConfigurationResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Address Field Configuration.

src/app/clients/common-resolvers/client-address-template.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 
 /** rxjs Imports */
 import { Observable } from 'rxjs';
@@ -12,10 +12,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientAddressTemplateResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Address Field Configuration.

src/app/clients/common-resolvers/client-address.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientAddressResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Address data.

src/app/clients/common-resolvers/client-and-template.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientDataAndTemplateResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Clients data and template.

src/app/clients/common-resolvers/client-charge-view.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientChargeViewResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Charge data.

src/app/clients/common-resolvers/client-charges.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientChargesResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Charge data.

src/app/clients/common-resolvers/client-collateral.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientCollateralResolver {
-  /**
-   * @param {ClientsService} clientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Collateral data.

src/app/clients/common-resolvers/client-datatable.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientDatatableResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client datatables.

src/app/clients/common-resolvers/client-datatables.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 
 /** rxjs Imports */
 import { Observable } from 'rxjs';
@@ -12,10 +12,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientDatatablesResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client datatables.

src/app/clients/common-resolvers/client-document.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientDocumentsResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client's Documents data.

src/app/clients/common-resolvers/client-family-member.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientFamilyMemberResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Clients data.

src/app/clients/common-resolvers/client-family-members.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientFamilyMembersResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Clients data.

src/app/clients/common-resolvers/client-identifier-template.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,8 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientIdentifierTemplateResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
+
   /**
    * Returns the Client Identities data.
    * @returns {Observable<any>}

src/app/clients/common-resolvers/client-identities.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -14,10 +14,8 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientIdentitiesResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
+
   /**
    * Returns the Client Identities data.
    * @returns {Observable<any>}

src/app/clients/common-resolvers/client-notes.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientNotesResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client's Notes.

src/app/clients/common-resolvers/client-summary.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientSummaryResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Summary data.

src/app/clients/common-resolvers/client-template.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientTemplateResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Template data.

src/app/clients/common-resolvers/client-transaction-pay.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientTransactionPayResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Client Transaction data.

src/app/clients/common-resolvers/client-view.resolver.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 
 /** rxjs Imports */
@@ -13,10 +13,7 @@ import { ClientsService } from '../clients.service';
  */
 @Injectable()
 export class ClientViewResolver {
-  /**
-   * @param {ClientsService} ClientsService Clients service.
-   */
-  constructor(private clientsService: ClientsService) {}
+  private clientsService = inject(ClientsService);
 
   /**
    * Returns the Clients data.