@lucca-front/ng 22.1.0 → 22.1.1

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

@@ -3,7 +3,7 @@ import * as _angular_core from '@angular/core';
 declare class ContainerComponent {
     readonly center: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly overflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
+    readonly max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL" | null>;
     readonly classesConfig: _angular_core.Signal<{
         [x: string]: boolean;
         "mod-center": boolean;

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

@@ -90,16 +90,16 @@ declare class LuCoreSelectApiV3Directive<T extends ILuApiItem> extends ALuCoreSe
     protected httpClient: HttpClient;
     readonly apiV3: _angular_core.InputSignal<string>;
     readonly fields: _angular_core.InputSignal<string>;
-    readonly orderBy: _angular_core.InputSignal<string>;
+    readonly orderBy: _angular_core.InputSignal<string | null>;
     readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
     protected readonly url$: Observable<string>;
     protected readonly fields$: Observable<string>;
-    protected readonly orderBy$: Observable<string>;
+    protected readonly orderBy$: Observable<string | null>;
     protected readonly filters$: Observable<Record<string, string | number | boolean>>;
     protected params$: Observable<{
-        name?: string;
-        orderBy?: string;
-        fields?: string;
+        name?: string | undefined;
+        orderBy?: string | undefined;
+        fields?: string | undefined;
     }>;
     totalCount$: Observable<number>;
     protected getOptions(params: Record<string, string | number | boolean>, page: number): Observable<T[]>;
@@ -110,11 +110,11 @@ declare class LuCoreSelectApiV3Directive<T extends ILuApiItem> extends ALuCoreSe
 
 declare class LuCoreSelectApiV4Directive<T extends ILuApiItem> extends ALuCoreSelectApiDirective<T> implements CoreSelectApiTotalCountProvider {
     readonly apiV4: _angular_core.ModelSignal<string>;
-    readonly sort: _angular_core.InputSignal<string>;
+    readonly sort: _angular_core.InputSignal<string | null>;
     readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     protected httpClient: HttpClient;
-    protected readonly clue: _angular_core.Signal<string>;
+    protected readonly clue: _angular_core.Signal<string | undefined>;
     protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     readonly totalCount$: Observable<number>;

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

@@ -21,10 +21,12 @@ declare class LuCoreSelectDepartmentsDirective<T extends ILuDepartment = ILuDepa
     protected httpClient: HttpClient;
     readonly url: _angular_core.InputSignal<string>;
     readonly countUrl: _angular_core.InputSignal<string>;
-    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
-    readonly operationIds: _angular_core.InputSignal<readonly number[]>;
-    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
-    readonly appInstanceId: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
+    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean> | null>;
+    /** @deprecated use `uniqueOperationIds` instead */
+    readonly operationIds: _angular_core.InputSignal<readonly number[] | null>;
+    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[] | null>;
+    /** @deprecated use `uniqueOperationIds` instead */
+    readonly appInstanceId: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     ngOnInit(): void;
     protected getOptionsPage(params: Record<string, string | number | boolean> | null, page: number): Observable<{
@@ -37,7 +39,7 @@ declare class LuCoreSelectDepartmentsDirective<T extends ILuDepartment = ILuDepa
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     readonly totalCount$: Observable<number>;
     protected flattenTree(branch: TreeNode<T>): T[];
-    protected optionKey: (option: TreeNode<T> | T) => number;
+    protected optionKey: (option: TreeNode<T> | T) => number | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuCoreSelectDepartmentsDirective<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectDepartmentsDirective<any>, "lu-simple-select[departments],lu-multi-select[departments]", ["luDepartments"], { "url": { "alias": "url"; "required": false; "isSignal": true; }; "countUrl": { "alias": "countUrl"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "operationIds": { "alias": "operationIds"; "required": false; "isSignal": true; }; "uniqueOperationIds": { "alias": "uniqueOperationIds"; "required": false; "isSignal": true; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; "isSignal": true; }; "searchDelimiter": { "alias": "searchDelimiter"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopTreeSelectDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -32,12 +32,14 @@ declare class LuCoreSelectEstablishmentsDirective<T extends LuCoreSelectEstablis
     #private;
     protected httpClient: HttpClient;
     readonly url: _angular_core.InputSignal<string>;
-    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
-    readonly operationIds: _angular_core.InputSignal<readonly number[]>;
-    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
-    readonly appInstanceId: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
+    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean> | null>;
+    /** @deprecated use `uniqueOperationIds` instead */
+    readonly operationIds: _angular_core.InputSignal<readonly number[] | null>;
+    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[] | null>;
+    /** @deprecated use `uniqueOperationIds` instead */
+    readonly appInstanceId: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
-    protected readonly clue: _angular_core.Signal<string>;
+    protected readonly clue: _angular_core.Signal<string | undefined>;
     ngOnInit(): void;
     protected initGrouping(): void;
     protected buildParamsFromClue(clue: string): Observable<Record<string, string | number | boolean>>;

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

@@ -17,9 +17,9 @@ declare class LuCoreSelectJobQualificationsDirective<T extends LuCoreSelectJobQu
     #private;
     protected httpClient: HttpClient;
     readonly url: _angular_core.InputSignal<string>;
-    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
+    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean> | null>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
-    protected readonly clue: _angular_core.Signal<string>;
+    protected readonly clue: _angular_core.Signal<string | undefined>;
     constructor();
     protected buildParamsFromClue(clue: string): Observable<Record<string, string | number | boolean>>;
     /**

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

@@ -37,12 +37,12 @@ interface LuCoreSelectLegalUnit extends ILuApiItem {
 declare class LuCoreSelectLegalUnitsDirective<T extends LuCoreSelectLegalUnit = LuCoreSelectLegalUnit> extends ALuCoreSelectApiDirective<T> implements OnInit, CoreSelectApiTotalCountProvider {
     protected httpClient: HttpClient;
     readonly url: _angular_core.InputSignal<string>;
-    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
-    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
+    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean> | null>;
+    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[] | null>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     readonly enableArchivedLegalUnits: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly includeArchivedLegalUnits: _angular_core.WritableSignal<boolean>;
-    protected readonly clue: _angular_core.Signal<string>;
+    protected readonly clue: _angular_core.Signal<string | undefined>;
     constructor();
     protected buildParamsFromClue(clue: string): Observable<Record<string, string | number | boolean>>;
     protected getOptions(params: Record<string, string | number | boolean> | null, page: number): Observable<T[]>;

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

@@ -11,9 +11,9 @@ type LuCoreSelectOccupationCategory = ILuApiItem;
 declare class LuCoreSelectOccupationCategoriesDirective<T extends LuCoreSelectOccupationCategory = LuCoreSelectOccupationCategory> extends ALuCoreSelectApiDirective<T> implements OnInit, CoreSelectApiTotalCountProvider {
     protected httpClient: HttpClient;
     readonly url: _angular_core.InputSignal<string>;
-    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
+    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean> | null>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
-    protected readonly clue: _angular_core.Signal<string>;
+    protected readonly clue: _angular_core.Signal<string | undefined>;
     protected buildParamsFromClue(clue: string): Observable<Record<string, string | number | boolean>>;
     protected getOptions(params: Record<string, string | number | boolean> | null, page: number): Observable<T[]>;
     protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;

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

@@ -36,30 +36,32 @@ declare class LuCoreSelectUsersDirective<T extends LuCoreSelectUser = LuCoreSele
     currentUserId: number;
     readonly displayFormat: _angular_core.InputSignal<LuDisplayFormat>;
     readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
-    readonly url: _angular_core.InputSignal<string>;
-    readonly orderBy: _angular_core.InputSignal<string>;
-    readonly operationIds: _angular_core.InputSignal<readonly number[]>;
-    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
-    readonly appInstanceId: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
+    readonly url: _angular_core.InputSignal<string | null>;
+    readonly orderBy: _angular_core.InputSignal<string | null>;
+    /** @deprecated use `uniqueOperationIds` instead */
+    readonly operationIds: _angular_core.InputSignal<readonly number[] | null>;
+    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[] | null>;
+    /** @deprecated use `uniqueOperationIds` instead */
+    readonly appInstanceId: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
     readonly enableFormerEmployees: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly displayMeOption: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly customUserOptionTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<T>>>;
+    readonly customUserOptionTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<T>> | undefined>;
     readonly includeFormerEmployees: _angular_core.WritableSignal<boolean>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     constructor();
     protected readonly defaultUrl: _angular_core.Signal<string>;
     protected readonly urlOrDefault: _angular_core.Signal<string>;
-    protected readonly clue: _angular_core.Signal<string>;
+    protected readonly clue: _angular_core.Signal<string | undefined>;
     protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     protected readonly meParams$: Observable<{
         id: number;
-        appInstanceId?: number;
-        operations?: string;
-        uniqueOperations?: string;
+        appInstanceId?: number | undefined;
+        operations?: string | undefined;
+        uniqueOperations?: string | undefined;
         fields: string;
     }>;
-    protected readonly me$: Observable<T>;
+    protected readonly me$: Observable<T | null>;
     readonly totalCount$: Observable<number>;
     protected getMe(): Observable<T | null>;
     protected getOptions(params: Record<string, string | number | boolean>, page: number): Observable<T[]>;
@@ -79,7 +81,7 @@ declare class LuCoreSelectUsersDirective<T extends LuCoreSelectUser = LuCoreSele
 }
 declare class LuCoreSelectUserOptionDirective<T extends LuCoreSelectUser = LuCoreSelectUser> {
     #private;
-    readonly usersDirective: _angular_core.InputSignal<LuCoreSelectUsersDirective<T>>;
+    readonly usersDirective: _angular_core.InputSignal<LuCoreSelectUsersDirective<T> | null>;
     constructor();
     static ngTemplateContextGuard<T extends LuCoreSelectUser>(_dir: LuCoreSelectUserOptionDirective<T>, _ctx: unknown): _ctx is {
         $implicit: T;

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

@@ -63,7 +63,7 @@ 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 `S` breakpoint the select
+ * 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.
  *
@@ -72,7 +72,7 @@ type CoreSelectAddOptionStrategy = 'never' | 'always' | 'if-empty-clue' | 'if-no
  */
 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
@@ -97,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>;
@@ -147,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>;
@@ -180,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.
@@ -294,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;
@@ -310,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>;
@@ -320,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;
@@ -334,12 +334,12 @@ 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.
      *
@@ -365,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">;
@@ -373,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
      */
@@ -398,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;
@@ -411,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;
@@ -468,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>;
@@ -498,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>;
@@ -527,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;
@@ -552,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>;
@@ -588,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>;

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

@@ -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",
@@ -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,16 +32,16 @@ declare abstract class BaseDataTableCell {
 declare class DataTableRowCellHeaderComponent extends BaseDataTableCell implements AfterContentInit {
     #private;
     readonly elementRef: ElementRef<HTMLTableCellElement>;
-    readonly sort: _angular_core.InputSignal<"none" | "ascending" | "descending">;
+    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">;
-    readonly fixedWidth: _angular_core.InputSignal<string>;
-    readonly inlineSize: _angular_core.InputSignal<string>;
+    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>;
@@ -50,10 +50,10 @@ declare class DataTableRowCellHeaderComponent extends BaseDataTableCell implemen
 
 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>;
 }
@@ -74,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>;
@@ -90,7 +90,7 @@ 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.
      */
@@ -103,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>;
@@ -115,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;