@lucca-front/ng 21.3.0-rc.5 → 22.0.0-rc.2

package/types/lucca-front-ng-data-table.d.ts

@@ -4,51 +4,51 @@ import { AfterContentInit, ElementRef, OnInit } from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
 declare class DataTableBodyComponent {
-    group: _angular_core.InputSignal<PortalContent>;
-    groupButtonAlt: _angular_core.InputSignal<string>;
-    expanded: _angular_core.ModelSignal<boolean>;
+    readonly group: _angular_core.InputSignal<PortalContent>;
+    readonly groupButtonAlt: _angular_core.InputSignal<string>;
+    readonly expanded: _angular_core.ModelSignal<boolean>;
     expandedToggle(): void;
     protected tableRef: _lucca_front_ng_data_table.DataTableComponent;
-    colspan: _angular_core.Signal<number>;
+    readonly colspan: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableBodyComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableBodyComponent, "tbody[luDataTableBody]", never, { "group": { "alias": "group"; "required": false; "isSignal": true; }; "groupButtonAlt": { "alias": "groupButtonAlt"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
 }
 
 declare abstract class BaseDataTableCell {
-    tableRef: _lucca_front_ng_data_table.DataTableComponent;
-    bodyRef: _lucca_front_ng_data_table.DataTableBodyComponent;
-    headRef: _lucca_front_ng_data_table.DataTableHeadComponent;
-    footRef: _lucca_front_ng_data_table.DataTableFootComponent;
-    rowRef: _lucca_front_ng_data_table.DataTableRowComponent;
-    editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    align: _angular_core.InputSignal<"start" | "center" | "end">;
-    isStickyStart: _angular_core.Signal<boolean>;
-    isStickyEnd: _angular_core.Signal<boolean>;
-    position: _angular_core.Signal<number>;
+    readonly tableRef: _lucca_front_ng_data_table.DataTableComponent;
+    readonly bodyRef: _lucca_front_ng_data_table.DataTableBodyComponent;
+    readonly headRef: _lucca_front_ng_data_table.DataTableHeadComponent;
+    readonly footRef: _lucca_front_ng_data_table.DataTableFootComponent;
+    readonly rowRef: _lucca_front_ng_data_table.DataTableRowComponent;
+    readonly editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
+    readonly isStickyStart: _angular_core.Signal<boolean>;
+    readonly isStickyEnd: _angular_core.Signal<boolean>;
+    readonly position: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseDataTableCell, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseDataTableCell, "lu-base-data-table-cell", never, { "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class DataTableRowCellHeaderComponent extends BaseDataTableCell implements AfterContentInit {
     #private;
-    elementRef: ElementRef<HTMLTableCellElement>;
-    sort: _angular_core.ModelSignal<"none" | "ascending" | "descending">;
-    fixedWidth: _angular_core.InputSignal<string>;
-    inlineSize: _angular_core.InputSignal<string>;
-    insetInlineStart: _angular_core.Signal<string>;
-    insetInlineEnd: _angular_core.Signal<string>;
-    inlineSizePx: _angular_core.Signal<number>;
+    readonly elementRef: ElementRef<HTMLTableCellElement>;
+    readonly sort: _angular_core.ModelSignal<"none" | "ascending" | "descending">;
+    readonly fixedWidth: _angular_core.InputSignal<string>;
+    readonly inlineSize: _angular_core.InputSignal<string>;
+    readonly insetInlineStart: _angular_core.Signal<string>;
+    readonly insetInlineEnd: _angular_core.Signal<string>;
+    readonly inlineSizePx: _angular_core.Signal<number>;
     ngAfterContentInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableRowCellHeaderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowCellHeaderComponent, "th[luDataTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; }, never, ["*"], true, never>;
 }
 
 declare class DataTableRowCellComponent extends BaseDataTableCell {
-    actions: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    isSticky: _angular_core.Signal<boolean>;
-    alignCol: _angular_core.Signal<"start" | "center" | "end">;
-    insetInlineStart: _angular_core.Signal<string>;
-    insetInlineEnd: _angular_core.Signal<string>;
+    readonly actions: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isSticky: _angular_core.Signal<boolean>;
+    readonly alignCol: _angular_core.Signal<"start" | "center" | "end">;
+    readonly insetInlineStart: _angular_core.Signal<string>;
+    readonly insetInlineEnd: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableRowCellComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowCellComponent, "td[luDataTableCell]", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -61,7 +61,7 @@ declare class DataTableFootComponent {
 declare class DataTableHeadComponent {
     readonly sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly isFirstVisible: _angular_core.WritableSignal<boolean>;
-    cols: _angular_core.Signal<readonly DataTableRowCellHeaderComponent[]>;
+    readonly cols: _angular_core.Signal<readonly DataTableRowCellHeaderComponent[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableHeadComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableHeadComponent, "thead[luDataTableHead]", never, { "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, ["cols"], ["*"], true, never>;
 }
@@ -71,33 +71,23 @@ interface LuDataTableTranslations {
 }
 
 declare class DataTableRowComponent {
-    intl: _angular_core.InputSignalWithTransform<LuDataTableTranslations, Partial<LuDataTableTranslations>>;
-    bodyRef: _lucca_front_ng_data_table.DataTableBodyComponent;
-    headRef: _lucca_front_ng_data_table.DataTableHeadComponent;
-    footRef: _lucca_front_ng_data_table.DataTableFootComponent;
-    elementRef: ElementRef<Element>;
+    readonly intl: _angular_core.InputSignalWithTransform<LuDataTableTranslations, Partial<LuDataTableTranslations>>;
+    readonly bodyRef: _lucca_front_ng_data_table.DataTableBodyComponent;
+    readonly headRef: _lucca_front_ng_data_table.DataTableHeadComponent;
+    readonly footRef: _lucca_front_ng_data_table.DataTableFootComponent;
+    readonly elementRef: ElementRef<Element>;
     readonly cells: _angular_core.Signal<readonly BaseDataTableCell[]>;
     protected tableRef: _lucca_front_ng_data_table.DataTableComponent;
-    selected: _angular_core.ModelSignal<boolean>;
+    readonly selected: _angular_core.ModelSignal<boolean>;
     readonly selectedLabel: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableRowComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowComponent, "tr[luDataTableRow]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
 }
 
-/**
- * Available DataTableComponent Types
- */
-declare const DATA_TABLE_SORT: readonly ["none", "ascending", "descending"];
-type DataTableSort = (typeof DATA_TABLE_SORT)[number];
-declare const DATA_TABLE_VERTICAL_ALIGN: readonly ["top", "middle", "bottom"];
-type DataTableVerticalAlign = (typeof DATA_TABLE_VERTICAL_ALIGN)[number];
-declare const DATA_TABLE_ALIGN: readonly ["start", "center", "end"];
-type DataTableAlign = (typeof DATA_TABLE_ALIGN)[number];
-
 declare class DataTableComponent implements OnInit {
     #private;
-    tableRef: _angular_core.Signal<ElementRef<Element>>;
+    readonly tableRef: _angular_core.Signal<ElementRef<Element>>;
     readonly hover: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly layoutFixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -112,12 +102,12 @@ declare class DataTableComponent implements OnInit {
     readonly stickyHeader: _angular_core.Signal<boolean>;
     readonly stickyColsStart: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly stickyColsEnd: _angular_core.InputSignalWithTransform<number, unknown>;
-    firstColumnVisibleAfterColsStart: _angular_core.WritableSignal<boolean>;
-    lastColumnVisibleBeforeColsEnd: _angular_core.WritableSignal<boolean>;
-    firstColumnVisible: _angular_core.WritableSignal<boolean>;
-    lastColumnVisible: _angular_core.WritableSignal<boolean>;
-    firstRowVisible: _angular_core.WritableSignal<boolean>;
-    lastRowVisible: _angular_core.WritableSignal<boolean>;
+    readonly firstColumnVisibleAfterColsStart: _angular_core.WritableSignal<boolean>;
+    readonly lastColumnVisibleBeforeColsEnd: _angular_core.WritableSignal<boolean>;
+    readonly firstColumnVisible: _angular_core.WritableSignal<boolean>;
+    readonly lastColumnVisible: _angular_core.WritableSignal<boolean>;
+    readonly firstRowVisible: _angular_core.WritableSignal<boolean>;
+    readonly lastRowVisible: _angular_core.WritableSignal<boolean>;
     readonly cols: _angular_core.Signal<readonly _lucca_front_ng_data_table.DataTableRowCellHeaderComponent[]>;
     readonly classMods: _angular_core.Signal<{
         dataTable: boolean;
@@ -143,5 +133,4 @@ declare class DataTableComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent, "lu-data-table", never, { "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "cellBorder": { "alias": "cellBorder"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; "drag": { "alias": "drag"; "required": false; "isSignal": true; }; "noOverflow": { "alias": "noOverflow"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "stickyColsStart": { "alias": "stickyColsStart"; "required": false; "isSignal": true; }; "stickyColsEnd": { "alias": "stickyColsEnd"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[dataTablePagination]"], true, never>;
 }
 
-export { DATA_TABLE_ALIGN, DATA_TABLE_SORT, DATA_TABLE_VERTICAL_ALIGN, DataTableBodyComponent, DataTableComponent, DataTableFootComponent, DataTableHeadComponent, DataTableRowCellComponent, DataTableRowCellHeaderComponent, DataTableRowComponent };
-export type { DataTableAlign, DataTableSort, DataTableVerticalAlign };
+export { DataTableBodyComponent, DataTableComponent, DataTableFootComponent, DataTableHeadComponent, DataTableRowCellComponent, DataTableRowCellHeaderComponent, DataTableRowComponent };

package/types/lucca-front-ng-date.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { PipeTransform, OnInit, ChangeDetectorRef, ElementRef, Renderer2, EventEmitter, TemplateRef, AfterViewInit, ViewContainerRef, InjectionToken } from '@angular/core';
+import { PipeTransform, OnInit, ChangeDetectorRef, ElementRef, Renderer2, EventEmitter, AfterViewInit, ViewContainerRef, InjectionToken } from '@angular/core';
 import { ALuDateAdapter, LuDateGranularity, ELuDateGranularity, LuTranslation } from '@lucca-front/ng/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import { ALuInput } from '@lucca-front/ng/input';
@@ -88,11 +88,11 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     private _locale;
     private _factory;
     private _adapter;
-    intl: i0.InputSignalWithTransform<LuCalendarInputLabel, Partial<LuCalendarInputLabel>>;
-    min?: D;
-    max?: D;
-    granularity: LuDateGranularity;
-    startOn: D;
+    readonly intl: i0.InputSignalWithTransform<LuCalendarInputLabel, Partial<LuCalendarInputLabel>>;
+    readonly min: i0.InputSignal<D>;
+    readonly max: i0.InputSignal<D>;
+    readonly granularity: i0.InputSignal<string>;
+    readonly startOn: i0.InputSignal<D>;
     viewGranularity: LuDateGranularity;
     header: ICalendarItem<D>;
     items: ICalendarItem<D>[];
@@ -124,21 +124,25 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     protected previousDecade(): void;
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuCalendarInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuCalendarInputComponent<any>, "lu-calendar", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "startOn": { "alias": "startOn"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuCalendarInputComponent<any>, "lu-calendar", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "startOn": { "alias": "startOn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
     private _adapter;
     _value: D;
-    min?: D;
-    max?: D;
-    granularity: LuDateGranularity;
-    startOn: D;
+    readonly min: i0.InputSignal<D>;
+    readonly max: i0.InputSignal<D>;
+    readonly granularity: i0.InputSignal<string>;
+    readonly startOn: i0.InputSignal<D>;
     close: EventEmitter<void>;
     open: EventEmitter<void>;
     hovered: EventEmitter<boolean>;
     onSelectValue: EventEmitter<D>;
-    set vcTemplateRef(tr: TemplateRef<unknown>);
+    protected readonly closeOutput: i0.OutputRef<void>;
+    protected readonly openOutput: i0.OutputRef<void>;
+    protected readonly hoveredOutput: i0.OutputRef<boolean>;
+    protected readonly onSelectValueOutput: i0.OutputRef<D>;
+    private readonly vcTemplateRef;
     constructor(_adapter: ALuDateAdapter<D>);
     _emitOpenEvent(): void;
     _emitCloseEvent(): void;
@@ -150,19 +154,19 @@ declare class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
     _onEnter(): void;
     _handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDatePickerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuDatePickerComponent<any>, "lu-date-picker", ["LuDatePicker"], { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "startOn": { "alias": "startOn"; "required": false; }; }, { "close": "close"; "open": "open"; "hovered": "hovered"; "onSelectValue": "onSelectValue"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuDatePickerComponent<any>, "lu-date-picker", ["LuDatePicker"], { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "startOn": { "alias": "startOn"; "required": false; "isSignal": true; }; }, { "closeOutput": "close"; "openOutput": "open"; "hoveredOutput": "hovered"; "onSelectValueOutput": "onSelectValue"; }, never, never, true, never>;
 }
 
-declare class LuDateInputDirective<D> extends ALuInput<D, HTMLInputElement> implements Validator, OnInit {
+declare class LuDateInputDirective<D> extends ALuInput<D, HTMLInputElement> implements Validator {
     private _adapter;
     private _focused;
-    min?: D;
-    max?: D;
-    granularity: LuDateGranularity;
+    readonly min: i0.InputSignal<D>;
+    readonly max: i0.InputSignal<D>;
+    readonly granularity: i0.InputSignal<string>;
+    readonly placeHolderInput: i0.InputSignal<string>;
     set placeholder(p: string);
-    intl: i0.InputSignalWithTransform<_lucca_front_ng_date.ILuDateInputLabel, Partial<_lucca_front_ng_date.ILuDateInputLabel>>;
+    readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_date.ILuDateInputLabel, Partial<_lucca_front_ng_date.ILuDateInputLabel>>;
     constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLInputElement>, _renderer: Renderer2, _adapter: ALuDateAdapter<D>);
-    ngOnInit(): void;
     protected render(): void;
     onInput(event: any): void;
     private parse;
@@ -170,7 +174,7 @@ declare class LuDateInputDirective<D> extends ALuInput<D, HTMLInputElement> impl
     onBlur(): void;
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDateInputDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDateInputDirective<any>, "input[luDateInput]", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDateInputDirective<any>, "input[luDateInput]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "placeHolderInput": { "alias": "placeholder"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuDateSelectInputComponent<D> extends ALuSelectInputComponent<D> implements ControlValueAccessor, ILuInputWithPicker<D>, AfterViewInit, Validator {
@@ -180,19 +184,17 @@ declare class LuDateSelectInputComponent<D> extends ALuSelectInputComponent<D> i
     protected _viewContainerRef: ViewContainerRef;
     protected _renderer: Renderer2;
     private _adapter;
-    min?: D;
-    max?: D;
-    granularity: LuDateGranularity;
-    set inputPlaceholder(p: string);
-    hideClearer: boolean;
+    readonly min: i0.InputSignal<D>;
+    readonly max: i0.InputSignal<D>;
+    readonly granularity: i0.InputSignal<string>;
+    readonly hideClearer: i0.InputSignal<boolean>;
+    readonly startOn: i0.InputSignal<D>;
     protected _startOn: D;
-    set startOn(s: D);
-    get startOn(): D;
     get format(): string;
     constructor(_changeDetectorRef: ChangeDetectorRef, _overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2, _adapter: ALuDateAdapter<D>);
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDateSelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuDateSelectInputComponent<any>, "lu-date-select", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "inputPlaceholder": { "alias": "placeholder"; "required": false; }; "hideClearer": { "alias": "hideClearer"; "required": false; }; "startOn": { "alias": "startOn"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuDateSelectInputComponent<any>, "lu-date-select", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "hideClearer": { "alias": "hideClearer"; "required": false; "isSignal": true; }; "startOn": { "alias": "startOn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**

package/types/lucca-front-ng-date2.d.ts

@@ -7,8 +7,7 @@ import { LuccaIcon } from '@lucca-front/icons';
 import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills';
 import { PopoverDirective } from '@lucca-front/ng/popover2';
 
-declare const CALENDAR_MODE: readonly ["day", "month", "year"];
-type CalendarMode = (typeof CALENDAR_MODE)[number];
+type CalendarMode = 'day' | 'month' | 'year';
 
 interface Date2Translate {
     from: string;
@@ -30,13 +29,13 @@ interface CellStatus {
 interface DateRangeInput {
     class?: `palette-${Palette}` | string;
     start: Date | string;
-    end?: Date | string;
+    end?: Date | string | null;
     label?: string;
     scope?: CalendarMode;
 }
 interface DateRange extends DateRangeInput {
     start: Date;
-    end?: Date;
+    end?: Date | null;
 }
 
 interface RangeInfo {
@@ -56,7 +55,7 @@ interface CalendarCellInfo {
     isSelected: boolean;
     noButton: boolean;
     label?: string;
-    rangeInfo: RangeInfo;
+    rangeInfo: RangeInfo | null;
     classes: Record<string, boolean>;
 }
 interface CalendarMonthInfo {
@@ -79,11 +78,11 @@ interface CalendarYearInfo {
 
 declare class Calendar2CellDirective {
     #private;
-    luCalendar2Cell: _angular_core.InputSignal<number>;
-    luCalendar2Mode: _angular_core.InputSignal<"day" | "month" | "year">;
-    luCalendar2Date: _angular_core.InputSignal<Date>;
+    readonly luCalendar2Cell: _angular_core.InputSignal<number>;
+    readonly luCalendar2Mode: _angular_core.InputSignal<CalendarMode>;
+    readonly luCalendar2Date: _angular_core.InputSignal<Date>;
     get tabindex(): 0 | -1;
-    isTabbableDate: _angular_core.Signal<boolean>;
+    readonly isTabbableDate: _angular_core.Signal<boolean>;
     keydown($event: Event): void;
     focus(): void;
     blur(): void;
@@ -94,43 +93,43 @@ declare class Calendar2CellDirective {
 declare class Calendar2Component implements OnInit {
     #private;
     readonly elementRef: ElementRef<HTMLElement>;
-    intl: _angular_core.InputSignalWithTransform<Date2Translate, Partial<Date2Translate>>;
-    showOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    enableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    removeYearOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    hideToday: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    hasTodayButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    hideWeekend: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    disableModeChange: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    date: _angular_core.ModelSignal<Date>;
-    tabbableDate: _angular_core.ModelSignal<Date>;
-    mode: _angular_core.ModelSignal<"day" | "month" | "year">;
-    displayMode: _angular_core.ModelSignal<"day" | "month" | "year">;
-    ranges: _angular_core.InputSignal<readonly DateRange[]>;
-    getCellInfo: _angular_core.InputSignal<(date: Date, displayMode: CalendarMode) => CellStatus>;
-    month: _angular_core.Signal<Date>;
-    year: _angular_core.Signal<Date>;
-    decade: _angular_core.Signal<Date>;
-    previousMonth: _angular_core.Signal<Date>;
-    nextMonth: _angular_core.Signal<Date>;
-    nextPage: _angular_core.OutputEmitterRef<void>;
-    previousPage: _angular_core.OutputEmitterRef<void>;
+    readonly intl: _angular_core.InputSignalWithTransform<Date2Translate, Partial<Date2Translate>>;
+    readonly showOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly enableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removeYearOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hideToday: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hasTodayButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hideWeekend: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disableModeChange: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly date: _angular_core.ModelSignal<Date>;
+    readonly tabbableDate: _angular_core.ModelSignal<Date>;
+    readonly mode: _angular_core.ModelSignal<CalendarMode>;
+    readonly displayMode: _angular_core.ModelSignal<CalendarMode>;
+    readonly ranges: _angular_core.InputSignal<readonly DateRange[]>;
+    readonly getCellInfo: _angular_core.InputSignal<(date: Date, displayMode: CalendarMode | null) => CellStatus>;
+    readonly month: _angular_core.Signal<Date>;
+    readonly year: _angular_core.Signal<Date>;
+    readonly decade: _angular_core.Signal<Date>;
+    readonly previousMonth: _angular_core.Signal<Date>;
+    readonly nextMonth: _angular_core.Signal<Date>;
+    readonly nextPage: _angular_core.OutputEmitterRef<void>;
+    readonly previousPage: _angular_core.OutputEmitterRef<void>;
     dateClicked: _angular_core.OutputEmitterRef<Date>;
-    dateHovered: _angular_core.ModelSignal<Date>;
+    readonly dateHovered: _angular_core.ModelSignal<Date>;
     todayLabel: string;
     thisMonthLabel: string;
     thisYearLabel: string;
-    calendar2CellInstances: _angular_core.Signal<readonly Calendar2CellDirective[]>;
+    readonly calendar2CellInstances: _angular_core.Signal<readonly Calendar2CellDirective[]>;
     daysOfWeek: {
         long: string;
         short: string;
     }[];
-    monthGridDisplay: _angular_core.Signal<CalendarCellInfo[][]>;
-    yearGridDisplay: _angular_core.Signal<CalendarMonthInfo[][]>;
-    decadeGridDisplay: _angular_core.Signal<CalendarYearInfo[][]>;
-    currentMonthLabel: _angular_core.Signal<string>;
-    currentYearLabel: _angular_core.Signal<string>;
-    currentDecadeLabel: _angular_core.Signal<string>;
+    readonly monthGridDisplay: _angular_core.Signal<CalendarCellInfo[][]>;
+    readonly yearGridDisplay: _angular_core.Signal<CalendarMonthInfo[][]>;
+    readonly decadeGridDisplay: _angular_core.Signal<CalendarYearInfo[][]>;
+    readonly currentMonthLabel: _angular_core.Signal<string>;
+    readonly currentYearLabel: _angular_core.Signal<string>;
+    readonly currentDecadeLabel: _angular_core.Signal<string>;
     constructor();
     focusTabbableDate(): void;
     blurTabbableDate(): void;
@@ -138,7 +137,7 @@ declare class Calendar2Component implements OnInit {
     ngOnInit(): void;
     onCellClicked(date: Date): void;
     dateToCellInfo(date: Date, isOverflow?: boolean): CalendarCellInfo;
-    getRangeInfo(date: Date, scope: CalendarMode, isOverflow?: boolean): {
+    getRangeInfo(date: Date, scope: CalendarMode | null, isOverflow?: boolean): {
         range: DateRange;
         isStart: boolean;
         isEnd: boolean;
@@ -151,56 +150,49 @@ declare class Calendar2Component implements OnInit {
 
 declare function getDateFormat(locale: string, mode?: CalendarMode): string;
 declare function getSeparator(locale: string): string;
-declare function getLocalizedDateFormat(locale: string, period?: CalendarMode): string;
+declare function getLocalizedDateFormat(locale: string, period?: 'year' | 'month' | 'day'): string;
 
-/**
- * Available DateComponent Types
- */
-declare const DATE2_CLEAR_BEHAVIOR: readonly ["clear", "reset"];
-type Date2ClearBehavior = (typeof DATE2_CLEAR_BEHAVIOR)[number];
-declare const DATE_FORMAT_CONST: readonly ["date", "date-iso"];
 declare const DATE_FORMAT: {
     readonly DATE: "date";
     readonly DATE_ISO: "date-iso";
 };
 type DateFormat = (typeof DATE_FORMAT)[keyof typeof DATE_FORMAT];
-declare const DATE_ISO_FORMAT = "yyyy-MM-dd";
 
 declare abstract class AbstractDateComponent {
     protected locale: string;
     protected dateFormat: string;
     protected separator: string;
-    protected dateFormatWithMode: _angular_core.Signal<string>;
+    protected readonly dateFormatWithMode: _angular_core.Signal<string>;
     intlDateTimeFormat: Intl.DateTimeFormat;
     intlDateTimeFormatMonth: Intl.DateTimeFormat;
     intlDateTimeFormatYear: Intl.DateTimeFormat;
-    intl: _angular_core.InputSignalWithTransform<Date2Translate, Partial<Date2Translate>>;
+    readonly intl: _angular_core.InputSignalWithTransform<Date2Translate, Partial<Date2Translate>>;
     onTouched?: () => void;
-    disabled: _angular_core.WritableSignal<boolean>;
+    readonly disabled: _angular_core.WritableSignal<boolean>;
     readonly format: _angular_core.InputSignal<DateFormat>;
-    protected inDateISOFormat: _angular_core.Signal<boolean>;
+    protected readonly inDateISOFormat: _angular_core.Signal<boolean>;
     readonly ranges: _angular_core.InputSignalWithTransform<DateRange[], readonly DateRange[] | readonly DateRangeInput[]>;
     readonly hideToday: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly hasTodayButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly clearBehavior: _angular_core.InputSignal<"clear" | "reset">;
-    readonly mode: _angular_core.InputSignal<"day" | "month" | "year">;
+    readonly mode: _angular_core.InputSignal<CalendarMode>;
     readonly hideWeekend: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly getCellInfo: _angular_core.InputSignal<(day: Date, mode: CalendarMode) => CellStatus>;
     readonly min: _angular_core.InputSignalWithTransform<Date, string | Date>;
     readonly max: _angular_core.InputSignalWithTransform<Date, string | Date>;
     readonly focusedDate: _angular_core.InputSignalWithTransform<Date, string | Date>;
-    calendarMode: _angular_core.ModelSignal<"day" | "month" | "year">;
+    readonly calendarMode: _angular_core.ModelSignal<CalendarMode>;
     readonly panelOpened: _angular_core.OutputEmitterRef<void>;
     readonly panelClosed: _angular_core.OutputEmitterRef<void>;
     readonly dateFormatLocalized: _angular_core.Signal<string>;
-    protected currentDate: _angular_core.WritableSignal<Date>;
-    protected tabbableDate: _angular_core.WritableSignal<Date>;
+    protected readonly currentDate: _angular_core.WritableSignal<Date>;
+    protected readonly tabbableDate: _angular_core.WritableSignal<Date>;
     protected constructor();
     isInMinMax(date: Date, mode: CalendarMode): boolean;
     isAfterMin(date: Date, mode: CalendarMode): boolean;
     isBeforeMax(date: Date, mode: CalendarMode): boolean;
-    isValidDate(date: Date): boolean;
+    isValidDate(date: Date | null | undefined): date is Date;
     prev(mode: CalendarMode): void;
     next(mode: CalendarMode): void;
     registerOnTouched(fn: () => void): void;
@@ -219,28 +211,28 @@ declare class DateInputComponent extends AbstractDateComponent implements OnInit
     #private;
     parentInput: FilterPillInputComponent;
     ngControl: NgControl;
-    autocomplete: _angular_core.InputSignal<AutoFill>;
-    placeholder: _angular_core.InputSignal<string>;
-    disableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    hideOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    widthAuto: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    filterPillDisabled: _angular_core.WritableSignal<boolean>;
+    readonly autocomplete: _angular_core.InputSignal<AutoFill>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hideOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly widthAuto: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filterPillDisabled: _angular_core.WritableSignal<boolean>;
     popoverPositions: ConnectionPositionPair[];
-    inputFocused: _angular_core.WritableSignal<boolean>;
-    selectedDate: _angular_core.WritableSignal<Date>;
-    initialValue: _angular_core.WritableSignal<Date>;
-    dateFromWriteValue: _angular_core.WritableSignal<Date>;
-    calendar: _angular_core.Signal<Calendar2Component>;
-    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    displayValue: _angular_core.Signal<string>;
-    userTextInput: _angular_core.WritableSignal<string>;
+    readonly inputFocused: _angular_core.WritableSignal<boolean>;
+    readonly selectedDate: _angular_core.WritableSignal<Date>;
+    readonly initialValue: _angular_core.WritableSignal<Date>;
+    readonly dateFromWriteValue: _angular_core.WritableSignal<Date>;
+    readonly calendar: _angular_core.Signal<Calendar2Component>;
+    readonly inputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly userTextInput: _angular_core.WritableSignal<string>;
     combinedGetCellInfo: (date: Date, mode: CalendarMode) => CellStatus;
-    previousButton: _angular_core.Signal<ElementRef<Element>>;
-    nextButton: _angular_core.Signal<ElementRef<Element>>;
+    readonly previousButton: _angular_core.Signal<ElementRef<Element>>;
+    readonly nextButton: _angular_core.Signal<ElementRef<Element>>;
     isFilterPill: boolean;
     get isWidthAuto(): boolean;
-    isFilterPillEmpty: _angular_core.Signal<boolean>;
-    isFilterPillClearable: _angular_core.Signal<boolean>;
+    readonly isFilterPillEmpty: _angular_core.Signal<boolean>;
+    readonly isFilterPillClearable: _angular_core.Signal<boolean>;
     filterPillPopoverCloseFn?: () => void;
     get isNavigationButtonFocused(): boolean;
     constructor();
@@ -274,42 +266,42 @@ declare const PremadeShortcuts: Record<string, (locale: string) => DateRange>;
 declare class DateRangeInputComponent extends AbstractDateComponent implements OnInit, ControlValueAccessor, Validator, FilterPillInputComponent {
     #private;
     parentInput: FilterPillInputComponent;
-    hasTwoCalendars: Signal<boolean>;
+    readonly hasTwoCalendars: Signal<boolean>;
     idSuffix: number;
-    startTextInputRef: Signal<ElementRef<HTMLInputElement>>;
-    startUserTextInput: _angular_core.WritableSignal<string>;
-    endTextInputRef: Signal<ElementRef<HTMLInputElement>>;
-    endUserTextInput: _angular_core.WritableSignal<string>;
-    initialValue: _angular_core.WritableSignal<DateRange>;
-    selectedRange: _angular_core.WritableSignal<DateRange>;
-    dateHovered: _angular_core.WritableSignal<Date>;
-    placeholder: _angular_core.InputSignal<string>;
-    widthAuto: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    label: Signal<PortalContent | undefined>;
+    readonly startTextInputRef: Signal<ElementRef<HTMLInputElement>>;
+    readonly startUserTextInput: _angular_core.WritableSignal<string>;
+    readonly endTextInputRef: Signal<ElementRef<HTMLInputElement>>;
+    readonly endUserTextInput: _angular_core.WritableSignal<string>;
+    readonly initialValue: _angular_core.WritableSignal<DateRange>;
+    readonly selectedRange: _angular_core.WritableSignal<DateRange>;
+    readonly dateHovered: _angular_core.WritableSignal<Date>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly widthAuto: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly label: Signal<PortalContent | undefined>;
     popoverPositions: ConnectionPositionPair[];
-    inputFocused: _angular_core.WritableSignal<boolean>;
-    editedField: _angular_core.WritableSignal<0 | 1 | -1>;
-    highlightedField: _angular_core.WritableSignal<0 | 1 | -1>;
-    shortcuts: _angular_core.InputSignal<readonly CalendarShortcut[]>;
-    autocomplete: _angular_core.InputSignal<AutoFill>;
-    protected currentRightDate: Signal<Date>;
-    protected currentStartDisplayDate: Signal<Date>;
-    protected currentEndDisplayDate: Signal<Date>;
-    calendars: Signal<readonly Calendar2Component[]>;
+    readonly inputFocused: _angular_core.WritableSignal<boolean>;
+    readonly editedField: _angular_core.WritableSignal<0 | 1 | -1>;
+    readonly highlightedField: _angular_core.WritableSignal<0 | 1 | -1>;
+    readonly shortcuts: _angular_core.InputSignal<readonly CalendarShortcut[]>;
+    readonly autocomplete: _angular_core.InputSignal<AutoFill>;
+    protected readonly currentRightDate: Signal<Date>;
+    protected readonly currentStartDisplayDate: Signal<Date>;
+    protected readonly currentEndDisplayDate: Signal<Date>;
+    readonly calendars: Signal<readonly Calendar2Component[]>;
     combinedGetCellInfo: (date: Date, mode: CalendarMode) => CellStatus;
-    calendarRanges: Signal<DateRange[]>;
-    startLabel: Signal<string>;
-    endLabel: Signal<string>;
-    previousButton: Signal<ElementRef<Element>>;
-    nextButton: Signal<ElementRef<Element>>;
-    focusedCalendarIndex: _angular_core.WritableSignal<number>;
-    focusedCalendar: Signal<Calendar2Component>;
+    readonly calendarRanges: Signal<DateRange[]>;
+    readonly startLabel: Signal<string>;
+    readonly endLabel: Signal<string>;
+    readonly previousButton: Signal<ElementRef<Element>>;
+    readonly nextButton: Signal<ElementRef<Element>>;
+    readonly focusedCalendarIndex: _angular_core.WritableSignal<number>;
+    readonly focusedCalendar: Signal<Calendar2Component>;
     isFilterPill: boolean;
     get isWidthAuto(): boolean;
-    isFilterPillEmpty: Signal<boolean>;
-    isFilterPillClearable: Signal<boolean>;
+    readonly isFilterPillEmpty: Signal<boolean>;
+    readonly isFilterPillClearable: Signal<boolean>;
     filterPillPopoverCloseFn?: () => void;
-    filterPillDisabled: _angular_core.WritableSignal<boolean>;
+    readonly filterPillDisabled: _angular_core.WritableSignal<boolean>;
     get isNavigationButtonFocused(): boolean;
     constructor();
     ngOnInit(): void;
@@ -338,5 +330,5 @@ declare class DateRangeInputComponent extends AbstractDateComponent implements O
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangeInputComponent, "lu-date-range-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "widthAuto": { "alias": "widthAuto"; "required": false; "isSignal": true; }; "shortcuts": { "alias": "shortcuts"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { CALENDAR_MODE, Calendar2Component, DATE2_CLEAR_BEHAVIOR, DATE_FORMAT, DATE_FORMAT_CONST, DATE_ISO_FORMAT, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
-export type { CalendarMode, CalendarShortcut, CellStatus, Date2ClearBehavior, DateFormat, DateInputValidatorErrorType, DateRange, DateRangeInput };
+export { Calendar2Component, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
+export type { CalendarMode, CalendarShortcut, CellStatus, DateInputValidatorErrorType, DateRange, DateRangeInput };