@ardium-ui/ui 5.0.0-alpha.7 → 5.0.0-alpha.70

package/lib/calendar/views/months-view/months-view.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
-import { CalendarMonthContext, CalendarMonthsViewHeaderContext } from '../../calendar.types';
+import { ArdMultiCalendarLocation, CalendarMonthContext, CalendarMonthsViewHeaderContext } from '../../calendar.types';
 import { ComponentColor } from './../../../types/colors.types';
 import * as i0 from "@angular/core";
 export declare class MonthsViewComponent implements AfterViewInit {
@@ -14,8 +14,12 @@ export declare class MonthsViewComponent implements AfterViewInit {
     readonly activeYear: import("@angular/core").InputSignal<number>;
     readonly activeMonth: import("@angular/core").InputSignal<number>;
     readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
+    readonly selectedDateEnd: import("@angular/core").InputSignal<Date | null>;
+    readonly rangeSelectionMode: import("@angular/core").InputSignal<boolean>;
+    readonly UTC: import("@angular/core").InputSignal<boolean>;
     readonly min: import("@angular/core").InputSignal<Date | null>;
     readonly max: import("@angular/core").InputSignal<Date | null>;
+    readonly multiCalendarLocation: import("@angular/core").InputSignal<ArdMultiCalendarLocation>;
     readonly monthsArray: import("@angular/core").Signal<import("../../calendar.internal-types").CalendarArrayItem[]>;
     readonly currentAriaLabel: import("@angular/core").Signal<string>;
     readonly triggerOpenYearsView: import("@angular/core").OutputEmitterRef<void>;
@@ -32,6 +36,7 @@ export declare class MonthsViewComponent implements AfterViewInit {
     readonly triggerHighlightSameMonthPreviousPage: import("@angular/core").OutputEmitterRef<boolean>;
     readonly triggerHighlightSameMonthNextPage: import("@angular/core").OutputEmitterRef<boolean>;
     readonly highlightedMonth: import("@angular/core").InputSignal<number | null>;
+    readonly highlightedMonthDate: import("@angular/core").Signal<Date | null>;
     onCalendarMonthMouseover(month: number): void;
     onCalendarMonthClick(month: number): void;
     onMonthGridFocus(): void;
@@ -50,12 +55,19 @@ export declare class MonthsViewComponent implements AfterViewInit {
     private _onPageDownPress;
     private _onPageUpPress;
     isMonthToday(month: number): boolean;
-    isMonthSelected(month: number | Date): boolean;
+    isMonthSelected(month: number | Date | null): boolean;
+    isMonthSelectedStart(month: number | Date | null): boolean;
+    isMonthSelectedEnd(month: number | Date | null): boolean;
+    isMonthBetweenSelectedRange(month: number | Date | null): boolean;
+    isMonthBetweenSelectedHighlighted(month: number | Date | null): boolean;
+    private _isMonthBetweenDates;
     isYearOutOfRange(year: number): number;
     readonly monthsViewHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarMonthsViewHeaderContext> | undefined>;
     readonly monthTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarMonthContext> | undefined>;
+    readonly monthsViewHeaderDateFormat: import("@angular/core").InputSignal<string>;
+    readonly monthDateFormat: import("@angular/core").InputSignal<string>;
     readonly monthsViewHeaderContext: import("@angular/core").Signal<CalendarMonthsViewHeaderContext>;
     readonly monthContext: import("@angular/core").Signal<(month: number) => CalendarMonthContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonthsViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthsViewComponent, "ard-months-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": true; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": true; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "highlightedMonth": { "alias": "highlightedMonth"; "required": true; "isSignal": true; }; "monthsViewHeaderTemplate": { "alias": "monthsViewHeaderTemplate"; "required": true; "isSignal": true; }; "monthTemplate": { "alias": "monthTemplate"; "required": true; "isSignal": true; }; }, { "triggerOpenYearsView": "triggerOpenYearsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectMonth": "triggerSelectMonth"; "triggeChangeYear": "triggeChangeYear"; "triggerHighlightMonth": "triggerHighlightMonth"; "triggerHighlightNextMonth": "triggerHighlightNextMonth"; "triggerHighlightPreviousMonth": "triggerHighlightPreviousMonth"; "triggerHighlightFirstMonth": "triggerHighlightFirstMonth"; "triggerHighlightLastMonth": "triggerHighlightLastMonth"; "triggerHighlightSameMonthPreviousPage": "triggerHighlightSameMonthPreviousPage"; "triggerHighlightSameMonthNextPage": "triggerHighlightSameMonthNextPage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthsViewComponent, "ard-months-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": true; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": true; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "selectedDateEnd": { "alias": "selectedDateEnd"; "required": true; "isSignal": true; }; "rangeSelectionMode": { "alias": "rangeSelectionMode"; "required": true; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": true; "isSignal": true; }; "highlightedMonth": { "alias": "highlightedMonth"; "required": true; "isSignal": true; }; "monthsViewHeaderTemplate": { "alias": "monthsViewHeaderTemplate"; "required": true; "isSignal": true; }; "monthTemplate": { "alias": "monthTemplate"; "required": true; "isSignal": true; }; "monthsViewHeaderDateFormat": { "alias": "monthsViewHeaderDateFormat"; "required": true; "isSignal": true; }; "monthDateFormat": { "alias": "monthDateFormat"; "required": true; "isSignal": true; }; }, { "triggerOpenYearsView": "triggerOpenYearsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectMonth": "triggerSelectMonth"; "triggeChangeYear": "triggeChangeYear"; "triggerHighlightMonth": "triggerHighlightMonth"; "triggerHighlightNextMonth": "triggerHighlightNextMonth"; "triggerHighlightPreviousMonth": "triggerHighlightPreviousMonth"; "triggerHighlightFirstMonth": "triggerHighlightFirstMonth"; "triggerHighlightLastMonth": "triggerHighlightLastMonth"; "triggerHighlightSameMonthPreviousPage": "triggerHighlightSameMonthPreviousPage"; "triggerHighlightSameMonthNextPage": "triggerHighlightSameMonthNextPage"; }, never, never, false, never>;
 }

package/lib/calendar/views/years-view/years-view.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
-import { CalendarYearContext, CalendarYearsViewHeaderContext } from '../../calendar.types';
+import { ArdMultiCalendarLocation, CalendarYearContext, CalendarYearsViewHeaderContext } from '../../calendar.types';
 import * as i0 from "@angular/core";
 export declare class YearsViewComponent implements AfterViewInit {
     readonly tabIndex: import("@angular/core").InputSignal<number>;
@@ -10,9 +10,14 @@ export declare class YearsViewComponent implements AfterViewInit {
     onMouseMove(): void;
     ngAfterViewInit(): void;
     readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
+    readonly selectedDateEnd: import("@angular/core").InputSignal<Date | null>;
+    readonly rangeSelectionMode: import("@angular/core").InputSignal<boolean>;
+    readonly UTC: import("@angular/core").InputSignal<boolean>;
     readonly min: import("@angular/core").InputSignal<Date | null>;
     readonly max: import("@angular/core").InputSignal<Date | null>;
+    readonly multiCalendarLocation: import("@angular/core").InputSignal<ArdMultiCalendarLocation>;
     readonly currentYearRangeStart: import("@angular/core").InputSignal<number>;
+    readonly multipleYearPageSize: import("@angular/core").InputSignal<number>;
     readonly yearsArray: import("@angular/core").Signal<import("../../calendar.internal-types").CalendarArrayItem[]>;
     readonly currentAriaLabel: import("@angular/core").Signal<string>;
     readonly triggerOpenMonthsView: import("@angular/core").OutputEmitterRef<void>;
@@ -29,13 +34,19 @@ export declare class YearsViewComponent implements AfterViewInit {
     readonly triggerHighlightSameYearPreviousPage: import("@angular/core").OutputEmitterRef<boolean>;
     readonly triggerHighlightSameYearNextPage: import("@angular/core").OutputEmitterRef<boolean>;
     readonly highlightedYear: import("@angular/core").InputSignal<number | null>;
+    readonly highlightedYearDate: import("@angular/core").Signal<Date | null>;
     onCalendarYearMouseover(year: number): void;
     onCalendarYearClick(year: number): void;
     onYearGridFocus(): void;
     onYearGridBlur(): void;
     onYearGridClick(): void;
     isYearToday(year: number): boolean;
-    isYearSelected(year: number | Date): boolean;
+    isYearSelected(year: number | Date | null): boolean;
+    isYearSelectedStart(year: number | Date | null): boolean;
+    isYearSelectedEnd(year: number | Date | null): boolean;
+    isYearBetweenSelectedRange(year: number | Date | null): boolean;
+    isYearBetweenSelectedHighlighted(year: number | Date | null): boolean;
+    private _isYearBetweenDates;
     isYearOutOfRange(year: number): number;
     readonly focusableElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
     focus(): void;
@@ -51,8 +62,10 @@ export declare class YearsViewComponent implements AfterViewInit {
     private _onPageDownPress;
     readonly yearsViewHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarYearsViewHeaderContext> | undefined>;
     readonly yearTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarYearContext> | undefined>;
+    readonly yearsViewHeaderDateFormat: import("@angular/core").InputSignal<string>;
+    readonly yearDateFormat: import("@angular/core").InputSignal<string>;
     readonly yearsViewHeaderContext: import("@angular/core").Signal<CalendarYearsViewHeaderContext>;
     readonly yearContext: import("@angular/core").Signal<(year: number) => CalendarYearContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<YearsViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YearsViewComponent, "ard-years-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "currentYearRangeStart": { "alias": "currentYearRangeStart"; "required": true; "isSignal": true; }; "highlightedYear": { "alias": "highlightedYear"; "required": true; "isSignal": true; }; "yearsViewHeaderTemplate": { "alias": "yearsViewHeaderTemplate"; "required": true; "isSignal": true; }; "yearTemplate": { "alias": "yearTemplate"; "required": true; "isSignal": true; }; }, { "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectYear": "triggerSelectYear"; "triggerChangeYearsViewPage": "triggerChangeYearsViewPage"; "triggerHighlightYear": "triggerHighlightYear"; "triggerHighlightNextYear": "triggerHighlightNextYear"; "triggerHighlightPreviousYear": "triggerHighlightPreviousYear"; "triggerHighlightFirstYear": "triggerHighlightFirstYear"; "triggerHighlightLastYear": "triggerHighlightLastYear"; "triggerHighlightSameYearPreviousPage": "triggerHighlightSameYearPreviousPage"; "triggerHighlightSameYearNextPage": "triggerHighlightSameYearNextPage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YearsViewComponent, "ard-years-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "selectedDateEnd": { "alias": "selectedDateEnd"; "required": true; "isSignal": true; }; "rangeSelectionMode": { "alias": "rangeSelectionMode"; "required": true; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": true; "isSignal": true; }; "currentYearRangeStart": { "alias": "currentYearRangeStart"; "required": true; "isSignal": true; }; "multipleYearPageSize": { "alias": "multipleYearPageSize"; "required": true; "isSignal": true; }; "highlightedYear": { "alias": "highlightedYear"; "required": true; "isSignal": true; }; "yearsViewHeaderTemplate": { "alias": "yearsViewHeaderTemplate"; "required": true; "isSignal": true; }; "yearTemplate": { "alias": "yearTemplate"; "required": true; "isSignal": true; }; "yearsViewHeaderDateFormat": { "alias": "yearsViewHeaderDateFormat"; "required": true; "isSignal": true; }; "yearDateFormat": { "alias": "yearDateFormat"; "required": true; "isSignal": true; }; }, { "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectYear": "triggerSelectYear"; "triggerChangeYearsViewPage": "triggerChangeYearsViewPage"; "triggerHighlightYear": "triggerHighlightYear"; "triggerHighlightNextYear": "triggerHighlightNextYear"; "triggerHighlightPreviousYear": "triggerHighlightPreviousYear"; "triggerHighlightFirstYear": "triggerHighlightFirstYear"; "triggerHighlightLastYear": "triggerHighlightLastYear"; "triggerHighlightSameYearPreviousPage": "triggerHighlightSameYearPreviousPage"; "triggerHighlightSameYearNextPage": "triggerHighlightSameYearNextPage"; }, never, never, false, never>;
 }

package/lib/checkbox/checkbox.component.d.ts

@@ -9,11 +9,14 @@ import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxComponent extends _BooleanComponentBase implements ControlValueAccessor {
     protected readonly _DEFAULTS: ArdCheckboxDefaults;
     constructor(defaults: ArdCheckboxDefaults);
+    protected readonly _componentId = "100";
+    protected readonly _componentName = "checkbox";
     readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
     readonly unselectedColor: import("@angular/core").InputSignal<SimpleComponentColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     set _selected(v: any);
-    readonly state: import("@angular/core").ModelSignal<CheckboxState>;
+    readonly internalState: import("@angular/core").ModelSignal<CheckboxState>;
+    readonly state: import("@angular/core").Signal<CheckboxState>;
     readonly State: {
         readonly Unselected: "unselected";
         readonly Indeterminate: "indeterminate";
@@ -24,5 +27,5 @@ export declare class ArdiumCheckboxComponent extends _BooleanComponentBase imple
     readonly checkboxTemplate: import("@angular/core").Signal<ArdCheckboxTemplateDirective | undefined>;
     readonly checkboxTemplateContext: import("@angular/core").Signal<CheckboxTemplateContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxComponent, "ard-checkbox", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "unselectedColor": { "alias": "unselectedColor"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, ["templateRepository", "checkboxTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxComponent, "ard-checkbox", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "unselectedColor": { "alias": "unselectedColor"; "required": false; "isSignal": true; }; "internalState": { "alias": "state"; "required": false; "isSignal": true; }; }, { "internalState": "stateChange"; }, ["templateRepository", "checkboxTemplate"], never, false, never>;
 }

package/lib/checkbox/checkbox.types.d.ts

@@ -7,5 +7,7 @@ export type CheckboxState = (typeof CheckboxState)[keyof typeof CheckboxState];
 export interface CheckboxTemplateContext {
     $implicit: boolean;
     selected: boolean;
+    internalSelected: boolean;
     state: CheckboxState;
+    internalState: CheckboxState;
 }

package/lib/checkbox-list/checkbox-list.component.d.ts

@@ -1,11 +1,12 @@
 import { AfterViewInit } from '@angular/core';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
 import { SimpleItemStorageHost } from '../_internal/item-storages/simple-item-storage';
 import { _NgModelComponentBase } from '../_internal/ngmodel-component';
 import { ComponentColor } from '../types/colors.types';
-import { ArdOptionSimple, CompareWithFn } from '../types/item-storage.types';
+import { ArdOptionSimple, CompareWithFn, OptionContext } from '../types/item-storage.types';
 import { Nullable } from '../types/utility.types';
 import { ArdCheckboxListDefaults } from './checkbox-list.defaults';
-import { ArdCheckboxListCheckboxTemplateDirective } from './checkbox-list.directives';
+import { ArdCheckboxListCheckboxTemplateDirective, ArdCheckboxListLabelTemplateDirective } from './checkbox-list.directives';
 import { CheckboxListAlignType } from './checkbox-list.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase implements SimpleItemStorageHost, AfterViewInit {
@@ -24,16 +25,15 @@ export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase i
     set items(v: any[]);
     get items(): ArdOptionSimple[];
     readonly compareWith: import("@angular/core").InputSignal<Nullable<CompareWithFn>>;
-    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly align: import("@angular/core").InputSignal<CheckboxListAlignType>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     get value(): any;
     set value(v: any);
     readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
-    readonly changeEvent: import("@angular/core").OutputEmitterRef<any>;
     private _valueBeforeInit;
     writeValue(v: any): void;
     private _isViewInit;
@@ -46,6 +46,8 @@ export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase i
     unselectItem(v: ArdOptionSimple): void;
     toggleItem(v: ArdOptionSimple): void;
     readonly checkboxTemplate: import("@angular/core").Signal<ArdCheckboxListCheckboxTemplateDirective | undefined>;
+    readonly labelTemplate: import("@angular/core").Signal<ArdCheckboxListLabelTemplateDirective | undefined>;
+    readonly labelContextGenerator: import("@angular/core").Signal<(item: ArdOptionSimple) => OptionContext<ArdOptionSimple>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxListComponent, "ard-checkbox-list", never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; }, ["checkboxTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxListComponent, "ard-checkbox-list", never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, ["checkboxTemplate", "labelTemplate"], never, false, never>;
 }

package/lib/checkbox-list/checkbox-list.directives.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { CheckboxTemplateContext } from '../checkbox/checkbox.types';
+import { ArdOptionSimple, OptionContext } from '../types/item-storage.types';
 import * as i0 from "@angular/core";
 export declare class ArdCheckboxListCheckboxTemplateDirective {
     template: TemplateRef<CheckboxTemplateContext>;
@@ -7,3 +8,9 @@ export declare class ArdCheckboxListCheckboxTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdCheckboxListCheckboxTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCheckboxListCheckboxTemplateDirective, "ard-checkbox-list > ng-template[ard-checkbox-tmp]", never, {}, {}, never, never, false, never>;
 }
+export declare class ArdCheckboxListLabelTemplateDirective {
+    template: TemplateRef<OptionContext<ArdOptionSimple>>;
+    constructor(template: TemplateRef<OptionContext<ArdOptionSimple>>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCheckboxListLabelTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCheckboxListLabelTemplateDirective, "ard-checkbox-list > ng-template[ard-label-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/checkbox-list/checkbox-list.module.d.ts

@@ -6,6 +6,6 @@ import * as i4 from "../checkbox/checkbox.module";
 import * as i5 from "../checkbox/checkbox.internal-directives";
 export declare class ArdiumCheckboxListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCheckboxListModule, [typeof i1.ArdiumCheckboxListComponent, typeof i2.ArdCheckboxListCheckboxTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumCheckboxModule, typeof i5._CheckboxTemplateRepositoryDirective], [typeof i1.ArdiumCheckboxListComponent, typeof i2.ArdCheckboxListCheckboxTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCheckboxListModule, [typeof i1.ArdiumCheckboxListComponent, typeof i2.ArdCheckboxListCheckboxTemplateDirective, typeof i2.ArdCheckboxListLabelTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumCheckboxModule, typeof i5._CheckboxTemplateRepositoryDirective], [typeof i1.ArdiumCheckboxListComponent, typeof i2.ArdCheckboxListCheckboxTemplateDirective, typeof i2.ArdCheckboxListLabelTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumCheckboxListModule>;
 }

package/lib/chip/chip.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { SimpleOneAxisAlignment } from '../types/alignment.types';
 import { ComponentColor } from '../types/colors.types';
 import { DecorationElementAppearance, FormElementVariant } from '../types/theming.types';
@@ -11,7 +12,7 @@ export declare class ArdiumChipComponent extends _DisablableComponentBase {
     readonly appearance: import("@angular/core").InputSignal<DecorationElementAppearance>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumChipComponent, never>;

package/lib/chip/deletable-chip/deletable-chip.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../../_internal/focusable-component';
 import { SimpleOneAxisAlignment } from '../../types/alignment.types';
 import { ComponentColor } from '../../types/colors.types';
@@ -12,7 +13,7 @@ export declare class ArdiumDeletableChipComponent extends _FocusableComponentBas
     readonly appearance: import("@angular/core").InputSignal<DecorationElementAppearance>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly deleteEvent: import("@angular/core").OutputEmitterRef<MouseEvent>;

package/lib/chip/selectable-chip/selectable-chip.component.d.ts

@@ -1,4 +1,5 @@
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { SimpleOneAxisAlignment } from '../../types/alignment.types';
 import { ComponentColor } from '../../types/colors.types';
 import { DecorationElementAppearance, FormElementVariant } from '../../types/theming.types';
@@ -8,13 +9,15 @@ import * as i0 from "@angular/core";
 export declare class ArdiumSelectableChipComponent extends _BooleanComponentBase implements ControlValueAccessor {
     protected readonly _DEFAULTS: ArdSelectableChipDefaults;
     constructor(defaults: ArdSelectableChipDefaults);
+    protected readonly _componentId = "111";
+    protected readonly _componentName = "selectable-chip";
     readonly chipTitle: import("@angular/core").InputSignal<string>;
-    readonly hideSelectionIcon: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly hideSelectionIcon: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly contentAlignment: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
     readonly appearance: import("@angular/core").InputSignal<DecorationElementAppearance>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectableChipComponent, never>;

package/lib/dialog/dialog.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { ButtonAppearance } from '../buttons/general-button.types';
 import { ComponentColor } from '../types/colors.types';
 import { PanelVariant } from '../types/theming.types';
@@ -8,13 +9,15 @@ export declare class ArdiumDialogComponent {
     private readonly _DEFAULTS;
     readonly appearance: import("@angular/core").InputSignal<"raised">;
     readonly variant: import("@angular/core").InputSignal<PanelVariant>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly heading: import("@angular/core").InputSignal<string>;
-    readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly panelClass: import("@angular/core").InputSignal<string>;
+    readonly backdropClass: import("@angular/core").InputSignal<string>;
+    readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly buttonActionType: import("@angular/core").InputSignal<ArdDialogActionType>;
-    readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly open: import("@angular/core").ModelSignal<boolean>;
     readonly closeEvent: import("@angular/core").OutputEmitterRef<ArdDialogResult>;
     readonly confirmEvent: import("@angular/core").OutputEmitterRef<void>;
@@ -24,11 +27,13 @@ export declare class ArdiumDialogComponent {
     readonly confirmButtonText: import("@angular/core").InputSignal<string>;
     readonly confirmButtonColor: import("@angular/core").InputSignal<ComponentColor>;
     readonly confirmButtonAppearance: import("@angular/core").InputSignal<ButtonAppearance>;
+    readonly confirmButtonPointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly rejectButtonText: import("@angular/core").InputSignal<string>;
     readonly rejectButtonColor: import("@angular/core").InputSignal<ComponentColor>;
     readonly rejectButtonAppearance: import("@angular/core").InputSignal<ButtonAppearance>;
-    readonly noRejectButton: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly canConfirm: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly noRejectButton: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly canConfirm: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    private _isCloseEventTimeoutRunning;
     onConfirmClick(): void;
     onRejectClick(): void;
     onModalClose(): void;
@@ -36,5 +41,5 @@ export declare class ArdiumDialogComponent {
     readonly closeIconTemplate: import("@angular/core").Signal<ArdDialogCloseIconTemplateDirective | undefined>;
     readonly getButtonsContext: import("@angular/core").Signal<DialogButtonsContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDialogComponent, "ard-dialog", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "buttonActionType": { "alias": "buttonActionType"; "required": false; "isSignal": true; }; "allActionsDisabled": { "alias": "allActionsDisabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "confirmButtonText": { "alias": "confirmButtonText"; "required": false; "isSignal": true; }; "confirmButtonColor": { "alias": "confirmButtonColor"; "required": false; "isSignal": true; }; "confirmButtonAppearance": { "alias": "confirmButtonAppearance"; "required": false; "isSignal": true; }; "rejectButtonText": { "alias": "rejectButtonText"; "required": false; "isSignal": true; }; "rejectButtonColor": { "alias": "rejectButtonColor"; "required": false; "isSignal": true; }; "rejectButtonAppearance": { "alias": "rejectButtonAppearance"; "required": false; "isSignal": true; }; "noRejectButton": { "alias": "noRejectButton"; "required": false; "isSignal": true; }; "canConfirm": { "alias": "canConfirm"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeEvent": "close"; "confirmEvent": "confirm"; "rejectEvent": "reject"; }, ["buttonsTemplate", "closeIconTemplate"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDialogComponent, "ard-dialog", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "buttonActionType": { "alias": "buttonActionType"; "required": false; "isSignal": true; }; "allActionsDisabled": { "alias": "allActionsDisabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "confirmButtonText": { "alias": "confirmButtonText"; "required": false; "isSignal": true; }; "confirmButtonColor": { "alias": "confirmButtonColor"; "required": false; "isSignal": true; }; "confirmButtonAppearance": { "alias": "confirmButtonAppearance"; "required": false; "isSignal": true; }; "confirmButtonPointerEventsWhenDisabled": { "alias": "confirmButtonPointerEventsWhenDisabled"; "required": false; "isSignal": true; }; "rejectButtonText": { "alias": "rejectButtonText"; "required": false; "isSignal": true; }; "rejectButtonColor": { "alias": "rejectButtonColor"; "required": false; "isSignal": true; }; "rejectButtonAppearance": { "alias": "rejectButtonAppearance"; "required": false; "isSignal": true; }; "noRejectButton": { "alias": "noRejectButton"; "required": false; "isSignal": true; }; "canConfirm": { "alias": "canConfirm"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeEvent": "close"; "confirmEvent": "confirm"; "rejectEvent": "reject"; }, ["buttonsTemplate", "closeIconTemplate"], ["*"], false, never>;
 }

package/lib/dialog/dialog.types.d.ts

@@ -17,6 +17,7 @@ export interface DialogButtonsContext {
         text: string;
         color: ComponentColor;
         appearance: ButtonAppearance;
+        pointerEventsWhenDisabled: boolean;
     };
     rejectButton: {
         enabled: boolean;

package/lib/divider/divider.component.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
+import * as i1 from "./divider.directive";
 export declare class ArdiumDividerComponent {
-    protected readonly _DEFAULTS: import("./divider.defaults").ArdDividerDefaults;
-    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDividerComponent, "ard-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDividerComponent, "ard-divider", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.ArdiumDividerDirectiveStandalone; inputs: { "vertical": "vertical"; "flexItem": "flexItem"; "textAlign": "textAlign"; "variant": "variant"; }; outputs: {}; }]>;
 }

package/lib/divider/divider.defaults.d.ts

@@ -1,6 +1,11 @@
 import { InjectionToken, Provider } from '@angular/core';
+import { OneAxisAlignmentOrientational } from '../types/alignment.types';
+import { ArdDividerVariant } from './divider.types';
 export interface ArdDividerDefaults {
     vertical: boolean;
+    variant: ArdDividerVariant;
+    flexItem: boolean;
+    textAlign: OneAxisAlignmentOrientational;
 }
 export declare const ARD_DIVIDER_DEFAULTS: InjectionToken<ArdDividerDefaults>;
 export declare function provideDividerDefaults(config: Partial<ArdDividerDefaults>): Provider;

package/lib/divider/divider.directive.d.ts

@@ -0,0 +1,18 @@
+import { BooleanLike } from '@ardium-ui/devkit';
+import { OneAxisAlignmentOrientational } from '../types/alignment.types';
+import { ArdDividerVariant } from './divider.types';
+import * as i0 from "@angular/core";
+export declare class ArdiumDividerDirective {
+    protected readonly _DEFAULTS: import("./divider.defaults").ArdDividerDefaults;
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly flexItem: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly textAlign: import("@angular/core").InputSignal<OneAxisAlignmentOrientational>;
+    readonly variant: import("@angular/core").InputSignal<ArdDividerVariant>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDividerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumDividerDirective, "[ard-divider]", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "flexItem": { "alias": "flexItem"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+export declare class ArdiumDividerDirectiveStandalone extends ArdiumDividerDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDividerDirectiveStandalone, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumDividerDirectiveStandalone, never, never, {}, {}, never, never, true, never>;
+}

package/lib/divider/divider.module.d.ts

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./divider.component";
-import * as i2 from "@angular/common";
+import * as i2 from "./divider.directive";
+import * as i3 from "@angular/common";
 export declare class ArdiumDividerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDividerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDividerModule, [typeof i1.ArdiumDividerComponent], [typeof i2.CommonModule], [typeof i1.ArdiumDividerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDividerModule, [typeof i1.ArdiumDividerComponent, typeof i2.ArdiumDividerDirective], [typeof i3.CommonModule], [typeof i1.ArdiumDividerComponent, typeof i2.ArdiumDividerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumDividerModule>;
 }

package/lib/divider/divider.types.d.ts

@@ -0,0 +1,5 @@
+export declare const ArdDividerVariant: {
+    readonly Full: "full";
+    readonly Middle: "middle";
+};
+export type ArdDividerVariant = typeof ArdDividerVariant[keyof typeof ArdDividerVariant];

package/lib/divider/index.d.ts

@@ -1,3 +1,5 @@
 export * from './divider.component';
 export * from './divider.defaults';
+export * from './divider.directive';
 export * from './divider.module';
+export * from './divider.types';

package/lib/dropdown-panel/dropdown-panel.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewChecked, TemplateRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { Nullable } from '../types/utility.types';
 import { DropdownPanelAppearance, DropdownPanelVariant, ScrollAlignment } from './dropdown-panel.types';
 import * as i0 from "@angular/core";
@@ -12,7 +13,7 @@ export declare class ArdiumDropdownPanelComponent implements AfterViewChecked {
     readonly filterValue: import("@angular/core").InputSignal<Nullable<string>>;
     readonly appearance: import("@angular/core").InputSignal<DropdownPanelAppearance>;
     readonly variant: import("@angular/core").InputSignal<DropdownPanelVariant>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly isOpen: import("@angular/core").InputSignal<boolean>;
     readonly scrollEvent: import("@angular/core").OutputEmitterRef<{

package/lib/dropdown-panel/dropdown-panel.types.d.ts

@@ -1,4 +1,4 @@
-export type ScrollAlignment = 'top' | 'bottom' | 'middle';
+export type ScrollAlignment = 'top' | 'bottom' | 'center';
 export declare const DropdownPanelAppearance: {
     readonly Outlined: "outlined";
     readonly Raised: "raised";

package/lib/file-inputs/file-input/file-input.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { ComponentColor } from '../../types/colors.types';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { _FileInputComponentBase } from '../file-input-base';
@@ -17,7 +18,7 @@ export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly placeholderTemplate: import("@angular/core").Signal<ArdFileInputPlaceholderTemplateDirective | undefined>;
     get shouldDisplayPlaceholder(): boolean;
-    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
     get shouldShowClearButton(): boolean;
     onClearButtonClick(event: MouseEvent): void;

package/lib/file-inputs/file-input-base.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
-import { FileSystemStartDirectory } from '@ardium-ui/devkit';
+import { BooleanLike, FileSystemStartDirectory } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase } from '../_internal/form-field-component';
 import { Nullable } from '../types/utility.types';
 import { _FileInputBaseDefaults } from './file-input-base.defaults';
@@ -14,11 +14,11 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
     ngOnInit(): void;
     protected _wasViewInit: boolean;
     ngAfterViewInit(): void;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly maxFiles: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
     readonly maxFilesWithMultiple: import("@angular/core").Signal<number>;
-    readonly blockAfterUpload: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly blockAfterUpload: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     get shouldBeBlocked(): boolean;
     readonly maxFileSizeBytes: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
     readonly accept: import("@angular/core").InputSignal<string | string[]>;
@@ -50,7 +50,6 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
     onFileInputChange(): void;
     private _writeFilesToValue;
     private _isFilePickerOpen;
-    private _emitTouched;
     onFocus(event: FocusEvent): void;
     onBlur(event: FocusEvent): void;
     private _filterFilesBasedOnSizeAndCount;

package/lib/form-field/auto-error/auto-error.component.d.ts

@@ -0,0 +1,19 @@
+import { OnDestroy } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
+import * as i0 from "@angular/core";
+export declare class ArdiumAutoErrorComponent implements OnDestroy {
+    private readonly _errorMap;
+    private readonly _DEFAULTS;
+    readonly control: import("@angular/core").InputSignal<AbstractControl<any, any>>;
+    readonly onlyFirstError: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    private _eventsSub;
+    constructor();
+    ngOnDestroy(): void;
+    readonly errorMessages: import("@angular/core").WritableSignal<string[]>;
+    readonly hasError: import("@angular/core").Signal<boolean>;
+    readonly left: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly right: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumAutoErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumAutoErrorComponent, "ard-auto-error", never, { "control": { "alias": "control"; "required": true; "isSignal": true; }; "onlyFirstError": { "alias": "onlyFirstError"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/form-field/auto-error/auto-error.provider.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken, Provider } from '@angular/core';
+export interface ArdErrorMap {
+    $fallback?: string;
+    [key: string]: string | ((errorData: any) => string) | undefined;
+}
+export declare const ARD_ERROR_MAP: InjectionToken<ArdErrorMap>;
+export declare function provideErrorMap(errorMap: ArdErrorMap): Provider;

package/lib/form-field/error/error.directive.d.ts

@@ -1,7 +1,8 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export declare class ArdiumErrorDirective {
-    readonly left: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly right: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly left: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly right: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumErrorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumErrorDirective, "[ard-error]", never, { "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/form-field/form-field-base.d.ts

@@ -1,4 +1,6 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { SimpleOneAxisAlignment } from '../types/alignment.types';
+import { ArdiumAutoErrorComponent } from './auto-error/auto-error.component';
 import { ArdiumErrorDirective } from './error/error.directive';
 import { ArdFormFieldControl } from './form-field-child.token';
 import { ArdiumHintErrorDirective } from './hint-error/hint-error.directive';
@@ -17,11 +19,12 @@ export declare abstract class _FormFieldBase {
     readonly label: import("@angular/core").Signal<ArdiumLabelComponent | undefined>;
     readonly hints: import("@angular/core").Signal<readonly ArdiumHintDirective[]>;
     readonly errors: import("@angular/core").Signal<readonly ArdiumErrorDirective[]>;
+    readonly autoErrors: import("@angular/core").Signal<readonly ArdiumAutoErrorComponent[]>;
     readonly hintErrors: import("@angular/core").Signal<readonly ArdiumHintErrorDirective[]>;
     readonly hasAnyHint: import("@angular/core").Signal<boolean>;
     readonly hasAnyError: import("@angular/core").Signal<boolean>;
-    readonly reserveHintLine: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly reserveHintLine: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_FormFieldBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldBase, never, never, { "defaultHintAlign": { "alias": "defaultHintAlign"; "required": false; "isSignal": true; }; "reserveHintLine": { "alias": "reserveHintLine"; "required": false; "isSignal": true; }; }, {}, ["control", "label", "hints", "errors", "hintErrors"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldBase, never, never, { "defaultHintAlign": { "alias": "defaultHintAlign"; "required": false; "isSignal": true; }; "reserveHintLine": { "alias": "reserveHintLine"; "required": false; "isSignal": true; }; }, {}, ["control", "label", "hints", "errors", "autoErrors", "hintErrors"], never, true, never>;
 }

package/lib/form-field/form-field-child.token.d.ts

@@ -1,8 +1,8 @@
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, Signal } from '@angular/core';
 export interface ArdFormFieldControl {
-    hasError: (() => boolean) | boolean;
-    isSuccess?: (() => boolean) | boolean;
-    disabled: (() => boolean) | boolean;
-    htmlId: (() => string) | string;
+    hasError: Signal<boolean> | (() => boolean) | boolean;
+    isSuccess?: Signal<boolean> | (() => boolean) | boolean;
+    disabled: Signal<boolean> | (() => boolean) | boolean;
+    htmlId: Signal<string> | (() => string) | string;
 }
 export declare const ARD_FORM_FIELD_CONTROL: InjectionToken<ArdFormFieldControl>;