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/directives/format-amount.directive.ts

@@ -1,10 +1,14 @@
-import { Directive, HostListener, ElementRef, Input, OnInit, Inject } from '@angular/core';
+import { Directive, HostListener, ElementRef, Input, OnInit, inject } from '@angular/core';
 import { formatCurrency } from '@angular/common';
 import { NgControl } from '@angular/forms';
 import { LOCALE_ID } from '@angular/core';
 
 @Directive({ selector: '[mifosxFormatAmount]' })
 export class FormatAmountDirective implements OnInit {
+  private locale = inject(LOCALE_ID);
+  private el = inject(ElementRef);
+  private control = inject(NgControl);
+
   format = 'N0';
   digitsInfo = '1.0-0';
   currencyCode: string;
@@ -35,12 +39,6 @@ export class FormatAmountDirective implements OnInit {
     });
   }
 
-  constructor(
-    @Inject(LOCALE_ID) private locale: string,
-    private el: ElementRef,
-    private control: NgControl
-  ) {}
-
   parse(value: any) {
     if (value == '') {
       return '' + this.sufix;

src/app/directives/has-permission/has-permission.directive.ts

@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Directive, Input, TemplateRef, ViewContainerRef, inject } from '@angular/core';
 
 /** Custom Services */
 import { AuthenticationService } from '../../core/authentication/authentication.service';
@@ -9,6 +9,10 @@ import { AuthenticationService } from '../../core/authentication/authentication.
  */
 @Directive({ selector: '[mifosxHasPermission]', standalone: true })
 export class HasPermissionDirective {
+  private templateRef = inject<TemplateRef<any>>(TemplateRef);
+  private viewContainer = inject(ViewContainerRef);
+  private authenticationService = inject(AuthenticationService);
+
   /** User Permissions */
   private userPermissions: any[];
 
@@ -18,11 +22,7 @@ export class HasPermissionDirective {
    * @param {ViewContainerRef} viewContainer View Container Reference
    * @param {AuthenticationService} authenticationService AuthenticationService
    */
-  constructor(
-    private templateRef: TemplateRef<any>,
-    private viewContainer: ViewContainerRef,
-    private authenticationService: AuthenticationService
-  ) {
+  constructor() {
     const savedCredentials = this.authenticationService.getCredentials();
     this.userPermissions = savedCredentials.permissions;
   }

src/app/directives/validate-on-focus.directive.ts

@@ -1,12 +1,10 @@
-import { Directive, ElementRef, HostListener } from '@angular/core';
+import { Directive, ElementRef, HostListener, inject } from '@angular/core';
 import { NgControl } from '@angular/forms';
 
 @Directive({ selector: '[mifosxValidateOnFocus]' })
 export class ValidateOnFocusDirective {
-  constructor(
-    private control: NgControl,
-    private el: ElementRef
-  ) {}
+  private control = inject(NgControl);
+  private el = inject(ElementRef);
 
   @HostListener('focus')
   onFocus() {