@arsedizioni/ars-utils 21.2.209 → 21.2.221

package/types/arsedizioni-ars-utils-ui.d.ts

@@ -1,14 +1,14 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, QueryList, ElementRef, TemplateRef, Signal, Renderer2 } from '@angular/core';
+import { ElementRef, TemplateRef, Signal, Renderer2 } from '@angular/core';
 import * as i1 from '@arsedizioni/ars-utils/core';
 import { PasswordStrength } from '@arsedizioni/ars-utils/core';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { ControlValueAccessor } from '@angular/forms';
-import { Observable } from 'rxjs';
+import { MatPaginatorIntl } from '@angular/material/paginator';
 import { ComponentType } from '@angular/cdk/portal';
 import { MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
 import { MatSnackBarRef } from '@angular/material/snack-bar';
-import { MatPaginatorIntl } from '@angular/material/paginator';
+import { Observable } from 'rxjs';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { ControlValueAccessor } from '@angular/forms';
 
 interface DialogResult {
     result?: 'ok' | 'cancel' | 'other';
@@ -38,12 +38,20 @@ interface CredentialsDialogResult {
     code?: string;
 }
 
+/** Italian localisation for the Material paginator labels. */
 declare class PaginatorIntl extends MatPaginatorIntl {
     itemsPerPageLabel: string;
     nextPageLabel: string;
     previousPageLabel: string;
     lastPageLabel: string;
     firstPageLabel: string;
+    /**
+     * Returns the human-readable range label shown inside the paginator.
+     * @param page     - Zero-based index of the current page.
+     * @param pageSize - Number of items displayed per page.
+     * @param length   - Total number of items, or `-1` when the total is still being calculated.
+     * @returns A formatted string such as `"1 - 25 di 100"`.
+     */
     getRangeLabel: (page: number, pageSize: number, length: number) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorIntl, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<PaginatorIntl>;
@@ -60,16 +68,24 @@ interface ConfirmDialogData {
     options?: ConfirmDialogOption[];
     details?: string;
 }
-declare class ConfirmDialogComponent implements OnInit {
+declare class ConfirmDialogComponent {
+    /** Emitted when the user makes a choice. Carries the selected result and any option state. */
     readonly choosen: _angular_core.OutputEmitterRef<DialogResult>;
     private readonly dialogRef;
-    protected dialogData: ConfirmDialogData;
-    ngOnInit(): void;
-    /** Done */
+    /** Dialog configuration, with sensible defaults applied at construction time. */
+    protected readonly dialogData: _angular_core.WritableSignal<ConfirmDialogData>;
+    constructor();
+    /**
+     * Confirms the dialog, emitting `'ok'` together with the current option selections.
+     */
     ok(): void;
-    /** Cancelled */
+    /**
+     * Cancels the dialog, emitting `'cancel'`.
+     */
     cancel(): void;
-    /** Other action */
+    /**
+     * Triggers the tertiary action, emitting `'other'`.
+     */
     other(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmDialogComponent, "ng-component", never, {}, { "choosen": "choosen"; }, never, never, true, never>;
@@ -83,19 +99,21 @@ interface InfoDialogData {
     dismissAfter?: number;
     onNavigate?: (url: string) => void;
 }
-declare class InfoDialogComponent implements OnInit {
+declare class InfoDialogComponent {
     private readonly dialogService;
     private readonly dialogRef;
-    protected dialogData: InfoDialogData;
-    ngOnInit(): void;
+    /** Dialog configuration with defaults applied at construction time. */
+    protected readonly dialogData: _angular_core.WritableSignal<InfoDialogData>;
+    constructor();
     /**
-     * Set the dialog data manually
-     * @param data : the new dialog data
+     * Replaces the dialog data at runtime (e.g. after an async operation resolves).
+     * Also re-schedules the auto-dismiss timer if `dismissAfter` is set.
+     * @param data - The new dialog data to display.
      */
     setData(data: InfoDialogData): void;
     /**
-     * Navigate to an url
-     * @param url : the url to navigate to
+     * Invokes the optional navigation callback provided by the caller.
+     * @param url - The URL to navigate to.
      */
     protected navigate(url: string): void;
     /**
@@ -112,18 +130,29 @@ interface ToastData {
     actionCaption?: string;
 }
 declare class ToastComponent {
+    /** Emitted when the user clicks the optional action button. */
     readonly action: _angular_core.OutputEmitterRef<void>;
-    protected readonly dialogData: ToastData;
-    /** Do action */
+    /** Snack-bar payload with a safe fallback to an empty message when no data is injected. */
+    protected readonly dialogData: _angular_core.WritableSignal<ToastData>;
+    /**
+     * Emits the `action` event to notify the caller that the action button was clicked.
+     */
     protected do(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ng-component", never, {}, { "action": "action"; }, never, never, true, never>;
 }
 
 declare class UIService {
-    private _appearance;
-    get appearance(): "fill" | "outline" | undefined;
-    set appearance(value: "fill" | "outline" | undefined);
+    /**
+     * The default Material form-field appearance used across dialogs and forms.
+     * Defaults to `'fill'`.
+     */
+    readonly appearance: _angular_core.WritableSignal<"fill" | "outline">;
+    /**
+     * Updates the global form-field appearance.
+     * @param value - The new appearance value. Falls back to `'fill'` when `undefined` is passed.
+     */
+    setAppearance(value: 'fill' | 'outline' | undefined): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UIService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<UIService>;
 }
@@ -142,16 +171,26 @@ interface DeleteDialogData {
     details?: string;
     appearance?: MatFormFieldAppearance;
 }
-declare class DeleteDialogComponent implements OnInit {
+declare class DeleteDialogComponent {
+    /** Emitted when the user makes a choice. Carries the selected result. */
     readonly choosen: _angular_core.OutputEmitterRef<DialogResult>;
     private readonly dialogRef;
-    protected dialogData: DeleteDialogData;
-    protected confirmed: _angular_core.WritableSignal<boolean>;
+    /** Dialog configuration with defaults applied at construction time. */
+    protected readonly dialogData: _angular_core.WritableSignal<DeleteDialogData>;
+    /**
+     * Whether the user has confirmed the deletion.
+     * Starts as `true` for all modes except `Simple`, which requires explicit checkbox confirmation.
+     */
+    protected readonly confirmed: _angular_core.WritableSignal<boolean>;
+    /** Current value typed into the strong-confirmation text field. */
     protected confirmValue?: string;
-    ngOnInit(): void;
-    /** Done */
+    /**
+     * Confirms the deletion, emitting `'ok'` and closing the dialog.
+     */
     ok(): void;
-    /** Cancelled */
+    /**
+     * Cancels the operation, emitting `'cancel'` and closing the dialog.
+     */
     cancel(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeleteDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeleteDialogComponent, "ng-component", never, {}, { "choosen": "choosen"; }, never, never, true, never>;
@@ -179,8 +218,8 @@ declare class DialogService extends UIService {
     private poppingState;
     constructor();
     /**
-     * Clear url from # in case of page reload
-     * @param resetPoppingState: true if popping state should be set to false
+     * Removes trailing `#` characters from the current URL (e.g. after a page reload).
+     * @param resetPoppingState - When `true`, resets the internal popping-state flag.
      */
     clearUrl(resetPoppingState?: boolean): void;
     /**
@@ -188,17 +227,18 @@ declare class DialogService extends UIService {
      */
     closeAll(): void;
     /**
-     * Open a dialog
-     * @param component : the component
-     * @param config : the config
-     * @returns the dialog object, or null when not running in a browser
+     * Opens a Material dialog. Returns `null` when not running in a browser.
+     * @param component - The component to open as a dialog.
+     * @param config   - The dialog configuration.
+     * @returns The dialog reference, or `null` outside the browser.
      */
     open<T>(component: ComponentType<T>, config: MatDialogConfig<unknown>): MatDialogRef<T> | null;
     /**
-     * Open a dialog
-     * @param component : the component
-     * @param config : the config
-     * @returns the dialog object
+     * Internal helper that wraps `MatDialog.open`, subscribes to lifecycle hooks
+     * and manages browser-history push/pop entries.
+     * @param component - The component to open.
+     * @param config   - The dialog configuration.
+     * @returns The dialog reference.
      */
     private openDialog;
     /**
@@ -212,7 +252,10 @@ declare class DialogService extends UIService {
      */
     getCurrentDialogHeight(): number;
     /**
-     * Return current dialog scrollable height
+     * Returns the scrollable content area height for the topmost open dialog.
+     * @param fixedPartsClassName - CSS class names of fixed (non-scrollable) elements whose heights are subtracted.
+     * @param minimalHeight       - Minimum height floor to use when the dialog height is smaller.
+     * @returns The computed scrollable height in pixels.
      */
     getCurrentDialogScrollableHeight(fixedPartsClassName: string[], minimalHeight: number): number;
     /**
@@ -224,9 +267,8 @@ declare class DialogService extends UIService {
      */
     private popDialog;
     /**
-     * Create the busy overlay
-     * @param type: the type of spinner to create
-     * @returns: the new overlay
+     * Creates the CDK overlay used to host the busy indicator.
+     * @returns The new `OverlayRef`.
      */
     private createBusy;
     /**
@@ -234,103 +276,108 @@ declare class DialogService extends UIService {
      */
     clearBusy(): void;
     /**
-     * Update busy dialog
-     * @param message : new message
-     * @param progress : new progress
-     * @param progressMode : new mode (default = 'indeterminate')
-     * @param type: new type (default = 'hourglass')
-     * @param action : action to do during the execution (optional)
-     * @returns true if a new popup has been opened
+     * Shows or updates the busy overlay.
+     * @param message      - Text to display inside the overlay.
+     * @param progress     - Progress value (`-1` = indeterminate). Defaults to `-1`.
+     * @param progressMode - Progress bar mode. Defaults to `'indeterminate'`.
+     * @param type         - Visual style of the overlay. Defaults to `'bar'`.
+     * @param action       - Optional observable; the overlay is dismissed when it emits.
+     * @returns `true` if a new overlay was created, `false` if an existing one was updated.
      */
     setBusy(message: string, progress?: number, progressMode?: 'determinate' | 'indeterminate', type?: 'bar' | 'spinner' | 'wait' | 'hourglass', action?: Observable<unknown>): boolean;
     /**
-     * Display a busy dialog
-     * @param message : new message
-     * @param progress : new progress
-     * @param progressMode : new mode (default = 'indeterminate')
-     * @param action : action to do during the execution (optional)
-     * @returns true if a new popup has been opened
+     * Shows or updates the busy overlay using the progress-bar style.
+     * @param message      - Text to display inside the overlay.
+     * @param progress     - Progress value (`-1` = indeterminate). Defaults to `-1`.
+     * @param progressMode - Progress bar mode. Defaults to `'indeterminate'`.
+     * @param action       - Optional observable; the overlay is dismissed when it emits.
+     * @returns `true` if a new overlay was created.
      */
     busy(message: string, progress?: number, progressMode?: 'determinate' | 'indeterminate', action?: Observable<unknown>): boolean;
     /**
-     * Display a busy timer
-     * @param message : new message
-     * @param due: the number of milliseconds. Default is 100
-     * @returns the busy timer object
+     * Returns a `BusyTimer` that shows the busy overlay after a debounce delay.
+     * @param message - Text to display. Defaults to `'Operazione in corso...'`.
+     * @param due     - Delay in milliseconds before the overlay appears. Defaults to `100`.
+     * @returns A `BusyTimer` that must be disposed with `clear()` when the operation ends.
      */
     busyTimer(message?: string, due?: number): BusyTimer;
     /**
-     * Display a busy indeterminate dialog as hourglass
-     * @param message : new message
-     * @param action : action to do during the execution (optional)
-     * @returns true if a new popup has been opened
+     * Shows or updates the busy overlay using the hourglass style.
+     * @param message - Text to display inside the overlay.
+     * @param action  - Optional observable; the overlay is dismissed when it emits.
+     * @returns `true` if a new overlay was created.
      */
     busyHourglass(message: string, action?: Observable<unknown>): boolean;
     /**
-     * Display a busy spinner dialog
-     * @param message : new message
-     * @param progress : new progress
-     * @param progressMode : new mode (default = 'indeterminate')
-     * @param action : action to do during the execution (optional)
-     * @returns true if a new popup has been opened
+     * Shows or updates the busy overlay using the spinner style.
+     * @param message      - Text to display inside the overlay.
+     * @param progress     - Progress value (`-1` = indeterminate). Defaults to `-1`.
+     * @param progressMode - Progress mode. Defaults to `'indeterminate'`.
+     * @param action       - Optional observable; the overlay is dismissed when it emits.
+     * @returns `true` if a new overlay was created.
      */
     busySpinner(message: string, progress?: number, progressMode?: 'determinate' | 'indeterminate', action?: Observable<unknown>): boolean;
     /**
-     * Display a wait spinner
-     * @param action : action to do during the execution (optional)
-     * @returns true if a new popup has been opened
+     * Shows a minimal wait spinner overlay.
+     * @param action - Optional observable; the overlay is dismissed when it emits.
+     * @returns `true` if a new overlay was created.
      */
     wait(action?: Observable<unknown>): boolean;
     /**
-     * Display an information dialog
-     * @param message : message
-     * @param title : dialog title
-     * @param okCaption : ok button caption
-     * @param width: the preferred width
-     * @param dismissAfter: if specified, the dialog will be closed after dismissAfter milliseconds
-     * @param details: if specified, the details info
-     * @param onNavigate: the callback to use for navigation. Default is null
+     * Opens an informational dialog.
+     * @param message      - HTML message to display.
+     * @param title        - Dialog title. Defaults to `'Informazioni'`.
+     * @param okCaption    - Confirmation button label. Defaults to `'Ok'`.
+     * @param width        - Maximum dialog width in pixels. Defaults to `500`.
+     * @param dismissAfter - Auto-close delay in milliseconds (optional).
+     * @param details      - Optional secondary details text.
+     * @param onNavigate   - Optional navigation callback invoked when the user clicks a link.
+     * @returns The dialog reference, or `null` outside the browser.
      */
-    info(message: string, title?: string, okCaption?: string, width?: number, dismissAfter?: number, details?: string, onNavigate?: (url: string) => void): MatDialogRef<InfoDialogComponent>;
+    info(message: string, title?: string, okCaption?: string, width?: number, dismissAfter?: number, details?: string, onNavigate?: (url: string) => void): MatDialogRef<InfoDialogComponent> | null;
     /**
-     * Display an error dialog
-     * @param message : message
-     * @param log : the error log
-     * @param title : dialog title
-     * @param okCaption : ok button caption
-     * @param width: the preferred width
-     * @param dismissAfter: if specified, the dialog will be closed after dismissAfter milliseconds
+     * Opens an error dialog. If one is already open, its content is updated in place.
+     * @param message      - HTML error message to display.
+     * @param log          - Optional technical log / stack trace shown in the details panel.
+     * @param title        - Dialog title. Defaults to `'Errore'`.
+     * @param okCaption    - Confirmation button label. Defaults to `'Ok'`.
+     * @param width        - Maximum dialog width in pixels. Defaults to `500`.
+     * @param dismissAfter - Auto-close delay in milliseconds (optional).
+     * @returns The dialog reference, or `null` outside the browser.
      */
-    error(message: string, log?: string, title?: string, okCaption?: string, width?: number, dismissAfter?: number): MatDialogRef<InfoDialogComponent>;
+    error(message: string, log?: string, title?: string, okCaption?: string, width?: number, dismissAfter?: number): MatDialogRef<InfoDialogComponent> | null;
     /**
-     * Display toast
-     * @param message : message to display
-     * @param duration : duration in msec
-     * @param icon : the mat-icon to display
-     * @param actionCaption action button caption
+     * Shows a snack-bar toast notification.
+     * @param message       - HTML message to display.
+     * @param duration      - Visible duration in milliseconds. Defaults to `2000`.
+     * @param icon          - Material icon name shown beside the message. Defaults to `'check'`.
+     * @param actionCaption - Optional label for the action button.
+     * @returns The snack-bar reference.
      */
     toast(message: string, duration?: number, icon?: string, actionCaption?: string): MatSnackBarRef<ToastComponent>;
     /**
-     * Display a confirm dialog
-     * @param message : html message
-     * @param title : dialog title
-     * @param okCaption : ok button caption
-     * @param cancelCaption : cancel button caption
-     * @param otherCaption : other button caption
-     * @param options: check box options
-     * @param width: the preferred width
-     * @param details: optional details
+     * Opens a confirmation dialog.
+     * @param message       - HTML message to display.
+     * @param title         - Dialog title. Defaults to `'Conferma'`.
+     * @param okCaption     - Primary action button label. Defaults to `'Si'`.
+     * @param cancelCaption - Cancel button label. Defaults to `'No'`.
+     * @param otherCaption  - Optional tertiary action button label.
+     * @param options       - Optional list of checkbox options shown to the user.
+     * @param width         - Maximum dialog width in pixels. Defaults to `500`.
+     * @param details       - Optional secondary details text.
+     * @returns The dialog reference, or `null` outside the browser.
      */
     confirm(message: string, title?: string, okCaption?: string, cancelCaption?: string, otherCaption?: string, options?: ConfirmDialogOption[], width?: number, details?: string): MatDialogRef<ConfirmDialogComponent> | null;
     /**
-     * Display a delete dialog
-     * @param message : html message
-     * @param title : dialog title
-     * @param confirmMode : the confirm mode
-     * @param okCaption : ok button caption
-     * @param cancelCaption : cancel button caption
-     * @param width: the preferred width
-     * @param details: optional details
+     * Opens a deletion-confirmation dialog.
+     * @param message       - HTML message to display.
+     * @param title         - Dialog title. Defaults to `'Attenzione'`.
+     * @param confirmMode   - Confirmation mode (none / checkbox / type-to-confirm). Defaults to `None`.
+     * @param okCaption     - Primary action button label. Defaults to `'Si'`.
+     * @param cancelCaption - Cancel button label. Defaults to `'No'`.
+     * @param width         - Maximum dialog width in pixels. Defaults to `500`.
+     * @param details       - Optional secondary details text.
+     * @returns The dialog reference, or `null` outside the browser.
      */
     delete(message: string, title?: string, confirmMode?: DeleteDialogConfirmMode, okCaption?: string, cancelCaption?: string, width?: number, details?: string): MatDialogRef<DeleteDialogComponent> | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogService, never>;
@@ -343,17 +390,25 @@ declare class ArsUIModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<ArsUIModule>;
 }
 
+/**
+ * Overlay dialog that blocks interaction while a background operation is in progress.
+ * Supports four visual styles: progress bar, spinner, hourglass, and wait icon.
+ */
 declare class BusyDialogComponent {
-    type: 'bar' | 'spinner' | 'wait' | 'hourglass';
-    progress: number;
-    progressMode: 'determinate' | 'indeterminate';
-    message: string;
+    /** Visual style of the busy indicator. */
+    readonly type: _angular_core.WritableSignal<"bar" | "spinner" | "wait" | "hourglass">;
+    /** Current progress value (0–100). Used when `progressMode` is `'determinate'`. */
+    readonly progress: _angular_core.WritableSignal<number>;
+    /** Progress mode passed to the Material progress components. */
+    readonly progressMode: _angular_core.WritableSignal<"determinate" | "indeterminate">;
+    /** Message displayed above the progress indicator. */
+    readonly message: _angular_core.WritableSignal<string>;
     /**
-     * Update busy dialog
-     * @param message       : new message or null to keep the previous one
-     * @param progress      : new progress value
-     * @param progressMode  : new progress mode (determinate or indeterminate)
-     * @param type          : the type (bar, spinner, wait o hourglass)
+     * Updates the busy dialog state.
+     * @param message      - New message to display. Ignored when empty, preserving the previous text.
+     * @param progress     - Current progress value (0–100). A value > 0 forces `'determinate'` mode.
+     * @param progressMode - Progress bar/spinner mode (default: `'indeterminate'`).
+     * @param type         - Visual style to use (default: `'bar'`).
      */
     set(message: string, progress: number, progressMode?: 'determinate' | 'indeterminate', type?: 'bar' | 'spinner' | 'wait' | 'hourglass'): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BusyDialogComponent, never>;
@@ -371,23 +426,32 @@ interface CredentialsDialogData {
     mode?: 'email' | 'user' | 'otp';
     appearance?: MatFormFieldAppearance;
 }
-declare class CredentialsDialogComponent implements OnInit {
+declare class CredentialsDialogComponent {
+    /** Emitted when the user submits the form. Carries the entered credentials. */
     readonly done: _angular_core.OutputEmitterRef<CredentialsDialogResult>;
+    /** Emitted when the user requests a password-recovery flow. */
     readonly recoveringPassword: _angular_core.OutputEmitterRef<CredentialsDialogResult>;
-    private readonly changeDetector;
-    protected dialogData: CredentialsDialogData;
+    /** Dialog configuration with defaults applied at construction time. */
+    protected readonly dialogData: _angular_core.WritableSignal<CredentialsDialogData>;
+    /** Current form model, pre-filled with the user name from dialog data when provided. */
     protected item: CredentialsDialogResult;
-    protected showPassword: boolean;
-    ngOnInit(): void;
+    /** Whether the password field is currently shown as plain text. */
+    protected readonly showPassword: _angular_core.WritableSignal<boolean>;
     /**
-     * Change mode
-     * @param mode: the new mode
-     * @param message: the optional new message
+     * Switches the input mode of the dialog at runtime (e.g. from login to OTP).
+     * Intended to be called from outside via the dialog component reference.
+     * @param mode    - The new input mode (`'email'`, `'user'`, or `'otp'`).
+     * @param message - Optional new message to display above the form.
      */
     changeMode(mode: 'email' | 'user' | 'otp', message?: string): void;
-    /** Done */
+    /**
+     * Emits the current form result and closes the dialog.
+     */
     protected ok(): void;
-    /** Recover password */
+    /**
+     * Emits the current form result for the password-recovery flow and optionally
+     * opens the recovery URL in a new tab.
+     */
     protected recoverPassword(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CredentialsDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CredentialsDialogComponent, "ng-component", never, {}, { "done": "done"; "recoveringPassword": "recoveringPassword"; }, never, never, true, never>;
@@ -397,10 +461,15 @@ interface RecoverPasswordDialogData {
     appearance?: MatFormFieldAppearance;
 }
 declare class RecoverPasswordDialogComponent {
+    /** Emitted when the user submits the recovery request. Carries the entered email and recaptcha state. */
     readonly done: _angular_core.OutputEmitterRef<RecoverPasswordDialogResult>;
-    protected readonly dialogData: RecoverPasswordDialogData;
+    /** Dialog configuration with defaults applied at construction time. */
+    protected readonly dialogData: _angular_core.WritableSignal<RecoverPasswordDialogData>;
+    /** Current form model bound to the template inputs. */
     protected item: RecoverPasswordDialogResult;
-    /** Done */
+    /**
+     * Emits the current form result to trigger the password-recovery flow.
+     */
     protected ok(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RecoverPasswordDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RecoverPasswordDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
@@ -413,53 +482,121 @@ interface ResetPasswordDialogData {
     userEmail?: string;
     appearance?: MatFormFieldAppearance;
 }
-declare class ResetPasswordDialogComponent implements OnInit {
+declare class ResetPasswordDialogComponent {
+    /** Emitted when the user submits the new password. Carries the entered password data. */
     readonly done: _angular_core.OutputEmitterRef<ResetPasswordDialogResult>;
     private readonly dialogService;
     private readonly dialogRef;
-    protected dialogData: ResetPasswordDialogData;
+    /** Dialog configuration with defaults applied at construction time. */
+    protected readonly dialogData: _angular_core.WritableSignal<ResetPasswordDialogData>;
+    /** Current form model bound to the template inputs. */
     protected item: ResetPasswordDialogResult;
-    protected showOldPassword: boolean;
-    protected showPassword: boolean;
-    protected showPassword2: boolean;
-    ngOnInit(): void;
-    /** Done */
+    /** Whether the old-password field is currently shown as plain text. */
+    protected readonly showOldPassword: _angular_core.WritableSignal<boolean>;
+    /** Whether the new-password field is currently shown as plain text. */
+    protected readonly showPassword: _angular_core.WritableSignal<boolean>;
+    /** Whether the confirm-password field is currently shown as plain text. */
+    protected readonly showPassword2: _angular_core.WritableSignal<boolean>;
+    constructor();
+    /**
+     * Emits the current form result to trigger the password-reset flow.
+     */
     protected ok(): void;
-    /** Generate a password */
+    /**
+     * Generates a random password and populates both password fields with it.
+     */
     protected generatePassword(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResetPasswordDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResetPasswordDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
 }
 
-declare class PasswordStrengthComponent {
-    readonly password: _angular_core.InputSignal<string>;
-    protected readonly strength: _angular_core.Signal<PasswordStrength>;
-    protected readonly scoreClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordStrengthComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordStrengthComponent, "password-strength", never, { "password": { "alias": "password"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare class OtpInputComponent implements ControlValueAccessor {
-    otpFields: QueryList<ElementRef<HTMLInputElement>>;
-    isValid: _angular_core.Signal<boolean>;
-    otpArray: _angular_core.WritableSignal<string[]>;
-    disabled: boolean;
+    /** Signal-based query for all individual OTP digit input elements. */
+    readonly otpFields: _angular_core.Signal<readonly ElementRef<HTMLInputElement>[]>;
+    /** `true` when every digit slot contains a valid single decimal digit. */
+    readonly isValid: _angular_core.Signal<boolean>;
+    /** Array of per-digit values backing the OTP display. */
+    readonly otpArray: _angular_core.WritableSignal<string[]>;
+    /** Whether the control is currently disabled. */
+    readonly disabled: _angular_core.WritableSignal<boolean>;
     private onChange;
     private onTouched;
+    /**
+     * Writes a new value into the control from the model.
+     * @param value - A string of up to 6 digits to pre-fill the OTP fields.
+     */
     writeValue(value: string): void;
+    /**
+     * Registers the callback invoked when the control value changes.
+     * @param fn - The callback function.
+     */
     registerOnChange(fn: (val: string) => void): void;
+    /**
+     * Registers the callback invoked when the control is touched.
+     * @param fn - The callback function.
+     */
     registerOnTouched(fn: () => void): void;
+    /**
+     * Enables or disables the control.
+     * @param isDisabled - `true` to disable all OTP inputs.
+     */
     setDisabledState(isDisabled: boolean): void;
+    /**
+     * Blocks non-digit characters before they are inserted.
+     * @param event - The `beforeinput` event from the input element.
+     */
     onBeforeInput(event: InputEvent): void;
+    /**
+     * Handles digit input, updates the OTP array, and advances focus.
+     * @param event - The `input` event from the digit field.
+     * @param index - Zero-based index of the field that received input.
+     */
     onInput(event: Event, index: number): void;
+    /**
+     * Handles the Backspace key by moving focus to the previous field when the current one is empty.
+     * @param event - The `keydown` event.
+     * @param index - Zero-based index of the field that received the keydown.
+     */
     onKeyDown(event: KeyboardEvent, index: number): void;
+    /**
+     * Handles paste events by extracting up to 6 digits and distributing them across the OTP fields.
+     * @param event - The `ClipboardEvent` from the paste action.
+     */
     onPaste(event: ClipboardEvent): void;
+    /**
+     * Moves focus to the OTP field at the given index.
+     * @param index - Zero-based index of the target field.
+     */
     private focusField;
+    /**
+     * Notifies the form model of the current OTP value and marks the control as touched.
+     */
     private updateModel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OtpInputComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OtpInputComponent, "otp-input", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Displays a password-strength indicator for the provided password string.
+ * Uses `SystemUtils.calculatePasswordStrength` to derive the score and label.
+ */
+declare class PasswordStrengthComponent {
+    /** The password to evaluate. An empty string renders the default (score 0) state. */
+    readonly password: _angular_core.InputSignal<string>;
+    /**
+     * Computed strength result for the current password.
+     * Falls back to `DEFAULT_STRENGTH` when the password is empty.
+     */
+    protected readonly strength: _angular_core.Signal<PasswordStrength>;
+    /**
+     * CSS class applied to the label element based on the numeric score (1–6 bands).
+     * Scores ≤ 2 → `'score-2'`, ≤ 3 → `'score-3'`, etc.
+     */
+    protected readonly scoreClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordStrengthComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordStrengthComponent, "password-strength", never, { "password": { "alias": "password"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class IfBpDirective {
     private readonly tpl;
     private readonly vcr;
@@ -793,6 +930,190 @@ declare class FxFlexFillDirective extends ResponsiveBaseDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexFillDirective, "    [fxFlexFill],[fxFill],    [fxFlexFill.xs],[fxFlexFill.sm],[fxFlexFill.md],[fxFlexFill.lg],[fxFlexFill.xl],[fxFlexFill.xxl],    [fxFlexFill.lt-sm],[fxFlexFill.lt-md],[fxFlexFill.lt-lg],[fxFlexFill.lt-xl],[fxFlexFill.lt-xxl],    [fxFlexFill.gt-xs],[fxFlexFill.gt-sm],[fxFlexFill.gt-md],[fxFlexFill.gt-lg],[fxFlexFill.gt-xl],    [fxFlexFill.sm-up],[fxFlexFill.md-up],[fxFlexFill.lg-up],[fxFlexFill.xl-up],[fxFlexFill.xxl-up],    [fxFlexFill.sm-down],[fxFlexFill.md-down],[fxFlexFill.lg-down],[fxFlexFill.xl-down]  ", never, { "fxFlexFill": { "alias": "fxFlexFill"; "required": false; "isSignal": true; }; "fxFill": { "alias": "fxFill"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlexFill.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlexFill.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlexFill.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlexFill.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlexFill.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxFlexFill.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlexFill.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlexFill.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlexFill.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlexFill.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxFlexFill.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlexFill.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlexFill.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlexFill.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlexFill.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxFlexFill.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxFlexFill.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxFlexFill.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxFlexFill.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxFlexFill.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxFlexFill.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxFlexFill.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxFlexFill.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxFlexFill.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxFlexFill.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class FxFlexDirective extends ResponsiveBaseDirective {
+    readonly fxFlex: _angular_core.InputSignal<string>;
+    readonly xs: _angular_core.InputSignal<string>;
+    readonly sm: _angular_core.InputSignal<string>;
+    readonly md: _angular_core.InputSignal<string>;
+    readonly lg: _angular_core.InputSignal<string>;
+    readonly xl: _angular_core.InputSignal<string>;
+    readonly xxl: _angular_core.InputSignal<string>;
+    readonly ltSm: _angular_core.InputSignal<string>;
+    readonly ltMd: _angular_core.InputSignal<string>;
+    readonly ltLg: _angular_core.InputSignal<string>;
+    readonly ltXl: _angular_core.InputSignal<string>;
+    readonly ltXxl: _angular_core.InputSignal<string>;
+    readonly gtXs: _angular_core.InputSignal<string>;
+    readonly gtSm: _angular_core.InputSignal<string>;
+    readonly gtMd: _angular_core.InputSignal<string>;
+    readonly gtLg: _angular_core.InputSignal<string>;
+    readonly gtXl: _angular_core.InputSignal<string>;
+    readonly smUp: _angular_core.InputSignal<string>;
+    readonly mdUp: _angular_core.InputSignal<string>;
+    readonly lgUp: _angular_core.InputSignal<string>;
+    readonly xlUp: _angular_core.InputSignal<string>;
+    readonly xxlUp: _angular_core.InputSignal<string>;
+    readonly smDown: _angular_core.InputSignal<string>;
+    readonly mdDown: _angular_core.InputSignal<string>;
+    readonly lgDown: _angular_core.InputSignal<string>;
+    readonly xlDown: _angular_core.InputSignal<string>;
+    private readonly _rawFlex;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxFlexDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexDirective, "    [fxFlex],    [fxFlex.xs],[fxFlex.sm],[fxFlex.md],[fxFlex.lg],[fxFlex.xl],[fxFlex.xxl],    [fxFlex.lt-sm],[fxFlex.lt-md],[fxFlex.lt-lg],[fxFlex.lt-xl],[fxFlex.lt-xxl],    [fxFlex.gt-xs],[fxFlex.gt-sm],[fxFlex.gt-md],[fxFlex.gt-lg],[fxFlex.gt-xl],    [fxFlex.sm-up],[fxFlex.md-up],[fxFlex.lg-up],[fxFlex.xl-up],[fxFlex.xxl-up],    [fxFlex.sm-down],[fxFlex.md-down],[fxFlex.lg-down],[fxFlex.xl-down]  ", never, { "fxFlex": { "alias": "fxFlex"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlex.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlex.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlex.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlex.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlex.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxFlex.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlex.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlex.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlex.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlex.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxFlex.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlex.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlex.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlex.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlex.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxFlex.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxFlex.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxFlex.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxFlex.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxFlex.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxFlex.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxFlex.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxFlex.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxFlex.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxFlex.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FxGridDirective extends ResponsiveBaseDirective {
+    readonly fxGrid: _angular_core.InputSignal<string>;
+    readonly xs: _angular_core.InputSignal<string>;
+    readonly sm: _angular_core.InputSignal<string>;
+    readonly md: _angular_core.InputSignal<string>;
+    readonly lg: _angular_core.InputSignal<string>;
+    readonly xl: _angular_core.InputSignal<string>;
+    readonly xxl: _angular_core.InputSignal<string>;
+    readonly ltSm: _angular_core.InputSignal<string>;
+    readonly ltMd: _angular_core.InputSignal<string>;
+    readonly ltLg: _angular_core.InputSignal<string>;
+    readonly ltXl: _angular_core.InputSignal<string>;
+    readonly ltXxl: _angular_core.InputSignal<string>;
+    readonly gtXs: _angular_core.InputSignal<string>;
+    readonly gtSm: _angular_core.InputSignal<string>;
+    readonly gtMd: _angular_core.InputSignal<string>;
+    readonly gtLg: _angular_core.InputSignal<string>;
+    readonly gtXl: _angular_core.InputSignal<string>;
+    readonly smUp: _angular_core.InputSignal<string>;
+    readonly mdUp: _angular_core.InputSignal<string>;
+    readonly lgUp: _angular_core.InputSignal<string>;
+    readonly xlUp: _angular_core.InputSignal<string>;
+    readonly xxlUp: _angular_core.InputSignal<string>;
+    readonly smDown: _angular_core.InputSignal<string>;
+    readonly mdDown: _angular_core.InputSignal<string>;
+    readonly lgDown: _angular_core.InputSignal<string>;
+    readonly xlDown: _angular_core.InputSignal<string>;
+    readonly fxGridRows: _angular_core.InputSignal<string>;
+    readonly rowsXs: _angular_core.InputSignal<string>;
+    readonly rowsSm: _angular_core.InputSignal<string>;
+    readonly rowsMd: _angular_core.InputSignal<string>;
+    readonly rowsLg: _angular_core.InputSignal<string>;
+    readonly rowsXl: _angular_core.InputSignal<string>;
+    readonly rowsXxl: _angular_core.InputSignal<string>;
+    readonly rowsLtSm: _angular_core.InputSignal<string>;
+    readonly rowsLtMd: _angular_core.InputSignal<string>;
+    readonly rowsLtLg: _angular_core.InputSignal<string>;
+    readonly rowsLtXl: _angular_core.InputSignal<string>;
+    readonly rowsLtXxl: _angular_core.InputSignal<string>;
+    readonly rowsGtXs: _angular_core.InputSignal<string>;
+    readonly rowsGtSm: _angular_core.InputSignal<string>;
+    readonly rowsGtMd: _angular_core.InputSignal<string>;
+    readonly rowsGtLg: _angular_core.InputSignal<string>;
+    readonly rowsGtXl: _angular_core.InputSignal<string>;
+    readonly rowsSmUp: _angular_core.InputSignal<string>;
+    readonly rowsMdUp: _angular_core.InputSignal<string>;
+    readonly rowsLgUp: _angular_core.InputSignal<string>;
+    readonly rowsXlUp: _angular_core.InputSignal<string>;
+    readonly rowsXxlUp: _angular_core.InputSignal<string>;
+    readonly rowsSmDown: _angular_core.InputSignal<string>;
+    readonly rowsMdDown: _angular_core.InputSignal<string>;
+    readonly rowsLgDown: _angular_core.InputSignal<string>;
+    readonly rowsXlDown: _angular_core.InputSignal<string>;
+    readonly fxGridGap: _angular_core.InputSignal<string>;
+    readonly gapXs: _angular_core.InputSignal<string>;
+    readonly gapSm: _angular_core.InputSignal<string>;
+    readonly gapMd: _angular_core.InputSignal<string>;
+    readonly gapLg: _angular_core.InputSignal<string>;
+    readonly gapXl: _angular_core.InputSignal<string>;
+    readonly gapXxl: _angular_core.InputSignal<string>;
+    readonly gapLtSm: _angular_core.InputSignal<string>;
+    readonly gapLtMd: _angular_core.InputSignal<string>;
+    readonly gapLtLg: _angular_core.InputSignal<string>;
+    readonly gapLtXl: _angular_core.InputSignal<string>;
+    readonly gapLtXxl: _angular_core.InputSignal<string>;
+    readonly gapGtXs: _angular_core.InputSignal<string>;
+    readonly gapGtSm: _angular_core.InputSignal<string>;
+    readonly gapGtMd: _angular_core.InputSignal<string>;
+    readonly gapGtLg: _angular_core.InputSignal<string>;
+    readonly gapGtXl: _angular_core.InputSignal<string>;
+    readonly gapSmUp: _angular_core.InputSignal<string>;
+    readonly gapMdUp: _angular_core.InputSignal<string>;
+    readonly gapLgUp: _angular_core.InputSignal<string>;
+    readonly gapXlUp: _angular_core.InputSignal<string>;
+    readonly gapXxlUp: _angular_core.InputSignal<string>;
+    readonly gapSmDown: _angular_core.InputSignal<string>;
+    readonly gapMdDown: _angular_core.InputSignal<string>;
+    readonly gapLgDown: _angular_core.InputSignal<string>;
+    readonly gapXlDown: _angular_core.InputSignal<string>;
+    private readonly _cols;
+    private readonly _rows;
+    private readonly _gap;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridDirective, "    [fxGrid],    [fxGrid.xs],[fxGrid.sm],[fxGrid.md],[fxGrid.lg],[fxGrid.xl],[fxGrid.xxl],    [fxGrid.lt-sm],[fxGrid.lt-md],[fxGrid.lt-lg],[fxGrid.lt-xl],[fxGrid.lt-xxl],    [fxGrid.gt-xs],[fxGrid.gt-sm],[fxGrid.gt-md],[fxGrid.gt-lg],[fxGrid.gt-xl],    [fxGrid.sm-up],[fxGrid.md-up],[fxGrid.lg-up],[fxGrid.xl-up],[fxGrid.xxl-up],    [fxGrid.sm-down],[fxGrid.md-down],[fxGrid.lg-down],[fxGrid.xl-down]  ", never, { "fxGrid": { "alias": "fxGrid"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGrid.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGrid.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGrid.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGrid.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGrid.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxGrid.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGrid.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGrid.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGrid.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGrid.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxGrid.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGrid.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGrid.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGrid.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGrid.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxGrid.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxGrid.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxGrid.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxGrid.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxGrid.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxGrid.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxGrid.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxGrid.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxGrid.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxGrid.xl-down"; "required": false; "isSignal": true; }; "fxGridRows": { "alias": "fxGridRows"; "required": false; "isSignal": true; }; "rowsXs": { "alias": "fxGridRows.xs"; "required": false; "isSignal": true; }; "rowsSm": { "alias": "fxGridRows.sm"; "required": false; "isSignal": true; }; "rowsMd": { "alias": "fxGridRows.md"; "required": false; "isSignal": true; }; "rowsLg": { "alias": "fxGridRows.lg"; "required": false; "isSignal": true; }; "rowsXl": { "alias": "fxGridRows.xl"; "required": false; "isSignal": true; }; "rowsXxl": { "alias": "fxGridRows.xxl"; "required": false; "isSignal": true; }; "rowsLtSm": { "alias": "fxGridRows.lt-sm"; "required": false; "isSignal": true; }; "rowsLtMd": { "alias": "fxGridRows.lt-md"; "required": false; "isSignal": true; }; "rowsLtLg": { "alias": "fxGridRows.lt-lg"; "required": false; "isSignal": true; }; "rowsLtXl": { "alias": "fxGridRows.lt-xl"; "required": false; "isSignal": true; }; "rowsLtXxl": { "alias": "fxGridRows.lt-xxl"; "required": false; "isSignal": true; }; "rowsGtXs": { "alias": "fxGridRows.gt-xs"; "required": false; "isSignal": true; }; "rowsGtSm": { "alias": "fxGridRows.gt-sm"; "required": false; "isSignal": true; }; "rowsGtMd": { "alias": "fxGridRows.gt-md"; "required": false; "isSignal": true; }; "rowsGtLg": { "alias": "fxGridRows.gt-lg"; "required": false; "isSignal": true; }; "rowsGtXl": { "alias": "fxGridRows.gt-xl"; "required": false; "isSignal": true; }; "rowsSmUp": { "alias": "fxGridRows.sm-up"; "required": false; "isSignal": true; }; "rowsMdUp": { "alias": "fxGridRows.md-up"; "required": false; "isSignal": true; }; "rowsLgUp": { "alias": "fxGridRows.lg-up"; "required": false; "isSignal": true; }; "rowsXlUp": { "alias": "fxGridRows.xl-up"; "required": false; "isSignal": true; }; "rowsXxlUp": { "alias": "fxGridRows.xxl-up"; "required": false; "isSignal": true; }; "rowsSmDown": { "alias": "fxGridRows.sm-down"; "required": false; "isSignal": true; }; "rowsMdDown": { "alias": "fxGridRows.md-down"; "required": false; "isSignal": true; }; "rowsLgDown": { "alias": "fxGridRows.lg-down"; "required": false; "isSignal": true; }; "rowsXlDown": { "alias": "fxGridRows.xl-down"; "required": false; "isSignal": true; }; "fxGridGap": { "alias": "fxGridGap"; "required": false; "isSignal": true; }; "gapXs": { "alias": "fxGridGap.xs"; "required": false; "isSignal": true; }; "gapSm": { "alias": "fxGridGap.sm"; "required": false; "isSignal": true; }; "gapMd": { "alias": "fxGridGap.md"; "required": false; "isSignal": true; }; "gapLg": { "alias": "fxGridGap.lg"; "required": false; "isSignal": true; }; "gapXl": { "alias": "fxGridGap.xl"; "required": false; "isSignal": true; }; "gapXxl": { "alias": "fxGridGap.xxl"; "required": false; "isSignal": true; }; "gapLtSm": { "alias": "fxGridGap.lt-sm"; "required": false; "isSignal": true; }; "gapLtMd": { "alias": "fxGridGap.lt-md"; "required": false; "isSignal": true; }; "gapLtLg": { "alias": "fxGridGap.lt-lg"; "required": false; "isSignal": true; }; "gapLtXl": { "alias": "fxGridGap.lt-xl"; "required": false; "isSignal": true; }; "gapLtXxl": { "alias": "fxGridGap.lt-xxl"; "required": false; "isSignal": true; }; "gapGtXs": { "alias": "fxGridGap.gt-xs"; "required": false; "isSignal": true; }; "gapGtSm": { "alias": "fxGridGap.gt-sm"; "required": false; "isSignal": true; }; "gapGtMd": { "alias": "fxGridGap.gt-md"; "required": false; "isSignal": true; }; "gapGtLg": { "alias": "fxGridGap.gt-lg"; "required": false; "isSignal": true; }; "gapGtXl": { "alias": "fxGridGap.gt-xl"; "required": false; "isSignal": true; }; "gapSmUp": { "alias": "fxGridGap.sm-up"; "required": false; "isSignal": true; }; "gapMdUp": { "alias": "fxGridGap.md-up"; "required": false; "isSignal": true; }; "gapLgUp": { "alias": "fxGridGap.lg-up"; "required": false; "isSignal": true; }; "gapXlUp": { "alias": "fxGridGap.xl-up"; "required": false; "isSignal": true; }; "gapXxlUp": { "alias": "fxGridGap.xxl-up"; "required": false; "isSignal": true; }; "gapSmDown": { "alias": "fxGridGap.sm-down"; "required": false; "isSignal": true; }; "gapMdDown": { "alias": "fxGridGap.md-down"; "required": false; "isSignal": true; }; "gapLgDown": { "alias": "fxGridGap.lg-down"; "required": false; "isSignal": true; }; "gapXlDown": { "alias": "fxGridGap.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FxGridColumnDirective extends ResponsiveBaseDirective {
+    readonly fxGridColumn: _angular_core.InputSignal<string>;
+    readonly xs: _angular_core.InputSignal<string>;
+    readonly sm: _angular_core.InputSignal<string>;
+    readonly md: _angular_core.InputSignal<string>;
+    readonly lg: _angular_core.InputSignal<string>;
+    readonly xl: _angular_core.InputSignal<string>;
+    readonly xxl: _angular_core.InputSignal<string>;
+    readonly ltSm: _angular_core.InputSignal<string>;
+    readonly ltMd: _angular_core.InputSignal<string>;
+    readonly ltLg: _angular_core.InputSignal<string>;
+    readonly ltXl: _angular_core.InputSignal<string>;
+    readonly ltXxl: _angular_core.InputSignal<string>;
+    readonly gtXs: _angular_core.InputSignal<string>;
+    readonly gtSm: _angular_core.InputSignal<string>;
+    readonly gtMd: _angular_core.InputSignal<string>;
+    readonly gtLg: _angular_core.InputSignal<string>;
+    readonly gtXl: _angular_core.InputSignal<string>;
+    readonly smUp: _angular_core.InputSignal<string>;
+    readonly mdUp: _angular_core.InputSignal<string>;
+    readonly lgUp: _angular_core.InputSignal<string>;
+    readonly xlUp: _angular_core.InputSignal<string>;
+    readonly xxlUp: _angular_core.InputSignal<string>;
+    readonly smDown: _angular_core.InputSignal<string>;
+    readonly mdDown: _angular_core.InputSignal<string>;
+    readonly lgDown: _angular_core.InputSignal<string>;
+    readonly xlDown: _angular_core.InputSignal<string>;
+    private readonly _resolved;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridColumnDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridColumnDirective, "    [fxGridColumn],    [fxGridColumn.xs],[fxGridColumn.sm],[fxGridColumn.md],[fxGridColumn.lg],[fxGridColumn.xl],[fxGridColumn.xxl],    [fxGridColumn.lt-sm],[fxGridColumn.lt-md],[fxGridColumn.lt-lg],[fxGridColumn.lt-xl],[fxGridColumn.lt-xxl],    [fxGridColumn.gt-xs],[fxGridColumn.gt-sm],[fxGridColumn.gt-md],[fxGridColumn.gt-lg],[fxGridColumn.gt-xl],    [fxGridColumn.sm-up],[fxGridColumn.md-up],[fxGridColumn.lg-up],[fxGridColumn.xl-up],[fxGridColumn.xxl-up],    [fxGridColumn.sm-down],[fxGridColumn.md-down],[fxGridColumn.lg-down],[fxGridColumn.xl-down]  ", never, { "fxGridColumn": { "alias": "fxGridColumn"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGridColumn.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGridColumn.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGridColumn.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGridColumn.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGridColumn.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxGridColumn.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGridColumn.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGridColumn.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGridColumn.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGridColumn.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxGridColumn.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGridColumn.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGridColumn.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGridColumn.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGridColumn.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxGridColumn.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxGridColumn.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxGridColumn.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxGridColumn.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxGridColumn.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxGridColumn.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxGridColumn.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxGridColumn.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxGridColumn.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxGridColumn.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FxGridAreaDirective extends ResponsiveBaseDirective {
+    readonly fxGridArea: _angular_core.InputSignal<string>;
+    readonly xs: _angular_core.InputSignal<string>;
+    readonly sm: _angular_core.InputSignal<string>;
+    readonly md: _angular_core.InputSignal<string>;
+    readonly lg: _angular_core.InputSignal<string>;
+    readonly xl: _angular_core.InputSignal<string>;
+    readonly xxl: _angular_core.InputSignal<string>;
+    readonly ltSm: _angular_core.InputSignal<string>;
+    readonly ltMd: _angular_core.InputSignal<string>;
+    readonly ltLg: _angular_core.InputSignal<string>;
+    readonly ltXl: _angular_core.InputSignal<string>;
+    readonly ltXxl: _angular_core.InputSignal<string>;
+    readonly gtXs: _angular_core.InputSignal<string>;
+    readonly gtSm: _angular_core.InputSignal<string>;
+    readonly gtMd: _angular_core.InputSignal<string>;
+    readonly gtLg: _angular_core.InputSignal<string>;
+    readonly gtXl: _angular_core.InputSignal<string>;
+    readonly smUp: _angular_core.InputSignal<string>;
+    readonly mdUp: _angular_core.InputSignal<string>;
+    readonly lgUp: _angular_core.InputSignal<string>;
+    readonly xlUp: _angular_core.InputSignal<string>;
+    readonly xxlUp: _angular_core.InputSignal<string>;
+    readonly smDown: _angular_core.InputSignal<string>;
+    readonly mdDown: _angular_core.InputSignal<string>;
+    readonly lgDown: _angular_core.InputSignal<string>;
+    readonly xlDown: _angular_core.InputSignal<string>;
+    private readonly _resolved;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridAreaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridAreaDirective, "    [fxGridArea],    [fxGridArea.xs],[fxGridArea.sm],[fxGridArea.md],[fxGridArea.lg],[fxGridArea.xl],[fxGridArea.xxl],    [fxGridArea.lt-sm],[fxGridArea.lt-md],[fxGridArea.lt-lg],[fxGridArea.lt-xl],[fxGridArea.lt-xxl],    [fxGridArea.gt-xs],[fxGridArea.gt-sm],[fxGridArea.gt-md],[fxGridArea.gt-lg],[fxGridArea.gt-xl],    [fxGridArea.sm-up],[fxGridArea.md-up],[fxGridArea.lg-up],[fxGridArea.xl-up],[fxGridArea.xxl-up],    [fxGridArea.sm-down],[fxGridArea.md-down],[fxGridArea.lg-down],[fxGridArea.xl-down]  ", never, { "fxGridArea": { "alias": "fxGridArea"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGridArea.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGridArea.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGridArea.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGridArea.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGridArea.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxGridArea.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGridArea.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGridArea.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGridArea.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGridArea.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxGridArea.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGridArea.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGridArea.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGridArea.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGridArea.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxGridArea.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxGridArea.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxGridArea.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxGridArea.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxGridArea.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxGridArea.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxGridArea.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxGridArea.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxGridArea.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxGridArea.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class FxLayoutAlignDirective extends ResponsiveBaseDirective {
     readonly fxLayoutAlign: _angular_core.InputSignal<string>;
     readonly xs: _angular_core.InputSignal<string>;
@@ -1055,189 +1376,5 @@ declare class FxClassDirective extends ResponsiveBaseDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxClassDirective, "    [fxClass],    [fxClass.xs],[fxClass.sm],[fxClass.md],[fxClass.lg],[fxClass.xl],[fxClass.xxl],    [fxClass.lt-sm],[fxClass.lt-md],[fxClass.lt-lg],[fxClass.lt-xl],[fxClass.lt-xxl],    [fxClass.gt-xs],[fxClass.gt-sm],[fxClass.gt-md],[fxClass.gt-lg],[fxClass.gt-xl],    [fxClass.sm-up],[fxClass.md-up],[fxClass.lg-up],[fxClass.xl-up],[fxClass.xxl-up],    [fxClass.sm-down],[fxClass.md-down],[fxClass.lg-down],[fxClass.xl-down]  ", never, { "fxClass": { "alias": "fxClass"; "required": false; "isSignal": true; }; "xs": { "alias": "fxClass.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxClass.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxClass.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxClass.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxClass.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxClass.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxClass.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxClass.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxClass.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxClass.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxClass.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxClass.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxClass.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxClass.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxClass.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxClass.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxClass.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxClass.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxClass.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxClass.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxClass.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxClass.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxClass.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxClass.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxClass.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class FxFlexDirective extends ResponsiveBaseDirective {
-    readonly fxFlex: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly xxl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly ltXxl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    readonly gtXl: _angular_core.InputSignal<string>;
-    readonly smUp: _angular_core.InputSignal<string>;
-    readonly mdUp: _angular_core.InputSignal<string>;
-    readonly lgUp: _angular_core.InputSignal<string>;
-    readonly xlUp: _angular_core.InputSignal<string>;
-    readonly xxlUp: _angular_core.InputSignal<string>;
-    readonly smDown: _angular_core.InputSignal<string>;
-    readonly mdDown: _angular_core.InputSignal<string>;
-    readonly lgDown: _angular_core.InputSignal<string>;
-    readonly xlDown: _angular_core.InputSignal<string>;
-    private readonly _rawFlex;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxFlexDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexDirective, "    [fxFlex],    [fxFlex.xs],[fxFlex.sm],[fxFlex.md],[fxFlex.lg],[fxFlex.xl],[fxFlex.xxl],    [fxFlex.lt-sm],[fxFlex.lt-md],[fxFlex.lt-lg],[fxFlex.lt-xl],[fxFlex.lt-xxl],    [fxFlex.gt-xs],[fxFlex.gt-sm],[fxFlex.gt-md],[fxFlex.gt-lg],[fxFlex.gt-xl],    [fxFlex.sm-up],[fxFlex.md-up],[fxFlex.lg-up],[fxFlex.xl-up],[fxFlex.xxl-up],    [fxFlex.sm-down],[fxFlex.md-down],[fxFlex.lg-down],[fxFlex.xl-down]  ", never, { "fxFlex": { "alias": "fxFlex"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlex.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlex.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlex.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlex.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlex.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxFlex.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlex.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlex.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlex.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlex.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxFlex.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlex.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlex.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlex.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlex.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxFlex.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxFlex.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxFlex.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxFlex.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxFlex.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxFlex.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxFlex.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxFlex.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxFlex.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxFlex.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class FxGridDirective extends ResponsiveBaseDirective {
-    readonly fxGrid: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly xxl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly ltXxl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    readonly gtXl: _angular_core.InputSignal<string>;
-    readonly smUp: _angular_core.InputSignal<string>;
-    readonly mdUp: _angular_core.InputSignal<string>;
-    readonly lgUp: _angular_core.InputSignal<string>;
-    readonly xlUp: _angular_core.InputSignal<string>;
-    readonly xxlUp: _angular_core.InputSignal<string>;
-    readonly smDown: _angular_core.InputSignal<string>;
-    readonly mdDown: _angular_core.InputSignal<string>;
-    readonly lgDown: _angular_core.InputSignal<string>;
-    readonly xlDown: _angular_core.InputSignal<string>;
-    readonly fxGridRows: _angular_core.InputSignal<string>;
-    readonly rowsXs: _angular_core.InputSignal<string>;
-    readonly rowsSm: _angular_core.InputSignal<string>;
-    readonly rowsMd: _angular_core.InputSignal<string>;
-    readonly rowsLg: _angular_core.InputSignal<string>;
-    readonly rowsXl: _angular_core.InputSignal<string>;
-    readonly rowsXxl: _angular_core.InputSignal<string>;
-    readonly rowsLtSm: _angular_core.InputSignal<string>;
-    readonly rowsLtMd: _angular_core.InputSignal<string>;
-    readonly rowsLtLg: _angular_core.InputSignal<string>;
-    readonly rowsLtXl: _angular_core.InputSignal<string>;
-    readonly rowsLtXxl: _angular_core.InputSignal<string>;
-    readonly rowsGtXs: _angular_core.InputSignal<string>;
-    readonly rowsGtSm: _angular_core.InputSignal<string>;
-    readonly rowsGtMd: _angular_core.InputSignal<string>;
-    readonly rowsGtLg: _angular_core.InputSignal<string>;
-    readonly rowsGtXl: _angular_core.InputSignal<string>;
-    readonly rowsSmUp: _angular_core.InputSignal<string>;
-    readonly rowsMdUp: _angular_core.InputSignal<string>;
-    readonly rowsLgUp: _angular_core.InputSignal<string>;
-    readonly rowsXlUp: _angular_core.InputSignal<string>;
-    readonly rowsXxlUp: _angular_core.InputSignal<string>;
-    readonly rowsSmDown: _angular_core.InputSignal<string>;
-    readonly rowsMdDown: _angular_core.InputSignal<string>;
-    readonly rowsLgDown: _angular_core.InputSignal<string>;
-    readonly rowsXlDown: _angular_core.InputSignal<string>;
-    readonly fxGridGap: _angular_core.InputSignal<string>;
-    readonly gapXs: _angular_core.InputSignal<string>;
-    readonly gapSm: _angular_core.InputSignal<string>;
-    readonly gapMd: _angular_core.InputSignal<string>;
-    readonly gapLg: _angular_core.InputSignal<string>;
-    readonly gapXl: _angular_core.InputSignal<string>;
-    readonly gapXxl: _angular_core.InputSignal<string>;
-    readonly gapLtSm: _angular_core.InputSignal<string>;
-    readonly gapLtMd: _angular_core.InputSignal<string>;
-    readonly gapLtLg: _angular_core.InputSignal<string>;
-    readonly gapLtXl: _angular_core.InputSignal<string>;
-    readonly gapLtXxl: _angular_core.InputSignal<string>;
-    readonly gapGtXs: _angular_core.InputSignal<string>;
-    readonly gapGtSm: _angular_core.InputSignal<string>;
-    readonly gapGtMd: _angular_core.InputSignal<string>;
-    readonly gapGtLg: _angular_core.InputSignal<string>;
-    readonly gapGtXl: _angular_core.InputSignal<string>;
-    readonly gapSmUp: _angular_core.InputSignal<string>;
-    readonly gapMdUp: _angular_core.InputSignal<string>;
-    readonly gapLgUp: _angular_core.InputSignal<string>;
-    readonly gapXlUp: _angular_core.InputSignal<string>;
-    readonly gapXxlUp: _angular_core.InputSignal<string>;
-    readonly gapSmDown: _angular_core.InputSignal<string>;
-    readonly gapMdDown: _angular_core.InputSignal<string>;
-    readonly gapLgDown: _angular_core.InputSignal<string>;
-    readonly gapXlDown: _angular_core.InputSignal<string>;
-    private readonly _cols;
-    private readonly _rows;
-    private readonly _gap;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridDirective, "    [fxGrid],    [fxGrid.xs],[fxGrid.sm],[fxGrid.md],[fxGrid.lg],[fxGrid.xl],[fxGrid.xxl],    [fxGrid.lt-sm],[fxGrid.lt-md],[fxGrid.lt-lg],[fxGrid.lt-xl],[fxGrid.lt-xxl],    [fxGrid.gt-xs],[fxGrid.gt-sm],[fxGrid.gt-md],[fxGrid.gt-lg],[fxGrid.gt-xl],    [fxGrid.sm-up],[fxGrid.md-up],[fxGrid.lg-up],[fxGrid.xl-up],[fxGrid.xxl-up],    [fxGrid.sm-down],[fxGrid.md-down],[fxGrid.lg-down],[fxGrid.xl-down]  ", never, { "fxGrid": { "alias": "fxGrid"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGrid.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGrid.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGrid.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGrid.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGrid.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxGrid.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGrid.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGrid.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGrid.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGrid.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxGrid.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGrid.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGrid.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGrid.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGrid.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxGrid.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxGrid.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxGrid.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxGrid.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxGrid.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxGrid.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxGrid.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxGrid.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxGrid.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxGrid.xl-down"; "required": false; "isSignal": true; }; "fxGridRows": { "alias": "fxGridRows"; "required": false; "isSignal": true; }; "rowsXs": { "alias": "fxGridRows.xs"; "required": false; "isSignal": true; }; "rowsSm": { "alias": "fxGridRows.sm"; "required": false; "isSignal": true; }; "rowsMd": { "alias": "fxGridRows.md"; "required": false; "isSignal": true; }; "rowsLg": { "alias": "fxGridRows.lg"; "required": false; "isSignal": true; }; "rowsXl": { "alias": "fxGridRows.xl"; "required": false; "isSignal": true; }; "rowsXxl": { "alias": "fxGridRows.xxl"; "required": false; "isSignal": true; }; "rowsLtSm": { "alias": "fxGridRows.lt-sm"; "required": false; "isSignal": true; }; "rowsLtMd": { "alias": "fxGridRows.lt-md"; "required": false; "isSignal": true; }; "rowsLtLg": { "alias": "fxGridRows.lt-lg"; "required": false; "isSignal": true; }; "rowsLtXl": { "alias": "fxGridRows.lt-xl"; "required": false; "isSignal": true; }; "rowsLtXxl": { "alias": "fxGridRows.lt-xxl"; "required": false; "isSignal": true; }; "rowsGtXs": { "alias": "fxGridRows.gt-xs"; "required": false; "isSignal": true; }; "rowsGtSm": { "alias": "fxGridRows.gt-sm"; "required": false; "isSignal": true; }; "rowsGtMd": { "alias": "fxGridRows.gt-md"; "required": false; "isSignal": true; }; "rowsGtLg": { "alias": "fxGridRows.gt-lg"; "required": false; "isSignal": true; }; "rowsGtXl": { "alias": "fxGridRows.gt-xl"; "required": false; "isSignal": true; }; "rowsSmUp": { "alias": "fxGridRows.sm-up"; "required": false; "isSignal": true; }; "rowsMdUp": { "alias": "fxGridRows.md-up"; "required": false; "isSignal": true; }; "rowsLgUp": { "alias": "fxGridRows.lg-up"; "required": false; "isSignal": true; }; "rowsXlUp": { "alias": "fxGridRows.xl-up"; "required": false; "isSignal": true; }; "rowsXxlUp": { "alias": "fxGridRows.xxl-up"; "required": false; "isSignal": true; }; "rowsSmDown": { "alias": "fxGridRows.sm-down"; "required": false; "isSignal": true; }; "rowsMdDown": { "alias": "fxGridRows.md-down"; "required": false; "isSignal": true; }; "rowsLgDown": { "alias": "fxGridRows.lg-down"; "required": false; "isSignal": true; }; "rowsXlDown": { "alias": "fxGridRows.xl-down"; "required": false; "isSignal": true; }; "fxGridGap": { "alias": "fxGridGap"; "required": false; "isSignal": true; }; "gapXs": { "alias": "fxGridGap.xs"; "required": false; "isSignal": true; }; "gapSm": { "alias": "fxGridGap.sm"; "required": false; "isSignal": true; }; "gapMd": { "alias": "fxGridGap.md"; "required": false; "isSignal": true; }; "gapLg": { "alias": "fxGridGap.lg"; "required": false; "isSignal": true; }; "gapXl": { "alias": "fxGridGap.xl"; "required": false; "isSignal": true; }; "gapXxl": { "alias": "fxGridGap.xxl"; "required": false; "isSignal": true; }; "gapLtSm": { "alias": "fxGridGap.lt-sm"; "required": false; "isSignal": true; }; "gapLtMd": { "alias": "fxGridGap.lt-md"; "required": false; "isSignal": true; }; "gapLtLg": { "alias": "fxGridGap.lt-lg"; "required": false; "isSignal": true; }; "gapLtXl": { "alias": "fxGridGap.lt-xl"; "required": false; "isSignal": true; }; "gapLtXxl": { "alias": "fxGridGap.lt-xxl"; "required": false; "isSignal": true; }; "gapGtXs": { "alias": "fxGridGap.gt-xs"; "required": false; "isSignal": true; }; "gapGtSm": { "alias": "fxGridGap.gt-sm"; "required": false; "isSignal": true; }; "gapGtMd": { "alias": "fxGridGap.gt-md"; "required": false; "isSignal": true; }; "gapGtLg": { "alias": "fxGridGap.gt-lg"; "required": false; "isSignal": true; }; "gapGtXl": { "alias": "fxGridGap.gt-xl"; "required": false; "isSignal": true; }; "gapSmUp": { "alias": "fxGridGap.sm-up"; "required": false; "isSignal": true; }; "gapMdUp": { "alias": "fxGridGap.md-up"; "required": false; "isSignal": true; }; "gapLgUp": { "alias": "fxGridGap.lg-up"; "required": false; "isSignal": true; }; "gapXlUp": { "alias": "fxGridGap.xl-up"; "required": false; "isSignal": true; }; "gapXxlUp": { "alias": "fxGridGap.xxl-up"; "required": false; "isSignal": true; }; "gapSmDown": { "alias": "fxGridGap.sm-down"; "required": false; "isSignal": true; }; "gapMdDown": { "alias": "fxGridGap.md-down"; "required": false; "isSignal": true; }; "gapLgDown": { "alias": "fxGridGap.lg-down"; "required": false; "isSignal": true; }; "gapXlDown": { "alias": "fxGridGap.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class FxGridColumnDirective extends ResponsiveBaseDirective {
-    readonly fxGridColumn: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly xxl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly ltXxl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    readonly gtXl: _angular_core.InputSignal<string>;
-    readonly smUp: _angular_core.InputSignal<string>;
-    readonly mdUp: _angular_core.InputSignal<string>;
-    readonly lgUp: _angular_core.InputSignal<string>;
-    readonly xlUp: _angular_core.InputSignal<string>;
-    readonly xxlUp: _angular_core.InputSignal<string>;
-    readonly smDown: _angular_core.InputSignal<string>;
-    readonly mdDown: _angular_core.InputSignal<string>;
-    readonly lgDown: _angular_core.InputSignal<string>;
-    readonly xlDown: _angular_core.InputSignal<string>;
-    private readonly _resolved;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridColumnDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridColumnDirective, "    [fxGridColumn],    [fxGridColumn.xs],[fxGridColumn.sm],[fxGridColumn.md],[fxGridColumn.lg],[fxGridColumn.xl],[fxGridColumn.xxl],    [fxGridColumn.lt-sm],[fxGridColumn.lt-md],[fxGridColumn.lt-lg],[fxGridColumn.lt-xl],[fxGridColumn.lt-xxl],    [fxGridColumn.gt-xs],[fxGridColumn.gt-sm],[fxGridColumn.gt-md],[fxGridColumn.gt-lg],[fxGridColumn.gt-xl],    [fxGridColumn.sm-up],[fxGridColumn.md-up],[fxGridColumn.lg-up],[fxGridColumn.xl-up],[fxGridColumn.xxl-up],    [fxGridColumn.sm-down],[fxGridColumn.md-down],[fxGridColumn.lg-down],[fxGridColumn.xl-down]  ", never, { "fxGridColumn": { "alias": "fxGridColumn"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGridColumn.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGridColumn.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGridColumn.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGridColumn.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGridColumn.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxGridColumn.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGridColumn.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGridColumn.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGridColumn.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGridColumn.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxGridColumn.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGridColumn.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGridColumn.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGridColumn.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGridColumn.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxGridColumn.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxGridColumn.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxGridColumn.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxGridColumn.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxGridColumn.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxGridColumn.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxGridColumn.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxGridColumn.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxGridColumn.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxGridColumn.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class FxGridAreaDirective extends ResponsiveBaseDirective {
-    readonly fxGridArea: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly xxl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly ltXxl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    readonly gtXl: _angular_core.InputSignal<string>;
-    readonly smUp: _angular_core.InputSignal<string>;
-    readonly mdUp: _angular_core.InputSignal<string>;
-    readonly lgUp: _angular_core.InputSignal<string>;
-    readonly xlUp: _angular_core.InputSignal<string>;
-    readonly xxlUp: _angular_core.InputSignal<string>;
-    readonly smDown: _angular_core.InputSignal<string>;
-    readonly mdDown: _angular_core.InputSignal<string>;
-    readonly lgDown: _angular_core.InputSignal<string>;
-    readonly xlDown: _angular_core.InputSignal<string>;
-    private readonly _resolved;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridAreaDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridAreaDirective, "    [fxGridArea],    [fxGridArea.xs],[fxGridArea.sm],[fxGridArea.md],[fxGridArea.lg],[fxGridArea.xl],[fxGridArea.xxl],    [fxGridArea.lt-sm],[fxGridArea.lt-md],[fxGridArea.lt-lg],[fxGridArea.lt-xl],[fxGridArea.lt-xxl],    [fxGridArea.gt-xs],[fxGridArea.gt-sm],[fxGridArea.gt-md],[fxGridArea.gt-lg],[fxGridArea.gt-xl],    [fxGridArea.sm-up],[fxGridArea.md-up],[fxGridArea.lg-up],[fxGridArea.xl-up],[fxGridArea.xxl-up],    [fxGridArea.sm-down],[fxGridArea.md-down],[fxGridArea.lg-down],[fxGridArea.xl-down]  ", never, { "fxGridArea": { "alias": "fxGridArea"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGridArea.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGridArea.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGridArea.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGridArea.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGridArea.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxGridArea.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGridArea.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGridArea.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGridArea.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGridArea.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxGridArea.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGridArea.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGridArea.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGridArea.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGridArea.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxGridArea.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxGridArea.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxGridArea.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxGridArea.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxGridArea.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxGridArea.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxGridArea.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxGridArea.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxGridArea.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxGridArea.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 export { ALIAS_INDEX, ArsUIModule, BusyDialogComponent, BusyTimer, ConfirmDialogComponent, CredentialsDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, FxClassDirective, FxFlexAlignDirective, FxFlexDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective, FxGridAreaDirective, FxGridColumnDirective, FxGridDirective, FxLayoutAlignDirective, FxLayoutDirective, FxLayoutGapDirective, FxLayoutWrapDirective, FxShowHideDirective, FxStyleDirective, IfBpDirective, InfoDialogComponent, NON_CANONICAL_PRIORITY, OtpInputComponent, PaginatorIntl, PasswordStrengthComponent, RecoverPasswordDialogComponent, ResetPasswordDialogComponent, ResponsiveBaseDirective, ToastComponent, UIService, resolve, resolveAll, resolveNonCanonical };
 export type { ConfirmDialogData, ConfirmDialogOption, CredentialsDialogData, CredentialsDialogResult, DeleteDialogData, DialogOption, DialogResult, IDialogService, InfoDialogData, RecoverPasswordDialogData, RecoverPasswordDialogResult, ResetPasswordDialogData, ResetPasswordDialogMode, ResetPasswordDialogResult, ToastData };