@tociva/tailng-ui 0.8.0 → 0.12.0

package/types/tociva-tailng-ui-form-controls.d.ts

@@ -0,0 +1,903 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef, InjectionToken } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { OptionTplContext } from '@tociva/tailng-cdk/util';
+import { TngOverlayCloseReason, TngOptionList } from '@tociva/tailng-ui/popups-overlays';
+
+type AutocompleteCloseReason = TngOverlayCloseReason;
+declare class TngAutocomplete<T> implements ControlValueAccessor {
+    optionTpl?: TemplateRef<OptionTplContext<T>>;
+    inputTpl?: TemplateRef<{
+        $implicit: T;
+    }>;
+    inputEl: ElementRef<HTMLInputElement>;
+    optionList?: TngOptionList<T>;
+    readonly inputKlass: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<T[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** External disabled input (read-only InputSignal) */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** String representation (used for actual input.value + fallback) */
+    readonly displayWith: _angular_core.InputSignal<(item: T) => string>;
+    /** Raw text for filtering / API search (not the form value) */
+    readonly search: _angular_core.OutputEmitterRef<string>;
+    /** Optional: non-form usage hook */
+    readonly selected: _angular_core.OutputEmitterRef<T>;
+    /** Emits whenever overlay closes (selection/escape/outside-click/blur/programmatic) */
+    readonly closed: _angular_core.OutputEmitterRef<TngOverlayCloseReason>;
+    readonly inputValue: _angular_core.WritableSignal<string>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly focusedIndex: _angular_core.WritableSignal<number>;
+    /** eslint-safe + template-safe internal disabled state */
+    protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    /** Selected item (for inputTpl rendering) */
+    readonly selectedValue: _angular_core.WritableSignal<T | null>;
+    /**
+     * Whether to show rich selected template over the input.
+     * Show only when:
+     * - inputTpl exists
+     * - we have a selected value
+     * - overlay is closed (so typing/search UX stays normal)
+     */
+    readonly showSelectedTpl: _angular_core.Signal<boolean>;
+    readonly inputKlassFinal: _angular_core.Signal<string>;
+    /** Form value (selected item) */
+    private value;
+    private onChange;
+    private onTouched;
+    constructor();
+    writeValue(value: T | null): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    display(item: T): string;
+    open(_reason: AutocompleteCloseReason): void;
+    close(reason: AutocompleteCloseReason): void;
+    onOverlayClosed(reason: AutocompleteCloseReason): void;
+    onOverlayOpenChange(open: boolean): void;
+    onInput(ev: Event): void;
+    onBlur(): void;
+    /**
+     * Key handling updated to match OptionList architecture:
+     * - Escape is handled here (OptionList doesn't close overlays)
+     * - Navigation/Enter are delegated to optionList.onKeydown(ev)
+     * - Printable keys are NOT delegated (input typing controls filtering)
+     */
+    onKeydown(ev: KeyboardEvent): void;
+    private isListNavigationKey;
+    onFocusedIndexChange(i: number): void;
+    requestSelectActive(): void;
+    select(item: T): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngAutocomplete<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngAutocomplete<any>, "tng-autocomplete", never, { "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; }, { "search": "search"; "selected": "selected"; "closed": "closed"; }, ["optionTpl", "inputTpl"], never, true, never>;
+}
+
+type TngButtonToggleValue = string | number;
+type TngButtonToggleOption<T extends TngButtonToggleValue = TngButtonToggleValue> = {
+    value: T;
+    label: string;
+    disabled?: boolean;
+};
+/**
+ * Value type:
+ * - single mode: T | null
+ * - multiple mode: T[]
+ */
+type TngButtonToggleSelection<T extends TngButtonToggleValue> = T | null | T[];
+declare class TngButtonToggle<T extends TngButtonToggleValue> implements ControlValueAccessor {
+    /** Options for the segmented control */
+    options: _angular_core.InputSignal<TngButtonToggleOption<T>[]>;
+    /**
+     * Direct mode value (optional).
+     * In forms mode, CVA is source of truth.
+     */
+    value: _angular_core.InputSignal<TngButtonToggleSelection<T>>;
+    readonly valueChange: _angular_core.OutputEmitterRef<TngButtonToggleSelection<T>>;
+    /** External disabled input (read-only) */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Material-like: single (default) or multiple selection */
+    multiple: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether selection can be cleared:
+     * - single: clicking active option -> null
+     * - multiple: allows empty array
+     */
+    allowDeselect: _angular_core.InputSignal<boolean>;
+    /** Root wrapper */
+    rootKlass: _angular_core.InputSignal<string>;
+    /** Group container */
+    groupKlass: _angular_core.InputSignal<string>;
+    /** Button base */
+    buttonKlass: _angular_core.InputSignal<string>;
+    /** Active option button */
+    activeButtonKlass: _angular_core.InputSignal<string>;
+    /** Inactive option button */
+    inactiveButtonKlass: _angular_core.InputSignal<string>;
+    /** Disabled option button */
+    disabledButtonKlass: _angular_core.InputSignal<string>;
+    protected isDisabled: _angular_core.WritableSignal<boolean>;
+    /** Authoritative selected value inside component */
+    private selectedValue;
+    /** When true, CVA owns the value (forms mode) */
+    private usingCva;
+    private onChange;
+    private onTouched;
+    constructor();
+    writeValue(value: TngButtonToggleSelection<T>): void;
+    registerOnChange(fn: (value: TngButtonToggleSelection<T>) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    currentValue: _angular_core.Signal<TngButtonToggleSelection<T>>;
+    isOptionDisabled(opt: TngButtonToggleOption<T>): boolean;
+    isSelected(opt: TngButtonToggleOption<T>): boolean;
+    select(opt: TngButtonToggleOption<T>): void;
+    onKeydown(ev: KeyboardEvent): void;
+    /** Group container classes */
+    readonly groupClasses: _angular_core.Signal<string>;
+    /** Button base classes */
+    private readonly baseBtn;
+    buttonClasses(opt: TngButtonToggleOption<T>): string;
+    private normalizeIncoming;
+    private toArray;
+    private toSingle;
+    private toggleInArray;
+    private shallowEqual;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngButtonToggle<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngButtonToggle<any>, "tng-button-toggle", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "allowDeselect": { "alias": "allowDeselect"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "groupKlass": { "alias": "groupKlass"; "required": false; "isSignal": true; }; "buttonKlass": { "alias": "buttonKlass"; "required": false; "isSignal": true; }; "activeButtonKlass": { "alias": "activeButtonKlass"; "required": false; "isSignal": true; }; "inactiveButtonKlass": { "alias": "inactiveButtonKlass"; "required": false; "isSignal": true; }; "disabledButtonKlass": { "alias": "disabledButtonKlass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class TngCheckbox implements ControlValueAccessor {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    /** Root <label> */
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    /** <input type="checkbox"> */
+    readonly inputKlass: _angular_core.InputSignal<string>;
+    /** Label <span> */
+    readonly labelKlass: _angular_core.InputSignal<string>;
+    private readonly _value;
+    readonly value: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    writeValue(value: boolean | null): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /** Final classes */
+    readonly classes: _angular_core.Signal<string>;
+    onToggle(event: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngCheckbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngCheckbox, "tng-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ChipsCloseReason = TngOverlayCloseReason;
+type ChipTplContext<T> = {
+    $implicit: T;
+    index: number;
+};
+declare class TngChips<T> implements ControlValueAccessor {
+    chipTpl?: TemplateRef<ChipTplContext<T>>;
+    optionTpl?: TemplateRef<OptionTplContext<T>>;
+    inputEl: ElementRef<HTMLInputElement>;
+    optionList?: TngOptionList<T>;
+    readonly value: _angular_core.InputSignal<T[]>;
+    readonly options: _angular_core.InputSignal<T[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly displayWith: _angular_core.InputSignal<(item: T) => string>;
+    readonly allowFreeText: _angular_core.InputSignal<boolean>;
+    readonly parse: _angular_core.InputSignal<(raw: string) => T>;
+    readonly normalize: _angular_core.InputSignal<(raw: string) => string>;
+    readonly preventDuplicates: _angular_core.InputSignal<boolean>;
+    readonly search: _angular_core.OutputEmitterRef<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<T[]>;
+    readonly chipAdded: _angular_core.OutputEmitterRef<T>;
+    readonly chipRemoved: _angular_core.OutputEmitterRef<T>;
+    readonly closed: _angular_core.OutputEmitterRef<TngOverlayCloseReason>;
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    readonly containerKlass: _angular_core.InputSignal<string>;
+    readonly chipKlass: _angular_core.InputSignal<string>;
+    readonly chipLabelKlass: _angular_core.InputSignal<string>;
+    readonly removeButtonKlass: _angular_core.InputSignal<string>;
+    readonly inputKlass: _angular_core.InputSignal<string>;
+    readonly inputValue: _angular_core.WritableSignal<string>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly focusedIndex: _angular_core.WritableSignal<number>;
+    protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly chipsValue;
+    private usingCva;
+    private onChange;
+    private onTouched;
+    constructor();
+    writeValue(value: T[] | null): void;
+    registerOnChange(fn: (value: T[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    chips(): T[];
+    readonly placeholderText: _angular_core.Signal<string>;
+    readonly containerClasses: _angular_core.Signal<string>;
+    display(item: T): string;
+    private existsAlready;
+    private emitValue;
+    open(_reason: ChipsCloseReason): void;
+    close(reason: ChipsCloseReason): void;
+    onOverlayOpenChange(open: boolean): void;
+    onOverlayClosed(reason: ChipsCloseReason): void;
+    onInput(ev: Event): void;
+    onBlur(): void;
+    onKeydown(ev: KeyboardEvent): void;
+    private isListNavigationKey;
+    private cloneKeyboardEvent;
+    requestSelectActive(): void;
+    addFromInput(): void;
+    selectOption(item: T): void;
+    removeAt(index: number): void;
+    clearAll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngChips<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngChips<any>, "tng-chips", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "allowFreeText": { "alias": "allowFreeText"; "required": false; "isSignal": true; }; "parse": { "alias": "parse"; "required": false; "isSignal": true; }; "normalize": { "alias": "normalize"; "required": false; "isSignal": true; }; "preventDuplicates": { "alias": "preventDuplicates"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "containerKlass": { "alias": "containerKlass"; "required": false; "isSignal": true; }; "chipKlass": { "alias": "chipKlass"; "required": false; "isSignal": true; }; "chipLabelKlass": { "alias": "chipLabelKlass"; "required": false; "isSignal": true; }; "removeButtonKlass": { "alias": "removeButtonKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; }, { "search": "search"; "valueChange": "valueChange"; "chipAdded": "chipAdded"; "chipRemoved": "chipRemoved"; "closed": "closed"; }, ["chipTpl", "optionTpl"], never, true, never>;
+}
+
+type TngDateInput = Date | string | number;
+interface TngDateAdapter {
+    now(): Date;
+    from(value: TngDateInput): Date | null;
+    isValid(date: Date): boolean;
+    startOfDay(date: Date): Date;
+    year(date: Date): number;
+    month(date: Date): number;
+    date(date: Date): number;
+    day(date: Date): number;
+    daysInMonth(date: Date): number;
+    setYear(date: Date, year: number): Date;
+    setMonth(date: Date, month0: number): Date;
+    setDate(date: Date, dayOfMonth: number): Date;
+    addDays(date: Date, days: number): Date;
+    addMonths(date: Date, months: number): Date;
+    startOfMonth(date: Date): Date;
+    endOfMonth(date: Date): Date;
+    startOfYear(date: Date): Date;
+    endOfYear(date: Date): Date;
+    isSameDay(a: Date, b: Date): boolean;
+    isBeforeDay(a: Date, b: Date): boolean;
+    isAfterDay(a: Date, b: Date): boolean;
+    format(date: Date, format: string, locale?: string): string;
+    parse(text: string, format: string, locale?: string): Date | null;
+}
+declare const TNG_DATE_ADAPTER: InjectionToken<TngDateAdapter>;
+
+type CalendarCell = {
+    date: Date;
+    label: string;
+    isOutsideMonth: boolean;
+};
+declare class TngDatepicker implements ControlValueAccessor {
+    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly displayFormat: _angular_core.InputSignal<string>;
+    readonly previewFormat: _angular_core.InputSignal<string>;
+    /** Optional locale for month names (e.g. 'en', 'fr', 'de', 'ml') */
+    readonly locale: _angular_core.InputSignal<string | null>;
+    readonly dateAdapter: _angular_core.InputSignal<TngDateAdapter | null>;
+    /** Klass applied to the text input element */
+    readonly inputKlass: _angular_core.InputSignal<string>;
+    readonly toggleKlass: _angular_core.InputSignal<string>;
+    readonly hostKlass: _angular_core.InputSignal<string>;
+    readonly disabledKlass: _angular_core.InputSignal<string>;
+    readonly fieldKlass: _angular_core.InputSignal<string>;
+    readonly toggleIconKlass: _angular_core.InputSignal<string>;
+    readonly panelKlass: _angular_core.InputSignal<string>;
+    readonly panelFrameKlass: _angular_core.InputSignal<string>;
+    readonly panelLayoutKlass: _angular_core.InputSignal<string>;
+    readonly monthRailKlass: _angular_core.InputSignal<string>;
+    readonly monthListKlass: _angular_core.InputSignal<string>;
+    readonly monthItemKlass: _angular_core.InputSignal<string>;
+    readonly calendarKlass: _angular_core.InputSignal<string>;
+    readonly titleKlass: _angular_core.InputSignal<string>;
+    readonly weekdayRowKlass: _angular_core.InputSignal<string>;
+    readonly weekdayCellKlass: _angular_core.InputSignal<string>;
+    readonly dayGridKlass: _angular_core.InputSignal<string>;
+    readonly dayCellKlass: _angular_core.InputSignal<string>;
+    readonly previewTextKlass: _angular_core.InputSignal<string>;
+    readonly actionBarKlass: _angular_core.InputSignal<string>;
+    readonly cancelKlass: _angular_core.InputSignal<string>;
+    readonly confirmKlass: _angular_core.InputSignal<string>;
+    readonly yearRailKlass: _angular_core.InputSignal<string>;
+    readonly yearNavPrevKlass: _angular_core.InputSignal<string>;
+    readonly yearListKlass: _angular_core.InputSignal<string>;
+    readonly yearItemKlass: _angular_core.InputSignal<string>;
+    readonly yearNavNextKlass: _angular_core.InputSignal<string>;
+    inputEl: ElementRef<HTMLInputElement>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly injectedAdapter;
+    private readonly nativeAdapter;
+    readonly adapter: _angular_core.Signal<TngDateAdapter>;
+    readonly inputKlassFinal: _angular_core.Signal<string>;
+    readonly toggleKlassFinal: _angular_core.Signal<string>;
+    readonly hostKlassFinal: _angular_core.Signal<string>;
+    readonly disabledKlassFinal: _angular_core.Signal<string>;
+    readonly fieldKlassFinal: _angular_core.Signal<string>;
+    readonly toggleIconKlassFinal: _angular_core.Signal<string>;
+    readonly panelKlassFinal: _angular_core.Signal<string>;
+    readonly panelFrameKlassFinal: _angular_core.Signal<string>;
+    readonly panelLayoutKlassFinal: _angular_core.Signal<string>;
+    readonly monthRailKlassFinal: _angular_core.Signal<string>;
+    readonly monthListKlassFinal: _angular_core.Signal<string>;
+    readonly monthItemKlassFinal: _angular_core.Signal<string>;
+    readonly calendarKlassFinal: _angular_core.Signal<string>;
+    readonly titleKlassFinal: _angular_core.Signal<string>;
+    readonly weekdayRowKlassFinal: _angular_core.Signal<string>;
+    readonly weekdayCellKlassFinal: _angular_core.Signal<string>;
+    readonly dayGridKlassFinal: _angular_core.Signal<string>;
+    readonly dayCellKlassFinal: _angular_core.Signal<string>;
+    readonly previewTextKlassFinal: _angular_core.Signal<string>;
+    readonly actionBarKlassFinal: _angular_core.Signal<string>;
+    readonly cancelKlassFinal: _angular_core.Signal<string>;
+    readonly confirmKlassFinal: _angular_core.Signal<string>;
+    readonly yearRailKlassFinal: _angular_core.Signal<string>;
+    readonly yearNavPrevKlassFinal: _angular_core.Signal<string>;
+    readonly yearListKlassFinal: _angular_core.Signal<string>;
+    readonly yearItemKlassFinal: _angular_core.Signal<string>;
+    readonly yearNavNextKlassFinal: _angular_core.Signal<string>;
+    private join;
+    private value;
+    readonly draft: _angular_core.WritableSignal<Date | null>;
+    readonly inputValue: _angular_core.WritableSignal<string>;
+    private onChange;
+    private onTouched;
+    readonly months: readonly [{
+        readonly index: 0;
+        readonly label: "Jan";
+    }, {
+        readonly index: 1;
+        readonly label: "Feb";
+    }, {
+        readonly index: 2;
+        readonly label: "Mar";
+    }, {
+        readonly index: 3;
+        readonly label: "Apr";
+    }, {
+        readonly index: 4;
+        readonly label: "May";
+    }, {
+        readonly index: 5;
+        readonly label: "Jun";
+    }, {
+        readonly index: 6;
+        readonly label: "Jul";
+    }, {
+        readonly index: 7;
+        readonly label: "Aug";
+    }, {
+        readonly index: 8;
+        readonly label: "Sep";
+    }, {
+        readonly index: 9;
+        readonly label: "Oct";
+    }, {
+        readonly index: 10;
+        readonly label: "Nov";
+    }, {
+        readonly index: 11;
+        readonly label: "Dec";
+    }];
+    readonly weekdays: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+    readonly focusedDate: _angular_core.WritableSignal<Date | null>;
+    private readonly minD;
+    private readonly maxD;
+    readonly view: _angular_core.Signal<Date>;
+    readonly selectedYear: _angular_core.Signal<number>;
+    readonly selectedMonth: _angular_core.Signal<number>;
+    readonly yearBase: _angular_core.WritableSignal<number>;
+    readonly years: _angular_core.Signal<number[]>;
+    readonly previewLabel: _angular_core.Signal<string>;
+    readonly calendarCells: _angular_core.Signal<CalendarCell[]>;
+    canPrevYearWindow: _angular_core.Signal<boolean>;
+    canNextYearWindow: _angular_core.Signal<boolean>;
+    private isYearWindowBlocked;
+    constructor();
+    prevYearWindow(): void;
+    nextYearWindow(): void;
+    writeValue(value: Date | string | number | null): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    open(_reason: TngOverlayCloseReason): void;
+    close(_reason: TngOverlayCloseReason): void;
+    onOverlayOpenChange(open: boolean): void;
+    onOverlayClosed(reason: TngOverlayCloseReason): void;
+    toggleOverlay(): void;
+    onInput(ev: Event): void;
+    onBlur(): void;
+    private setFocusedDate;
+    private moveFocusedByDays;
+    private moveFocusedByMonths;
+    private moveFocusedToStartOfMonth;
+    private moveFocusedToEndOfMonth;
+    isCellFocused(cell: CalendarCell): boolean;
+    onKeydown(ev: KeyboardEvent): void;
+    selectMonth(monthIndex0: number): void;
+    selectYear(year: number): void;
+    selectDay(cell: {
+        date: Date;
+    }): void;
+    cancel(): void;
+    confirm(): void;
+    isMonthSelected(monthIndex0: number): boolean;
+    isYearSelected(year: number): boolean;
+    isCellSelected(cell: CalendarCell): boolean;
+    isCellDisabled(cell: CalendarCell): boolean;
+    isMonthDisabled(monthIndex0: number): boolean;
+    isYearDisabled(year: number): boolean;
+    private clampToBounds;
+    private isWithinBounds;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngDatepicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngDatepicker, "tng-datepicker", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "previewFormat": { "alias": "previewFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dateAdapter": { "alias": "dateAdapter"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "toggleKlass": { "alias": "toggleKlass"; "required": false; "isSignal": true; }; "hostKlass": { "alias": "hostKlass"; "required": false; "isSignal": true; }; "disabledKlass": { "alias": "disabledKlass"; "required": false; "isSignal": true; }; "fieldKlass": { "alias": "fieldKlass"; "required": false; "isSignal": true; }; "toggleIconKlass": { "alias": "toggleIconKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "panelFrameKlass": { "alias": "panelFrameKlass"; "required": false; "isSignal": true; }; "panelLayoutKlass": { "alias": "panelLayoutKlass"; "required": false; "isSignal": true; }; "monthRailKlass": { "alias": "monthRailKlass"; "required": false; "isSignal": true; }; "monthListKlass": { "alias": "monthListKlass"; "required": false; "isSignal": true; }; "monthItemKlass": { "alias": "monthItemKlass"; "required": false; "isSignal": true; }; "calendarKlass": { "alias": "calendarKlass"; "required": false; "isSignal": true; }; "titleKlass": { "alias": "titleKlass"; "required": false; "isSignal": true; }; "weekdayRowKlass": { "alias": "weekdayRowKlass"; "required": false; "isSignal": true; }; "weekdayCellKlass": { "alias": "weekdayCellKlass"; "required": false; "isSignal": true; }; "dayGridKlass": { "alias": "dayGridKlass"; "required": false; "isSignal": true; }; "dayCellKlass": { "alias": "dayCellKlass"; "required": false; "isSignal": true; }; "previewTextKlass": { "alias": "previewTextKlass"; "required": false; "isSignal": true; }; "actionBarKlass": { "alias": "actionBarKlass"; "required": false; "isSignal": true; }; "cancelKlass": { "alias": "cancelKlass"; "required": false; "isSignal": true; }; "confirmKlass": { "alias": "confirmKlass"; "required": false; "isSignal": true; }; "yearRailKlass": { "alias": "yearRailKlass"; "required": false; "isSignal": true; }; "yearNavPrevKlass": { "alias": "yearNavPrevKlass"; "required": false; "isSignal": true; }; "yearListKlass": { "alias": "yearListKlass"; "required": false; "isSignal": true; }; "yearItemKlass": { "alias": "yearItemKlass"; "required": false; "isSignal": true; }; "yearNavNextKlass": { "alias": "yearNavNextKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TngNativeDateAdapter implements TngDateAdapter {
+    now(): Date;
+    from(value: TngDateInput): Date | null;
+    isValid(date: Date): boolean;
+    startOfDay(date: Date): Date;
+    year(date: Date): number;
+    month(date: Date): number;
+    date(date: Date): number;
+    day(date: Date): number;
+    daysInMonth(date: Date): number;
+    setYear(date: Date, year: number): Date;
+    setMonth(date: Date, month0: number): Date;
+    setDate(date: Date, dayOfMonth: number): Date;
+    addDays(date: Date, days: number): Date;
+    addMonths(date: Date, months: number): Date;
+    startOfMonth(date: Date): Date;
+    endOfMonth(date: Date): Date;
+    startOfYear(date: Date): Date;
+    endOfYear(date: Date): Date;
+    isSameDay(a: Date, b: Date): boolean;
+    isBeforeDay(a: Date, b: Date): boolean;
+    isAfterDay(a: Date, b: Date): boolean;
+    format(date: Date, format: string, _locale?: string): string;
+    parse(text: string, format: string, _locale?: string): Date | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngNativeDateAdapter, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TngNativeDateAdapter>;
+}
+
+type ParseResult = {
+    kind: 'empty';
+} | {
+    kind: 'partial';
+} | {
+    kind: 'invalid';
+} | {
+    kind: 'valid';
+    date: Date;
+};
+/**
+ * Smart parse:
+ * 1) Try strict parse of raw input using displayFormat (supports separators, MMM, etc.)
+ * 2) If fails, try normalized input + normalized format (removes literals),
+ *    e.g. "15-May-1981" -> "15May1981" with "DDMMMYYYY"
+ *
+ * Returns partial/invalid/valid.
+ */
+declare function parseSmartDate(raw: string, displayFormat: string, adapter: TngDateAdapter, locale?: string): ParseResult;
+/**
+ * Format a Date using displayFormat and locale.
+ */
+declare function formatDate(date: Date, displayFormat: string, adapter: TngDateAdapter, locale?: string): string;
+/**
+ * Caret preservation:
+ * after we programmatically replace input.value, reposition caret to a logical place.
+ *
+ * Strategy:
+ * - Count alphanumeric characters before caret in the "before" string.
+ * - Find the position in "after" string that has the same count of alphanumerics.
+ */
+declare function computeNextCaretPos(before: string, beforeCaret: number, after: string): number;
+
+declare class TngFileUpload implements ControlValueAccessor {
+    fileInput: ElementRef<HTMLInputElement>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string>;
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    readonly dropzoneKlass: _angular_core.InputSignal<string>;
+    readonly titleKlass: _angular_core.InputSignal<string>;
+    readonly subtitleKlass: _angular_core.InputSignal<string>;
+    readonly hintKlass: _angular_core.InputSignal<string>;
+    readonly fileListKlass: _angular_core.InputSignal<string>;
+    readonly fileItemKlass: _angular_core.InputSignal<string>;
+    readonly clearButtonKlass: _angular_core.InputSignal<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<File[] | null>;
+    private readonly _value;
+    readonly value: _angular_core.Signal<File[] | null>;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    readonly dragActive: _angular_core.WritableSignal<boolean>;
+    writeValue(value: File[] | null): void;
+    registerOnChange(fn: (value: File[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    readonly dropzoneClasses: _angular_core.Signal<string>;
+    openPicker(): void;
+    private setFiles;
+    onNativeChange(event: Event): void;
+    onDropped(files: File[]): void;
+    clear(): void;
+    onBlur(): void;
+    onDragActiveChange(active: boolean): void;
+    trackByName: (_: number, f: File) => string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngFileUpload, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngFileUpload, "tng-file-upload", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "dropzoneKlass": { "alias": "dropzoneKlass"; "required": false; "isSignal": true; }; "titleKlass": { "alias": "titleKlass"; "required": false; "isSignal": true; }; "subtitleKlass": { "alias": "subtitleKlass"; "required": false; "isSignal": true; }; "hintKlass": { "alias": "hintKlass"; "required": false; "isSignal": true; }; "fileListKlass": { "alias": "fileListKlass"; "required": false; "isSignal": true; }; "fileItemKlass": { "alias": "fileItemKlass"; "required": false; "isSignal": true; }; "clearButtonKlass": { "alias": "clearButtonKlass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+type TngFileDrop = {
+    files: File[];
+    items?: DataTransferItemList;
+    raw?: DataTransfer;
+};
+declare class TngFileDropzone {
+    /** Disable drag/drop interactions */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Optional: allow dropping multiple files */
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    /** Optional: accept filter like input accept attribute (e.g. "image/*,.pdf") */
+    readonly accept: _angular_core.InputSignal<string>;
+    /** Emits when valid files dropped */
+    readonly filesDropped: _angular_core.OutputEmitterRef<File[]>;
+    /** Emits drag active state changes (optional hook) */
+    readonly dragActiveChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly _dragActive;
+    readonly dragActive: _angular_core.Signal<boolean>;
+    private setActive;
+    private acceptMatches;
+    private filterFiles;
+    private extractFiles;
+    onDragEnter(ev: DragEvent): void;
+    onDragOver(ev: DragEvent): void;
+    onDragLeave(ev: DragEvent): void;
+    onDrop(ev: DragEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngFileDropzone, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TngFileDropzone, "[tngFileDropzone]", ["tngFileDropzone"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; }, { "filesDropped": "filesDropped"; "dragActiveChange": "dragActiveChange"; }, never, never, true, never>;
+}
+
+type TngFormFieldSize = 'sm' | 'md' | 'lg';
+type TngFormFieldAppearance = 'outline' | 'filled';
+declare class TngFormField {
+    private readonly ngControl;
+    private readonly destroyRef;
+    /**
+     * Bridge Angular Forms mutable state (touched/dirty/errors) into signals world.
+     * We bump this tick on any control event so all computed() re-evaluate.
+     */
+    private readonly _tick;
+    private bump;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    /**
+     * Manual overrides:
+     * If provided, they take precedence over NgControl state.
+     */
+    readonly error: _angular_core.InputSignal<string>;
+    readonly invalid: _angular_core.InputSignal<boolean | null>;
+    readonly disabled: _angular_core.InputSignal<boolean | null>;
+    /**
+     * Required mark:
+     * Reliable + explicit. (Auto-detecting Validators.required is not stable.)
+     */
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<TngFormFieldSize>;
+    readonly appearance: _angular_core.InputSignal<TngFormFieldAppearance>;
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    readonly labelKlass: _angular_core.InputSignal<string>;
+    readonly requiredMarkKlass: _angular_core.InputSignal<string>;
+    readonly hintKlass: _angular_core.InputSignal<string>;
+    readonly errorKlass: _angular_core.InputSignal<string>;
+    /** Wrapper around projected control */
+    readonly controlShellKlass: _angular_core.InputSignal<string>;
+    readonly prefixKlass: _angular_core.InputSignal<string>;
+    readonly suffixKlass: _angular_core.InputSignal<string>;
+    readonly footerKlass: _angular_core.InputSignal<string>;
+    private readonly ctrl;
+    constructor();
+    private readonly autoDisabled;
+    private readonly autoInvalid;
+    /** Prefer explicit inputs; fall back to form control. */
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly isInvalid: _angular_core.Signal<boolean>;
+    readonly isRequired: _angular_core.Signal<boolean>;
+    /**
+     * Auto error message:
+     * - manual [error] wins
+     * - otherwise derive from control.errors
+     */
+    readonly errorText: _angular_core.Signal<string>;
+    readonly showHint: _angular_core.Signal<boolean>;
+    readonly showError: _angular_core.Signal<boolean>;
+    private readonly sizeShell;
+    private readonly sizeLabel;
+    private readonly appearanceShell;
+    readonly controlShellClasses: _angular_core.Signal<string>;
+    readonly labelClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngFormField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngFormField, "tng-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; "requiredMarkKlass": { "alias": "requiredMarkKlass"; "required": false; "isSignal": true; }; "hintKlass": { "alias": "hintKlass"; "required": false; "isSignal": true; }; "errorKlass": { "alias": "errorKlass"; "required": false; "isSignal": true; }; "controlShellKlass": { "alias": "controlShellKlass"; "required": false; "isSignal": true; }; "prefixKlass": { "alias": "prefixKlass"; "required": false; "isSignal": true; }; "suffixKlass": { "alias": "suffixKlass"; "required": false; "isSignal": true; }; "footerKlass": { "alias": "footerKlass"; "required": false; "isSignal": true; }; }, {}, ["ngControl"], ["[tngPrefix]", "*", "[tngSuffix]"], true, never>;
+}
+
+declare class TngNumberInput implements ControlValueAccessor {
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    klass: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    inputmode: _angular_core.InputSignal<"numeric" | "decimal">;
+    autocomplete: _angular_core.InputSignal<string>;
+    min: _angular_core.InputSignal<number | null>;
+    max: _angular_core.InputSignal<number | null>;
+    step: _angular_core.InputSignal<number | "any" | null>;
+    private readonly _value;
+    readonly value: _angular_core.Signal<number | null>;
+    private onChange;
+    private onTouched;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    writeValue(value: number | null): void;
+    registerOnChange(fn: (value: number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    classes: _angular_core.Signal<string>;
+    onInput(event: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngNumberInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngNumberInput, "tng-number-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TngRadioButton implements ControlValueAccessor {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    /** Root <label> */
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    /** <input type="radio"> */
+    readonly inputKlass: _angular_core.InputSignal<string>;
+    /** Label <span> */
+    readonly labelKlass: _angular_core.InputSignal<string>;
+    private readonly _formValue;
+    readonly isChecked: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /** Final classes */
+    readonly classes: _angular_core.Signal<string>;
+    onSelect(event: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngRadioButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngRadioButton, "tng-radio-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SelectCloseReason = TngOverlayCloseReason;
+type SelectValueTplContext<T> = {
+    $implicit: T;
+};
+declare class TngSelect<T> implements ControlValueAccessor {
+    optionTpl?: TemplateRef<OptionTplContext<T>>;
+    valueTpl?: TemplateRef<SelectValueTplContext<T>>;
+    triggerEl: ElementRef<HTMLElement>;
+    optionList?: TngOptionList<T>;
+    readonly options: _angular_core.InputSignal<T[]>;
+    readonly value: _angular_core.InputSignal<T | null>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly displayWith: _angular_core.InputSignal<(item: T) => string>;
+    readonly selected: _angular_core.OutputEmitterRef<T>;
+    readonly closed: _angular_core.OutputEmitterRef<TngOverlayCloseReason>;
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    readonly triggerKlass: _angular_core.InputSignal<string>;
+    readonly valueKlass: _angular_core.InputSignal<string>;
+    readonly placeholderKlass: _angular_core.InputSignal<string>;
+    readonly iconKlass: _angular_core.InputSignal<string>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly activeIndex: _angular_core.WritableSignal<number>;
+    protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly selectedValue;
+    private usingCva;
+    private onChange;
+    private onTouched;
+    constructor();
+    writeValue(value: T | null): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    display(item: T | null): string;
+    currentValue(): T | null;
+    readonly triggerClasses: _angular_core.Signal<string>;
+    open(_reason: SelectCloseReason): void;
+    close(reason: SelectCloseReason): void;
+    onOverlayOpenChange(open: boolean): void;
+    onOverlayClosed(reason: SelectCloseReason): void;
+    onTriggerClick(): void;
+    onBlur(): void;
+    onKeydown(ev: KeyboardEvent): void;
+    private isListNavigationKey;
+    private cloneKeyboardEvent;
+    onActiveIndexChange(i: number): void;
+    requestSelectActive(): void;
+    select(item: T): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngSelect<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngSelect<any>, "tng-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "triggerKlass": { "alias": "triggerKlass"; "required": false; "isSignal": true; }; "valueKlass": { "alias": "valueKlass"; "required": false; "isSignal": true; }; "placeholderKlass": { "alias": "placeholderKlass"; "required": false; "isSignal": true; }; "iconKlass": { "alias": "iconKlass"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "closed": "closed"; }, ["optionTpl", "valueTpl"], never, true, never>;
+}
+
+declare class TngSlider implements ControlValueAccessor {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Controlled usage (Angular 21 signals):
+     * <tng-slider [value]="v()" (valueChange)="v.set($event)" />
+     *
+     * When `value` is provided (not null), it becomes the source of truth.
+     */
+    readonly value: _angular_core.InputSignal<number | null>;
+    readonly valueChange: _angular_core.OutputEmitterRef<number>;
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    readonly labelKlass: _angular_core.InputSignal<string>;
+    readonly trackKlass: _angular_core.InputSignal<string>;
+    readonly fillKlass: _angular_core.InputSignal<string>;
+    readonly thumbKlass: _angular_core.InputSignal<string>;
+    readonly rangeKlass: _angular_core.InputSignal<string>;
+    private readonly _value;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    /** effective value: controlled `value` wins when provided */
+    readonly currentValue: _angular_core.Signal<number>;
+    readonly clampedValue: _angular_core.Signal<number>;
+    readonly percent: _angular_core.Signal<number>;
+    readonly trackClasses: _angular_core.Signal<string>;
+    readonly fillClasses: _angular_core.Signal<string>;
+    readonly thumbClasses: _angular_core.Signal<string>;
+    readonly rangeClasses: _angular_core.Signal<string>;
+    writeValue(value: number | null): void;
+    registerOnChange(fn: (value: number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInput(ev: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngSlider, "tng-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; "trackKlass": { "alias": "trackKlass"; "required": false; "isSignal": true; }; "fillKlass": { "alias": "fillKlass"; "required": false; "isSignal": true; }; "thumbKlass": { "alias": "thumbKlass"; "required": false; "isSignal": true; }; "rangeKlass": { "alias": "rangeKlass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class TngSlideToggle implements ControlValueAccessor {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly checked: _angular_core.InputSignal<boolean | null>;
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    readonly trackKlass: _angular_core.InputSignal<string>;
+    readonly thumbKlass: _angular_core.InputSignal<string>;
+    readonly labelKlass: _angular_core.InputSignal<string>;
+    readonly inputKlass: _angular_core.InputSignal<string>;
+    private readonly _value;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    /** effective value: controlled `checked` wins when provided */
+    readonly value: _angular_core.Signal<boolean>;
+    writeValue(value: boolean | null): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    readonly trackClasses: _angular_core.Signal<string>;
+    readonly thumbClasses: _angular_core.Signal<string>;
+    onToggle(ev: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngSlideToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngSlideToggle, "tng-slide-toggle", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "trackKlass": { "alias": "trackKlass"; "required": false; "isSignal": true; }; "thumbKlass": { "alias": "thumbKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class TngTextarea implements ControlValueAccessor {
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    rows: _angular_core.InputSignal<number>;
+    klass: _angular_core.InputSignal<string>;
+    private readonly _value;
+    readonly value: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    classes: _angular_core.Signal<string>;
+    onInput(event: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngTextarea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngTextarea, "tng-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TngTextInput implements ControlValueAccessor {
+    id: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<"email" | "search" | "text" | "password" | "tel" | "url">;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    autocomplete: _angular_core.InputSignal<string>;
+    inputmode: _angular_core.InputSignal<string>;
+    minlength: _angular_core.InputSignal<number | null>;
+    maxlength: _angular_core.InputSignal<number | null>;
+    pattern: _angular_core.InputSignal<string | null>;
+    /**
+     * Prefix: non-clickable by default (safer UX).
+     * If you want clickable prefix, set prefixClickable=true and use a <button tngPrefix>.
+     */
+    prefixClickable: _angular_core.InputSignal<boolean>;
+    rootKlass: _angular_core.InputSignal<string>;
+    inputKlass: _angular_core.InputSignal<string>;
+    prefixKlass: _angular_core.InputSignal<string>;
+    suffixKlass: _angular_core.InputSignal<string>;
+    private readonly _value;
+    readonly value: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    readonly rootKlassFinal: _angular_core.Signal<string>;
+    readonly inputKlassFinal: _angular_core.Signal<string>;
+    readonly prefixKlassFinal: _angular_core.Signal<string>;
+    readonly suffixKlassFinal: _angular_core.Signal<string>;
+    private composing;
+    onCompositionStart(): void;
+    onCompositionEnd(event: Event): void;
+    onInput(event: Event): void;
+    private commitValue;
+    onBlur(): void;
+    private join;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngTextInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngTextInput, "tng-text-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "prefixClickable": { "alias": "prefixClickable"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "prefixKlass": { "alias": "prefixKlass"; "required": false; "isSignal": true; }; "suffixKlass": { "alias": "suffixKlass"; "required": false; "isSignal": true; }; }, {}, never, ["[tngPrefix]", "[tngSuffix]"], true, never>;
+}
+
+declare class TngTimepicker {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngTimepicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngTimepicker, "tng-timepicker", never, {}, {}, never, never, true, never>;
+}
+
+export { TNG_DATE_ADAPTER, TngAutocomplete, TngButtonToggle, TngCheckbox, TngChips, TngDatepicker, TngFileDropzone, TngFileUpload, TngFormField, TngNativeDateAdapter, TngNumberInput, TngRadioButton, TngSelect, TngSlideToggle, TngSlider, TngTextInput, TngTextarea, TngTimepicker, computeNextCaretPos, formatDate, parseSmartDate };
+export type { AutocompleteCloseReason, ChipTplContext, ChipsCloseReason, ParseResult, SelectCloseReason, SelectValueTplContext, TngButtonToggleOption, TngButtonToggleSelection, TngButtonToggleValue, TngDateAdapter, TngDateInput, TngFileDrop, TngFormFieldAppearance, TngFormFieldSize };
+//# sourceMappingURL=tociva-tailng-ui-form-controls.d.ts.map