@ardium-ui/ui 4.2.2-alpha.0 → 4.2.3

package/lib/_internal/ngmodel-component.d.ts

@@ -3,7 +3,6 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { _FocusableComponentBase, _FocusableComponentDefaults } from './focusable-component';
 import * as i0 from "@angular/core";
 export interface _NgModelComponentDefaults extends _FocusableComponentDefaults {
-    required: boolean | undefined;
 }
 export declare const _ngModelComponentDefaults: _NgModelComponentDefaults;
 /**

package/lib/calendar/calendar.component.d.ts

@@ -1,8 +1,9 @@
-import { TemplateRef } from '@angular/core';
 import { _NgModelComponentBase } from '../_internal/ngmodel-component';
 import { ComponentColor } from '../types/colors.types';
 import { ArdCalendarDefaults } from './calendar.defaults';
-import { ArdCalendarFilterFn, ArdCalendarView, CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarMonthContext, CalendarMonthsViewHeaderContext, CalendarWeekdayContext, CalendarYearContext, CalendarYearsViewHeaderContext } from './calendar.types';
+import { ArdCalendarDaysViewHeaderTemplateDirective, ArdCalendarDayTemplateDirective, ArdCalendarFloatingMonthTemplateDirective, ArdCalendarMonthsViewHeaderTemplateDirective, ArdCalendarMonthTemplateDirective, ArdCalendarWeekdayTemplateDirective, ArdCalendarYearsViewHeaderTemplateDirective, ArdCalendarYearTemplateDirective } from './calendar.directives';
+import { _CalendarTemplateRepositoryDirective } from './calendar.internal-directives';
+import { ArdCalendarFilterFn, ArdCalendarView } from './calendar.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumCalendarComponent extends _NgModelComponentBase {
     protected readonly _DEFAULTS: ArdCalendarDefaults;
@@ -81,14 +82,15 @@ export declare class ArdiumCalendarComponent extends _NgModelComponentBase {
     readonly _isUsingKeyboard: import("@angular/core").WritableSignal<boolean>;
     onDocumentMousemove(): void;
     onDocumentKeydown(): void;
-    readonly yearsViewHeaderTemplate: import("@angular/core").Signal<TemplateRef<CalendarYearsViewHeaderContext> | undefined>;
-    readonly monthsViewHeaderTemplate: import("@angular/core").Signal<TemplateRef<CalendarMonthsViewHeaderContext> | undefined>;
-    readonly daysViewHeaderTemplate: import("@angular/core").Signal<TemplateRef<CalendarDaysViewHeaderContext> | undefined>;
-    readonly floatingMonthTemplate: import("@angular/core").Signal<TemplateRef<CalendarFloatingMonthContext> | undefined>;
-    readonly yearTemplate: import("@angular/core").Signal<TemplateRef<CalendarYearContext> | undefined>;
-    readonly monthTemplate: import("@angular/core").Signal<TemplateRef<CalendarMonthContext> | undefined>;
-    readonly dayTemplate: import("@angular/core").Signal<TemplateRef<CalendarDayContext> | undefined>;
-    readonly weekdayTemplate: import("@angular/core").Signal<TemplateRef<CalendarWeekdayContext> | undefined>;
+    readonly templateRepository: import("@angular/core").Signal<_CalendarTemplateRepositoryDirective | undefined>;
+    readonly yearsViewHeaderTemplate: import("@angular/core").Signal<ArdCalendarYearsViewHeaderTemplateDirective | undefined>;
+    readonly monthsViewHeaderTemplate: import("@angular/core").Signal<ArdCalendarMonthsViewHeaderTemplateDirective | undefined>;
+    readonly daysViewHeaderTemplate: import("@angular/core").Signal<ArdCalendarDaysViewHeaderTemplateDirective | undefined>;
+    readonly floatingMonthTemplate: import("@angular/core").Signal<ArdCalendarFloatingMonthTemplateDirective | undefined>;
+    readonly yearTemplate: import("@angular/core").Signal<ArdCalendarYearTemplateDirective | undefined>;
+    readonly monthTemplate: import("@angular/core").Signal<ArdCalendarMonthTemplateDirective | undefined>;
+    readonly dayTemplate: import("@angular/core").Signal<ArdCalendarDayTemplateDirective | undefined>;
+    readonly weekdayTemplate: import("@angular/core").Signal<ArdCalendarWeekdayTemplateDirective | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCalendarComponent, "ard-calendar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selected"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, { "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "selectedDate": "selectedChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["yearsViewHeaderTemplate", "monthsViewHeaderTemplate", "daysViewHeaderTemplate", "floatingMonthTemplate", "yearTemplate", "monthTemplate", "dayTemplate", "weekdayTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCalendarComponent, "ard-calendar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selected"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, { "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "selectedDate": "selectedChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["templateRepository", "yearsViewHeaderTemplate", "monthsViewHeaderTemplate", "daysViewHeaderTemplate", "floatingMonthTemplate", "yearTemplate", "monthTemplate", "dayTemplate", "weekdayTemplate"], never, false, never>;
 }

package/lib/calendar/calendar.directives.d.ts

@@ -0,0 +1,51 @@
+import { TemplateRef } from '@angular/core';
+import { CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarMonthContext, CalendarMonthsViewHeaderContext, CalendarWeekdayContext, CalendarYearContext, CalendarYearsViewHeaderContext } from './calendar.types';
+import * as i0 from "@angular/core";
+export declare class ArdCalendarDaysViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarDaysViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarDaysViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCalendarDaysViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCalendarDaysViewHeaderTemplateDirective, "ard-calendar > ng-template[ard-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdCalendarYearsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarYearsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarYearsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCalendarYearsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCalendarYearsViewHeaderTemplateDirective, "ard-calendar > ng-template[ard-year-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdCalendarMonthsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarMonthsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarMonthsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCalendarMonthsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCalendarMonthsViewHeaderTemplateDirective, "ard-calendar > ng-template[ard-month-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdCalendarWeekdayTemplateDirective {
+    template: TemplateRef<CalendarWeekdayContext>;
+    constructor(template: TemplateRef<CalendarWeekdayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCalendarWeekdayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCalendarWeekdayTemplateDirective, "ard-calendar > ng-template[ard-weekday-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdCalendarFloatingMonthTemplateDirective {
+    template: TemplateRef<CalendarFloatingMonthContext>;
+    constructor(template: TemplateRef<CalendarFloatingMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCalendarFloatingMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCalendarFloatingMonthTemplateDirective, "ard-calendar > ng-template[ard-floating-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdCalendarYearTemplateDirective {
+    template: TemplateRef<CalendarYearContext>;
+    constructor(template: TemplateRef<CalendarYearContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCalendarYearTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCalendarYearTemplateDirective, "ard-calendar > ng-template[ard-year-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdCalendarMonthTemplateDirective {
+    template: TemplateRef<CalendarMonthContext>;
+    constructor(template: TemplateRef<CalendarMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCalendarMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCalendarMonthTemplateDirective, "ard-calendar > ng-template[ard-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdCalendarDayTemplateDirective {
+    template: TemplateRef<CalendarDayContext>;
+    constructor(template: TemplateRef<CalendarDayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCalendarDayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCalendarDayTemplateDirective, "ard-calendar > ng-template[ard-day-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/calendar/calendar.internal-directives.d.ts

@@ -0,0 +1,17 @@
+import { TemplateRef } from '@angular/core';
+import { ArdCalendarDaysViewHeaderTemplateDirective, ArdCalendarDayTemplateDirective, ArdCalendarFloatingMonthTemplateDirective, ArdCalendarMonthsViewHeaderTemplateDirective, ArdCalendarMonthTemplateDirective, ArdCalendarWeekdayTemplateDirective, ArdCalendarYearsViewHeaderTemplateDirective, ArdCalendarYearTemplateDirective } from './calendar.directives';
+import * as i0 from "@angular/core";
+export declare class _CalendarTemplateRepositoryDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    readonly daysViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarDaysViewHeaderTemplateDirective | undefined>;
+    readonly yearsViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarYearsViewHeaderTemplateDirective | undefined>;
+    readonly monthsViewHeaderTmp: import("@angular/core").InputSignal<ArdCalendarMonthsViewHeaderTemplateDirective | undefined>;
+    readonly weekdayTmp: import("@angular/core").InputSignal<ArdCalendarWeekdayTemplateDirective | undefined>;
+    readonly floatingMonthTmp: import("@angular/core").InputSignal<ArdCalendarFloatingMonthTemplateDirective | undefined>;
+    readonly yearTmp: import("@angular/core").InputSignal<ArdCalendarYearTemplateDirective | undefined>;
+    readonly monthTmp: import("@angular/core").InputSignal<ArdCalendarMonthTemplateDirective | undefined>;
+    readonly dayTmp: import("@angular/core").InputSignal<ArdCalendarDayTemplateDirective | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_CalendarTemplateRepositoryDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_CalendarTemplateRepositoryDirective, "ard-calendar > ng-template[_ard-tmp-repository]", never, { "daysViewHeaderTmp": { "alias": "daysViewHeaderTmp"; "required": false; "isSignal": true; }; "yearsViewHeaderTmp": { "alias": "yearsViewHeaderTmp"; "required": false; "isSignal": true; }; "monthsViewHeaderTmp": { "alias": "monthsViewHeaderTmp"; "required": false; "isSignal": true; }; "weekdayTmp": { "alias": "weekdayTmp"; "required": false; "isSignal": true; }; "floatingMonthTmp": { "alias": "floatingMonthTmp"; "required": false; "isSignal": true; }; "yearTmp": { "alias": "yearTmp"; "required": false; "isSignal": true; }; "monthTmp": { "alias": "monthTmp"; "required": false; "isSignal": true; }; "dayTmp": { "alias": "dayTmp"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/calendar/calendar.module.d.ts

@@ -3,12 +3,13 @@ import * as i1 from "./calendar.component";
 import * as i2 from "./views/days-view/days-view.component";
 import * as i3 from "./views/months-view/months-view.component";
 import * as i4 from "./views/years-view/years-view.component";
-import * as i5 from "@angular/common";
-import * as i6 from "../buttons/icon-button/icon-button.module";
-import * as i7 from "../icon/icon.module";
-import * as i8 from "../buttons/button/button.module";
+import * as i5 from "./calendar.directives";
+import * as i6 from "@angular/common";
+import * as i7 from "../buttons/icon-button/icon-button.module";
+import * as i8 from "../icon/icon.module";
+import * as i9 from "../buttons/button/button.module";
 export declare class ArdiumCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCalendarModule, [typeof i1.ArdiumCalendarComponent, typeof i2.DaysViewComponent, typeof i3.MonthsViewComponent, typeof i4.YearsViewComponent], [typeof i5.CommonModule, typeof i5.DatePipe, typeof i5.UpperCasePipe, typeof i6.ArdiumIconButtonModule, typeof i7.ArdiumIconModule, typeof i8.ArdiumButtonModule], [typeof i1.ArdiumCalendarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCalendarModule, [typeof i1.ArdiumCalendarComponent, typeof i2.DaysViewComponent, typeof i3.MonthsViewComponent, typeof i4.YearsViewComponent, typeof i5.ArdCalendarDaysViewHeaderTemplateDirective, typeof i5.ArdCalendarYearsViewHeaderTemplateDirective, typeof i5.ArdCalendarMonthsViewHeaderTemplateDirective, typeof i5.ArdCalendarWeekdayTemplateDirective, typeof i5.ArdCalendarFloatingMonthTemplateDirective, typeof i5.ArdCalendarYearTemplateDirective, typeof i5.ArdCalendarMonthTemplateDirective, typeof i5.ArdCalendarDayTemplateDirective], [typeof i6.CommonModule, typeof i6.DatePipe, typeof i6.UpperCasePipe, typeof i7.ArdiumIconButtonModule, typeof i8.ArdiumIconModule, typeof i9.ArdiumButtonModule], [typeof i1.ArdiumCalendarComponent, typeof i5.ArdCalendarDaysViewHeaderTemplateDirective, typeof i5.ArdCalendarYearsViewHeaderTemplateDirective, typeof i5.ArdCalendarMonthsViewHeaderTemplateDirective, typeof i5.ArdCalendarWeekdayTemplateDirective, typeof i5.ArdCalendarFloatingMonthTemplateDirective, typeof i5.ArdCalendarYearTemplateDirective, typeof i5.ArdCalendarMonthTemplateDirective, typeof i5.ArdCalendarDayTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumCalendarModule>;
 }

package/lib/calendar/index.d.ts

@@ -1,4 +1,5 @@
 export * from './calendar.component';
 export * from './calendar.defaults';
+export * from './calendar.directives';
 export * from './calendar.module';
 export * from './calendar.types';

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

@@ -2,7 +2,9 @@ import { ControlValueAccessor } from '@angular/forms';
 import { SimpleComponentColor } from '../types/colors.types';
 import { _BooleanComponentBase } from './../_internal/boolean-component';
 import { ArdCheckboxDefaults } from './checkbox.defaults';
-import { CheckboxState } from './checkbox.types';
+import { ArdCheckboxTemplateDirective } from './checkbox.directives';
+import { _CheckboxTemplateRepositoryDirective } from './checkbox.internal-directives';
+import { CheckboxState, CheckboxTemplateContext } from './checkbox.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxComponent extends _BooleanComponentBase implements ControlValueAccessor {
     protected readonly _DEFAULTS: ArdCheckboxDefaults;
@@ -12,7 +14,15 @@ export declare class ArdiumCheckboxComponent extends _BooleanComponentBase imple
     readonly ngClasses: import("@angular/core").Signal<string>;
     set _selected(v: any);
     readonly state: import("@angular/core").ModelSignal<CheckboxState>;
+    readonly State: {
+        readonly Unselected: "unselected";
+        readonly Indeterminate: "indeterminate";
+        readonly Selected: "selected";
+    };
     toggleState(): void;
+    readonly templateRepository: import("@angular/core").Signal<_CheckboxTemplateRepositoryDirective | undefined>;
+    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"; }, never, 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; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, ["templateRepository", "checkboxTemplate"], never, false, never>;
 }

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

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import { CheckboxTemplateContext } from './checkbox.types';
+import * as i0 from "@angular/core";
+export declare class ArdCheckboxTemplateDirective {
+    template: TemplateRef<CheckboxTemplateContext>;
+    constructor(template: TemplateRef<CheckboxTemplateContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCheckboxTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCheckboxTemplateDirective, "ard-checkbox > ng-template[ard-checkbox-tmp]", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,10 @@
+import { TemplateRef } from '@angular/core';
+import { ArdCheckboxTemplateDirective } from './checkbox.directives';
+import * as i0 from "@angular/core";
+export declare class _CheckboxTemplateRepositoryDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    readonly checkboxTmp: import("@angular/core").InputSignal<ArdCheckboxTemplateDirective | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_CheckboxTemplateRepositoryDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_CheckboxTemplateRepositoryDirective, "ard-checkbox > ng-template[_ard-tmp-repository]", never, { "checkboxTmp": { "alias": "checkboxTmp"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./checkbox.component";
-import * as i2 from "@angular/common";
+import * as i2 from "./checkbox.directives";
+import * as i3 from "@angular/common";
+import * as i4 from "../icon/icon.module";
 export declare class ArdiumCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCheckboxModule, [typeof i1.ArdiumCheckboxComponent], [typeof i2.CommonModule], [typeof i1.ArdiumCheckboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCheckboxModule, [typeof i1.ArdiumCheckboxComponent, typeof i2.ArdCheckboxTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumIconModule], [typeof i1.ArdiumCheckboxComponent, typeof i2.ArdCheckboxTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumCheckboxModule>;
 }

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

@@ -4,3 +4,8 @@ export declare const CheckboxState: {
     readonly Selected: "selected";
 };
 export type CheckboxState = (typeof CheckboxState)[keyof typeof CheckboxState];
+export interface CheckboxTemplateContext {
+    $implicit: boolean;
+    selected: boolean;
+    state: CheckboxState;
+}

package/lib/checkbox/index.d.ts

@@ -1,4 +1,5 @@
 export * from './checkbox.component';
 export * from './checkbox.defaults';
+export * from './checkbox.directives';
 export * from './checkbox.module';
 export * from './checkbox.types';

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

@@ -5,6 +5,7 @@ import { ComponentColor } from '../types/colors.types';
 import { ArdOptionSimple, CompareWithFn } from '../types/item-storage.types';
 import { Nullable } from '../types/utility.types';
 import { ArdCheckboxListDefaults } from './checkbox-list.defaults';
+import { ArdCheckboxListCheckboxTemplateDirective } 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 {
@@ -44,6 +45,7 @@ export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase i
     selectItem(v: ArdOptionSimple): void;
     unselectItem(v: ArdOptionSimple): void;
     toggleItem(v: ArdOptionSimple): void;
+    readonly checkboxTemplate: import("@angular/core").Signal<ArdCheckboxListCheckboxTemplateDirective | undefined>;
     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"; }, never, 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"; "changeEvent": "change"; }, ["checkboxTemplate"], never, false, never>;
 }

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

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

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

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./checkbox-list.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../checkbox/checkbox.module";
+import * as i2 from "./checkbox-list.directives";
+import * as i3 from "@angular/common";
+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.CommonModule, typeof i3.ArdiumCheckboxModule], [typeof i1.ArdiumCheckboxListComponent]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<ArdiumCheckboxListModule>;
 }

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

@@ -1,4 +1,5 @@
 export * from './checkbox-list.component';
 export * from './checkbox-list.defaults';
+export * from './checkbox-list.directives';
 export * from './checkbox-list.module';
 export * from './checkbox-list.types';

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

@@ -8,7 +8,6 @@ import * as i0 from "@angular/core";
 export declare abstract class _FileInputComponentBase extends _FormFieldComponentBase implements OnInit, AfterViewInit {
     protected readonly _DEFAULTS: _FileInputBaseDefaults;
     private readonly _fileSystemService;
-    private readonly _changeDetectorRef;
     abstract readonly componentId: string;
     readonly fileInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     readonly name: import("@angular/core").InputSignal<string>;

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

@@ -1,5 +1,5 @@
-import { _NgModelComponentDefaults } from '../_internal/ngmodel-component';
-export interface _FileInputBaseDefaults extends _NgModelComponentDefaults {
+import { _FormFieldComponentDefaults } from '../_internal/form-field-component';
+export interface _FileInputBaseDefaults extends _FormFieldComponentDefaults {
     compact: boolean;
     multiple: boolean;
     blockAfterUpload: boolean;

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

@@ -7,7 +7,7 @@ import { ComponentColor } from '../../types/colors.types';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { Nullable } from '../../types/utility.types';
 import { ArdDateInputDefaults } from './date-input.defaults';
-import { ArdDateInputAcceptButtonsTemplateDirective, ArdDateInputCalendarIconTemplateDirective, ArdDateInputPrefixTemplateDirective, ArdDateInputSuffixTemplateDirective, ArdDateInputValueTemplateDirective } from './date-input.directive';
+import { ArdDateInputAcceptButtonsTemplateDirective, ArdDateInputCalendarIconTemplateDirective, ArdDateInputDaysViewHeaderTemplateDirective, ArdDateInputDayTemplateDirective, ArdDateInputFloatingMonthTemplateDirective, ArdDateInputMonthsViewHeaderTemplateDirective, ArdDateInputMonthTemplateDirective, ArdDateInputPrefixTemplateDirective, ArdDateInputSuffixTemplateDirective, ArdDateInputValueTemplateDirective, ArdDateInputWeekdayTemplateDirective, ArdDateInputYearsViewHeaderTemplateDirective, ArdDateInputYearTemplateDirective } from './date-input.directive';
 import { ArdDateInputAcceptButtonsContext, ArdDateInputDeserializeFn, ArdDateInputMinMaxStrategy, ArdDateInputSerializeFn, ArdDateInputValueContext } from './date-input.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumDateInputComponent extends _FormFieldComponentBase implements OnDestroy, ControlValueAccessor, AfterViewInit {
@@ -26,6 +26,7 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
     readonly deserializeFn: import("@angular/core").InputSignal<ArdDateInputDeserializeFn>;
     readonly value: import("@angular/core").ModelSignal<Date | null>;
     readonly dateInputValue: import("@angular/core").ModelSignal<string>;
+    private readonly _wasDateInputChanged;
     writeValue(v: Date | null): void;
     protected _emitChange(): void;
     private _onTouched;
@@ -67,6 +68,7 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
     private _valueToAccept;
     onCalendarSelectedChange(event: Date | null): void;
     private _acceptSelectedDate;
+    private _serializeValueIntoDateInput;
     private _cancelCalendarSelection;
     onAcceptButtonClick(): void;
     onCancelButtonClick(): void;
@@ -88,8 +90,16 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
     readonly acceptButtonsTemplate: import("@angular/core").Signal<ArdDateInputAcceptButtonsTemplateDirective | undefined>;
     readonly prefixTemplate: import("@angular/core").Signal<ArdDateInputPrefixTemplateDirective | undefined>;
     readonly suffixTemplate: import("@angular/core").Signal<ArdDateInputSuffixTemplateDirective | undefined>;
+    readonly calendarDaysViewHeaderTemplate: import("@angular/core").Signal<ArdDateInputDaysViewHeaderTemplateDirective | undefined>;
+    readonly calendarYearsViewHeaderTemplate: import("@angular/core").Signal<ArdDateInputYearsViewHeaderTemplateDirective | undefined>;
+    readonly calendarMonthsViewHeaderTemplate: import("@angular/core").Signal<ArdDateInputMonthsViewHeaderTemplateDirective | undefined>;
+    readonly calendarWeekdayTemplate: import("@angular/core").Signal<ArdDateInputWeekdayTemplateDirective | undefined>;
+    readonly calendarFloatingMonthTemplate: import("@angular/core").Signal<ArdDateInputFloatingMonthTemplateDirective | undefined>;
+    readonly calendarYearTemplate: import("@angular/core").Signal<ArdDateInputYearTemplateDirective | undefined>;
+    readonly calendarMonthTemplate: import("@angular/core").Signal<ArdDateInputMonthTemplateDirective | undefined>;
+    readonly calendarDayTemplate: import("@angular/core").Signal<ArdDateInputDayTemplateDirective | undefined>;
     readonly valueContext: import("@angular/core").Signal<ArdDateInputValueContext>;
     readonly acceptButtonsContext: import("@angular/core").Signal<ArdDateInputAcceptButtonsContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateInputComponent, "ard-date-input", never, { "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "calendarDisabled": { "alias": "calendarDisabled"; "required": false; "isSignal": true; }; "calendarHidden": { "alias": "calendarHidden"; "required": false; "isSignal": true; }; "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "deserializeFn": { "alias": "deserializeFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "dateInputValue": { "alias": "dateInputValue"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "minMaxStrategy": { "alias": "minMaxStrategy"; "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; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "useAcceptButtonToSelect": { "alias": "useAcceptButtonToSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateInputValue": "dateInputValueChange"; "isOpen": "isOpenChange"; "openEvent": "open"; "closeEvent": "close"; "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["valueTemplate", "calendarIconTemplate", "acceptButtonsTemplate", "prefixTemplate", "suffixTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateInputComponent, "ard-date-input", never, { "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "calendarDisabled": { "alias": "calendarDisabled"; "required": false; "isSignal": true; }; "calendarHidden": { "alias": "calendarHidden"; "required": false; "isSignal": true; }; "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "deserializeFn": { "alias": "deserializeFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "dateInputValue": { "alias": "dateInputValue"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "minMaxStrategy": { "alias": "minMaxStrategy"; "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; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "useAcceptButtonToSelect": { "alias": "useAcceptButtonToSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateInputValue": "dateInputValueChange"; "isOpen": "isOpenChange"; "openEvent": "open"; "closeEvent": "close"; "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["valueTemplate", "calendarIconTemplate", "acceptButtonsTemplate", "prefixTemplate", "suffixTemplate", "calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
 }

package/lib/inputs/date-input/date-input.directive.d.ts

@@ -1,4 +1,5 @@
 import { TemplateRef } from '@angular/core';
+import { CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarMonthContext, CalendarMonthsViewHeaderContext, CalendarWeekdayContext, CalendarYearContext, CalendarYearsViewHeaderContext } from '../../calendar';
 import { ArdDateInputAcceptButtonsContext, ArdDateInputValueContext } from './date-input.types';
 import * as i0 from "@angular/core";
 export declare class ArdDateInputPrefixTemplateDirective {
@@ -23,7 +24,7 @@ export declare class ArdDateInputCalendarIconTemplateDirective {
     template: TemplateRef<undefined>;
     constructor(template: TemplateRef<undefined>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputCalendarIconTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputCalendarIconTemplateDirective, "ard-date-input > ng-template[ard-calendar-icon-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputCalendarIconTemplateDirective, "ard-date-input > ng-template[ard-date-input-icon-tmp]", never, {}, {}, never, never, false, never>;
 }
 export declare class ArdDateInputAcceptButtonsTemplateDirective {
     template: TemplateRef<ArdDateInputAcceptButtonsContext>;
@@ -31,3 +32,51 @@ export declare class ArdDateInputAcceptButtonsTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputAcceptButtonsTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputAcceptButtonsTemplateDirective, "ard-date-input > ng-template[ard-accept-buttons-tmp]", never, {}, {}, never, never, false, never>;
 }
+export declare class ArdDateInputDaysViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarDaysViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarDaysViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputDaysViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputDaysViewHeaderTemplateDirective, "ard-date-input > ng-template[ard-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputYearsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarYearsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarYearsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputYearsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputYearsViewHeaderTemplateDirective, "ard-date-input > ng-template[ard-year-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputMonthsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarMonthsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarMonthsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputMonthsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputMonthsViewHeaderTemplateDirective, "ard-date-input > ng-template[ard-month-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputWeekdayTemplateDirective {
+    template: TemplateRef<CalendarWeekdayContext>;
+    constructor(template: TemplateRef<CalendarWeekdayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputWeekdayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputWeekdayTemplateDirective, "ard-date-input > ng-template[ard-weekday-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputFloatingMonthTemplateDirective {
+    template: TemplateRef<CalendarFloatingMonthContext>;
+    constructor(template: TemplateRef<CalendarFloatingMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputFloatingMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputFloatingMonthTemplateDirective, "ard-date-input > ng-template[ard-floating-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputYearTemplateDirective {
+    template: TemplateRef<CalendarYearContext>;
+    constructor(template: TemplateRef<CalendarYearContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputYearTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputYearTemplateDirective, "ard-date-input > ng-template[ard-year-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputMonthTemplateDirective {
+    template: TemplateRef<CalendarMonthContext>;
+    constructor(template: TemplateRef<CalendarMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputMonthTemplateDirective, "ard-date-input > ng-template[ard-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputDayTemplateDirective {
+    template: TemplateRef<CalendarDayContext>;
+    constructor(template: TemplateRef<CalendarDayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputDayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputDayTemplateDirective, "ard-date-input > ng-template[ard-day-tmp]", never, {}, {}, never, never, false, never>;
+}

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

@@ -1,14 +1,16 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./date-input.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../form-field-frame/form-field-frame.module";
-import * as i4 from "../../dropdown-panel/dropdown-panel.module";
-import * as i5 from "@ardium-ui/devkit";
-import * as i6 from "../../calendar/calendar.module";
-import * as i7 from "../../buttons/icon-button/icon-button.module";
-import * as i8 from "../../icon/icon.module";
+import * as i2 from "./date-input.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "../../form-field-frame/form-field-frame.module";
+import * as i5 from "../../dropdown-panel/dropdown-panel.module";
+import * as i6 from "@ardium-ui/devkit";
+import * as i7 from "../../calendar/calendar.module";
+import * as i8 from "../../buttons/icon-button/icon-button.module";
+import * as i9 from "../../icon/icon.module";
+import * as i10 from "../../calendar/calendar.internal-directives";
 export declare class ArdiumDateInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDateInputModule, [typeof i1.ArdiumDateInputComponent], [typeof i2.CommonModule, typeof i3.ArdiumFormFieldFrameModule, typeof i4.ArdiumDropdownPanelModule, typeof i5.ArdiumClickOutsideModule, typeof i6.ArdiumCalendarModule, typeof i7.ArdiumIconButtonModule, typeof i8.ArdiumIconModule], [typeof i1.ArdiumDateInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDateInputModule, [typeof i1.ArdiumDateInputComponent, typeof i2.ArdDateInputPrefixTemplateDirective, typeof i2.ArdDateInputSuffixTemplateDirective, typeof i2.ArdDateInputValueTemplateDirective, typeof i2.ArdDateInputCalendarIconTemplateDirective, typeof i2.ArdDateInputAcceptButtonsTemplateDirective, typeof i2.ArdDateInputDaysViewHeaderTemplateDirective, typeof i2.ArdDateInputDayTemplateDirective, typeof i2.ArdDateInputFloatingMonthTemplateDirective, typeof i2.ArdDateInputMonthsViewHeaderTemplateDirective, typeof i2.ArdDateInputMonthTemplateDirective, typeof i2.ArdDateInputWeekdayTemplateDirective, typeof i2.ArdDateInputYearsViewHeaderTemplateDirective, typeof i2.ArdDateInputYearTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumClickOutsideModule, typeof i7.ArdiumCalendarModule, typeof i8.ArdiumIconButtonModule, typeof i9.ArdiumIconModule, typeof i10._CalendarTemplateRepositoryDirective], [typeof i1.ArdiumDateInputComponent, typeof i2.ArdDateInputPrefixTemplateDirective, typeof i2.ArdDateInputSuffixTemplateDirective, typeof i2.ArdDateInputValueTemplateDirective, typeof i2.ArdDateInputCalendarIconTemplateDirective, typeof i2.ArdDateInputAcceptButtonsTemplateDirective, typeof i2.ArdDateInputDaysViewHeaderTemplateDirective, typeof i2.ArdDateInputDayTemplateDirective, typeof i2.ArdDateInputFloatingMonthTemplateDirective, typeof i2.ArdDateInputMonthsViewHeaderTemplateDirective, typeof i2.ArdDateInputMonthTemplateDirective, typeof i2.ArdDateInputWeekdayTemplateDirective, typeof i2.ArdDateInputYearsViewHeaderTemplateDirective, typeof i2.ArdDateInputYearTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumDateInputModule>;
 }

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

@@ -30,7 +30,6 @@ export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase i
     readonly configArrayData: import("@angular/core").Signal<import("./digit-input.utils").DigitInputConfigData[]>;
     readonly transform: import("@angular/core").InputSignal<DigitInputTransform>;
     private _oldConfigArrayDataLength;
-    readonly configArrayDataEffect: import("@angular/core").EffectRef;
     ngOnInit(): void;
     isInputEmpty(index: number): boolean;
     private _valueBeforeViewInit?;

package/lib/radio/radio-group.component.d.ts

@@ -1,9 +1,9 @@
 import { AfterContentInit, OnDestroy } from '@angular/core';
-import { _NgModelComponentBase } from '../_internal/ngmodel-component';
+import { _FormFieldComponentBase } from '../_internal/form-field-component';
 import { Nullable } from '../types/utility.types';
 import { ArdiumRadioComponent } from './radio/radio.component';
 import * as i0 from "@angular/core";
-export declare class ArdiumRadioGroupComponent extends _NgModelComponentBase implements AfterContentInit, OnDestroy {
+export declare class ArdiumRadioGroupComponent extends _FormFieldComponentBase implements AfterContentInit, OnDestroy {
     private readonly _radios;
     get _htmlIdHostAttribute(): string;
     constructor();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "4.2.2-alpha.0",
+  "version": "4.2.3",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",

package/prebuilt-themes/default/calendar.css

@@ -198,7 +198,6 @@
   color: var(--ard-text3);
   letter-spacing: 0.5px;
   z-index: 2;
-  pointer-events: none;
 }
 .ard-calendar .ard-calendar__simple-grid {
   border-top: 1px solid var(--ard-detail-ultralight);

package/prebuilt-themes/default/calendar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAOA;EAEE;EACA;;ACPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADxHA;EACE;EACA;EACA;EACA;EACA;;AAEA;EElBJ,OCqCqB;EDpCrB,QCoCqB;EDnCrB;EACA;EACA,qBCSO;EDRP,oBCQO;EDPP;EACA;;AFiBE;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,OGnCC;;AHuCL;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,aAvDM;;AAyDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OGjEE;EHkEF;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EI1GJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJmGM;EACA;EACA;EACA,YACE;;AAIN;EACE;;AAGA;EACE,cGtHC;;AH0HH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cGxJL;;AH4JD;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGA;EACE;;AAKR;EACE;EACA,OGtKI;EHuKJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YG5Kc;EH6Kd;;;AAMJ;AAAA;EACE;;;AAIF;EACE","file":"calendar.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAOA;EAEE;EACA;;ACPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADxHA;EACE;EACA;EACA;EACA;EACA;;AAEA;EElBJ,OCqCqB;EDpCrB,QCoCqB;EDnCrB;EACA;EACA,qBCSO;EDRP,oBCQO;EDPP;EACA;;AFiBE;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,OGnCC;;AHuCL;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,aAvDM;;AAyDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OGjEE;EHkEF;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EI1GJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJmGM;EACA;EACA;EACA,YACE;;AAIN;EACE;;AAGA;EACE,cGtHC;;AH0HH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cGxJL;;AH4JD;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGA;EACE;;AAKR;EACE;EACA,OGtKI;EHuKJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YG5Kc;EH6Kd;;;AAMJ;AAAA;EACE;;;AAIF;EACE","file":"calendar.css"}

package/prebuilt-themes/default/inputs/date-input.css

@@ -45,6 +45,7 @@ ard-date-input .ard-date-input.ard-compact {
 }
 ard-date-input .ard-date-input .ard-date-input__value-container {
   flex-grow: 1;
+  position: unset;
 }
 ard-date-input .ard-date-input .ard-date-input__placeholder {
   position: absolute;

package/prebuilt-themes/default/inputs/date-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/date-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACCA;EDGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECVA;;ADYA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;ACxCF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA","file":"date-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/date-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACCA;EDGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECVA;;ADYA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;ACxCF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA","file":"date-input.css"}

package/themes/default/calendar.scss

@@ -75,7 +75,7 @@ $grid-size: 2.5rem;
       color: ARD.$text3;
       letter-spacing: 0.5px;
       z-index: 2;
-      pointer-events: none;
+      // pointer-events: none;
     }
   }
   //! years grid

package/themes/default/inputs/date-input.scss

@@ -7,6 +7,7 @@ ard-date-input .ard-date-input {
 
   .ard-date-input__value-container {
     flex-grow: 1;
+    position: unset;
   }
   .ard-date-input__placeholder {
     position: absolute;