@ardium-ui/ui 3.4.3 → 3.5.0

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

@@ -10,7 +10,7 @@ export declare abstract class _DisablableComponentBase {
     /**
      * Whether the component is read-only. Defines the `readonly` host attribute and `ard-readonly` host class. Coercible into a boolean.
      */
-    readonly readonly: import("@angular/core").InputSignalWithTransform<any, boolean>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, any>;
     /**
      * Whether the component is disabled. Defines the `disabled` host attribute and `ard-disabled` host class. Coercible into a boolean.
      */

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

@@ -0,0 +1,94 @@
+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 * as i0 from "@angular/core";
+export declare class ArdiumCalendarComponent extends _NgModelComponentBase {
+    protected readonly _DEFAULTS: ArdCalendarDefaults;
+    constructor(defaults: ArdCalendarDefaults);
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly activeView: import("@angular/core").ModelSignal<ArdCalendarView>;
+    readonly activeYear: import("@angular/core").ModelSignal<number>;
+    readonly activeMonth: import("@angular/core").ModelSignal<number>;
+    readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    onTriggerOpenDaysView(): void;
+    onTriggerOpenMonthsView(): void;
+    onTriggerOpenYearsView(): void;
+    readonly selectedDate: import("@angular/core").ModelSignal<Date | null>;
+    readonly yearSelect: import("@angular/core").OutputEmitterRef<number>;
+    readonly monthSelect: import("@angular/core").OutputEmitterRef<number>;
+    readonly min: import("@angular/core").InputSignalWithTransform<Date | null, any>;
+    readonly max: import("@angular/core").InputSignalWithTransform<Date | null, any>;
+    readonly filter: import("@angular/core").InputSignal<ArdCalendarFilterFn | null>;
+    writeValue(v: any): void;
+    protected _emitChange(): void;
+    isDaySelected(day: number | Date | null): boolean;
+    isDayOutOfRange(day: number, month?: number, year?: number): number;
+    readonly isDayFilteredOut: import("@angular/core").Signal<(day: number, month?: number, year?: number) => boolean>;
+    selectDay(day: number | Date | null): void;
+    selectCurrentlyHighlightedDay(): void;
+    private readonly __highlightedDay;
+    readonly highlightedDay: import("@angular/core").Signal<number | null>;
+    setHighlightedDay(day: number | null, month?: number, year?: number): void;
+    private _highlightMinDay;
+    private _highlightMaxDay;
+    highlightNextDay(offset?: number): void;
+    highlightPreviousDay(offset?: number): void;
+    highlightFirstDay(): void;
+    highlightLastDay(): void;
+    highlightSameDayNextMonth(): void;
+    highlightSameDayPreviousMonth(): void;
+    highlightSameDayNextYear(): void;
+    highlightSameDayPreviousYear(): void;
+    isMonthSelected(month: number | Date): boolean;
+    isMonthOutOfRange(month: number, year?: number): number;
+    changeMonth(newMonth: number | null): boolean;
+    selectMonth(newMonth: number | null): void;
+    selectCurrentlyHighlightedMonth(): void;
+    private readonly __highlightedMonth;
+    readonly highlightedMonth: import("@angular/core").Signal<number | null>;
+    setHighlightedMonth(month: number | null, year?: number): void;
+    private _highlightMinMonth;
+    private _highlightMaxMonth;
+    highlightNextMonth(offset?: number): void;
+    highlightPreviousMonth(offset?: number): void;
+    highlightFirstMonth(): void;
+    highlightLastMonth(): void;
+    highlightSameMonthNextYear(multiple: boolean): void;
+    highlightSameMonthPreviousYear(multiple: boolean): void;
+    isYearSelected(year: number | Date): boolean;
+    isYearOutOfRange(year: number): number;
+    changeYear(year: number | null): boolean;
+    selectYear(year: number | Date | null): void;
+    selectCurrentlyHighlightedYear(): void;
+    private readonly __highlightedYear;
+    readonly highlightedYear: import("@angular/core").Signal<number | null>;
+    readonly currentYearRangeStart: import("@angular/core").WritableSignal<number>;
+    setHighlightedYear(year: number | null): void;
+    changeYearsViewPage(offset: number): void;
+    private _highlightMinYear;
+    private _highlightMaxYear;
+    highlightNextYear(offset?: number): void;
+    highlightPreviousYear(offset?: number): void;
+    highlightFirstYear(): void;
+    highlightLastYear(): void;
+    highlightSameYearNextPage(multiple: boolean): void;
+    highlightSameYearPreviousPage(multiple: boolean): void;
+    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>;
+    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>;
+}

package/lib/calendar/calendar.defaults.d.ts

@@ -0,0 +1,18 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { _NgModelComponentDefaults } from '../_internal/ngmodel-component';
+import { ComponentColor } from '../types/colors.types';
+import { ArdCalendarFilterFn, ArdCalendarView } from './calendar.types';
+export interface ArdCalendarDefaults extends _NgModelComponentDefaults {
+    color: ComponentColor;
+    activeView: ArdCalendarView;
+    activeYear: number;
+    activeMonth: number;
+    firstWeekday: number;
+    multipleYearPageChangeModifier: number;
+    autoFocus: boolean;
+    min: Date | null;
+    max: Date | null;
+    filter: ArdCalendarFilterFn | null;
+}
+export declare const ARD_CALENDAR_DEFAULTS: InjectionToken<ArdCalendarDefaults>;
+export declare function provideCalendarDefaults(config: Partial<ArdCalendarDefaults>): Provider;

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

@@ -0,0 +1,4 @@
+export interface CalendarArrayItem {
+    value: number;
+    disabled: boolean;
+}

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<ArdiumCalendarModule>;
+}

package/lib/calendar/calendar.types.d.ts

@@ -0,0 +1,83 @@
+export declare const ArdCalendarView: {
+    readonly Days: "days";
+    readonly Months: "months";
+    readonly Years: "years";
+};
+export type ArdCalendarView = (typeof ArdCalendarView)[keyof typeof ArdCalendarView];
+export interface DateRange {
+    low: Date;
+    high: Date;
+}
+export interface YearRange {
+    low: number;
+    high: number;
+}
+export type ArdCalendarFilterFn = (date: Date) => boolean;
+export interface CalendarYearsViewHeaderContext {
+    nextPage: () => void;
+    prevPage: () => void;
+    openMonthsView: () => void;
+    openDaysView: () => void;
+    canGoToNextPage: boolean;
+    canGoToPreviousPage: boolean;
+    yearRange: YearRange;
+    dateRange: DateRange;
+    $implicit: DateRange;
+}
+export interface CalendarMonthsViewHeaderContext {
+    nextPage: () => void;
+    prevPage: () => void;
+    openDaysView: () => void;
+    openYearsView: () => void;
+    canGoToNextPage: boolean;
+    canGoToPreviousPage: boolean;
+    year: number;
+    date: Date;
+    $implicit: number;
+}
+export interface CalendarDaysViewHeaderContext {
+    nextMonth: () => void;
+    prevMonth: () => void;
+    nextYear: () => void;
+    prevYear: () => void;
+    openYearsView: () => void;
+    openMonthsView: () => void;
+    canGoToNextPage: boolean;
+    canGoToPreviousPage: boolean;
+    year: number;
+    month: number;
+    $implicit: Date;
+}
+export interface CalendarWeekdayContext {
+    dayIndex: number;
+    date: Date;
+    $implicit: Date;
+}
+export interface CalendarFloatingMonthContext {
+    month: number;
+    date: Date;
+    $implicit: Date;
+}
+export interface CalendarYearContext {
+    value: number;
+    date: Date;
+    $implicit: Date;
+    select: (year: number) => void;
+}
+export interface CalendarMonthContext {
+    month: number;
+    date: Date;
+    $implicit: Date;
+    select: (month: number | Date) => void;
+}
+export interface CalendarDayContext {
+    value: number;
+    date: Date;
+    $implicit: number;
+    select: (day: number | Date) => void;
+}
+export interface CalendarActionButtonsContext {
+    cancel: () => void;
+    apply: () => void;
+    reset: () => void;
+}

package/lib/calendar/index.d.ts

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

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

@@ -0,0 +1,68 @@
+import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
+import { CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarWeekdayContext } from '../../calendar.types';
+import * as i0 from "@angular/core";
+export declare class DaysViewComponent implements AfterViewInit {
+    readonly tabIndex: import("@angular/core").InputSignal<number>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly autoFocus: import("@angular/core").InputSignal<boolean>;
+    readonly _isUsingKeyboard: import("@angular/core").InputSignal<boolean>;
+    onMouseMove(): void;
+    ngAfterViewInit(): void;
+    readonly activeYear: import("@angular/core").InputSignal<number>;
+    readonly activeMonth: import("@angular/core").InputSignal<number>;
+    readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
+    readonly min: import("@angular/core").InputSignal<Date | null>;
+    readonly max: import("@angular/core").InputSignal<Date | null>;
+    readonly isDayFilteredOut: import("@angular/core").InputSignal<(day: number, month?: number, year?: number) => boolean>;
+    readonly highlightedDay: import("@angular/core").InputSignal<number | null>;
+    readonly focusableElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    focus(): void;
+    readonly firstWeekday: import("@angular/core").InputSignal<number>;
+    readonly activeCalendarData: import("@angular/core").Signal<import("./days-view.helpers").CalendarData>;
+    readonly reserveTopRow: import("@angular/core").Signal<boolean>;
+    readonly weekdayArray: import("@angular/core").Signal<number[]>;
+    isDaySelected(day: number | Date | null): boolean;
+    readonly currentAriaLabel: import("@angular/core").Signal<string>;
+    readonly triggerOpenYearsView: import("@angular/core").OutputEmitterRef<void>;
+    readonly triggerOpenMonthsView: import("@angular/core").OutputEmitterRef<void>;
+    readonly triggerSelectDay: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly triggerChangeMonth: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly triggerChangeYear: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly triggerHighlightDay: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly triggerHighlightNextDay: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerHighlightPreviousDay: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerHighlightFirstDay: import("@angular/core").OutputEmitterRef<void>;
+    readonly triggerHighlightLastDay: import("@angular/core").OutputEmitterRef<void>;
+    readonly triggerHighlightSameDayPreviousPage: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly triggerHighlightSameDayNextPage: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly focusEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly blurEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    onCalendarDayMouseover(day: number | null): void;
+    onCalendarDayClick(day: number | null): void;
+    onDayGridFocus(): void;
+    onDayGridBlur(): void;
+    onDayGridClick(): void;
+    isDayToday(day: number | null): boolean;
+    isMonthOutOfRange(month: number): number;
+    onMainGridKeydown(event: KeyboardEvent): void;
+    private _onEnterPress;
+    private _onArrowDownPress;
+    private _onArrowUpPress;
+    private _onArrowRightPress;
+    private _onArrowLeftPress;
+    private _onHomePress;
+    private _onEndPress;
+    private _onPageDownPress;
+    private _onPageUpPress;
+    readonly daysViewHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarDaysViewHeaderContext> | undefined>;
+    readonly floatingMonthTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarFloatingMonthContext> | undefined>;
+    readonly weekdayTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarWeekdayContext> | undefined>;
+    readonly dayTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarDayContext> | undefined>;
+    readonly daysViewHeaderContext: import("@angular/core").Signal<CalendarDaysViewHeaderContext>;
+    readonly weekdayContext: import("@angular/core").Signal<(dayIndex: number) => CalendarWeekdayContext>;
+    readonly floatingMonthContext: import("@angular/core").Signal<CalendarFloatingMonthContext>;
+    readonly dayContext: import("@angular/core").Signal<(day: number) => CalendarDayContext>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaysViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaysViewComponent, "ard-days-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; }; "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; }; "isDayFilteredOut": { "alias": "isDayFilteredOut"; "required": true; "isSignal": true; }; "highlightedDay": { "alias": "highlightedDay"; "required": true; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": true; "isSignal": true; }; "daysViewHeaderTemplate": { "alias": "daysViewHeaderTemplate"; "required": true; "isSignal": true; }; "floatingMonthTemplate": { "alias": "floatingMonthTemplate"; "required": true; "isSignal": true; }; "weekdayTemplate": { "alias": "weekdayTemplate"; "required": true; "isSignal": true; }; "dayTemplate": { "alias": "dayTemplate"; "required": true; "isSignal": true; }; }, { "triggerOpenYearsView": "triggerOpenYearsView"; "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerSelectDay": "triggerSelectDay"; "triggerChangeMonth": "triggerChangeMonth"; "triggerChangeYear": "triggerChangeYear"; "triggerHighlightDay": "triggerHighlightDay"; "triggerHighlightNextDay": "triggerHighlightNextDay"; "triggerHighlightPreviousDay": "triggerHighlightPreviousDay"; "triggerHighlightFirstDay": "triggerHighlightFirstDay"; "triggerHighlightLastDay": "triggerHighlightLastDay"; "triggerHighlightSameDayPreviousPage": "triggerHighlightSameDayPreviousPage"; "triggerHighlightSameDayNextPage": "triggerHighlightSameDayNextPage"; "focusEvent": "focus"; "blurEvent": "blur"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,20 @@
+import { CalendarArrayItem } from '../../calendar.internal-types';
+export type CalendarArray = (CalendarArrayItem | null)[][];
+export interface CalendarData {
+    array: CalendarArray;
+    leadingSpaces: number;
+    trailingSpaces: number;
+    weeks: number;
+}
+/**
+ * Generates a layout array to be used to create a calendar page for the given year and month.
+ *
+ * The returned object contains an array to create the layout from, the number of leading and trailing spaces in the layout, and the number of weeks (full or not) in the month.
+ * @param year The year of the current active view
+ * @param monthIndex The month index of the current active view
+ * @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 getCalendarWeekdayArray(firstWeekday?: number): number[];
+export declare function isDayOutOfRange(day: number, month: number, year: number, min: Date | null, max: Date | null): number;

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

@@ -0,0 +1,61 @@
+import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
+import { CalendarMonthContext, CalendarMonthsViewHeaderContext } from '../../calendar.types';
+import { ComponentColor } from './../../../types/colors.types';
+import * as i0 from "@angular/core";
+export declare class MonthsViewComponent implements AfterViewInit {
+    readonly tabIndex: import("@angular/core").InputSignal<number>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly autoFocus: import("@angular/core").InputSignal<boolean>;
+    readonly _isUsingKeyboard: import("@angular/core").InputSignal<boolean>;
+    onMouseMove(): void;
+    ngAfterViewInit(): void;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly activeYear: import("@angular/core").InputSignal<number>;
+    readonly activeMonth: import("@angular/core").InputSignal<number>;
+    readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
+    readonly min: import("@angular/core").InputSignal<Date | null>;
+    readonly max: import("@angular/core").InputSignal<Date | null>;
+    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>;
+    readonly triggerOpenDaysView: import("@angular/core").OutputEmitterRef<void>;
+    readonly focusEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly blurEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly triggerSelectMonth: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggeChangeYear: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerHighlightMonth: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly triggerHighlightNextMonth: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerHighlightPreviousMonth: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerHighlightFirstMonth: import("@angular/core").OutputEmitterRef<void>;
+    readonly triggerHighlightLastMonth: import("@angular/core").OutputEmitterRef<void>;
+    readonly triggerHighlightSameMonthPreviousPage: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly triggerHighlightSameMonthNextPage: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly highlightedMonth: import("@angular/core").InputSignal<number | null>;
+    onCalendarMonthMouseover(month: number): void;
+    onCalendarMonthClick(month: number): void;
+    onMonthGridFocus(): void;
+    onMonthGridBlur(): void;
+    onMonthGridClick(): void;
+    readonly focusableElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    focus(): void;
+    onMainGridKeydown(event: KeyboardEvent): void;
+    private _onEnterPress;
+    private _onArrowDownPress;
+    private _onArrowUpPress;
+    private _onArrowRightPress;
+    private _onArrowLeftPress;
+    private _onHomePress;
+    private _onEndPress;
+    private _onPageDownPress;
+    private _onPageUpPress;
+    isMonthToday(month: number): boolean;
+    isMonthSelected(month: number | Date): boolean;
+    isYearOutOfRange(year: number): number;
+    readonly monthsViewHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarMonthsViewHeaderContext> | undefined>;
+    readonly monthTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarMonthContext> | undefined>;
+    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>;
+}

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

@@ -0,0 +1,3 @@
+import { CalendarArrayItem } from '../../calendar.internal-types';
+export declare function isMonthOutOfRange(month: number, year: number, min: Date | null, max: Date | null): number;
+export declare function getCalendarMonthsArray(year: number, min: Date | null, max: Date | null): CalendarArrayItem[];

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

@@ -0,0 +1,59 @@
+import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
+import { CalendarYearContext, CalendarYearsViewHeaderContext } from '../../calendar.types';
+import * as i0 from "@angular/core";
+export declare class YearsViewComponent implements AfterViewInit {
+    readonly tabIndex: import("@angular/core").InputSignal<number>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly autoFocus: import("@angular/core").InputSignal<boolean>;
+    readonly _isUsingKeyboard: import("@angular/core").InputSignal<boolean>;
+    onMouseMove(): void;
+    ngAfterViewInit(): void;
+    readonly activeYear: import("@angular/core").InputSignal<number>;
+    readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
+    readonly min: import("@angular/core").InputSignal<Date | null>;
+    readonly max: import("@angular/core").InputSignal<Date | null>;
+    readonly currentYearRangeStart: 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>;
+    readonly triggerOpenDaysView: import("@angular/core").OutputEmitterRef<void>;
+    readonly focusEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly blurEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly triggerSelectYear: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerChangeYearsViewPage: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerHighlightYear: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly triggerHighlightNextYear: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerHighlightPreviousYear: import("@angular/core").OutputEmitterRef<number>;
+    readonly triggerHighlightFirstYear: import("@angular/core").OutputEmitterRef<void>;
+    readonly triggerHighlightLastYear: import("@angular/core").OutputEmitterRef<void>;
+    readonly triggerHighlightSameYearPreviousPage: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly triggerHighlightSameYearNextPage: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly highlightedYear: import("@angular/core").InputSignal<number | null>;
+    onCalendarYearMouseover(year: number): void;
+    onCalendarYearClick(year: number): void;
+    onYearGridFocus(): void;
+    onYearGridBlur(): void;
+    onYearGridClick(): void;
+    isYearToday(year: number): boolean;
+    isYearSelected(year: number | Date): boolean;
+    isYearOutOfRange(year: number): number;
+    readonly focusableElement: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    focus(): void;
+    onMainGridKeydown(event: KeyboardEvent): void;
+    private _onEnterPress;
+    private _onArrowDownPress;
+    private _onArrowUpPress;
+    private _onArrowRightPress;
+    private _onArrowLeftPress;
+    private _onHomePress;
+    private _onEndPress;
+    private _onPageUpPress;
+    private _onPageDownPress;
+    readonly yearsViewHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarYearsViewHeaderContext> | undefined>;
+    readonly yearTemplate: import("@angular/core").InputSignal<TemplateRef<CalendarYearContext> | undefined>;
+    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; }; "activeYear": { "alias": "activeYear"; "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>;
+}

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

@@ -0,0 +1,3 @@
+import { CalendarArrayItem } from '../../calendar.internal-types';
+export declare function getCalendarYearsArray(startYear: number, yearCount: number, min: Date | null, max: Date | null): CalendarArrayItem[];
+export declare function isYearOutOfRange(year: number, min: Date | null, max: Date | null): number;

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

@@ -0,0 +1,95 @@
+import { AfterViewInit, ElementRef, OnDestroy, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { _FormFieldComponentBase } from '../../_internal/form-field-component';
+import { ArdCalendarFilterFn, ArdCalendarView } from '../../calendar/calendar.types';
+import { ArdiumDropdownPanelComponent, DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel';
+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 { 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 {
+    protected readonly _DEFAULTS: ArdDateInputDefaults;
+    constructor(defaults: ArdDateInputDefaults);
+    private readonly elementRef;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly scrollStrategyOpts;
+    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly inputReadOnly: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly calendarDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly calendarHidden: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly serializeFn: import("@angular/core").InputSignal<ArdDateInputSerializeFn>;
+    readonly deserializeFn: import("@angular/core").InputSignal<ArdDateInputDeserializeFn>;
+    readonly value: import("@angular/core").ModelSignal<Date | null>;
+    readonly dateInputValue: import("@angular/core").ModelSignal<string>;
+    writeValue(v: Date | null): void;
+    protected _emitChange(): void;
+    private _onTouched;
+    readonly isOpen: import("@angular/core").ModelSignal<boolean>;
+    readonly openEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly closeEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly dateInput: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly minMaxStrategy: import("@angular/core").InputSignal<ArdDateInputMinMaxStrategy>;
+    private readonly _isDateInputFocused;
+    onDateInputInput(event: Event): void;
+    onDateInputFocus(event: FocusEvent): void;
+    onDateInputBlur(event: FocusEvent): void;
+    onDateInputEnter(event: KeyboardEvent): void;
+    private _processDateInputText;
+    private _setDateInputAttributes;
+    readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
+    readonly shouldDisplayValue: import("@angular/core").Signal<boolean>;
+    readonly shouldDisplayDateInput: import("@angular/core").Signal<boolean>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly dropdownAppearance: import("@angular/core").InputSignal<Nullable<DropdownPanelAppearance>>;
+    readonly dropdownAppearanceOrDefault: import("@angular/core").Signal<DropdownPanelAppearance>;
+    readonly dropdownVariant: import("@angular/core").InputSignal<Nullable<DropdownPanelVariant>>;
+    readonly dropdownVariantOrDefault: import("@angular/core").Signal<DropdownPanelVariant>;
+    readonly activeView: import("@angular/core").ModelSignal<ArdCalendarView>;
+    readonly activeYear: import("@angular/core").ModelSignal<number>;
+    readonly activeMonth: import("@angular/core").ModelSignal<number>;
+    readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly min: import("@angular/core").InputSignalWithTransform<Date | null, any>;
+    readonly max: import("@angular/core").InputSignalWithTransform<Date | null, any>;
+    readonly filter: import("@angular/core").InputSignal<ArdCalendarFilterFn | null>;
+    readonly yearSelect: import("@angular/core").OutputEmitterRef<number>;
+    readonly monthSelect: import("@angular/core").OutputEmitterRef<number>;
+    readonly useAcceptButtonToSelect: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    private _valueToAccept;
+    onCalendarSelectedChange(event: Date | null): void;
+    private _acceptSelectedDate;
+    private _cancelCalendarSelection;
+    onAcceptButtonClick(): void;
+    onCancelButtonClick(): void;
+    readonly dropdownHost: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    readonly dropdownTemplate: import("@angular/core").Signal<TemplateRef<any>>;
+    readonly dropdownPanel: import("@angular/core").Signal<ArdiumDropdownPanelComponent>;
+    private dropdownOverlay?;
+    private _createOverlay;
+    private _destroyOverlay;
+    ngAfterViewInit(): void;
+    onGeneralClick(event: MouseEvent): void;
+    onOutsideClick(event: MouseEvent): void;
+    onCalendarButtonClick(event: MouseEvent): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    readonly valueTemplate: import("@angular/core").Signal<ArdDateInputValueTemplateDirective | undefined>;
+    readonly calendarIconTemplate: import("@angular/core").Signal<ArdDateInputCalendarIconTemplateDirective | undefined>;
+    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 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>;
+}

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

@@ -0,0 +1,30 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
+import { ArdCalendarFilterFn, ArdCalendarView } from '../../calendar/calendar.types';
+import { DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel';
+import { ComponentColor } from '../../types/colors.types';
+import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { ArdDateInputDeserializeFn, ArdDateInputMinMaxStrategy, ArdDateInputSerializeFn } from './date-input.types';
+export interface ArdDateInputDefaults extends _FormFieldComponentDefaults {
+    inputAttrs: Record<string, any>;
+    placeholder: string;
+    serializeFn: ArdDateInputSerializeFn;
+    deserializeFn: ArdDateInputDeserializeFn;
+    appearance: FormElementAppearance;
+    variant: FormElementVariant;
+    color: ComponentColor;
+    compact: boolean;
+    dropdownAppearance: DropdownPanelAppearance;
+    dropdownVariant: DropdownPanelVariant;
+    minMaxStrategy: ArdDateInputMinMaxStrategy;
+    activeView: ArdCalendarView;
+    activeYear: number;
+    activeMonth: number;
+    firstWeekday: number;
+    multipleYearPageChangeModifier: number;
+    min: Date | null;
+    max: Date | null;
+    filter: ArdCalendarFilterFn | null;
+}
+export declare const ARD_DATE_INPUT_DEFAULTS: InjectionToken<ArdDateInputDefaults>;
+export declare function provideDateInputDefaults(config: Partial<ArdDateInputDefaults>): Provider;