@lucca-front/ng 22.1.0 → 22.1.1

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

@@ -11,21 +11,21 @@ declare const GRID_COLUMN_RESPONSIVE: readonly ["row", "column", "rowspan", "col
 type GridColumnResponsive = (typeof GRID_COLUMN_RESPONSIVE)[number];
 
 declare class GridColumnComponent {
-    readonly colspan: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly rowspan: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly column: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly row: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | "auto">;
-    readonly justify: _angular_core.InputSignal<"start" | "center" | "end" | "auto">;
+    readonly colspan: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly rowspan: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly column: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly row: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | "auto" | null>;
+    readonly justify: _angular_core.InputSignal<"start" | "center" | "end" | "auto" | null>;
     readonly responsive: _angular_core.InputSignal<Partial<Record<"rowAtMediaMinXXXS" | "columnAtMediaMinXXXS" | "rowspanAtMediaMinXXXS" | "colspanAtMediaMinXXXS" | "rowAtMediaMinXXS" | "columnAtMediaMinXXS" | "rowspanAtMediaMinXXS" | "colspanAtMediaMinXXS" | "rowAtMediaMinXS" | "columnAtMediaMinXS" | "rowspanAtMediaMinXS" | "colspanAtMediaMinXS" | "rowAtMediaMinS" | "columnAtMediaMinS" | "rowspanAtMediaMinS" | "colspanAtMediaMinS" | "rowAtMediaMinM" | "columnAtMediaMinM" | "rowspanAtMediaMinM" | "colspanAtMediaMinM" | "rowAtMediaMinL" | "columnAtMediaMinL" | "rowspanAtMediaMinL" | "colspanAtMediaMinL" | "rowAtMediaMinXL" | "columnAtMediaMinXL" | "rowspanAtMediaMinXL" | "colspanAtMediaMinXL" | "rowAtMediaMinXXL" | "columnAtMediaMinXXL" | "rowspanAtMediaMinXXL" | "colspanAtMediaMinXXL" | "rowAtMediaMinXXXL" | "columnAtMediaMinXXXL" | "rowspanAtMediaMinXXXL" | "colspanAtMediaMinXXXL" | "rowAtContainerMinXXXS" | "columnAtContainerMinXXXS" | "rowspanAtContainerMinXXXS" | "colspanAtContainerMinXXXS" | "rowAtContainerMinXXS" | "columnAtContainerMinXXS" | "rowspanAtContainerMinXXS" | "colspanAtContainerMinXXS" | "rowAtContainerMinXS" | "columnAtContainerMinXS" | "rowspanAtContainerMinXS" | "colspanAtContainerMinXS" | "rowAtContainerMinS" | "columnAtContainerMinS" | "rowspanAtContainerMinS" | "colspanAtContainerMinS" | "rowAtContainerMinM" | "columnAtContainerMinM" | "rowspanAtContainerMinM" | "colspanAtContainerMinM" | "rowAtContainerMinL" | "columnAtContainerMinL" | "rowspanAtContainerMinL" | "colspanAtContainerMinL" | "rowAtContainerMinXL" | "columnAtContainerMinXL" | "rowspanAtContainerMinXL" | "colspanAtContainerMinXL" | "rowAtContainerMinXXL" | "columnAtContainerMinXXL" | "rowspanAtContainerMinXXL" | "colspanAtContainerMinXXL" | "rowAtContainerMinXXXL" | "columnAtContainerMinXXXL" | "rowspanAtContainerMinXXXL" | "colspanAtContainerMinXXXL", number>>>;
     protected gridRef: _lucca_front_ng_grid.GridComponent;
     readonly style: _angular_core.Signal<{
-        '--grid-colspan': number;
-        '--grid-rowspan': number;
-        '--grid-column': number;
-        '--grid-row': number;
-        '--grid-align': "start" | "center" | "end" | "auto";
-        '--grid-justify': "start" | "center" | "end" | "auto";
+        '--grid-colspan': number | null;
+        '--grid-rowspan': number | null;
+        '--grid-column': number | null;
+        '--grid-row': number | null;
+        '--grid-align': "start" | "center" | "end" | "auto" | null;
+        '--grid-justify': "start" | "center" | "end" | "auto" | null;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridColumnComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridColumnComponent, "lu-grid-column, [lu-grid-column]", never, { "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "row": { "alias": "row"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -40,18 +40,18 @@ type GridMode = (typeof GRID_MODE)[number] | ResponsiveProperty<'auto'>;
 declare class GridComponent {
     #private;
     readonly container: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly columns: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly colspan: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly rowspan: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly mode: _angular_core.InputSignal<GridMode>;
-    readonly gap: _angular_core.InputSignal<`${number}${string}`>;
-    readonly columnGap: _angular_core.InputSignal<`${number}${string}`>;
-    readonly rowGap: _angular_core.InputSignal<`${number}${string}`>;
+    readonly columns: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly colspan: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly rowspan: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly mode: _angular_core.InputSignal<GridMode | null>;
+    readonly gap: _angular_core.InputSignal<`${number}${string}` | null>;
+    readonly columnGap: _angular_core.InputSignal<`${number}${string}` | null>;
+    readonly rowGap: _angular_core.InputSignal<`${number}${string}` | null>;
     protected readonly gridStyle: _angular_core.Signal<{
-        '--grid-columns': number;
-        '--grid-gap': string;
-        '--grid-column-gap': string;
-        '--grid-row-gap': string;
+        '--grid-columns': number | null;
+        '--grid-gap': string | null;
+        '--grid-column-gap': string | null;
+        '--grid-row-gap': string | null;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent, "lu-grid, [lu-grid]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "columnGap": { "alias": "columnGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

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

@@ -28,11 +28,11 @@ declare class HighlightDataComponent {
     /**
      * Add text below the content
      */
-    readonly subText: _angular_core.InputSignal<PortalContent>;
+    readonly subText: _angular_core.InputSignal<PortalContent | undefined>;
     /**
      * Define a bubble style based on the CDN image bubble number
      */
-    readonly bubble: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly bubble: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     /**
      * Define a specific them white light or dark. (White by default)
      */
@@ -46,11 +46,11 @@ declare class HighlightDataComponent {
      * Main illustration
      * An URL can be apply for custom images
      */
-    readonly illustration: _angular_core.InputSignal<string>;
+    readonly illustration: _angular_core.InputSignal<string | undefined>;
     /**
      * Which size should the highlight data be? XS to medium
      */
-    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
+    readonly size: _angular_core.InputSignal<"XS" | "S" | "M" | null>;
     /**
      * Adjust layout to text value
      */
@@ -59,7 +59,7 @@ declare class HighlightDataComponent {
      * Displayed in nested mode
      */
     readonly nested: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly illustrationSrc: _angular_core.Signal<string>;
+    readonly illustrationSrc: _angular_core.Signal<string | undefined>;
     readonly bubbleSrc: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HighlightDataComponent, never>;

package/types/lucca-front-ng-highlight-section.d.ts

@@ -12,6 +12,9 @@ type HighlightSectionBubble = (typeof HIGHLIGHT_SECTION_BUBBLE)[number];
 declare const HIGHLIGHT_SECTION_ILLUSTRATION: readonly ["coffee", "cookie", "error", "glasses", "lock", "lucca", "paiement-card", "party-favor", "plant-01", "plant-02", "plug", "pola", "post-its", "tea"];
 type HighlightSectionIllustration = (typeof HIGHLIGHT_SECTION_ILLUSTRATION)[number];
 
+/**
+ * @deprecated Will be replaced by `lu-box` in v22.2.
+ */
 declare class HighlightSectionComponent {
     /**
      * Define a specific theme white light or dark. (White by default)
@@ -26,13 +29,13 @@ declare class HighlightSectionComponent {
      * Define an ornament style based on the CDN image bubble number.
      * Ornaments are hidden when this input is not set.
      */
-    readonly bubbleStart: _angular_core.InputSignal<number>;
-    readonly bubbleEnd: _angular_core.InputSignal<number>;
+    readonly bubbleStart: _angular_core.InputSignal<number | undefined>;
+    readonly bubbleEnd: _angular_core.InputSignal<number | undefined>;
     /**
      * Illustration displayed at the end of the content
      * An URL can be apply for custom images
      */
-    readonly illustration: _angular_core.InputSignal<string>;
+    readonly illustration: _angular_core.InputSignal<string | undefined>;
     readonly bubbleStartSrc: _angular_core.Signal<string>;
     readonly bubbleEndSrc: _angular_core.Signal<string>;
     readonly illustrationSrc: _angular_core.Signal<string>;

package/types/lucca-front-ng-horizontal-navigation.d.ts

@@ -21,24 +21,24 @@ declare class HorizontalNavigationTabComponent {
 }
 
 declare class HorizontalNavigationComponent {
-    readonly dialogRef: LuDialogRef<any, any>;
+    readonly dialogRef: LuDialogRef<any, any> | null;
     readonly links: _angular_core.Signal<readonly HorizontalNavigationLinkDirective[]>;
     readonly tabs: _angular_core.Signal<readonly HorizontalNavigationTabComponent[]>;
     readonly buttons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
     readonly noBorder: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly container: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple" | null>;
     readonly paletteClass: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
     /**
      * Which size should the horizontal navigation be? Defaults and small
      */
-    readonly size: _angular_core.InputSignal<"S">;
+    readonly size: _angular_core.InputSignal<"S" | null>;
     readonly isTablist: _angular_core.Signal<boolean>;
     readonly currentIndex: _angular_core.ModelSignal<number>;
-    readonly selectedIndex: _angular_core.Signal<number>;
+    readonly selectedIndex: _angular_core.Signal<number | null>;
     constructor();
     navigateToFirstEnabledTab(): void;
     navigateToLastEnabledTab(): void;

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

@@ -12,23 +12,25 @@ declare class ImpersonationComponent {
     protected readonly elementRef: ElementRef<any>;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & _lucca_front_ng_impersonation.LuImpersonationTranslations, Partial<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & _lucca_front_ng_impersonation.LuImpersonationTranslations>>;
     protected readonly currentUserId: number;
-    readonly inputComponentRef: _angular_core.Signal<LuSimpleSelectInputComponent<ILuUser>>;
-    readonly popoverRef: _angular_core.Signal<PopoverDirective>;
-    readonly selectedUser: _angular_core.ModelSignal<ILuUser>;
+    readonly inputComponentRef: _angular_core.Signal<LuSimpleSelectInputComponent<ILuUser> | undefined>;
+    readonly popoverRef: _angular_core.Signal<PopoverDirective | undefined>;
+    readonly selectedUser: _angular_core.ModelSignal<ILuUser | undefined>;
     readonly enableFormerEmployees: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Restricts the users to the ones reachable through these operations, scoped by `appInstanceId`.
+     * @deprecated use `uniqueOperationIds` instead
      */
-    readonly operationIds: _angular_core.InputSignal<readonly number[]>;
+    readonly operationIds: _angular_core.InputSignal<readonly number[] | null>;
     /**
      * Restricts the users to the ones reachable through these unique operations.
      * Takes precedence over `operationIds` / `appInstanceId`, which the API then ignores.
      */
-    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
+    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[] | null>;
     /**
      * Application instance the `operationIds` are scoped to. Unused with `uniqueOperationIds`.
+     * @deprecated use `uniqueOperationIds` instead
      */
-    readonly appInstanceId: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
+    readonly appInstanceId: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
     readonly isNotMe: _angular_core.Signal<boolean>;
     readonly clear: _angular_core.OutputEmitterRef<void>;
     readonly popoverPositions: ConnectionPositionPair[];

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

@@ -15,8 +15,8 @@ declare class IndexTableActionComponent {
 }
 
 declare class IndexTableBodyComponent {
-    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_index_table.IndexTableComponent;
@@ -27,12 +27,12 @@ declare class IndexTableBodyComponent {
 
 declare abstract class BaseIndexTableCell {
     readonly tableRef: _lucca_front_ng_index_table.IndexTableComponent;
-    readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent;
-    readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent;
-    readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent;
+    readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent | null;
+    readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent | null;
+    readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent | null;
     readonly rowRef: _lucca_front_ng_index_table.IndexTableRowComponent;
-    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
-    readonly alignCol: _angular_core.Signal<"start" | "center" | "end">;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | null>;
+    readonly alignCol: _angular_core.Signal<"start" | "center" | "end" | null | undefined>;
     readonly position: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseIndexTableCell, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseIndexTableCell, "lu-base-index-table-cell", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -40,15 +40,15 @@ declare abstract class BaseIndexTableCell {
 
 declare class IndexTableRowCellHeaderComponent extends BaseIndexTableCell {
     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">;
+    protected readonly currentSort: _angular_core.WritableSignal<"none" | "ascending" | "descending" | null>;
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly actions: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly inlineSize: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     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>;
     toggleSort(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableRowCellHeaderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowCellHeaderComponent, "th[luIndexTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, ["*"], true, never>;
@@ -57,7 +57,7 @@ declare class IndexTableRowCellHeaderComponent extends BaseIndexTableCell {
 declare class IndexTableRowCellComponent extends BaseIndexTableCell {
     readonly allowTextSelection: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly tfoot: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly actions: _angular_core.Signal<boolean>;
+    readonly actions: _angular_core.Signal<boolean | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableRowCellComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowCellComponent, "td[luIndexTableCell]", never, { "allowTextSelection": { "alias": "allowTextSelection"; "required": false; "isSignal": true; }; "tfoot": { "alias": "tfoot"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -76,14 +76,14 @@ declare class IndexTableHeadComponent {
 
 declare class IndexTableRowComponent implements LuTooltipAnchorRef {
     #private;
-    readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent;
-    readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent;
-    readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent;
+    readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent | null;
+    readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent | null;
+    readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent | null;
     readonly cells: _angular_core.Signal<readonly BaseIndexTableCell[]>;
     protected tableRef: _lucca_front_ng_index_table.IndexTableComponent;
     getElementRef(): ElementRef<HTMLTableRowElement>;
     readonly selected: _angular_core.ModelSignal<boolean>;
-    readonly selectedLabel: _angular_core.InputSignal<string>;
+    readonly selectedLabel: _angular_core.InputSignal<string | null>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly mixed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly stack: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
@@ -92,14 +92,14 @@ declare class IndexTableRowComponent implements LuTooltipAnchorRef {
 }
 
 declare class IndexTableComponent {
-    readonly tableRef: _angular_core.Signal<ElementRef<Element>>;
+    readonly tableRef: _angular_core.Signal<ElementRef<Element> | undefined>;
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly layoutFixed: _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 rows: _angular_core.Signal<readonly IndexTableRowComponent[]>;
-    readonly header: _angular_core.Signal<IndexTableHeadComponent>;
-    readonly cols: _angular_core.Signal<readonly _lucca_front_ng_index_table.IndexTableRowCellHeaderComponent[]>;
+    readonly header: _angular_core.Signal<IndexTableHeadComponent | undefined>;
+    readonly cols: _angular_core.Signal<readonly _lucca_front_ng_index_table.IndexTableRowCellHeaderComponent[] | undefined>;
     readonly classMods: _angular_core.Signal<{
         indexTable: boolean;
         "mod-selectable": boolean;

package/types/lucca-front-ng-inline-message.d.ts

@@ -19,11 +19,11 @@ declare class InlineMessageComponent {
     /**
      * Inline message state
      */
-    readonly state: _angular_core.InputSignal<"success" | "warning" | "error" | "default">;
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error" | "default" | undefined>;
     /**
      * Which size should the inline message be? Default, medium or small
      */
-    readonly size: _angular_core.InputSignal<"S" | "M">;
+    readonly size: _angular_core.InputSignal<"S" | "M" | undefined>;
     /**
      * Defines whether a tooltip is used in the inline message component
      */

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

@@ -1,14 +1,27 @@
 import * as _lucca_front_ng_data_table from '@lucca-front/ng/data-table';
 import * as _lucca_front_ng_index_table from '@lucca-front/ng/index-table';
 import * as _angular_core from '@angular/core';
-import { Renderer2, ElementRef, WritableSignal, InjectionToken } from '@angular/core';
+import { WritableSignal, Renderer2, ElementRef, InjectionToken } from '@angular/core';
 import * as _lucca_front_ng_link from '@lucca-front/ng/link';
 import { LocationStrategy, Location } from '@angular/common';
 import { RouterLink, Router, ActivatedRoute, UrlTree } from '@angular/router';
 import { LuTranslation } from '@lucca-front/ng/core';
 
 declare class LuRouterLink extends RouterLink {
+    #private;
+    /**
+     * Href forced by `luLink` (raw `href`, external or disabled link). `undefined` lets the router compute it.
+     */
+    readonly hrefOverride: WritableSignal<string | null | undefined>;
+    protected readonly reactiveHref: WritableSignal<string | null>;
+    /**
+     * Href bound to the host element: `hrefOverride` when set, the router-computed href otherwise.
+     */
+    readonly resolvedHref: _angular_core.Signal<string | null>;
     constructor(router: Router, route: ActivatedRoute, tabIndexAttribute: string | null | undefined, renderer: Renderer2, el: ElementRef, locationStrategy?: LocationStrategy);
+    /**
+     * @deprecated a value written with `set()` is wiped on every navigation, use `hrefOverride` to force the href and `resolvedHref` to read it instead
+     */
     get publicReactiveHref(): WritableSignal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuRouterLink, [null, null, { attribute: "tabindex"; }, null, null, null]>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuRouterLink, "[luRouterLink]", never, {}, {}, never, never, true, never>;
@@ -20,8 +33,8 @@ declare class LinkComponent {
     readonly routerLink: LuRouterLink;
     readonly router: Router;
     readonly location: Location;
-    readonly insideIndexTable: _lucca_front_ng_index_table.IndexTableComponent;
-    readonly insideDataTable: _lucca_front_ng_data_table.DataTableComponent;
+    readonly insideIndexTable: _lucca_front_ng_index_table.IndexTableComponent | null;
+    readonly insideDataTable: _lucca_front_ng_data_table.DataTableComponent | null;
     /**
      * Target page address. Use only for external links or pages not recognized by the router.
      */
@@ -29,7 +42,7 @@ declare class LinkComponent {
     /**
      * Target page address
      */
-    readonly routerLinkCommands: _angular_core.InputSignal<string | readonly any[] | UrlTree>;
+    readonly routerLinkCommands: _angular_core.InputSignal<string | readonly any[] | UrlTree | null | undefined>;
     /**
      * Disables the link
      */

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

@@ -20,13 +20,13 @@ declare class ListboxComponent {
     /**
      * Listbox state
      */
-    readonly state: _angular_core.InputSignal<"loading" | "empty">;
+    readonly state: _angular_core.InputSignal<"loading" | "empty" | null>;
     /**
      * Add message when listbox state loading or empty
      */
-    readonly statusMsg: _angular_core.InputSignal<string>;
+    readonly statusMsg: _angular_core.InputSignal<string | null>;
     readonly listboxId: string;
-    readonly skeletonWidth: _angular_core.Signal<string>;
+    readonly skeletonWidth: _angular_core.Signal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListboxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListboxComponent, "lu-listbox", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "statusMsg": { "alias": "statusMsg"; "required": false; "isSignal": true; }; }, {}, never, ["[listbox-header]", "*"], true, never>;
 }
@@ -37,7 +37,7 @@ declare class Treeitem {
 }
 declare class OptionComponent {
     #private;
-    readonly elementId: _angular_core.InputSignal<string>;
+    readonly elementId: _angular_core.InputSignal<string | null>;
     readonly checked: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly mixed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
@@ -48,22 +48,22 @@ declare class OptionComponent {
      * Overrides the generated id used to label the group, so consumers can provide
      * a deterministic id (e.g. derived from a select id and a group key).
      */
-    readonly groupId: _angular_core.InputSignal<string>;
+    readonly groupId: _angular_core.InputSignal<string | null>;
     readonly select: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly selectAll: _angular_core.InputSignal<"string">;
+    readonly selectAll: _angular_core.InputSignal<"string" | null | undefined>;
     readonly multiple: _angular_core.Signal<boolean>;
     readonly tree: _angular_core.Signal<boolean>;
     readonly empty: _angular_core.Signal<boolean>;
-    readonly id: _angular_core.Signal<string>;
+    readonly id: _angular_core.Signal<string | null>;
     readonly groupLabelId: _angular_core.Signal<string>;
-    readonly treeitemContent: _angular_core.Signal<Treeitem>;
+    readonly treeitemContent: _angular_core.Signal<Treeitem | undefined>;
     /**
      * Depth of the nested `[treeitem]` wrapper, for consumers that hand their own projected
      * content over to this option: a content query does not cross an `ng-content` boundary, so
      * the option can then neither see those children nor derive the depth it sits at. Setting it
      * renders the wrapper and pins its level; leave it null to let both be worked out here.
      */
-    readonly treeitemLevel: _angular_core.InputSignal<number>;
+    readonly treeitemLevel: _angular_core.InputSignal<number | null>;
     readonly level: number;
     readonly hasTreeitems: _angular_core.Signal<boolean>;
     readonly wrapperLevel: _angular_core.Signal<number>;

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

@@ -7,7 +7,7 @@ declare class ListingItemComponent {
     /**
      * Adds an icon to the listing item
      */
-    readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    readonly icon: _angular_core.InputSignal<LuccaIcon | null>;
     readonly critical: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListingItemComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListingItemComponent, "lu-listing-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "critical": { "alias": "critical"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -55,11 +55,22 @@ declare class ListingComponent {
      * Reversed the listing
      */
     readonly reversed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    /**
+     * Modifies the size of the listing
+     */
+    readonly size: _angular_core.InputSignal<"S" | null>;
     readonly paletteClass: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListingComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListingComponent, "lu-listing", never, { "ordered": { "alias": "ordered"; "required": false; "isSignal": true; }; "orderedFancy": { "alias": "orderedFancy"; "required": false; "isSignal": true; }; "checklist": { "alias": "checklist"; "required": false; "isSignal": true; }; "icons": { "alias": "icons"; "required": false; "isSignal": true; }; "defaultIcon": { "alias": "defaultIcon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "reversed": { "alias": "reversed"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListingComponent, "lu-listing", never, { "ordered": { "alias": "ordered"; "required": false; "isSignal": true; }; "orderedFancy": { "alias": "orderedFancy"; "required": false; "isSignal": true; }; "checklist": { "alias": "checklist"; "required": false; "isSignal": true; }; "icons": { "alias": "icons"; "required": false; "isSignal": true; }; "defaultIcon": { "alias": "defaultIcon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "reversed": { "alias": "reversed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { ListingComponent, ListingItemComponent };
+/**
+ * Available ListingComponent sizes
+ */
+declare const LISTING_SIZE: readonly ["S"];
+type ListingSize = (typeof LISTING_SIZE)[number];
+
+export { LISTING_SIZE, ListingComponent, ListingItemComponent };
+export type { ListingSize };

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

@@ -21,12 +21,12 @@ type DisplayMode = 'popin' | 'drawer' | 'fullPage'
 declare class LoadingComponent {
     #private;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_loading.LuLoadingLabel, Partial<_lucca_front_ng_loading.LuLoadingLabel>>;
-    readonly size: _angular_core.InputSignal<"L">;
+    readonly size: _angular_core.InputSignal<"L" | null>;
     readonly invert: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly block: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true" | "null">;
-    readonly template: _angular_core.InputSignal<DisplayMode>;
-    protected readonly defaultLabel: _angular_core.Signal<ElementRef<Comment>>;
+    readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean | null, boolean | "" | "false" | "true" | "null" | null>;
+    readonly template: _angular_core.InputSignal<DisplayMode | null>;
+    protected readonly defaultLabel: _angular_core.Signal<ElementRef<Comment> | undefined>;
     protected readonly isLabelHidden: _angular_core.Signal<boolean>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingComponent, never>;

package/types/lucca-front-ng-main-layout.d.ts

@@ -19,19 +19,19 @@ declare class MainLayoutComponent {
      * Sticks footer on the screen
      */
     readonly footerSticky: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly bubblesStartEnd: _angular_core.InputSignalWithTransform<1 | 2 | 3, unknown>;
-    readonly bubblesEndStart: _angular_core.InputSignalWithTransform<1 | 2 | 3, unknown>;
-    readonly illustrationStartEnd: _angular_core.InputSignal<string>;
-    readonly illustrationEndStart: _angular_core.InputSignal<string>;
+    readonly bubblesStartEnd: _angular_core.InputSignalWithTransform<1 | 2 | 3 | null, unknown>;
+    readonly bubblesEndStart: _angular_core.InputSignalWithTransform<1 | 2 | 3 | null, unknown>;
+    readonly illustrationStartEnd: _angular_core.InputSignal<string | null>;
+    readonly illustrationEndStart: _angular_core.InputSignal<string | null>;
     readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand">;
-    readonly responsive: _angular_core.InputSignal<"wideM">;
+    readonly responsive: _angular_core.InputSignal<"wideM" | null>;
     readonly hostClass: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    readonly illustrationStartEndUrl: _angular_core.Signal<string>;
-    readonly illustrationEndStartUrl: _angular_core.Signal<string>;
-    readonly bubblesIllustrationStartEnd: _angular_core.Signal<1 | 2 | 3>;
-    readonly bubblesIllustrationEndStart: _angular_core.Signal<1 | 2 | 3>;
+    readonly illustrationStartEndUrl: _angular_core.Signal<string | null>;
+    readonly illustrationEndStartUrl: _angular_core.Signal<string | null>;
+    readonly bubblesIllustrationStartEnd: _angular_core.Signal<1 | 2 | 3 | null>;
+    readonly bubblesIllustrationEndStart: _angular_core.Signal<1 | 2 | 3 | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MainLayoutComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MainLayoutComponent, "lu-main-layout", never, { "headerSticky": { "alias": "headerSticky"; "required": false; "isSignal": true; }; "footerSticky": { "alias": "footerSticky"; "required": false; "isSignal": true; }; "bubblesStartEnd": { "alias": "bubblesStartEnd"; "required": false; "isSignal": true; }; "bubblesEndStart": { "alias": "bubblesEndStart"; "required": false; "isSignal": true; }; "illustrationStartEnd": { "alias": "illustrationStartEnd"; "required": false; "isSignal": true; }; "illustrationEndStart": { "alias": "illustrationEndStart"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["[mainLayoutSidebar]", "[mainLayoutHeader]", "*", "[mainLayoutFooter]"], true, never>;
 }

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

@@ -68,8 +68,8 @@ declare abstract class ALuModalPanelComponent<T extends ILuModalContent> impleme
     protected readonly title$: Observable<string>;
     protected readonly submitLabel$: Observable<string>;
     protected readonly cancelLabel$: Observable<string>;
-    protected readonly submitCounter$: Observable<number>;
-    protected readonly submitDisabled$: Observable<boolean>;
+    protected readonly submitCounter$: Observable<number | undefined>;
+    protected readonly submitDisabled$: Observable<boolean | undefined>;
     protected readonly hasSubmitCounter$: Observable<boolean>;
     protected closeLabel: string;
     get isSubmitHidden(): boolean;