@ardium-ui/ui 5.0.0-alpha.10 → 5.0.0-alpha.100

package/lib/calendar/views/days-view/days-view.helpers.d.ts

@@ -15,6 +15,6 @@ export interface CalendarData {
  * @param firstWeekday The index of the first weekday in the calendar layout. Starts at Sunday (index 0), ends with Saturday (index 6). Defaults to 1.
  * @returns A {@link CalendarData} object.
  */
-export declare function getCalendarDayData(year: number, monthIndex: number, firstWeekday: number | undefined, min: Date | null, max: Date | null): CalendarData;
+export declare function getCalendarDayData(year: number, monthIndex: number, firstWeekday: number | undefined, min: Date | null, max: Date | null, fillUpTo6Weeks: boolean, reserverFirstRow: boolean): CalendarData;
 export declare function getCalendarWeekdayArray(firstWeekday?: number): number[];
-export declare function isDayOutOfRange(day: number, month: number, year: number, min: Date | null, max: Date | null): number;
+export declare function isDayOutOfRange(date: Date, min: Date | null, max: Date | null): number;

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

@@ -3,10 +3,10 @@ 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 {
@@ -34,7 +34,6 @@ export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase i
     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;
@@ -47,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/deletable-chip/deletable-chip.component.d.ts

@@ -17,6 +17,7 @@ export declare class ArdiumDeletableChipComponent extends _FocusableComponentBas
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly deleteEvent: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    emitDelete(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDeletableChipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDeletableChipComponent, "ard-deletable-chip", never, { "deleteButtonTitle": { "alias": "deleteButtonTitle"; "required": false; "isSignal": true; }; "contentAlignment": { "alias": "contentAlignment"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; }, { "deleteEvent": "delete"; }, never, ["*"], false, never>;
 }

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

@@ -9,6 +9,8 @@ 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, BooleanLike>;
     readonly contentAlignment: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;

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

@@ -12,6 +12,8 @@ export declare class ArdiumDialogComponent {
     readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly heading: import("@angular/core").InputSignal<string>;
     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>;
@@ -25,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, BooleanLike>;
     readonly canConfirm: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    private _isCloseEventTimeoutRunning;
     onConfirmClick(): void;
     onRejectClick(): void;
     onModalClose(): void;
@@ -37,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,8 +1,6 @@
-import { BooleanLike } from '@ardium-ui/devkit';
 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, BooleanLike>;
     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.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

@@ -4,7 +4,7 @@ import { FormElementAppearance, FormElementVariant } from '../../types/theming.t
 import { _FileInputComponentBase } from '../file-input-base';
 import { FileInputBrowseContext, FileInputFileAmountContext, FileInputFilesContext } from '../file-input-types';
 import { ArdFileInputDefaults } from './file-input.defaults';
-import { ArdFileInputPlaceholderTemplateDirective, ArdFileInputPrefixTemplateDirective, ArdFileInputSuffixTemplateDirective, ArdiumFileInputDragoverContentTemplateDirective, ArdiumFileInputFolderIconTemplateDirective, ArdiumFileInputIdleContentTemplateDirective, ArdiumFileInputUploadedContentTemplateDirective } from './file-input.directives';
+import { ArdFileInputPlaceholderTemplateDirective, ArdFileInputPrefixTemplateDirective, ArdFileInputSuffixTemplateDirective, ArdiumFileInputDragoverContentTemplateDirective, ArdiumFileInputIdleContentTemplateDirective, ArdiumFileInputUploadIconTemplateDirective, ArdiumFileInputUploadedContentTemplateDirective } from './file-input.directives';
 import * as i0 from "@angular/core";
 export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
     protected readonly _DEFAULTS: ArdFileInputDefaults;
@@ -30,10 +30,10 @@ export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
     readonly idleTemplate: import("@angular/core").Signal<ArdiumFileInputIdleContentTemplateDirective | undefined>;
     readonly dragoverTemplate: import("@angular/core").Signal<ArdiumFileInputDragoverContentTemplateDirective | undefined>;
     readonly uploadedTemplate: import("@angular/core").Signal<ArdiumFileInputUploadedContentTemplateDirective | undefined>;
-    readonly folderIconTemplate: import("@angular/core").Signal<ArdiumFileInputFolderIconTemplateDirective | undefined>;
+    readonly uploadIconTemplate: import("@angular/core").Signal<ArdiumFileInputUploadIconTemplateDirective | undefined>;
     getIdleContext(): FileInputBrowseContext;
     getDragoverContext(): FileInputFileAmountContext;
     getUploadedContext(): FileInputFilesContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileInputComponent, "ard-file-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; }, { "clearEvent": "clear"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate", "idleTemplate", "dragoverTemplate", "uploadedTemplate", "folderIconTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileInputComponent, "ard-file-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; }, { "clearEvent": "clear"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate", "idleTemplate", "dragoverTemplate", "uploadedTemplate", "uploadIconTemplate"], never, false, never>;
 }

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

@@ -37,9 +37,9 @@ export declare class ArdiumFileInputUploadedContentTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputUploadedContentTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputUploadedContentTemplateDirective, "ard-file-input > ng-template[ard-dropped-content-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class ArdiumFileInputFolderIconTemplateDirective {
+export declare class ArdiumFileInputUploadIconTemplateDirective {
     template: TemplateRef<undefined>;
     constructor(template: TemplateRef<undefined>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputFolderIconTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputFolderIconTemplateDirective, "ard-file-input > ng-template[ard-folder-icon-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputUploadIconTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputUploadIconTemplateDirective, "ard-file-input > ng-template[ard-upload-icon-tmp]", never, {}, {}, never, never, false, never>;
 }

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

@@ -8,6 +8,6 @@ import * as i6 from "../../icon/icon.module";
 import * as i7 from "@ardium-ui/devkit";
 export declare class ArdiumFileInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileInputModule, [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputFolderIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumIconModule, typeof i7.ArdiumFilePipesModule], [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputFolderIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileInputModule, [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputUploadIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumIconModule, typeof i7.ArdiumFilePipesModule], [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputUploadIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFileInputModule>;
 }

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

@@ -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/form-field-base.d.ts

@@ -1,5 +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';
@@ -18,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, 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>;

package/lib/form-field/form-field-native-inputs.d.ts

@@ -1,22 +1,16 @@
-import { Injector, Signal } from '@angular/core';
-import { NgControl } from '@angular/forms';
 import { BooleanLike } from '@ardium-ui/devkit';
 import { ArdFormFieldControl } from './form-field-child.token';
 import * as i0 from "@angular/core";
 export declare class ArdiumFormFieldNativeInputAdapterDirective implements ArdFormFieldControl {
     readonly _required: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
-    get required(): boolean;
+    readonly required: import("@angular/core").Signal<boolean>;
     readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
-    protected readonly _injector: Injector;
-    readonly wasTouched: import("@angular/core").WritableSignal<boolean>;
-    private _statusChangesSub?;
+    readonly control: import("@ardium-ui/devkit").TrackedFormControl<any>;
     ngOnInit(): void;
-    protected _ngControl: NgControl | null;
     readonly htmlId: import("@angular/core").InputSignal<string>;
     readonly _hasError: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
-    private readonly _hasErrorInControl;
-    readonly hasError: Signal<boolean>;
+    readonly hasError: import("@angular/core").Signal<boolean>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldNativeInputAdapterDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFormFieldNativeInputAdapterDirective, "ard-form-field > input, ard-form-field > textarea, ard-form-field > select, ard-horizontal-form-field > input, ard-horizontal-form-field > textarea, ard-horizontal-form-field > select", never, { "_required": { "alias": "required"; "required": false; "isSignal": true; }; "isSuccess": { "alias": "isSuccess"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "_hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;

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

@@ -3,5 +3,5 @@ import { _FormFieldBase } from './form-field-base';
 import * as i0 from "@angular/core";
 export declare class ArdiumFormFieldComponent extends _FormFieldBase implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldComponent, "ard-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error[left], [ard-error][left]", "ard-error[right], [ard-error][right]", "ard-hint[left], [ard-hint][left]", "ard-hint[right], [ard-hint][right]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])", "ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])", "ard-hint-error[left], [ard-hint-error][left]", "ard-hint-error[right], [ard-hint-error][right]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldComponent, "ard-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error[left], [ard-error][left], ard-auto-error[left]", "ard-error[right], [ard-error][right], ard-auto-error[right]", "ard-hint[left], [ard-hint][left]", "ard-hint[right], [ard-hint][right]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])", "ard-auto-error:not([left]):not([right])", "ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])", "ard-hint-error[left], [ard-hint-error][left]", "ard-hint-error[right], [ard-hint-error][right]"], false, never>;
 }

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

@@ -5,6 +5,7 @@ export interface ArdFormFieldDefaults {
     reserveHintLine: boolean;
     labelRequiredText: string;
     labelOptionalText: string;
+    autoErrorOnlyFirstError: boolean;
 }
 export declare const ARD_FORM_FIELD_DEFAULTS: InjectionToken<ArdFormFieldDefaults>;
 export declare function provideFormFieldDefaults(config: Partial<ArdFormFieldDefaults>): Provider;