@lucca-front/ng 22.1.0-rc.4 → 22.1.1

package/types/lucca-front-ng-core-select.d.ts

@@ -62,8 +62,17 @@ interface LuOptionGroup<T, TGroup> {
 }
 type LuOptionComparer<T> = (a: T, b: T) => boolean;
 type CoreSelectAddOptionStrategy = 'never' | 'always' | 'if-empty-clue' | 'if-not-empty-clue';
+/**
+ * Feature flag gating the responsive dialog system as a whole: below the `XS` breakpoint the select
+ * trigger becomes a button and its panel opens as a bottom sheet instead of a popover anchored to the
+ * field.
+ *
+ * It defaults to `false`, so a consumer that provides nothing keeps the anchored popover at every
+ * viewport size. Turn it on application-wide with `{ provide: SELECT_RESPONSIVE_DIALOG, useValue: true }`.
+ */
+declare const SELECT_RESPONSIVE_DIALOG: InjectionToken<boolean>;
 declare const SELECT_ID: InjectionToken<number>;
-declare const SELECT_LABEL: InjectionToken<HTMLLabelElement>;
+declare const SELECT_LABEL: InjectionToken<HTMLLabelElement | undefined>;
 declare const SELECT_LABEL_ID: InjectionToken<string>;
 /**
  * Contract behind {@link CORE_SELECT_API_TOTAL_COUNT_PROVIDER}: a directive fulfills it by declaring
@@ -78,7 +87,7 @@ declare abstract class ɵIsSelectedStrategy<TOption> {
     abstract isSelected(option: TOption, selectedOptions: TOption[], optionComparer: LuOptionComparer<TOption>): boolean;
     abstract isGroupSelected(options: TOption[], notSelectedOptions: TOption[]): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ɵIsSelectedStrategy<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ɵIsSelectedStrategy<any>>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
@@ -88,7 +97,7 @@ declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
     readonly elementId: _angular_core.InputSignal<string>;
     readonly idAttribute: _angular_core.Signal<string>;
     readonly isSelected: _angular_core.ModelSignal<boolean>;
-    readonly option: _angular_core.InputSignal<T>;
+    readonly option: _angular_core.InputSignal<T | undefined>;
     readonly disabledInput: _angular_core.InputSignal<boolean>;
     readonly disabledRef: _angular_core.WritableSignal<boolean>;
     readonly isHighlighted: _angular_core.WritableSignal<boolean>;
@@ -121,7 +130,7 @@ declare class CoreSelectKeyManager<T> {
     setActiveItemByElement(item: CoreSelectPanelElement<T>): void;
     highlightOption(option: T): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CoreSelectKeyManager<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CoreSelectKeyManager<any>>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 /**
@@ -138,7 +147,7 @@ declare class LuSelectPanelLayoutComponent {
     /** Enables a focus trap on the scroll content (used by the single select panel). */
     readonly trapFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** `tabindex` to set on the scroll content, or `null` to leave it non-focusable. */
-    readonly contentTabIndex: _angular_core.InputSignal<number>;
+    readonly contentTabIndex: _angular_core.InputSignal<number | null>;
     /** Emitted when the scroll content is scrolled (used to trigger pagination). */
     readonly scrolled: _angular_core.OutputEmitterRef<Event>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSelectPanelLayoutComponent, never>;
@@ -171,7 +180,7 @@ declare abstract class LuSelectPanelRef<TOption, TValue> {
 /**
  * Opens a select panel as a bottom sheet.
  *
- * Below the `S` breakpoint the panel stops being a popover anchored to the field and becomes a modal
+ * Below the `XS` breakpoint the panel stops being a popover anchored to the field and becomes a modal
  * surface pinned to the bottom of the viewport. That surface already exists as the dialog's `sheet`
  * mode — backdrop, blocked page scroll, focus trap, focus restoration and close button all come with
  * it — so the panel is opened as a dialog instead of as a bespoke overlay.
@@ -285,14 +294,14 @@ declare const coreSelectDefaultOptionComparer: LuOptionComparer<unknown>;
 declare const coreSelectDefaultOptionKey: (option: unknown) => unknown;
 declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDestroy, OnInit, ControlValueAccessor, FilterPillInputComponent {
     #private;
-    parentInput: FilterPillInputComponent;
+    parentInput: FilterPillInputComponent | null;
     protected changeDetectorRef: ChangeDetectorRef;
     protected overlayContainerRef: HTMLElement;
     protected labelElement: HTMLElement | undefined;
     protected labelId: string;
-    protected formField: FormFieldComponent;
+    protected formField: FormFieldComponent | null;
     protected abstract intl: Signal<LuCoreSelectLabel>;
-    protected filterPillHost: _lucca_front_ng_filter_pills_core.FilterPillHostComponent;
+    protected filterPillHost: _lucca_front_ng_filter_pills_core.FilterPillHostComponent | null;
     protected afterCloseFn?: () => void;
     protected updatePositionFn?: () => void;
     get filterPillMode(): boolean;
@@ -301,8 +310,8 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     /**
      * Width of the select itself, using the same scale as the form field width
      */
-    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60">;
-    protected readonly widthClass: Signal<string>;
+    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60 | null, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60" | null>;
+    protected readonly widthClass: Signal<string | null>;
     selectParent$?: Subject<void>;
     selectChildren$?: Subject<void>;
     readonly panelClosed: _angular_core.OutputEmitterRef<void>;
@@ -311,13 +320,13 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     private readonly inputElementRef;
     readonly disabled$: BehaviorSubject<boolean>;
     readonly filterPillDisabled: Signal<boolean>;
-    readonly prefix: _angular_core.InputSignal<PortalContent>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly clearableInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly prefix: _angular_core.InputSignal<PortalContent | null>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly clearableInput: _angular_core.InputSignalWithTransform<boolean | null, unknown>;
     readonly isClearable: Signal<boolean>;
     get searchable(): boolean;
     protected readonly computedAddOptionLabel: Signal<PortalContent>;
-    readonly addOptionLabelInput: _angular_core.InputSignal<PortalContent>;
+    readonly addOptionLabelInput: _angular_core.InputSignal<PortalContent | null>;
     get addOptionLabel(): PortalContent;
     readonly addOptionStrategy: _angular_core.InputSignal<CoreSelectAddOptionStrategy>;
     protected get isSelectedClass(): boolean;
@@ -325,12 +334,18 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected abstract hasValue(): boolean;
     get isPanelOpen(): boolean;
     readonly isPanelOpen$: BehaviorSubject<boolean>;
-    readonly panelOpenSignal: Signal<boolean>;
-    private readonly belowSmallBreakpoint;
+    readonly panelOpenSignal: Signal<boolean | undefined>;
+    private readonly belowExtraSmallBreakpoint;
+    /** Feature flag turning the whole responsive dialog system on; off unless the app provides it. */
+    private readonly responsiveDialog;
     /**
-     * Below the `S` breakpoint (800px) the panel opens as a dialog in `sheet` mode that embeds its own
+     * Below the `XS` breakpoint (640px) the panel opens as a dialog in `sheet` mode that embeds its own
      * search input, instead of a popover anchored to the field — mirroring how filter pills move the input
      * inside their overlay. Filter pills already provide their own overlay, so they keep their behavior.
+     *
+     * This is the single gate of the system: everything else — the button trigger, the sheet panel ref,
+     * the sheet template of the panels, the displayers — reads it, so a `false` {@link SELECT_RESPONSIVE_DIALOG}
+     * leaves the select exactly as it was at every viewport size.
      */
     readonly bottomSheetMode: Signal<boolean>;
     /**
@@ -350,7 +365,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     get ariaControls(): string;
     readonly overlayConfig: _angular_core.InputSignal<OverlayConfig>;
     readonly loadingInput: _angular_core.InputSignal<boolean>;
-    readonly optionsInput: _angular_core.InputSignal<readonly TOption[]>;
+    readonly optionsInput: _angular_core.InputSignal<readonly TOption[] | null>;
     readonly optionComparerInput: _angular_core.InputSignal<LuOptionComparer<TOption>>;
     readonly optionKeyInput: _angular_core.InputSignal<(option: TOption) => unknown>;
     readonly noClueIcon: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
@@ -358,17 +373,17 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     readonly compact: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly colorPicker: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     protected get isNoClueIconClass(): boolean;
-    readonly options: _angular_core.WritableSignal<readonly TOption[]>;
+    readonly options: _angular_core.WritableSignal<readonly TOption[] | null>;
     readonly loading: _angular_core.WritableSignal<boolean>;
-    readonly clearable: _angular_core.WritableSignal<boolean>;
+    readonly clearable: _angular_core.WritableSignal<boolean | null>;
     readonly optionComparer: _angular_core.WritableSignal<LuOptionComparer<TOption>>;
     readonly optionKey: _angular_core.WritableSignal<(option: TOption) => unknown>;
     readonly optionTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
-    readonly valueTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
-    readonly panelHeaderTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void>>;
-    readonly panelFooterTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void>>;
+    readonly valueTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>> | undefined>;
+    readonly panelHeaderTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void> | undefined>;
+    readonly panelFooterTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void> | undefined>;
     readonly displayerTpl: Signal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
-    readonly groupingSignal: _angular_core.WritableSignal<LuOptionGrouping<TOption, unknown>>;
+    readonly groupingSignal: _angular_core.WritableSignal<LuOptionGrouping<TOption, unknown> | undefined>;
     /**
      * @deprecated use groupingSignal
      */
@@ -383,7 +398,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     readonly nextPage$: Subject<void>;
     nextPage: _angular_core.OutputRef<void>;
     readonly addOption: _angular_core.OutputEmitterRef<string>;
-    readonly valueSignal: _angular_core.WritableSignal<TValue>;
+    readonly valueSignal: _angular_core.WritableSignal<TValue | null>;
     readonly isFilterPillEmpty: Signal<boolean>;
     readonly isFilterPillClearable: Signal<boolean>;
     get value(): TValue | null;
@@ -396,8 +411,8 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     readonly dataSourceOptions: Signal<readonly TOption[]>;
     clue: string | null;
     lastEmittedClue: string;
-    readonly clue$: rxjs.Observable<string>;
-    readonly shouldDisplayAddOption: Signal<boolean>;
+    readonly clue$: rxjs.Observable<string | null>;
+    readonly shouldDisplayAddOption: Signal<boolean | undefined>;
     protected onChange?: (value: TValue | null) => void;
     protected onTouched?: () => void;
     get panelRef(): LuSelectPanelRef<TOption, TValue> | undefined;
@@ -453,7 +468,7 @@ declare class TreeDisplayPipe<T> implements PipeTransform {
 
 declare class LuDisplayerDirective<TOption, TValue> {
     private templateRef;
-    readonly select: _angular_core.InputSignal<ALuSelectInputComponent<TOption, TValue>>;
+    readonly select: _angular_core.InputSignal<ALuSelectInputComponent<TOption, TValue> | undefined>;
     constructor(templateRef: TemplateRef<LuOptionContext<TOption>>);
     static ngTemplateContextGuard<TOption, TValue>(_dir: LuDisplayerDirective<TOption, TValue>, _ctx: unknown): _ctx is LuOptionContext<TOption>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuDisplayerDirective<any, any>, never>;
@@ -483,7 +498,7 @@ declare class LuSimpleSelectDefaultOptionComponent {
 }
 
 declare class LuDisabledOptionDirective {
-    readonly isDisabled: _angular_core.InputSignal<boolean>;
+    readonly isDisabled: _angular_core.InputSignal<boolean | undefined>;
     private context;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuDisabledOptionDirective, never>;
@@ -512,8 +527,8 @@ declare class LuOptionGroupPipe<T, TGroup> implements PipeTransform {
 }
 
 declare class LuOptionOutletDirective<T> implements OnDestroy {
-    readonly luOptionOutlet: _angular_core.InputSignal<Type<unknown> | TemplateRef<LuOptionContext<T>>>;
-    readonly luOptionOutletValue: _angular_core.InputSignal<T>;
+    readonly luOptionOutlet: _angular_core.InputSignal<Type<unknown> | TemplateRef<LuOptionContext<T>> | undefined>;
+    readonly luOptionOutletValue: _angular_core.InputSignal<T | undefined>;
     readonly luOptionShowNull: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     private viewContainerRef;
     private injector;
@@ -537,29 +552,29 @@ declare class LuOptionComponent<T> implements OnInit {
     #private;
     protected selectableItem: CoreSelectPanelElement<any>;
     readonly intl: _angular_core.InputSignalWithTransform<OptionTranslate, Partial<OptionTranslate>>;
-    readonly optionTpl: _angular_core.InputSignal<Type<unknown> | TemplateRef<LuOptionContext<T>>>;
-    readonly option: _angular_core.InputSignal<T>;
-    readonly grouping: _angular_core.InputSignal<LuOptionGrouping<T, unknown>>;
+    readonly optionTpl: _angular_core.InputSignal<Type<unknown> | TemplateRef<LuOptionContext<T>> | undefined>;
+    readonly option: _angular_core.InputSignal<T | undefined>;
+    readonly grouping: _angular_core.InputSignal<LuOptionGrouping<T, unknown> | undefined>;
     readonly hasChildren: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly onlyParent: _angular_core.OutputEmitterRef<void>;
     readonly onlyChildren: _angular_core.OutputEmitterRef<void>;
-    readonly groupIndex: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined">;
+    readonly groupIndex: _angular_core.InputSignalWithTransform<number | undefined, number | `${number}` | "undefined" | undefined>;
     readonly optionIndex: _angular_core.InputSignalWithTransform<string, string | number>;
     readonly scrollIntoViewOptions: _angular_core.InputSignal<ScrollIntoViewOptions>;
-    readonly groupTemplateLocation: _angular_core.InputSignal<GroupTemplateLocation>;
+    readonly groupTemplateLocation: _angular_core.InputSignal<GroupTemplateLocation | undefined>;
     /**
      * Present only when the consumer projects nested `[treeitem]` content (tree selects).
      * Detected here — and not on the inner `lu-listbox-option` — because Angular content
      * queries do not traverse the `ng-content` re-projection boundary.
      */
-    readonly treeitemContent: _angular_core.Signal<Treeitem>;
+    readonly treeitemContent: _angular_core.Signal<Treeitem | undefined>;
     /**
      * Depth this option sits at, handed to the listbox option that wraps the projected
      * `[treeitem]` children: option indentation is absolute, so the stylesheet cannot work out a
      * depth it has no rule for, and every level below its deepest one would share an indentation.
      */
     readonly level: number;
-    readonly optionContext: _angular_core.Signal<_lucca_front_ng_core_select.ILuOptionContext<unknown>>;
+    readonly optionContext: _angular_core.Signal<_lucca_front_ng_core_select.ILuOptionContext<unknown> | undefined>;
     private cdr;
     get id(): string;
     protected elementRef: ElementRef<HTMLElement>;
@@ -573,7 +588,7 @@ declare class LuOptionComponent<T> implements OnInit {
 
 declare class LuOptionDirective<TOption, TValue> {
     private templateRef;
-    readonly select: _angular_core.InputSignal<ALuSelectInputComponent<TOption, TValue>>;
+    readonly select: _angular_core.InputSignal<ALuSelectInputComponent<TOption, TValue> | undefined>;
     constructor(templateRef: TemplateRef<LuOptionContext<TOption>>);
     static ngTemplateContextGuard<TOption, TValue>(_dir: LuOptionDirective<TOption, TValue>, _ctx: unknown): _ctx is LuOptionContext<TOption>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionDirective<any, any>, never>;
@@ -589,5 +604,5 @@ declare class LuIsOptionSelectedPipe<T> implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<LuIsOptionSelectedPipe<any>, "luIsOptionSelected", true>;
 }
 
-export { ALuSelectInputComponent, CORE_SELECT_API_TOTAL_COUNT_PROVIDER, CoreSelectKeyManager, LU_CORE_SELECT_TRANSLATIONS, LU_OPTION_CONTEXT, LuCoreSelectNoClueDirective, LuCoreSelectPanelHeaderDirective, LuCoreSelectTotalCountDirective, LuDisabledOptionDirective, LuDisplayerDirective, LuIsOptionSelectedPipe, LuOptionDirective, LuOptionGroupDirective, LuSelectPanelLayoutComponent, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, TreeDisplayPipe, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, ɵIsSelectedStrategy, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, fillScrollViewport as ɵfillScrollViewport, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation, injectPointerNavigation as ɵinjectPointerNavigation, openSelectPanelSheet as ɵopenSelectPanelSheet, scrollIntoViewOnceReady as ɵscrollIntoViewOnceReady };
+export { ALuSelectInputComponent, CORE_SELECT_API_TOTAL_COUNT_PROVIDER, CoreSelectKeyManager, LU_CORE_SELECT_TRANSLATIONS, LU_OPTION_CONTEXT, LuCoreSelectNoClueDirective, LuCoreSelectPanelHeaderDirective, LuCoreSelectTotalCountDirective, LuDisabledOptionDirective, LuDisplayerDirective, LuIsOptionSelectedPipe, LuOptionDirective, LuOptionGroupDirective, LuSelectPanelLayoutComponent, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, SELECT_RESPONSIVE_DIALOG, TreeDisplayPipe, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, ɵIsSelectedStrategy, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, fillScrollViewport as ɵfillScrollViewport, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation, injectPointerNavigation as ɵinjectPointerNavigation, openSelectPanelSheet as ɵopenSelectPanelSheet, scrollIntoViewOnceReady as ɵscrollIntoViewOnceReady };
 export type { CoreSelectAddOptionStrategy, CoreSelectApiTotalCountProvider, CoreSelectPanelInstance, ILuOptionContext, LuCoreSelectLabel, LuOptionComparer, LuOptionContext, LuOptionGroup, LuOptionGroupByContext, LuOptionGrouping, SelectDataSource, SelectDataSourceParams, TreeGenerator, TreeGroupingFn, TreeNode };

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { PipeTransform, InjectionToken, TemplateRef, Type, OnDestroy, Signal, input, EffectCleanupRegisterFn, CreateEffectOptions, EffectRef, InputOptionsWithTransform } from '@angular/core';
+export { DecorativePalette, LU_RANDOM, PrClass as LuClass, Palette, ProductPalette } from '@lucca/prisme/core';
 import { UrlTree, ActivatedRoute, Params } from '@angular/router';
-export { DecorativePalette, PrClass as LuClass, Palette, ProductPalette } from '@lucca/prisme/core';
 
 /**
  * Extracts the values of an enum as a union type.
@@ -44,7 +44,7 @@ declare const defaultBreakpoints: {
 };
 type ResponsiveConfig<T extends string, V> = Partial<Record<ResponsiveProperty<T>, V>>;
 type ResponsiveProperty<T extends string> = `${T}At${Capitalize<At>}Min${Breakpoint}`;
-declare function injectMediaMinBreakpoint(breakpoint: Breakpoint, reversed?: boolean): i0.Signal<boolean>;
+declare function injectMediaMinBreakpoint(breakpoint: Breakpoint, reversed?: boolean): i0.Signal<boolean | undefined>;
 
 declare enum ELuDateGranularity {
     day = "day",
@@ -116,7 +116,7 @@ declare class LuNativeDateAdapter extends ALuDateAdapter<Date> implements ILuDat
     getDay(d: Date): number;
     add(d: Date, count: number, granularity: LuDateGranularity): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuNativeDateAdapter, [null, { optional: true; }]>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuNativeDateAdapter>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /** bind to a string with iso 26001 format YYYY-MM-DD */
@@ -141,7 +141,7 @@ declare class LuStringDateAdapter extends ALuDateAdapter<string> implements ILuD
     protected stringToDate(s: string): Date;
     protected dateToString(d: Date | undefined): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuStringDateAdapter, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuStringDateAdapter>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 interface ILuOnCloseSubscriber {
@@ -207,7 +207,7 @@ declare class PortalDirective<T extends object = object> implements OnDestroy {
     private templateRef;
     private injector;
     readonly luPortal: i0.InputSignal<PortalContent<T>>;
-    readonly luPortalContext: i0.InputSignal<T>;
+    readonly luPortalContext: i0.InputSignal<T | null>;
     private createdTextElement;
     private embeddedViewRef?;
     private componentRef?;

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

@@ -4,27 +4,27 @@ import { AfterContentInit, ElementRef, OnInit, InjectionToken } from '@angular/c
 import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
 
 declare class DataTableBodyComponent {
-    readonly group: _angular_core.InputSignal<PortalContent>;
-    readonly groupButtonAlt: _angular_core.InputSignal<string>;
+    readonly group: _angular_core.InputSignal<PortalContent | null>;
+    readonly groupButtonAlt: _angular_core.InputSignal<string | null>;
     readonly expanded: _angular_core.ModelSignal<boolean>;
     expandedToggle(): void;
-    protected tableRef: _lucca_front_ng_data_table.DataTableComponent;
+    protected tableRef: _lucca_front_ng_data_table.DataTableComponent | null;
     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 {
-    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 tableRef: _lucca_front_ng_data_table.DataTableComponent | null;
+    readonly bodyRef: _lucca_front_ng_data_table.DataTableBodyComponent | null;
+    readonly headRef: _lucca_front_ng_data_table.DataTableHeadComponent | null;
+    readonly footRef: _lucca_front_ng_data_table.DataTableFootComponent | null;
+    readonly rowRef: _lucca_front_ng_data_table.DataTableRowComponent | null;
     readonly editable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    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>;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | null>;
+    readonly isStickyStart: _angular_core.Signal<boolean | undefined>;
+    readonly isStickyEnd: _angular_core.Signal<boolean | undefined>;
+    readonly position: _angular_core.Signal<number | undefined>;
     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>;
 }
@@ -32,26 +32,28 @@ declare abstract class BaseDataTableCell {
 declare class DataTableRowCellHeaderComponent extends BaseDataTableCell implements AfterContentInit {
     #private;
     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 sort: _angular_core.InputSignal<"none" | "ascending" | "descending" | null>;
+    readonly sortChange: _angular_core.OutputEmitterRef<"none" | "ascending" | "descending">;
+    protected readonly currentSort: _angular_core.WritableSignal<"none" | "ascending" | "descending" | null>;
+    readonly fixedWidth: _angular_core.InputSignal<string | null>;
+    readonly inlineSize: _angular_core.InputSignal<string | null>;
     readonly sortWithEllipsis: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    protected readonly sortButtonRef: _angular_core.Signal<ElementRef<HTMLElement>>;
+    protected readonly sortButtonRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     readonly insetInlineStart: _angular_core.Signal<string>;
     readonly insetInlineEnd: _angular_core.Signal<string>;
-    readonly inlineSizePx: _angular_core.Signal<number>;
+    readonly inlineSizePx: _angular_core.Signal<number | undefined>;
     ngAfterContentInit(): void;
     toggleSort(): 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; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; }, never, ["*"], true, 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; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, ["*"], true, never>;
 }
 
 declare class DataTableRowCellComponent extends BaseDataTableCell {
     readonly actions: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    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>;
+    readonly isSticky: _angular_core.Signal<boolean | undefined>;
+    readonly alignCol: _angular_core.Signal<"start" | "center" | "end" | null | undefined>;
+    readonly insetInlineStart: _angular_core.Signal<string | null | undefined>;
+    readonly insetInlineEnd: _angular_core.Signal<string | null | undefined>;
     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>;
 }
@@ -72,14 +74,14 @@ declare class DataTableHeadComponent {
 
 declare class DataTableRowComponent {
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_data_table.LuDataTableTranslations, Partial<_lucca_front_ng_data_table.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 bodyRef: _lucca_front_ng_data_table.DataTableBodyComponent | null;
+    readonly headRef: _lucca_front_ng_data_table.DataTableHeadComponent | null;
+    readonly footRef: _lucca_front_ng_data_table.DataTableFootComponent | null;
     readonly elementRef: ElementRef<Element>;
     readonly cells: _angular_core.Signal<readonly BaseDataTableCell[]>;
-    protected tableRef: _lucca_front_ng_data_table.DataTableComponent;
+    protected tableRef: _lucca_front_ng_data_table.DataTableComponent | null;
     readonly selected: _angular_core.ModelSignal<boolean>;
-    readonly selectedLabel: _angular_core.InputSignal<string>;
+    readonly selectedLabel: _angular_core.InputSignal<string | null>;
     readonly mixed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableRowComponent, never>;
@@ -88,7 +90,10 @@ declare class DataTableRowComponent {
 
 declare class DataTableComponent implements OnInit {
     #private;
-    readonly tableRef: _angular_core.Signal<ElementRef<Element>>;
+    readonly tableRef: _angular_core.Signal<ElementRef<Element> | undefined>;
+    /**
+     * @deprecated No replacement: rows without an action should not have a hover effect.
+     */
     readonly hover: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly layoutFixed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
@@ -98,10 +103,10 @@ declare class DataTableComponent implements OnInit {
     readonly noOverflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly empty: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly responsive: _angular_core.InputSignal<Partial<Record<"layoutFixedAtMediaMinXXXS" | "layoutFixedAtMediaMinXXS" | "layoutFixedAtMediaMinXS" | "layoutFixedAtMediaMinS" | "layoutFixedAtMediaMinM" | "layoutFixedAtMediaMinL" | "layoutFixedAtMediaMinXL" | "layoutFixedAtMediaMinXXL" | "layoutFixedAtMediaMinXXXL" | "layoutFixedAtContainerMinXXXS" | "layoutFixedAtContainerMinXXS" | "layoutFixedAtContainerMinXS" | "layoutFixedAtContainerMinS" | "layoutFixedAtContainerMinM" | "layoutFixedAtContainerMinL" | "layoutFixedAtContainerMinXL" | "layoutFixedAtContainerMinXXL" | "layoutFixedAtContainerMinXXXL", true>>>;
-    readonly verticalAlign: _angular_core.InputSignal<"top" | "middle" | "bottom">;
+    readonly verticalAlign: _angular_core.InputSignal<"top" | "middle" | "bottom" | null>;
     readonly rows: _angular_core.Signal<readonly DataTableRowComponent[]>;
-    readonly header: _angular_core.Signal<DataTableHeadComponent>;
-    readonly stickyHeader: _angular_core.Signal<boolean>;
+    readonly header: _angular_core.Signal<DataTableHeadComponent | undefined>;
+    readonly stickyHeader: _angular_core.Signal<boolean | undefined>;
     readonly stickyColsStart: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     readonly stickyColsEnd: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     readonly firstColumnVisibleAfterColsStart: _angular_core.WritableSignal<boolean>;
@@ -110,10 +115,10 @@ declare class DataTableComponent implements OnInit {
     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 cols: _angular_core.Signal<readonly _lucca_front_ng_data_table.DataTableRowCellHeaderComponent[] | undefined>;
     readonly classMods: _angular_core.Signal<{
         dataTable: boolean;
-        "mod-stickyHeader": boolean;
+        "mod-stickyHeader": boolean | undefined;
         "mod-hover": boolean;
         "mod-cellBorder": boolean;
         "mod-verticalAlignTop": boolean;

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

@@ -76,7 +76,7 @@ declare class LuCalendarItemFactory<D> {
     forgeYear(d: D, format?: string): YearItem<D>;
     forgeDecade(d: D, format?: string): DecadeItem<D>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuCalendarItemFactory<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuCalendarItemFactory<any>>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class LuCalendarInputComponent<D> extends ALuInput<D> implements ControlValueAccessor, OnInit, Validator {
@@ -84,10 +84,10 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     private _factory;
     private _adapter;
     readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_date.LuCalendarInputLabel, Partial<_lucca_front_ng_date.LuCalendarInputLabel>>;
-    readonly min: i0.InputSignal<D>;
-    readonly max: i0.InputSignal<D>;
+    readonly min: i0.InputSignal<D | undefined>;
+    readonly max: i0.InputSignal<D | undefined>;
     readonly granularity: i0.InputSignal<string>;
-    readonly startOn: i0.InputSignal<D>;
+    readonly startOn: i0.InputSignal<D | undefined>;
     viewGranularity: LuDateGranularity;
     header: ICalendarItem<D>;
     items: ICalendarItem<D>[];
@@ -132,10 +132,10 @@ declare const luCalendarInputTranslations: LuTranslation<LuCalendarInputLabel>;
 declare class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
     private _adapter;
     _value: D;
-    readonly min: i0.InputSignal<D>;
-    readonly max: i0.InputSignal<D>;
+    readonly min: i0.InputSignal<D | undefined>;
+    readonly max: i0.InputSignal<D | undefined>;
     readonly granularity: i0.InputSignal<string>;
-    readonly startOn: i0.InputSignal<D>;
+    readonly startOn: i0.InputSignal<D | undefined>;
     close: EventEmitter<void>;
     open: EventEmitter<void>;
     hovered: EventEmitter<boolean>;
@@ -162,8 +162,8 @@ declare class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
 declare class LuDateInputDirective<D> extends ALuInput<D, HTMLInputElement> implements Validator {
     private _adapter;
     private _focused;
-    readonly min: i0.InputSignal<D>;
-    readonly max: i0.InputSignal<D>;
+    readonly min: i0.InputSignal<D | undefined>;
+    readonly max: i0.InputSignal<D | undefined>;
     readonly granularity: i0.InputSignal<string>;
     readonly placeHolderInput: i0.InputSignal<string>;
     set placeholder(p: string);
@@ -186,11 +186,11 @@ declare class LuDateSelectInputComponent<D> extends ALuSelectInputComponent<D> i
     protected _viewContainerRef: ViewContainerRef;
     protected _renderer: Renderer2;
     private _adapter;
-    readonly min: i0.InputSignal<D>;
-    readonly max: i0.InputSignal<D>;
+    readonly min: i0.InputSignal<D | undefined>;
+    readonly max: i0.InputSignal<D | undefined>;
     readonly granularity: i0.InputSignal<string>;
     readonly hideClearer: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly startOn: i0.InputSignal<D>;
+    readonly startOn: i0.InputSignal<D | undefined>;
     protected _startOn: D;
     get format(): string;
     constructor(_changeDetectorRef: ChangeDetectorRef, _overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2, _adapter: ALuDateAdapter<D>);
@@ -226,7 +226,7 @@ declare class LuHumanizeDateFormatter {
     #private;
     format(relativeTime: LuRelativeTime): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuHumanizeDateFormatter, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuHumanizeDateFormatter>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class LuHumanizeDatePipe implements PipeTransform {