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/loans/common-resolvers/external-asset-owner-active-transfer.resolver.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 import { ExternalAssetOwnerService } from '../services/external-asset-owner.service';
@@ -7,10 +7,7 @@ import { ExternalAssetOwnerService } from '../services/external-asset-owner.serv
   providedIn: 'root'
 })
 export class ExternalAssetOwnerActiveTransferResolver {
-  /**
-   * @param {ExternalAssetOwnerService} externalAssetOwnerService External Asset Owner service.
-   */
-  constructor(private externalAssetOwnerService: ExternalAssetOwnerService) {}
+  private externalAssetOwnerService = inject(ExternalAssetOwnerService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/external-asset-owner-journal-entry.resolver.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 import { Observable, of } from 'rxjs';
 import { ExternalAssetOwnerService } from '../services/external-asset-owner.service';
@@ -7,10 +7,7 @@ import { ExternalAssetOwnerService } from '../services/external-asset-owner.serv
   providedIn: 'root'
 })
 export class ExternalAssetOwnerJournalEntryResolver {
-  /**
-   * @param {ExternalAssetOwnerService} externalAssetOwnerService External Asset Owner service.
-   */
-  constructor(private externalAssetOwnerService: ExternalAssetOwnerService) {}
+  private externalAssetOwnerService = inject(ExternalAssetOwnerService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/external-asset-owner.resolver.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 import { ExternalAssetOwnerService } from '../services/external-asset-owner.service';
@@ -7,10 +7,7 @@ import { ExternalAssetOwnerService } from '../services/external-asset-owner.serv
   providedIn: 'root'
 })
 export class ExternalAssetOwnerResolver {
-  /**
-   * @param {ExternalAssetOwnerService} externalAssetOwnerService External Asset Owner service.
-   */
-  constructor(private externalAssetOwnerService: ExternalAssetOwnerService) {}
+  private externalAssetOwnerService = inject(ExternalAssetOwnerService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/glim-loan-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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class GLIMLoanTemplateResolver {
-  /**
-   * @param {ProductsService} loansService Loan service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the loan account template data.

src/app/loans/common-resolvers/loan-action-button.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanActionButtonResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans Notes Data.

src/app/loans/common-resolvers/loan-arrear-delinquency.resolver.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 import { SystemService } from 'app/system/system.service';
 import { Observable } from 'rxjs';
@@ -7,10 +7,7 @@ import { Observable } from 'rxjs';
   providedIn: 'root'
 })
 export class LoanArrearDelinquencyResolver {
-  /**
-   * @param {SystemService} systemService System service.
-   */
-  constructor(private systemService: SystemService) {}
+  private systemService = inject(SystemService);
 
   /**
    * Returns the loan-arrears-delinquency-display-data configuration data.

src/app/loans/common-resolvers/loan-buy-down-fees-data.resolver.ts

@@ -1,11 +1,11 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 import { LoansService } from '../loans.service';
 
 @Injectable()
 export class LoanBuyDownFeesDataResolver implements Resolve<Object> {
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   resolve(route: ActivatedRouteSnapshot): Observable<any> {
     const loanId = route.paramMap.get('loanId') || route.parent.paramMap.get('loanId');

src/app/loans/common-resolvers/loan-collaterals.resolver.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 import { LoansService } from '../loans.service';
@@ -7,10 +7,7 @@ import { LoansService } from '../loans.service';
   providedIn: 'root'
 })
 export class LoanCollateralsResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans data.

src/app/loans/common-resolvers/loan-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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanDatatableResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans Notes Data.

src/app/loans/common-resolvers/loan-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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanDatatablesResolver {
-  /**
-   * @param {loansService} loansService loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the loan datatables.

src/app/loans/common-resolvers/loan-deferred-income-data.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanDeferredIncomeDataResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/loan-delinquency-actions.resolver.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 import { LoansService } from '../loans.service';
@@ -7,10 +7,7 @@ import { LoansService } from '../loans.service';
   providedIn: 'root'
 })
 export class LoanDelinquencyActionsResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/loan-delinquency-data.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanDelinquencyDataResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/loan-delinquency-tags.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanDelinquencyTagsResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/loan-details-charges.resolver.ts

@@ -16,6 +16,7 @@ export class LoanDetailsChargesResolver implements Resolve<Object> {
   /**
    * @param {LoansService} LoansService Loans service.
    */
+  // eslint-disable-next-line @angular-eslint/prefer-inject
   constructor(private loansService: LoansService) {}
 
   /**

src/app/loans/common-resolvers/loan-details.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanDetailsResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/loan-documents.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanDocumentsResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans data.

src/app/loans/common-resolvers/loan-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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanNotesResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans data.

src/app/loans/common-resolvers/loan-reschedules.resolver.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Router, RouterStateSnapshot, ActivatedRouteSnapshot } from '@angular/router';
 import { Observable, of } from 'rxjs';
 import { LoansService } from '../loans.service';
@@ -7,10 +7,7 @@ import { LoansService } from '../loans.service';
   providedIn: 'root'
 })
 export class LoanReschedulesResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans data.

src/app/loans/common-resolvers/loan-term-variations.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoanTermVariationsResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans with Association data.

src/app/loans/common-resolvers/loans-account-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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoansAccountAndTemplateResolver {
-  /**
-   * @param {ProductsService} productsService Products service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the loan account template data.

src/app/loans/common-resolvers/loans-account-charge.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoansAccountChargeResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans Account Charge data.

src/app/loans/common-resolvers/loans-account-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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoansAccountTemplateResolver {
-  /**
-   * @param {ProductsService} productsService Products service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the loan account template data.

src/app/loans/common-resolvers/loans-account-transaction-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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoansAccountTransactionTemplateResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans Account Transaction Template data.

src/app/loans/common-resolvers/loans-account-transaction.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 { LoansService } from '../loans.service';
  */
 @Injectable()
 export class LoansAccountTransactionResolver {
-  /**
-   * @param {LoansService} LoansService Loans service.
-   */
-  constructor(private loansService: LoansService) {}
+  private loansService = inject(LoansService);
 
   /**
    * Returns the Loans Account Transaction data.

src/app/loans/common-resolvers/loans-transaction-reciept.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 { ReportsService } from 'app/reports/reports.service';
  */
 @Injectable()
 export class LoansTransactionRecieptResolver {
-  /**
-   * @param {ReportsService} reportsService Reports service.
-   */
-  constructor(private reportsService: ReportsService) {}
+  private reportsService = inject(ReportsService);
 
   /**
    * Returns the Loans Transaction Reciept