WEB-215 Merge angular-update-19 into dev to upgrade Angular from v18 to v19 (#2530)

src/app/configuration-wizard/completion-dialog/completion-dialog.component.ts

@@ -1,6 +1,16 @@
 /** Angular Imports */
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import {
+  MatDialogRef,
+  MAT_DIALOG_DATA,
+  MatDialogTitle,
+  MatDialogContent,
+  MatDialogActions,
+  MatDialogClose
+} from '@angular/material/dialog';
+import { CdkScrollable } from '@angular/cdk/scrolling';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Completion Dialog Component.
@@ -8,7 +18,16 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 @Component({
   selector: 'mifosx-completion-dialog',
   templateUrl: './completion-dialog.component.html',
-  styleUrls: ['./completion-dialog.component.scss']
+  styleUrls: ['./completion-dialog.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatDialogTitle,
+    CdkScrollable,
+    MatDialogContent,
+    MatProgressBar,
+    MatDialogActions,
+    MatDialogClose
+  ]
 })
 export class CompletionDialogComponent {
   constructor(

src/app/configuration-wizard/configuration-wizard.component.ts

@@ -1,6 +1,17 @@
 /** Angular Imports */
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import {
+  MatDialogRef,
+  MAT_DIALOG_DATA,
+  MatDialogTitle,
+  MatDialogContent,
+  MatDialogClose,
+  MatDialogActions
+} from '@angular/material/dialog';
+import { CdkScrollable } from '@angular/cdk/scrolling';
+import { MatGridList, MatGridTile } from '@angular/material/grid-list';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Configuration Wizard Component.
@@ -8,7 +19,18 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 @Component({
   selector: 'mifosx-configuration-wizard',
   templateUrl: './configuration-wizard.component.html',
-  styleUrls: ['./configuration-wizard.component.scss']
+  styleUrls: ['./configuration-wizard.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatDialogTitle,
+    CdkScrollable,
+    MatDialogContent,
+    MatGridList,
+    MatGridTile,
+    MatDialogClose,
+    MatProgressBar,
+    MatDialogActions
+  ]
 })
 export class ConfigurationWizardComponent {
   show: number;

src/app/configuration-wizard/configuration-wizard.module.ts

@@ -23,7 +23,12 @@ import { SharedModule } from '../shared/shared.module';
  * Configuration Wizard Module
  */
 @NgModule({
-  declarations: [
+  imports: [
+    SharedModule,
+    CommonModule,
+    OverlayModule,
+    PortalModule,
+    MatDialogModule,
     PopoverComponent,
     PopoverCloseDirective,
     PopoverArrowDirective,
@@ -32,13 +37,6 @@ import { SharedModule } from '../shared/shared.module';
     NextStepDialogComponent,
     CompletionDialogComponent
   ],
-  imports: [
-    SharedModule,
-    CommonModule,
-    OverlayModule,
-    PortalModule,
-    MatDialogModule
-  ],
   exports: [
     PopoverCloseDirective
   ]

src/app/configuration-wizard/continue-setup-dialog/continue-setup-dialog.component.ts

@@ -1,6 +1,15 @@
 /** Angular Imports */
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import {
+  MatDialogRef,
+  MAT_DIALOG_DATA,
+  MatDialogTitle,
+  MatDialogContent,
+  MatDialogActions,
+  MatDialogClose
+} from '@angular/material/dialog';
+import { CdkScrollable } from '@angular/cdk/scrolling';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Continue Setup Dialog Component.
@@ -8,7 +17,15 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 @Component({
   selector: 'mifosx-continue-setup-dialog',
   templateUrl: './continue-setup-dialog.component.html',
-  styleUrls: ['./continue-setup-dialog.component.scss']
+  styleUrls: ['./continue-setup-dialog.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatDialogTitle,
+    CdkScrollable,
+    MatDialogContent,
+    MatDialogActions,
+    MatDialogClose
+  ]
 })
 export class ContinueSetupDialogComponent {
   /* Current Step Name*/

src/app/configuration-wizard/next-step-dialog/next-step-dialog.component.ts

@@ -1,6 +1,16 @@
 /** Angular Imports */
 import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import {
+  MatDialogRef,
+  MAT_DIALOG_DATA,
+  MatDialogTitle,
+  MatDialogContent,
+  MatDialogActions,
+  MatDialogClose
+} from '@angular/material/dialog';
+import { CdkScrollable } from '@angular/cdk/scrolling';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Next Step Dialog Component.
@@ -8,7 +18,16 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 @Component({
   selector: 'mifosx-next-step-dialog',
   templateUrl: './next-step-dialog.component.html',
-  styleUrls: ['./next-step-dialog.component.scss']
+  styleUrls: ['./next-step-dialog.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatDialogTitle,
+    CdkScrollable,
+    MatDialogContent,
+    MatProgressBar,
+    MatDialogActions,
+    MatDialogClose
+  ]
 })
 export class NextStepDialogComponent {
   /* Step Percentage */

src/app/configuration-wizard/popover/popover-arrow.directive.ts

@@ -11,9 +11,7 @@ import { PopoverRef } from './popover-ref';
 /**
  * Internal directive that shows the popover arrow.
  */
-@Directive({
-  selector: '[mifosxPopoverArrow]'
-})
+@Directive({ selector: '[mifosxPopoverArrow]' })
 export class PopoverArrowDirective implements OnDestroy {
   @HostBinding('style.width.px')
   @HostBinding('style.height.px')

src/app/configuration-wizard/popover/popover-close.directive.ts

@@ -7,9 +7,7 @@ import { PopoverRef } from './popover-ref';
 /**
  * Button that will close the current popover.
  */
-@Directive({
-  selector: '[mifosxPopoverClose]'
-})
+@Directive({ selector: '[mifosxPopoverClose]' })
 export class PopoverCloseDirective<T = any> {
   @Input('mifosxPopoverClose') popoverResult: T;
 

src/app/configuration-wizard/popover/popover.component.ts

@@ -10,6 +10,8 @@ import { map } from 'rxjs/operators';
 
 /* Popover Ref */
 import { PopoverRef } from './popover-ref';
+import { PopoverArrowDirective } from './popover-arrow.directive';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Internal component that wraps user-provided popover content.
@@ -17,7 +19,12 @@ import { PopoverRef } from './popover-ref';
 @Component({
   selector: 'mifosx-popover',
   templateUrl: './popover.component.html',
-  styleUrls: ['./popover.component.scss']
+  styleUrls: ['./popover.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    CdkPortalOutlet,
+    PopoverArrowDirective
+  ]
 })
 export class PopoverComponent extends BasePortalOutlet {
   @ViewChild(CdkPortalOutlet, { static: true }) portalOutlet: CdkPortalOutlet;