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

src/app/core/shell/breadcrumb/breadcrumb.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, TemplateRef, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
-import { ActivatedRoute, Router, NavigationEnd, Data } from '@angular/router';
+import { ActivatedRoute, Router, NavigationEnd, Data, RouterLink } from '@angular/router';
 
 /** rxjs Imports */
 import { filter } from 'rxjs/operators';
@@ -12,6 +12,7 @@ import { Breadcrumb } from './breadcrumb.model';
 import { PopoverService } from '../../../configuration-wizard/popover/popover.service';
 import { ConfigurationWizardService } from '../../../configuration-wizard/configuration-wizard.service';
 import { TranslateService } from '@ngx-translate/core';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Route data property to generate breadcrumb using a static string.
@@ -48,7 +49,10 @@ const routeAddBreadcrumbLink = 'addBreadcrumbLink';
 @Component({
   selector: 'mifosx-breadcrumb',
   templateUrl: './breadcrumb.component.html',
-  styleUrls: ['./breadcrumb.component.scss']
+  styleUrls: ['./breadcrumb.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS
+  ]
 })
 export class BreadcrumbComponent implements AfterViewInit {
   /** Array of breadcrumbs. */

src/app/core/shell/content/content.component.ts

@@ -1,5 +1,7 @@
 /** Angular Imports */
 import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Content component.
@@ -7,7 +9,11 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'mifosx-content',
   templateUrl: './content.component.html',
-  styleUrls: ['./content.component.scss']
+  styleUrls: ['./content.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    RouterOutlet
+  ]
 })
 export class ContentComponent {
   constructor() {}

src/app/core/shell/shell.component.ts

@@ -8,6 +8,14 @@ import { map } from 'rxjs/operators';
 
 /** Custom Services */
 import { ProgressBarService } from '../progress-bar/progress-bar.service';
+import { MatSidenavContainer, MatSidenav, MatSidenavContent } from '@angular/material/sidenav';
+import { NgClass, NgIf, AsyncPipe } from '@angular/common';
+import { SidenavComponent } from './sidenav/sidenav.component';
+import { ToolbarComponent } from './toolbar/toolbar.component';
+import { BreadcrumbComponent } from './breadcrumb/breadcrumb.component';
+import { ContentComponent } from './content/content.component';
+import { FooterComponent } from '../../shared/footer/footer.component';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Shell component.
@@ -15,7 +23,20 @@ import { ProgressBarService } from '../progress-bar/progress-bar.service';
 @Component({
   selector: 'mifosx-shell',
   templateUrl: './shell.component.html',
-  styleUrls: ['./shell.component.scss']
+  styleUrls: ['./shell.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatSidenavContainer,
+    MatSidenav,
+    NgClass,
+    SidenavComponent,
+    MatSidenavContent,
+    ToolbarComponent,
+    BreadcrumbComponent,
+    ContentComponent,
+    FooterComponent,
+    AsyncPipe
+  ]
 })
 export class ShellComponent implements OnInit, OnDestroy {
   /** Subscription to breakpoint observer for handset. */

src/app/core/shell/sidenav/sidenav.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit, Input, TemplateRef, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
-import { Router } from '@angular/router';
+import { Router, RouterLink, RouterLinkActive } from '@angular/router';
 
 /** Custom Components */
 import { KeyboardShortcutsDialogComponent } from 'app/shared/keyboard-shortcuts-dialog/keyboard-shortcuts-dialog.component';
@@ -14,6 +14,15 @@ import { ConfigurationWizardService } from '../../../configuration-wizard/config
 /** Custom Imports */
 import { frequentActivities } from './frequent-activities';
 import { SettingsService } from 'app/settings/settings.service';
+import { NgClass, NgFor } from '@angular/common';
+import { MatIconButton, MatButton } from '@angular/material/button';
+import { MatTooltip } from '@angular/material/tooltip';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatDivider } from '@angular/material/divider';
+import { MatNavList, MatListItem } from '@angular/material/list';
+import { MatIcon } from '@angular/material/icon';
+import { MatLine } from '@angular/material/grid-list';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Sidenav component.
@@ -21,7 +30,20 @@ import { SettingsService } from 'app/settings/settings.service';
 @Component({
   selector: 'mifosx-sidenav',
   templateUrl: './sidenav.component.html',
-  styleUrls: ['./sidenav.component.scss']
+  styleUrls: ['./sidenav.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    NgClass,
+    MatIconButton,
+    MatTooltip,
+    FaIconComponent,
+    MatDivider,
+    MatNavList,
+    MatListItem,
+    RouterLinkActive,
+    MatIcon,
+    MatLine
+  ]
 })
 export class SidenavComponent implements OnInit, AfterViewInit {
   /** True if sidenav is in collapsed state. */

src/app/core/shell/toolbar/toolbar.component.ts

@@ -15,7 +15,7 @@ import {
 import { MatDialog } from '@angular/material/dialog';
 import { MatSidenav } from '@angular/material/sidenav';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 
 /** rxjs Imports */
 import { Observable } from 'rxjs';
@@ -29,6 +29,17 @@ import { ConfigurationWizardService } from '../../../configuration-wizard/config
 /** Custom Components */
 import { ConfigurationWizardComponent } from '../../../configuration-wizard/configuration-wizard.component';
 import { NotificationsTrayComponent } from 'app/shared/notifications-tray/notifications-tray.component';
+import { MatToolbar } from '@angular/material/toolbar';
+import { MatIconButton, MatButton } from '@angular/material/button';
+import { MatTooltip } from '@angular/material/tooltip';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
+import { SearchToolComponent } from '../../../shared/search-tool/search-tool.component';
+import { LanguageSelectorComponent } from '../../../shared/language-selector/language-selector.component';
+import { MatIcon } from '@angular/material/icon';
+import { NotificationsTrayComponent as NotificationsTrayComponent_1 } from '../../../shared/notifications-tray/notifications-tray.component';
+import { ThemeToggleComponent } from '../../../shared/theme-toggle/theme-toggle.component';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Toolbar component.
@@ -36,7 +47,22 @@ import { NotificationsTrayComponent } from 'app/shared/notifications-tray/notifi
 @Component({
   selector: 'mifosx-toolbar',
   templateUrl: './toolbar.component.html',
-  styleUrls: ['./toolbar.component.scss']
+  styleUrls: ['./toolbar.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatToolbar,
+    MatIconButton,
+    MatTooltip,
+    FaIconComponent,
+    MatMenuTrigger,
+    SearchToolComponent,
+    LanguageSelectorComponent,
+    MatIcon,
+    NotificationsTrayComponent_1,
+    ThemeToggleComponent,
+    MatMenu,
+    MatMenuItem
+  ]
 })
 export class ToolbarComponent implements OnInit, AfterViewInit, AfterContentChecked {
   /* Reference of institution */