feat(ui): migrate to signals

apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.ts

@@ -73,7 +73,9 @@ export class GfBenchmarkComparatorComponent implements OnChanges, OnDestroy {
   public readonly colorScheme = input<ColorScheme>();
   public readonly isLoading = input<boolean>();
   public readonly locale = input(getLocale(), {
-    transform: (value?: string) => value ?? getLocale()
+    transform: (value?: string) => {
+      return value ?? getLocale();
+    }
   });
   public readonly performanceDataItems = input.required<LineChartItem[]>();
   public readonly user = input<User>();

libs/ui/src/lib/accounts-table/accounts-table.component.ts

@@ -63,7 +63,9 @@ export class GfAccountsTableComponent {
   public readonly hasPermissionToOpenDetails = input(true);
   public readonly hasPermissionToUpdateAccount = input<boolean>();
   public readonly locale = input(getLocale(), {
-    transform: (value?: string) => value ?? getLocale()
+    transform: (value?: string) => {
+      return value ?? getLocale();
+    }
   });
   public readonly showActions = input<boolean>();
   public readonly showActivitiesCount = input(true);

libs/ui/src/lib/dialog-header/dialog-header.component.html

@@ -1,10 +1,10 @@
 <div class="d-flex" mat-dialog-title>
   <span
     class="flex-grow-1 text-truncate"
-    [class.text-center]="position === 'center'"
-    >{{ title }}</span
+    [class.text-center]="position() === 'center'"
+    >{{ title() }}</span
   >
-  @if (deviceType !== 'mobile') {
+  @if (deviceType() !== 'mobile') {
     <button class="no-min-width px-0" mat-button (click)="onClickCloseButton()">
       <ion-icon name="close" size="large" />
     </button>

libs/ui/src/lib/dialog-header/dialog-header.component.ts

@@ -1,9 +1,8 @@
 import {
   ChangeDetectionStrategy,
   Component,
-  EventEmitter,
-  Input,
-  Output
+  input,
+  output
 } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialogModule } from '@angular/material/dialog';
@@ -20,11 +19,11 @@ import { close } from 'ionicons/icons';
   templateUrl: './dialog-header.component.html'
 })
 export class GfDialogHeaderComponent {
-  @Input() deviceType: string;
-  @Input() position: 'center' | 'left' = 'left';
-  @Input() title?: string | null;
+  public readonly deviceType = input<string>();
+  public readonly position = input<'center' | 'left'>('left');
+  public readonly title = input.required<string | null | undefined>();
 
-  @Output() closeButtonClicked = new EventEmitter<void>();
+  public readonly closeButtonClicked = output<void>();
 
   public constructor() {
     addIcons({ close });

libs/ui/src/lib/holdings-table/holdings-table.component.ts

@@ -55,7 +55,9 @@ export class GfHoldingsTableComponent {
   public readonly hasPermissionToShowValues = input(true);
   public readonly holdings = input.required<PortfolioPosition[] | undefined>();
   public readonly locale = input(getLocale(), {
-    transform: (value?: string) => value ?? getLocale()
+    transform: (value?: string) => {
+      return value ?? getLocale();
+    }
   });
   public readonly mode = input<'default' | 'simple'>('default');
   public readonly pageSize = model(Number.MAX_SAFE_INTEGER);