nath-angular-ui 0.0.1 → 0.0.3

package/types/nath-angular-ui.d.ts

@@ -0,0 +1,1094 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef, Injector, InjectionToken, EmbeddedViewRef, OnInit, OnDestroy, AfterContentInit, Signal, StaticProvider } from '@angular/core';
+import { FormValueControl, Field, FieldState } from '@angular/forms/signals';
+import { LucideIcon, isLucideIconComponent, LucideMinimize2, LucideMaximize2, LucideMoon, LucideSun } from '@lucide/angular';
+import * as nath_angular_ui from 'nath-angular-ui';
+import { Params, IsActiveMatchOptions, QueryParamsHandling } from '@angular/router';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
+import { ComponentType, BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { AbstractControl, FormGroup } from '@angular/forms';
+import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+
+declare class NathAutocomplete implements FormValueControl<any> {
+    protected readonly elementRef: ElementRef<any>;
+    value: _angular_core.ModelSignal<any>;
+    items: _angular_core.InputSignal<any[]>;
+    placeholder: _angular_core.InputSignalWithTransform<string, string | null | undefined>;
+    displayWith: _angular_core.InputSignal<string | ((item: any) => string)>;
+    valueWith: _angular_core.InputSignal<string | ((item: any) => any)>;
+    inputId: _angular_core.InputSignal<string>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    dropdown: _angular_core.InputSignal<boolean>;
+    showClear: _angular_core.InputSignal<boolean>;
+    delay: _angular_core.InputSignal<number>;
+    minQueryLength: _angular_core.InputSignal<number>;
+    borderless: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    forceDisabled: _angular_core.InputSignal<boolean>;
+    multiple: _angular_core.InputSignal<boolean>;
+    debouncedQueryChange: _angular_core.OutputEmitterRef<string>;
+    cleared: _angular_core.OutputEmitterRef<void>;
+    unselected: _angular_core.OutputEmitterRef<any>;
+    query: _angular_core.ModelSignal<string>;
+    itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    inputField: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    inputValue: _angular_core.WritableSignal<string>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    activeTrackedIndex: _angular_core.WritableSignal<number>;
+    isDisabled: _angular_core.Signal<boolean>;
+    displayFn: _angular_core.Signal<(item: any) => any>;
+    selectedItems: _angular_core.Signal<any[]>;
+    showClearButton: _angular_core.Signal<boolean>;
+    constructor();
+    onInputChange(event: Event): void;
+    selectItem(item: any): void;
+    removeItem(itemToRemove: any, event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    protected clear(): void;
+    triggerSearch(text: string): void;
+    protected openDropdown(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathAutocomplete, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathAutocomplete, "nath-autocomplete", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "valueWith": { "alias": "valueWith"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "dropdown": { "alias": "dropdown"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "minQueryLength": { "alias": "minQueryLength"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "forceDisabled": { "alias": "forceDisabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "debouncedQueryChange": "debouncedQueryChange"; "cleared": "cleared"; "unselected": "unselected"; "query": "queryChange"; }, ["itemTemplate"], never, true, never>;
+}
+
+type BooleanDisplayMode = 'checkbox' | 'toggle' | 'switch';
+type TristateValue = boolean | null;
+declare class NathBooleanControl implements FormValueControl<TristateValue> {
+    mode: _angular_core.InputSignal<BooleanDisplayMode>;
+    label: _angular_core.InputSignal<string>;
+    allowIndeterminate: _angular_core.InputSignal<boolean>;
+    inputId: _angular_core.InputSignal<string | null>;
+    styleClass: _angular_core.InputSignal<string>;
+    yesLabel: _angular_core.InputSignal<string>;
+    noLabel: _angular_core.InputSignal<string>;
+    indeterminateLabel: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<string | LucideIcon | undefined>;
+    toggled: _angular_core.OutputEmitterRef<TristateValue>;
+    value: _angular_core.ModelSignal<TristateValue>;
+    disabled: _angular_core.ModelSignal<boolean>;
+    checkboxRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    toggleButtonClasses: _angular_core.Signal<Record<string, boolean>>;
+    fallbackButtonLabel: _angular_core.Signal<string>;
+    constructor();
+    toggle(): void;
+    protected readonly isLucideIconComponent: typeof isLucideIconComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathBooleanControl, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathBooleanControl, "nath-boolean-control", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "allowIndeterminate": { "alias": "allowIndeterminate"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "yesLabel": { "alias": "yesLabel"; "required": false; "isSignal": true; }; "noLabel": { "alias": "noLabel"; "required": false; "isSignal": true; }; "indeterminateLabel": { "alias": "indeterminateLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+declare class NathBreadcrumbs {
+    private readonly breadcrumbService;
+    protected readonly breadcrumbs: _angular_core.Signal<nath_angular_ui.Breadcrumb[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathBreadcrumbs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathBreadcrumbs, "nath-breadcrumbs", never, {}, {}, never, never, true, never>;
+}
+
+interface Breadcrumb {
+    label: string;
+    routerLink?: string | string[];
+    queryParams?: Params;
+    routerLinkActive?: string | string[];
+    routerLinkActiveOptions?: {
+        exact: boolean;
+    } | Partial<IsActiveMatchOptions>;
+}
+
+declare class BreadcrumbService {
+    private readonly _breadcrumbs;
+    breadcrumbs: _angular_core.Signal<Breadcrumb[]>;
+    /**
+     * Set the breadcrumbs for the current view.
+     * @param crumbs Array of breadcrumbs items
+     */
+    set(crumbs: Breadcrumb[]): void;
+    add(crumb: Breadcrumb): void;
+    /**
+     * Clears the breadcrumbs when leaving a page.
+     */
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BreadcrumbService>;
+}
+
+declare class NathDatepicker implements FormValueControl<Date | null> {
+    placeholder: _angular_core.InputSignal<string>;
+    inputId: _angular_core.InputSignal<string>;
+    language: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    touched: _angular_core.ModelSignal<boolean>;
+    dirty: _angular_core.ModelSignal<boolean>;
+    inputElement: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    value: _angular_core.ModelSignal<Date | null>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    currentViewDate: _angular_core.WritableSignal<Date>;
+    daysInMonth: _angular_core.Signal<Date[]>;
+    currentMonthLabel: _angular_core.Signal<string>;
+    overlayPositions: ConnectedPosition[];
+    constructor();
+    get formattedInputValue(): string;
+    toggleCalendar(): void;
+    onInputChange(event: Event): void;
+    selectDate(date: Date): void;
+    changeMonth(direction: number): void;
+    isSameDay(dateA: Date | null, dateB: Date | null): boolean;
+    private generateCalendarDays;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathDatepicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathDatepicker, "nath-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "dirty": "dirtyChange"; "value": "valueChange"; }, never, never, true, never>;
+}
+
+interface ConfirmationButton {
+    label: string;
+    /** Custom Tailwind v4 styling classes (e.g., 'bg-red-600 hover:bg-red-700 text-white') */
+    customClass?: string;
+    /** Action to execute when clicked */
+    action: () => void | Promise<void>;
+    /** If set to true, the dialog will stay open after clicking this button */
+    preventClose?: boolean;
+}
+interface ConfirmationConfig {
+    header?: string | TemplateRef<any>;
+    /** Either a plain message string or a custom TemplateRef */
+    content: string | TemplateRef<any>;
+    width?: string;
+    /** Optional custom button array. If omitted, defaults to Yes/No */
+    buttons?: ConfirmationButton[];
+    /** Accept and reject callbacks for the default Yes/No buttons */
+    accept?: () => void | Promise<void>;
+    reject?: () => void | Promise<void>;
+    /** Custom classes for the default for the default Yes/No buttons */
+    acceptButtonStyleClass?: string;
+    rejectButtonStyleClass?: string;
+}
+
+declare const DIALOG_DATA: InjectionToken<any>;
+interface DialogConfig<D = any> {
+    data?: D;
+    header?: string | TemplateRef<any>;
+    width?: string;
+}
+declare class DialogRef<R = any> {
+    private readonly _afterClosed;
+    readonly afterClosedSignal: _angular_core.Signal<R | undefined>;
+    readonly afterClosed$: Observable<R | undefined>;
+    private readonly _maximized;
+    readonly maximized: _angular_core.Signal<boolean>;
+    private readonly closeCallback?;
+    constructor(init: {
+        onClose: (result?: R) => void;
+        injector: Injector;
+    });
+    /** Toggles or sets the maximized state of the dialog */
+    maximize(state?: boolean): void;
+    close(result?: R): void;
+}
+
+declare class ConfirmationService {
+    private readonly dialogService;
+    /** Spawns a type-safe confirmation window */
+    confirm(config: ConfirmationConfig): DialogRef<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfirmationService>;
+}
+
+declare class NathConfirmationDialog {
+    protected readonly dialogRef: DialogRef<any>;
+    protected readonly config: ConfirmationConfig;
+    protected get buttons(): nath_angular_ui.ConfirmationButton[];
+    handleButtonClick(btn: any): Promise<void>;
+    protected isTemplateRef(value: any): value is TemplateRef<any>;
+    protected contentAsTemplate(): TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathConfirmationDialog, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathConfirmationDialog, "ng-component", never, {}, {}, never, never, true, never>;
+}
+
+declare class DialogService {
+    private readonly injector;
+    private readonly environmentInjector;
+    private readonly appRef;
+    private readonly router;
+    private readonly openDialogs;
+    constructor();
+    open<T, D = any, R = any>(content: ComponentType<T> | TemplateRef<any>, config: DialogConfig<D>): DialogRef<R>;
+    /**
+     * Closes all currently open dialogs (e.g., when routing away).
+     */
+    closeAll(): void;
+    private destroyDialog;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogService>;
+}
+
+declare class NathDialogContainer extends BasePortalOutlet {
+    readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet>;
+    protected readonly dialogRef: DialogRef<any>;
+    readonly header: _angular_core.WritableSignal<string | TemplateRef<any> | undefined>;
+    readonly width: _angular_core.WritableSignal<string | undefined>;
+    attachComponentPortal<T>(portal: ComponentPortal<T>): _angular_core.ComponentRef<T>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    onMaskClick(event: MouseEvent): void;
+    protected isTemplateRef(value: any): value is TemplateRef<any>;
+    protected headerAsTemplate(): TemplateRef<any>;
+    protected readonly LucideMinimize2: typeof LucideMinimize2;
+    protected readonly LucideMaximize2: typeof LucideMaximize2;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathDialogContainer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathDialogContainer, "nath-dialog-container", never, {}, {}, never, never, true, never>;
+}
+
+declare class NathDrawer implements OnInit, OnDestroy {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly document;
+    visible: _angular_core.ModelSignal<boolean>;
+    position: _angular_core.InputSignal<"left" | "right">;
+    transitionDuration: _angular_core.InputSignal<string>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    opened: _angular_core.OutputEmitterRef<void>;
+    drawerStyles: _angular_core.Signal<{
+        [x: string]: string;
+        width: string;
+        'transition-duration': string;
+        visibility: string;
+        'pointer-events': string;
+    }>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathDrawer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathDrawer, "nath-drawer", ["drawer"], { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "transitionDuration": { "alias": "transitionDuration"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "closed": "closed"; "opened": "opened"; }, never, ["[header]", "*"], true, never>;
+}
+
+declare class NathFileUpload {
+    input: _angular_core.Signal<HTMLInputElement | undefined>;
+    inputRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    changeEvent: _angular_core.OutputEmitterRef<void>;
+    readonly inputId: _angular_core.InputSignal<string>;
+    readonly buttonLabel: _angular_core.InputSignal<string>;
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly formField: _angular_core.InputSignal<Field<any>>;
+    readonly controlName: _angular_core.InputSignal<string>;
+    selectedFileName: string;
+    onFileChange(event: any): void;
+    clearFile(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathFileUpload, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathFileUpload, "nath-file-upload", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "formField": { "alias": "formField"; "required": true; "isSignal": true; }; "controlName": { "alias": "controlName"; "required": true; "isSignal": true; }; }, { "changeEvent": "changeEvent"; }, never, never, true, never>;
+}
+
+declare class NathFloatingLabel {
+    label: _angular_core.InputSignal<string>;
+    inputId: _angular_core.InputSignal<string>;
+    labelClass: _angular_core.InputSignal<string>;
+    contentClass: _angular_core.InputSignal<string>;
+    required: _angular_core.InputSignal<boolean>;
+    signalField: _angular_core.InputSignal<FieldState<any, any> | undefined>;
+    /**
+     * Evaluates the programmatically linked signal field form state requirement status reactively.
+     */
+    protected readonly isFieldRequired: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathFloatingLabel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathFloatingLabel, "nath-floating-label", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "labelClass": { "alias": "labelClass"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "signalField": { "alias": "signalField"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NathFormField {
+    inputId: _angular_core.InputSignal<string | null>;
+    control: _angular_core.InputSignal<AbstractControl<any, any, any> | null>;
+    signalField: _angular_core.InputSignal<FieldState<any, any> | undefined>;
+    required: _angular_core.InputSignal<boolean>;
+    labelClass: _angular_core.InputSignal<string>;
+    labelClasses: _angular_core.Signal<Record<string, boolean>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathFormField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathFormField, "nath-form-field", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "signalField": { "alias": "signalField"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "labelClass": { "alias": "labelClass"; "required": false; "isSignal": true; }; }, {}, never, ["label", "*"], true, never>;
+}
+
+declare class NathImagePreview {
+    readonly image: _angular_core.InputSignal<string | undefined>;
+    readonly thumbnail: _angular_core.InputSignal<string>;
+    readonly text: _angular_core.InputSignal<string | null>;
+    readonly fallbackIcon: _angular_core.InputSignal<string | LucideIcon>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly preview: _angular_core.InputSignal<boolean>;
+    imageClick: _angular_core.OutputEmitterRef<void>;
+    displayedImage: _angular_core.WritableSignal<string>;
+    isModalOpen: _angular_core.WritableSignal<boolean>;
+    constructor();
+    onClick(): void;
+    closeModal(): void;
+    protected readonly isLucideIconComponent: typeof isLucideIconComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathImagePreview, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathImagePreview, "nath-image-preview", never, { "image": { "alias": "image"; "required": true; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": true; "isSignal": true; }; "fallbackIcon": { "alias": "fallbackIcon"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; }, { "imageClick": "imageClick"; }, never, never, true, never>;
+}
+
+interface MenuItemCommandEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent?: Event;
+    /**
+     * Selected menu item.
+     */
+    item?: MenuItem;
+    /**
+     * Index of the selected item.
+     */
+    index?: number;
+}
+interface MenuItem {
+    /**
+     * Text of the item.
+     */
+    label?: string;
+    /**
+     * Icon of the item.
+     */
+    icon?: string | LucideIcon;
+    /**
+     * Callback to execute when item is clicked.
+     */
+    command?(event: MenuItemCommandEvent): void;
+    /**
+     * External link to navigate when item is clicked.
+     */
+    url?: string;
+    /**
+     * An array of children menuitems.
+     */
+    items?: MenuItem[];
+    /**
+     * Visibility of submenu.
+     */
+    expanded?: boolean;
+    /**
+     * When set as true, disables the menuitem.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the dom element of menuitem is created or not.
+     */
+    visible?: boolean;
+    /**
+     * Specifies where to open the linked document.
+     */
+    target?: string;
+    /**
+     * Whether to escape the label or not. Set to false to display html content.
+     */
+    escape?: boolean;
+    /**
+     * Configuration for active router link.
+     */
+    routerLinkActiveOptions?: any;
+    /**
+     * Defines the item as a separator.
+     */
+    separator?: boolean;
+    /**
+     * Value of the badge.
+     */
+    badge?: string;
+    /**
+     * Tooltip of the item.
+     */
+    /**
+     * Position of the tooltip item.
+     */
+    /**
+     * Style class of the badge.
+     */
+    badgeStyleClass?: string;
+    /**
+     * Inline style of the menuitem.
+     */
+    style?: {
+        [klass: string]: any;
+    } | null;
+    /**
+     * Style class of the menuitem.
+     */
+    styleClass?: string;
+    /**
+     * Tooltip text of the item.
+     */
+    title?: string;
+    /**
+     * Identifier of the element.
+     */
+    id?: string;
+    /**
+     * Value of HTML data-* attribute.
+     */
+    automationId?: any;
+    /**
+     * Specifies tab order of the item.
+     */
+    tabindex?: string;
+    /**
+     * RouterLink definition for internal navigation.
+     */
+    routerLink?: any;
+    /**
+     * Query parameters for internal navigation via routerLink.
+     */
+    queryParams?: {
+        [k: string]: any;
+    };
+    /**
+     * Sets the hash fragment for the URL.
+     */
+    fragment?: string;
+    /**
+     *  How to handle query parameters in the router link for the next navigation. One of:
+     merge : Merge new with current parameters.
+     preserve : Preserve current parameters.k.
+     */
+    queryParamsHandling?: QueryParamsHandling;
+    /**
+     * When true, preserves the URL fragment for the next navigation.
+     */
+    preserveFragment?: boolean;
+    /**
+     * When true, navigates without pushing a new state into history.
+     */
+    skipLocationChange?: boolean;
+    /**
+     * When true, navigates while replacing the current state in history.
+     */
+    replaceUrl?: boolean;
+    /**
+     * Inline style of the item's icon.
+     */
+    iconStyle?: {
+        [klass: string]: any;
+    } | null;
+    /**
+     * Class of the item's icon.
+     */
+    iconClass?: string;
+    /**
+     * Inline style of the item's label.
+     */
+    labelStyle?: {
+        [klass: string]: any;
+    } | null;
+    /**
+     * Class of the item's label.
+     */
+    labelClass?: string;
+    /**
+     * Inline style of the item's link.
+     */
+    linkStyle?: {
+        [klass: string]: any;
+    } | null;
+    /**
+     * Class of the item's link.
+     */
+    linkClass?: string;
+    /**
+     * Developer-defined state that can be passed to any navigation.
+     * @see {MenuItemState}
+     */
+    state?: {
+        [k: string]: any;
+    };
+    /**
+     * Options of the item's tooltip.
+     * @see {TooltipOptions}
+     */
+    /**
+     * Optional
+     */
+    [key: string]: any;
+}
+
+type NathMenuPositionX = 'auto' | 'left' | 'right';
+type NathMenuPositionY = 'auto' | 'top' | 'bottom';
+
+declare class NathMenu implements AfterContentInit, OnDestroy {
+    private readonly document;
+    model: _angular_core.ModelSignal<MenuItem[]>;
+    styleClass: _angular_core.ModelSignal<string | null | undefined>;
+    positionX: _angular_core.InputSignal<NathMenuPositionX>;
+    positionY: _angular_core.InputSignal<NathMenuPositionY>;
+    inline: _angular_core.InputSignal<boolean>;
+    flat: _angular_core.InputSignal<boolean>;
+    whenHide: _angular_core.OutputEmitterRef<void>;
+    rootMenuElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    isVisible: _angular_core.WritableSignal<boolean>;
+    rawPosition: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    adjustedPosition: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    ngAfterContentInit(): void;
+    /**
+     * Show menu in popup mode
+     */
+    show(event: MouseEvent): void;
+    hide(): void;
+    toggle(event: MouseEvent): void;
+    handleCommand(payload: {
+        item: MenuItem;
+        index?: number;
+        event?: Event;
+    }): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathMenu, "nath-menu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "positionX": { "alias": "positionX"; "required": false; "isSignal": true; }; "positionY": { "alias": "positionY"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "styleClass": "styleClassChange"; "whenHide": "whenHide"; }, never, never, true, never>;
+}
+
+declare class NathMenuList {
+    private readonly sanitizer;
+    items: _angular_core.InputSignal<MenuItem[]>;
+    direction: _angular_core.InputSignal<"left" | "right">;
+    flat: _angular_core.InputSignal<boolean>;
+    whenCommand: _angular_core.OutputEmitterRef<{
+        item: MenuItem;
+        index?: number;
+        event?: Event;
+    }>;
+    private readonly submenuContainers;
+    protected readonly activeItem: _angular_core.WritableSignal<MenuItem | null>;
+    protected readonly submenuTop: _angular_core.WritableSignal<number>;
+    protected readonly submenuLeft: _angular_core.WritableSignal<number>;
+    protected readonly nextSubmenuDirection: _angular_core.WritableSignal<"left" | "right">;
+    protected getMenuLabel(item: MenuItem): string | SafeHtml;
+    protected onItemHover(item: MenuItem, event: Event): void;
+    private executeItem;
+    protected onItemClick(item: any, $index: number, $event: Event): void;
+    protected readonly isLucideIconComponent: typeof isLucideIconComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathMenuList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathMenuList, "nath-menu-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; }, { "whenCommand": "whenCommand"; }, never, never, true, never>;
+}
+
+declare class NathMultiselect implements FormValueControl<any[]> {
+    protected readonly elementRef: ElementRef<any>;
+    private readonly uniqueId;
+    value: _angular_core.ModelSignal<any[]>;
+    options: _angular_core.InputSignal<any[]>;
+    forceDisabled: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    placeholder: _angular_core.InputSignalWithTransform<string, string | null | undefined>;
+    displayWith: _angular_core.InputSignal<string | ((item: any) => string)>;
+    valueWith: _angular_core.InputSignal<string | ((item: any) => any)>;
+    dataKey: _angular_core.InputSignal<string>;
+    inputId: _angular_core.InputSignal<string>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    showClear: _angular_core.InputSignal<boolean>;
+    delay: _angular_core.InputSignal<number>;
+    minQueryLength: _angular_core.InputSignal<number>;
+    borderless: _angular_core.InputSignal<boolean>;
+    filter: _angular_core.InputSignal<boolean>;
+    virtualScroll: _angular_core.InputSignal<boolean>;
+    virtualScrollItemSize: _angular_core.InputSignal<number>;
+    comboboxClass: _angular_core.InputSignal<string>;
+    ariaLabelledBy: _angular_core.InputSignal<string>;
+    selectionLimit: _angular_core.InputSignal<number | null>;
+    debouncedQueryChange: _angular_core.OutputEmitterRef<string>;
+    cleared: _angular_core.OutputEmitterRef<void>;
+    unselected: _angular_core.OutputEmitterRef<any>;
+    query: _angular_core.WritableSignal<string>;
+    itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    inputField: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    container: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    viewport: _angular_core.Signal<CdkVirtualScrollViewport | undefined>;
+    inputValue: _angular_core.WritableSignal<string>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    activeTrackedIndex: _angular_core.WritableSignal<number>;
+    private watchKeydownSubscription?;
+    controlId: _angular_core.Signal<string>;
+    listboxId: _angular_core.Signal<string>;
+    optionIdPrefix: _angular_core.Signal<string>;
+    isDisabled: _angular_core.Signal<boolean>;
+    displayFn: _angular_core.Signal<(item: any) => any>;
+    valueFn: _angular_core.Signal<(item: any) => any>;
+    selectedItems: _angular_core.Signal<any[]>;
+    hasNoSelection: _angular_core.Signal<boolean>;
+    filteredOptions: _angular_core.Signal<any[]>;
+    showClearButton: _angular_core.Signal<boolean>;
+    constructor();
+    private watchKeydown;
+    isSelected(item: any): boolean;
+    onInputChange(event: Event): void;
+    selectItem(item: any): void;
+    hideDropdown(): void;
+    resetFilter(): void;
+    toggle(): void;
+    onHostKeyDown(event: KeyboardEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    removeItem(itemToRemove: any, event: MouseEvent): void;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathMultiselect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathMultiselect, "nath-multiselect", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "forceDisabled": { "alias": "forceDisabled"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "valueWith": { "alias": "valueWith"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "minQueryLength": { "alias": "minQueryLength"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "comboboxClass": { "alias": "comboboxClass"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "debouncedQueryChange": "debouncedQueryChange"; "cleared": "cleared"; "unselected": "unselected"; }, ["itemTemplate"], never, true, never>;
+}
+
+interface PageItem {
+    label: string;
+    num: number;
+    isEllipsis: boolean;
+}
+interface PaginatorChangeEvent {
+    page: number;
+    pageSize: number;
+}
+declare class NathPaginator {
+    page: _angular_core.ModelSignal<number>;
+    pageSize: _angular_core.ModelSignal<number>;
+    totalItems: _angular_core.InputSignal<number>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    disabled: _angular_core.InputSignal<boolean>;
+    paginatorChange: _angular_core.OutputEmitterRef<PaginatorChangeEvent>;
+    totalPages: _angular_core.Signal<number>;
+    pages: _angular_core.Signal<PageItem[]>;
+    goToPage(pageNumber: number): void;
+    onPageSizeChange(newSize: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathPaginator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathPaginator, "nath-paginator", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; "paginatorChange": "paginatorChange"; }, never, never, true, never>;
+}
+
+type TrackByFnOrKey = string | ((item: any) => any);
+declare class NathPaginatedView {
+    page: _angular_core.ModelSignal<number>;
+    pageSize: _angular_core.ModelSignal<number>;
+    selectedItems: _angular_core.ModelSignal<any[]>;
+    mode: _angular_core.InputSignal<"client" | "server">;
+    items: _angular_core.InputSignal<any[]>;
+    totalItems: _angular_core.InputSignal<number | null>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    disabled: _angular_core.InputSignal<boolean>;
+    showBottomPaginator: _angular_core.InputSignal<boolean>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    loading: _angular_core.InputSignal<boolean>;
+    headerClass: _angular_core.InputSignal<string>;
+    persistSelection: _angular_core.InputSignal<boolean>;
+    trackBy: _angular_core.InputSignal<TrackByFnOrKey>;
+    paginatorChange: _angular_core.OutputEmitterRef<PaginatorChangeEvent>;
+    expandedItems: _angular_core.WritableSignal<any[]>;
+    constructor();
+    private readonly isPersistenceEnabled;
+    private readonly getItemId;
+    resolvedTotalItems: _angular_core.Signal<number>;
+    viewableItems: _angular_core.Signal<any[]>;
+    selectionContext: _angular_core.Signal<{
+        isSelected: (item: any) => boolean;
+        isAllSelected: boolean;
+        isSomeSelected: boolean;
+        toggle: (item: any) => void;
+        toggleAll: () => void;
+    }>;
+    expansionContext: _angular_core.Signal<{
+        isExpanded: (item: any) => boolean;
+        isAllExpanded: boolean;
+        isSomeExpanded: boolean;
+        toggle: (item: any) => void;
+        toggleAll: () => void;
+    }>;
+    contentTpl: _angular_core.Signal<TemplateRef<{
+        $implicit: any[];
+        selection: any;
+        expansion: any;
+    }> | undefined>;
+    paginatorLeftTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
+    private toggleSelection;
+    private toggleAllSelectionWhenAllSelected;
+    private toggleAllSelectionWhenNotAllSelected;
+    private toggleExpansion;
+    private toggleAllExpansionWhenAllExpanded;
+    private toggleAllExpansionWhenNotAllExpanded;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathPaginatedView, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathPaginatedView, "nath-paginated-view", never, { "page": { "alias": "page"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showBottomPaginator": { "alias": "showBottomPaginator"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; "persistSelection": { "alias": "persistSelection"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; "selectedItems": "selectedItemsChange"; "paginatorChange": "paginatorChange"; }, ["contentTpl", "paginatorLeftTpl"], never, true, never>;
+}
+
+declare class NathPanel {
+    header: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathPanel, "nath-panel", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "*"], true, never>;
+}
+
+declare class NathPickList {
+    source: _angular_core.ModelSignal<any[]>;
+    target: _angular_core.ModelSignal<any[]>;
+    sourceHeader: _angular_core.InputSignal<string>;
+    targetHeader: _angular_core.InputSignal<string>;
+    filter: _angular_core.InputSignal<boolean>;
+    filterPlaceholder: _angular_core.InputSignal<string>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    displayWith: _angular_core.InputSignal<string | ((item: any) => string)>;
+    valueWith: _angular_core.InputSignal<string | ((item: any) => any)>;
+    itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    sourceQuery: _angular_core.WritableSignal<string>;
+    targetQuery: _angular_core.WritableSignal<string>;
+    selectedSource: _angular_core.WritableSignal<any[]>;
+    selectedTarget: _angular_core.WritableSignal<any[]>;
+    draggedItem: _angular_core.WritableSignal<any>;
+    displayFn: _angular_core.Signal<(item: any) => any>;
+    valueFn: _angular_core.Signal<(item: any) => any>;
+    filteredSource: _angular_core.Signal<any[]>;
+    filteredTarget: _angular_core.Signal<any[]>;
+    onDragStart(event: DragEvent, item: any, pool: 'source' | 'target'): void;
+    allowDragOver(event: DragEvent): void;
+    onDrop(event: DragEvent, dropPool: 'source' | 'target'): void;
+    isDragging(item: any, pool: 'source' | 'target'): boolean;
+    toggleSelection(event: MouseEvent, item: any, pool: 'source' | 'target'): void;
+    isItemSelected(item: any, pool: 'source' | 'target'): boolean;
+    moveItems(itemsToMove: any[], destination: 'source' | 'target'): void;
+    moveSelectedToTarget(): void;
+    moveSelectedToSource(): void;
+    moveAllToTarget(): void;
+    moveAllToSource(): void;
+    trackByFn(index: number, item: any): any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathPickList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathPickList, "nath-pick-list", never, { "source": { "alias": "source"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; "isSignal": true; }; "targetHeader": { "alias": "targetHeader"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "valueWith": { "alias": "valueWith"; "required": false; "isSignal": true; }; }, { "source": "sourceChange"; "target": "targetChange"; }, ["itemTemplate"], never, true, never>;
+}
+
+declare class NathProgressBar {
+    value: _angular_core.InputSignal<number>;
+    maxValue: _angular_core.InputSignal<number>;
+    showValue: _angular_core.InputSignal<boolean>;
+    barClass: _angular_core.InputSignal<string>;
+    valueClass: _angular_core.InputSignal<string>;
+    mode: _angular_core.InputSignal<"indeterminate" | "default">;
+    barWidthPercent: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathProgressBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathProgressBar, "nath-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "barClass": { "alias": "barClass"; "required": false; "isSignal": true; }; "valueClass": { "alias": "valueClass"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NathProgressCircle {
+    readonly percent: _angular_core.ModelSignal<number>;
+    readonly size: _angular_core.InputSignal<number>;
+    readonly showText: _angular_core.InputSignal<boolean>;
+    readonly strikeDashArrayRatio = 2.8274;
+    readonly barStrokeDashOffset: _angular_core.Signal<number>;
+    readonly percentText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathProgressCircle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathProgressCircle, "nath-progress-circle", never, { "percent": { "alias": "percent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showText": { "alias": "showText"; "required": false; "isSignal": true; }; }, { "percent": "percentChange"; }, never, never, true, never>;
+}
+
+interface RadioOption {
+    label: string;
+    value: any;
+}
+declare class NathRadioButtonGroup implements FormValueControl<any> {
+    options: _angular_core.InputSignal<any[]>;
+    stack: _angular_core.InputSignal<"horizontal" | "vertical">;
+    deselectable: _angular_core.InputSignal<boolean>;
+    fill: _angular_core.InputSignal<boolean>;
+    displayWith: _angular_core.InputSignal<string | ((item: any) => string)>;
+    valueWith: _angular_core.InputSignal<string | ((item: any) => any)>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly value: _angular_core.ModelSignal<any>;
+    displayFn: Signal<(item: any) => any>;
+    valueFn: Signal<(item: any) => any>;
+    formattedOptions: Signal<RadioOption[]>;
+    readonly layoutClass: Signal<"" | "flex-1" | "w-full">;
+    selectOption(selectedValue: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathRadioButtonGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathRadioButtonGroup, "nath-radio-button-group", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "stack": { "alias": "stack"; "required": false; "isSignal": true; }; "deselectable": { "alias": "deselectable"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "valueWith": { "alias": "valueWith"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare const RATING_MAP: {
+    value: number;
+    colorVar: string;
+}[];
+/**
+ * @param percent Rating on 100 basis
+ */
+declare function getRatingColor(percent: number): string | null;
+
+declare class NathRatingHeart {
+    readonly percent: _angular_core.ModelSignal<number>;
+    readonly size: _angular_core.InputSignal<number>;
+    readonly showText: _angular_core.InputSignal<boolean>;
+    readonly borderColor: _angular_core.InputSignal<string | undefined>;
+    readonly ratingColorFn: _angular_core.InputSignal<(percent: number) => string | null>;
+    readonly barColor: _angular_core.Signal<string | null>;
+    readonly fillGradient: _angular_core.Signal<string>;
+    readonly percentText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathRatingHeart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathRatingHeart, "nath-rating-heart", never, { "percent": { "alias": "percent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showText": { "alias": "showText"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "ratingColorFn": { "alias": "ratingColorFn"; "required": false; "isSignal": true; }; }, { "percent": "percentChange"; }, never, never, true, never>;
+}
+
+declare class NathRatingInput implements FormValueControl<number | null> {
+    readonly value: _angular_core.ModelSignal<number | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly max: _angular_core.InputSignal<number | undefined>;
+    readonly ratingColorFn: _angular_core.InputSignal<(percent: number) => string | null>;
+    readonly customTemplate: _angular_core.Signal<TemplateRef<{
+        $implicit: number;
+        active: boolean;
+    }> | undefined>;
+    private readonly hoverValue;
+    protected readonly starsArray: _angular_core.Signal<number[]>;
+    protected readonly displayValue: _angular_core.Signal<number>;
+    activeColor: _angular_core.Signal<string | null>;
+    protected setPreview(star: number): void;
+    protected clearPreview(): void;
+    protected selectValue(star: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathRatingInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathRatingInput, "nath-rating-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "ratingColorFn": { "alias": "ratingColorFn"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, ["customTemplate"], never, true, never>;
+}
+
+declare class NathSelect implements FormValueControl<any> {
+    protected readonly elementRef: ElementRef<any>;
+    private readonly uniqueId;
+    value: _angular_core.ModelSignal<any>;
+    options: _angular_core.InputSignal<any[]>;
+    placeholder: _angular_core.InputSignalWithTransform<string, string | null | undefined>;
+    displayWith: _angular_core.InputSignal<string | ((item: any) => string)>;
+    valueWith: _angular_core.InputSignal<string | ((item: any) => any)>;
+    inputId: _angular_core.InputSignal<string>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    showClear: _angular_core.InputSignal<boolean>;
+    delay: _angular_core.InputSignal<number>;
+    minQueryLength: _angular_core.InputSignal<number>;
+    borderless: _angular_core.InputSignal<boolean>;
+    filter: _angular_core.InputSignal<boolean>;
+    virtualScroll: _angular_core.InputSignal<boolean>;
+    virtualScrollItemSize: _angular_core.InputSignal<number>;
+    comboboxClass: _angular_core.InputSignal<string>;
+    ariaLabelledBy: _angular_core.InputSignal<string>;
+    debouncedQueryChange: _angular_core.OutputEmitterRef<string>;
+    cleared: _angular_core.OutputEmitterRef<void>;
+    unselected: _angular_core.OutputEmitterRef<any>;
+    query: _angular_core.WritableSignal<string>;
+    itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    selectedItemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    inputField: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    container: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    viewport: _angular_core.Signal<CdkVirtualScrollViewport | undefined>;
+    inputValue: _angular_core.WritableSignal<string>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    activeTrackedIndex: _angular_core.WritableSignal<number>;
+    private watchKeydownSubscription?;
+    controlId: _angular_core.Signal<string>;
+    listboxId: _angular_core.Signal<string>;
+    optionIdPrefix: _angular_core.Signal<string>;
+    displayFn: _angular_core.Signal<(item: any) => any>;
+    selectedItem: _angular_core.Signal<any>;
+    selectedItemDisplay: _angular_core.Signal<any>;
+    valueFn: _angular_core.Signal<(item: any) => any>;
+    filteredOptions: _angular_core.Signal<any[]>;
+    showClearButton: _angular_core.Signal<boolean>;
+    constructor();
+    private watchKeydown;
+    private stopWatchKeydown;
+    onInputChange(event: Event): void;
+    selectItem(item: any): void;
+    hideDropdown(): void;
+    resetFilter(): void;
+    toggle(): void;
+    onHostKeyDown(event: KeyboardEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathSelect, "nath-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "valueWith": { "alias": "valueWith"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "minQueryLength": { "alias": "minQueryLength"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "comboboxClass": { "alias": "comboboxClass"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "debouncedQueryChange": "debouncedQueryChange"; "cleared": "cleared"; "unselected": "unselected"; }, ["itemTemplate", "selectedItemTemplate"], never, true, never>;
+}
+
+declare class NathSkeleton {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathSkeleton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathSkeleton, "nath-skeleton", never, {}, {}, never, never, true, never>;
+}
+
+type SliderValue = number | [number, number];
+declare class NathSlider implements FormValueControl<number | number[] | null> {
+    trackElement: ElementRef<HTMLDivElement>;
+    mode: _angular_core.InputSignal<"range" | "single">;
+    minValue: _angular_core.InputSignal<number>;
+    maxValue: _angular_core.InputSignal<number>;
+    step: _angular_core.InputSignal<number>;
+    rangeBackground: _angular_core.InputSignal<string | null>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    value: _angular_core.ModelSignal<number | number[] | null>;
+    protected value1: _angular_core.WritableSignal<number>;
+    protected value2: _angular_core.WritableSignal<number>;
+    protected activeHandle: _angular_core.WritableSignal<"thumb1" | "thumb2" | null>;
+    protected isDisabled: _angular_core.WritableSignal<boolean>;
+    constructor();
+    protected percent1: _angular_core.Signal<number>;
+    protected percent2: _angular_core.Signal<number>;
+    protected trackSelectionStyle: _angular_core.Signal<{
+        left: string;
+        width: string;
+    }>;
+    writeValue(value: SliderValue): void;
+    protected startDrag(event: MouseEvent | TouchEvent, thumb: 'thumb1' | 'thumb2'): void;
+    protected onMove(event: MouseEvent | TouchEvent): void;
+    protected endDrag(): void;
+    protected onTrackClick(event: MouseEvent | TouchEvent): void;
+    protected onKeyDown(event: KeyboardEvent, thumb: 'thumb1' | 'thumb2'): void;
+    private clamp;
+    private getPercent;
+    private getValueFromX;
+    private setValue;
+    private reorderValues;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathSlider, "nath-slider", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "rangeBackground": { "alias": "rangeBackground"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare enum ORDER {
+    ASC = "asc",
+    DESC = "desc"
+}
+
+declare class NathSortIcon {
+    readonly field: _angular_core.InputSignal<string>;
+    readonly sortField: _angular_core.InputSignal<string>;
+    readonly sortOrder: _angular_core.InputSignal<ORDER>;
+    readonly sortType: _angular_core.InputSignal<"boolean" | "any" | "numeric" | "alpha">;
+    icon: _angular_core.Signal<LucideIcon | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathSortIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathSortIcon, "nath-sort-icon", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": true; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": true; "isSignal": true; }; "sortType": { "alias": "sortType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NathSplitButton {
+    menu: _angular_core.InputSignal<MenuItem[]>;
+    buttonClass: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    positionX: _angular_core.InputSignal<NathMenuPositionX>;
+    positionY: _angular_core.InputSignal<NathMenuPositionY>;
+    buttonClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    tieredMenuComponent: _angular_core.Signal<NathMenu | undefined>;
+    protected openMenu(event: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathSplitButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathSplitButton, "nath-split-button", never, { "menu": { "alias": "menu"; "required": true; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "positionX": { "alias": "positionX"; "required": false; "isSignal": true; }; "positionY": { "alias": "positionY"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}
+
+declare class TabDirective {
+    readonly templateRef: TemplateRef<any>;
+    tabTitle: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabDirective, "[appTab]", never, { "tabTitle": { "alias": "appTab"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TabPanelDirective {
+    readonly templateRef: TemplateRef<any>;
+    tabTitle: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanelDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabPanelDirective, "[appTabPanel]", never, { "tabTitle": { "alias": "appTabPanel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NathTabs {
+    activeTab: _angular_core.ModelSignal<string>;
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    tabClass: _angular_core.InputSignal<string>;
+    tabPanelClass: _angular_core.InputSignal<string>;
+    slidingWindowClass: _angular_core.InputSignal<string>;
+    tabs: _angular_core.Signal<readonly TabDirective[]>;
+    tabPanels: _angular_core.Signal<readonly TabPanelDirective[]>;
+    activeTabIndex: _angular_core.Signal<number>;
+    totalTabs: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathTabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathTabs, "nath-tabs", never, { "activeTab": { "alias": "activeTab"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "tabClass": { "alias": "tabClass"; "required": false; "isSignal": true; }; "tabPanelClass": { "alias": "tabPanelClass"; "required": false; "isSignal": true; }; "slidingWindowClass": { "alias": "slidingWindowClass"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["tabs", "tabPanels"], never, true, never>;
+}
+
+declare const DARK_THEME_CLASS = "dark";
+interface ThemeConfig {
+    localStorageThemeKey: string;
+}
+declare const THEME_CONFIG: InjectionToken<ThemeConfig>;
+declare function provideThemeConfig(config: ThemeConfig): StaticProvider;
+declare class ThemeService {
+    config: ThemeConfig;
+    isDarkMode: _angular_core.WritableSignal<boolean>;
+    constructor();
+    private get isSystemDarkTheme();
+    private watchFocus;
+    loadTheme(): void;
+    setTheme(theme: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+declare class NathThemeSwitch {
+    protected readonly themeService: ThemeService;
+    protected readonly config: nath_angular_ui.ThemeConfig;
+    lightText: _angular_core.InputSignal<string>;
+    darkText: _angular_core.InputSignal<string>;
+    systemText: _angular_core.InputSignal<string>;
+    switchTooltip: _angular_core.InputSignal<string>;
+    themes: MenuItem[];
+    protected readonly LucideMoon: typeof LucideMoon;
+    protected readonly LucideSun: typeof LucideSun;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathThemeSwitch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathThemeSwitch, "nath-theme-switch", never, { "lightText": { "alias": "lightText"; "required": false; "isSignal": true; }; "darkText": { "alias": "darkText"; "required": false; "isSignal": true; }; "systemText": { "alias": "systemText"; "required": false; "isSignal": true; }; "switchTooltip": { "alias": "switchTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type NathToastType = 'success' | 'error' | 'info' | 'warning';
+type NathToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+interface Toast {
+    id: string;
+    message: string;
+    type: NathToastType;
+    duration?: number;
+    position?: NathToastPosition;
+}
+declare class ToastService {
+    private readonly toastsSignal;
+    toasts: _angular_core.Signal<Toast[]>;
+    show(message: string, type?: NathToastType, duration?: number, position?: NathToastPosition): void;
+    dismiss(id: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
+}
+
+declare class NathToastContainer {
+    toastService: ToastService;
+    sanitizer: DomSanitizer;
+    position: _angular_core.InputSignal<NathToastPosition>;
+    groupedToasts: _angular_core.Signal<Record<string, nath_angular_ui.Toast[]>>;
+    getContainerClasses(position: string | number): string;
+    getToastClasses(type: NathToastType): string;
+    /**
+     * Insert line break opportunities into a URL
+     */
+    formatUrl(url: string): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathToastContainer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathToastContainer, "nath-toast-container", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NathToc {
+    readonly level: _angular_core.InputSignal<number>;
+    readonly container: _angular_core.InputSignal<HTMLDivElement | undefined>;
+    readonly containerSelector: _angular_core.InputSignal<string>;
+    readonly scrollContainerSelector: _angular_core.InputSignal<string>;
+    readonly offset: _angular_core.InputSignal<number>;
+    protected readonly tocSections: _angular_core.WritableSignal<{
+        id: string;
+        label: string;
+    }[]>;
+    scrollContainer: Signal<Element | typeof globalThis>;
+    constructor();
+    scrollToSection(id: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NathToc, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NathToc, "nath-toc", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "containerSelector": { "alias": "containerSelector"; "required": false; "isSignal": true; }; "scrollContainerSelector": { "alias": "scrollContainerSelector"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface SelectItem<T = any> {
+    value: T;
+    label: string;
+    styleClass?: string;
+}
+
+declare const validateAllFormFields: (formGroup: FormGroup) => void;
+declare function hasRequiredValidator(control: AbstractControl | null): boolean;
+declare function isRequired(fieldState: FieldState<any, any> | null): boolean;
+
+declare function next(el: Element, selector?: string): Element | null;
+
+declare const isTruthy: <T>(x: T | undefined | null) => x is T;
+
+declare const rangeMinMax: (range: number[] | undefined, min: number | undefined, max: number | undefined) => boolean;
+
+declare const rangeNotMinMax: (range: number[] | undefined, min: number | undefined, max: number | undefined) => boolean;
+
+declare function isSortOrderValid(order: string): boolean;
+
+export { BreadcrumbService, ConfirmationService, DARK_THEME_CLASS, DIALOG_DATA, DialogRef, DialogService, NathAutocomplete, NathBooleanControl, NathBreadcrumbs, NathConfirmationDialog, NathDatepicker, NathDialogContainer, NathDrawer, NathFileUpload, NathFloatingLabel, NathFormField, NathImagePreview, NathMenu, NathMenuList, NathMultiselect, NathPaginatedView, NathPaginator, NathPanel, NathPickList, NathProgressBar, NathProgressCircle, NathRadioButtonGroup, NathRatingHeart, NathRatingInput, NathSelect, NathSkeleton, NathSlider, NathSortIcon, NathSplitButton, NathTabs, NathThemeSwitch, NathToastContainer, NathToc, ORDER, RATING_MAP, THEME_CONFIG, TabDirective, TabPanelDirective, ThemeService, ToastService, getRatingColor, hasRequiredValidator, isRequired, isSortOrderValid, isTruthy, next, provideThemeConfig, rangeMinMax, rangeNotMinMax, validateAllFormFields };
+export type { BooleanDisplayMode, Breadcrumb, ConfirmationButton, ConfirmationConfig, DialogConfig, MenuItem, NathMenuPositionX, NathMenuPositionY, NathToastPosition, NathToastType, PaginatorChangeEvent, RadioOption, SelectItem, SliderValue, ThemeConfig, Toast, TrackByFnOrKey, TristateValue };