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

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

@@ -11,11 +11,11 @@ declare class ListboxComponent {
     /**
      * Applies multiple mod to the listbox
      */
-    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Defines listbox role tree or listbox by default
      */
-    readonly tree: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly tree: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Listbox state
      */
@@ -36,25 +36,19 @@ declare class Treeitem {
 }
 declare class OptionComponent {
     #private;
-    /**
-     * When true, the option is a purely visual layer: it carries no role nor aria attributes.
-     * The semantics (role, aria-selected, id) must then be carried by an ancestor element,
-     * e.g. the host of a select panel element directive. Selection and disabled states are
-     * exposed through the `is-selected` and `is-disabled` classes instead of aria attributes.
-     */
-    readonly presentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly mixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly hovered: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly add: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly elementId: _angular_core.InputSignal<string>;
+    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">;
+    readonly hovered: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly add: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly group: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * 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 select: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly select: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly selectAll: _angular_core.InputSignal<"string">;
     readonly multiple: _angular_core.Signal<boolean>;
     readonly tree: _angular_core.Signal<boolean>;
@@ -62,9 +56,18 @@ declare class OptionComponent {
     readonly id: _angular_core.Signal<string>;
     readonly groupLabelId: _angular_core.Signal<string>;
     readonly treeitemContent: _angular_core.Signal<Treeitem>;
+    /**
+     * 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 level: number;
+    readonly hasTreeitems: _angular_core.Signal<boolean>;
+    readonly wrapperLevel: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionComponent, "lu-listbox-option", never, { "presentation": { "alias": "presentation"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hovered": { "alias": "hovered"; "required": false; "isSignal": true; }; "add": { "alias": "add"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "groupId": { "alias": "groupId"; "required": false; "isSignal": true; }; "select": { "alias": "select"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; }, {}, ["treeitemContent"], ["*", "[group-action]", "[optgroup]", "[treeitem]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionComponent, "lu-listbox-option", never, { "elementId": { "alias": "elementId"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hovered": { "alias": "hovered"; "required": false; "isSignal": true; }; "add": { "alias": "add"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "groupId": { "alias": "groupId"; "required": false; "isSignal": true; }; "select": { "alias": "select"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "treeitemLevel": { "alias": "treeitemLevel"; "required": false; "isSignal": true; }; }, {}, ["treeitemContent"], ["*", "[group-action]", "[optgroup]", "[treeitem]"], true, never>;
 }
 
 declare const LISTBOX_INSTANCE: InjectionToken<ListboxComponent>;

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

@@ -8,7 +8,7 @@ declare class ListingItemComponent {
      * Adds an icon to the listing item
      */
     readonly icon: _angular_core.InputSignal<LuccaIcon>;
-    readonly critical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    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>;
 }
@@ -17,19 +17,19 @@ declare class ListingComponent {
     /**
      * Create HTMLOListElement
      */
-    readonly ordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ordered: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Create HTMLOListElement with fancy numbers
      */
-    readonly orderedFancy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly orderedFancy: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Applies checklist mod to the listing
      */
-    readonly checklist: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly checklist: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Adds an icon to the listing
      */
-    readonly icons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly icons: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Gives the desired icon.
      * If the icon input is not enabled it will not be displayed (signConfirm by default)
@@ -42,19 +42,19 @@ declare class ListingComponent {
     /**
      * Allows you to start a list at a value other than 1
      */
-    readonly start: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly start: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     /**
      * Applies inline mod to the listing
      */
-    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inline: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Applies divider between list item
      */
-    readonly divider: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly divider: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Reversed the listing
      */
-    readonly reversed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly reversed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly paletteClass: _angular_core.Signal<{
         [x: string]: boolean;
     }>;

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

@@ -12,9 +12,9 @@ type DisplayMode = 'popin' | 'drawer' | 'fullPage'
 declare class LoadingComponent {
     #private;
     readonly size: _angular_core.InputSignal<"L">;
-    readonly invert: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly block: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    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">;
     readonly template: _angular_core.InputSignal<DisplayMode>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingComponent, never>;

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

@@ -1,22 +1,53 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Signal } from '@angular/core';
 
 declare class MainLayoutBlockComponent {
-    readonly overflow: i0.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MainLayoutBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainLayoutBlockComponent, "lu-main-layout-block", never, { "overflow": { "alias": "overflow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    readonly overflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MainLayoutBlockComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MainLayoutBlockComponent, "lu-main-layout-block", never, { "overflow": { "alias": "overflow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class MainLayoutComponent {
+    readonly domain = "https://cdn.lucca.fr";
+    readonly path = "/transverse/prisme/visuals/main-layout/";
+    readonly extension = ".svg";
     /**
      * Sticks header on the screen
      */
-    readonly headerSticky: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly headerSticky: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Sticks footer on the screen
      */
-    readonly footerSticky: i0.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MainLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainLayoutComponent, "lu-main-layout", never, { "headerSticky": { "alias": "headerSticky"; "required": false; "isSignal": true; }; "footerSticky": { "alias": "footerSticky"; "required": false; "isSignal": true; }; }, {}, never, ["[mainLayoutSidebar]", "[mainLayoutHeader]", "*", "[mainLayoutFooter]"], true, never>;
+    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 palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand">;
+    readonly responsive: _angular_core.InputSignal<"wideM">;
+    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>;
+    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>;
 }
 
-export { MainLayoutBlockComponent, MainLayoutComponent };
+interface MainLayoutIllustrations {
+    readonly bubblesIllustrationStartEnd: Signal<number | null>;
+    readonly bubblesIllustrationEndStart: Signal<number | null>;
+    readonly illustrationStartEndUrl: Signal<string | null>;
+    readonly illustrationEndStartUrl: Signal<string | null>;
+}
+declare const LU_MAIN_LAYOUT_INSTANCE: InjectionToken<MainLayoutIllustrations>;
+
+declare const MAIN_LAYOUT_ILLUSTRATION_START_END: readonly ["generic/coffee-01", "generic/cookie-01", "generic/error-01", "generic/glasses-01", "generic/plant-01", "generic/plant-02", "generic/plug-01", "generic/polaroids-01", "generic/post-its-01", "generic/success-01", "generic/tea-01"];
+type MainLayoutIllustrationStartEnd = (typeof MAIN_LAYOUT_ILLUSTRATION_START_END)[number] | string;
+declare const MAIN_LAYOUT_ILLUSTRATION_END_START: readonly ["cleemy/accounting-01", "cleemy/crumpled-paper-pencil-shavings", "cleemy/crumpled-papers", "cleemy/expenses-01", "cleemy/expenses-02", "cleemy/finance-01", "cleemy/finance-hat-sunglasses", "cleemy/payment-01", "cleemy/procurement-01", "error/coffee-01", "error/lock-01", "error/plug-01", "generic/lock-broken-key", "generic/plant-03", "lucca/lucca-01", "pagga/compensation-01", "pagga/mealvoucher-01", "pagga/mealvoucher-02", "pagga/mealvoucher-03", "pagga/mealvoucher-icecream", "pagga/payroll-01", "pagga/payslips-01", "pagga/wizard-01", "poplee/core-hr-01", "poplee/engagement-01", "poplee/performance-01", "poplee/talent-01", "poplee/training-01", "success/party-favor-01", "timmi/absences-01", "timmi/office-01", "timmi/projects-01", "timmi/time-and-activities-01", "timmi/timesheet-01"];
+type MainLayoutIllustrationEndStart = (typeof MAIN_LAYOUT_ILLUSTRATION_END_START)[number] | string;
+
+export { LU_MAIN_LAYOUT_INSTANCE, MAIN_LAYOUT_ILLUSTRATION_END_START, MAIN_LAYOUT_ILLUSTRATION_START_END, MainLayoutBlockComponent, MainLayoutComponent };
+export type { MainLayoutIllustrationEndStart, MainLayoutIllustrationStartEnd, MainLayoutIllustrations };

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

@@ -74,7 +74,7 @@ declare abstract class ALuModalPanelComponent<T extends ILuModalContent> impleme
     protected closeLabel: string;
     get isSubmitHidden(): boolean;
     get submitPalette(): string;
-    readonly submitClass$: Subject<unknown>;
+    readonly submitClass$: Subject<string>;
     readonly error$: Subject<unknown>;
     readonly modalId: number;
     private _subs;

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

@@ -4,10 +4,10 @@ import * as _lucca_front_ng_multi_select from '@lucca-front/ng/multi-select';
 import * as _lucca_front_ng_core_select from '@lucca-front/ng/core-select';
 import { LuSelectPanelRef, ALuSelectInputComponent, LuOptionContext, ɵIsSelectedStrategy as _IsSelectedStrategy, ILuOptionContext } from '@lucca-front/ng/core-select';
 import { ControlValueAccessor, AbstractControl, ValidationErrors } from '@angular/forms';
+import { LuPluralForms, LuTranslation } from '@lucca-front/ng/core';
 import * as rxjs from 'rxjs';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { Overlay, OverlayPositionBuilder, ScrollStrategyOptions, OverlayConfig, ConnectedPosition } from '@angular/cdk/overlay';
-import { LuTranslation } from '@lucca-front/ng/core';
 import * as i1 from '@lucca-front/ng/form-field';
 import { LuOptionComparer } from '@lucca-front/ng/option';
 
@@ -51,12 +51,19 @@ declare class LuMultiSelectPanelRefFactory {
 }
 
 declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T, T[]> implements ControlValueAccessor, OnDestroy, OnInit {
+    #private;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
     showColon: false;
     readonly valuesTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<T[]>>>;
-    readonly maxValuesShown: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly keepSearchAfterSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly maxValuesShown: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
+    readonly keepSearchAfterSelection: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    private readonly pluralRules;
+    /**
+     * @deprecated use filterPillLabelPluralFn
+     */
     readonly filterPillLabelPlural: _angular_core.InputSignal<string>;
+    readonly filterPillLabelPluralFn: _angular_core.InputSignal<(count: number) => string | LuPluralForms>;
+    readonly filterPillLabelPluralValue: Signal<string>;
     readonly selectParent$: Subject<void>;
     readonly selectChildren$: Subject<void>;
     get filterPillClass(): boolean;
@@ -65,7 +72,9 @@ declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T,
     isFilterPillEmpty: Signal<boolean>;
     valueLength: Signal<number>;
     useSingleOptionDisplayer: Signal<boolean>;
+    singleOptionForDisplay: Signal<T | undefined>;
     _value: T[];
+    protected readonly presentationSeparators: Signal<string[]>;
     get panelRef(): LuMultiSelectPanelRef<T> | undefined;
     protected _panelRef?: LuMultiSelectPanelRef<T>;
     protected panelRefFactory: LuMultiSelectPanelRefFactory;
@@ -92,7 +101,7 @@ declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T,
     clearValue(event?: Event): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectInputComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuMultiSelectInputComponent<any>, "lu-multi-select", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "valuesTpl": { "alias": "valuesTpl"; "required": false; "isSignal": true; }; "maxValuesShown": { "alias": "maxValuesShown"; "required": false; "isSignal": true; }; "keepSearchAfterSelection": { "alias": "keepSearchAfterSelection"; "required": false; "isSignal": true; }; "filterPillLabelPlural": { "alias": "filterPillLabelPlural"; "required": false; "isSignal": true; }; }, { "valuesTpl": "valuesTplChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuMultiSelectInputComponent<any>, "lu-multi-select", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "valuesTpl": { "alias": "valuesTpl"; "required": false; "isSignal": true; }; "maxValuesShown": { "alias": "maxValuesShown"; "required": false; "isSignal": true; }; "keepSearchAfterSelection": { "alias": "keepSearchAfterSelection"; "required": false; "isSignal": true; }; "filterPillLabelPlural": { "alias": "filterPillLabelPlural"; "required": false; "isSignal": true; }; "filterPillLabelPluralFn": { "alias": "filterPillLabelPluralFn"; "required": false; "isSignal": true; }; }, { "valuesTpl": "valuesTplChange"; }, never, never, true, never>;
 }
 
 declare const LU_MULTI_SELECT_TRANSLATIONS: InjectionToken<LuTranslation<ILuMultiSelectLabel>>;
@@ -116,7 +125,7 @@ interface LuMultiSelectWithSelectAllContext {
     setSelectAll(value: boolean): void;
     mode: Signal<LuMultiSelectionMode>;
     values: Signal<unknown[]>;
-    displayerLabel: Signal<string>;
+    displayerLabelValue: Signal<string>;
     totalCount: Signal<number>;
     displayerCount: Signal<number | null>;
     intl: Signal<ILuMultiSelectLabel>;
@@ -126,11 +135,18 @@ declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStr
     #private;
     readonly select: LuMultiSelectInputComponent<TValue>;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
+    private readonly pluralRules;
+    /**
+     * @deprecated use withSelectAllDisplayerLabelFn
+     */
     readonly displayerLabel: _angular_core.InputSignal<string>;
+    readonly displayerLabelFn: _angular_core.InputSignal<(count: number) => string | LuPluralForms>;
+    readonly displayerLabelValue: _angular_core.Signal<string>;
     readonly mode: _angular_core.Signal<"include" | "exclude" | "none" | "all">;
     readonly values: _angular_core.Signal<TValue[]>;
     readonly totalCount: _angular_core.Signal<number>;
     readonly clueChange: _angular_core.Signal<string>;
+    readonly singleRemainingOption: _angular_core.Signal<TValue>;
     readonly displayerCount: _angular_core.Signal<number>;
     constructor();
     setSelectAll(selectAll: boolean): void;
@@ -140,7 +156,7 @@ declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStr
     writeValue(value: TValue[] | LuMultiSelection<TValue>): void;
     clearValue($event?: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectWithSelectAllDirective<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuMultiSelectWithSelectAllDirective<any>, "lu-multi-select[withSelectAll]", never, { "displayerLabel": { "alias": "withSelectAllDisplayerLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuMultiSelectWithSelectAllDirective<any>, "lu-multi-select[withSelectAll]", never, { "displayerLabel": { "alias": "withSelectAllDisplayerLabel"; "required": false; "isSignal": true; }; "displayerLabelFn": { "alias": "withSelectAllDisplayerLabelFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuMultiSelectContentDisplayerComponent<T> {
@@ -222,6 +238,16 @@ declare class LuMultiDisplayerDirective<T> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuMultiDisplayerDirective<any>, "[luMultiDisplayer]", never, { "select": { "alias": "luMultiDisplayerSelect"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Returns the `itemCount - 1` separators `Intl.ListFormat` puts between `itemCount` items, so they can be
+ * interleaved with values rendered by a template rather than by `format()`.
+ *
+ * @example
+ * ```ts
+ * listSeparators(new Intl.ListFormat('fr-FR'), 3); // [', ', ' et ']
+ * ```
+ */
+declare function listSeparators(listFormat: Intl.ListFormat, itemCount: number): string[];
 declare function selectionToQueryParams<T, Key extends string>(key: Key, value: LuMultiSelection<T>, selector: (value: T) => unknown): Partial<Record<Key | `-${Key}`, string>>;
 /**
  * Transforms a selection from withSelectAll, the complete list of options and a getKey function to a list of options.
@@ -240,5 +266,5 @@ declare const LuMultiSelectionValidators: {
     required: (control: AbstractControl<LuMultiSelection<unknown>>) => ValidationErrors | null;
 };
 
-export { LU_MULTI_SELECT_DISPLAYER_TRANSLATIONS, LU_MULTI_SELECT_TRANSLATIONS, LuMultiDisplayerDirective, LuMultiSelectContentDisplayerComponent, LuMultiSelectCounterDisplayerComponent, LuMultiSelectDefaultDisplayerComponent, LuMultiSelectDisplayerInputDirective, LuMultiSelectInputComponent, LuMultiSelectWithSelectAllDirective, LuMultiSelectionValidators, luMultiSelectDisplayerTranslations, luMultiSelectTranslations, selectionToOptions, selectionToQueryParams };
+export { LU_MULTI_SELECT_DISPLAYER_TRANSLATIONS, LU_MULTI_SELECT_TRANSLATIONS, LuMultiDisplayerDirective, LuMultiSelectContentDisplayerComponent, LuMultiSelectCounterDisplayerComponent, LuMultiSelectDefaultDisplayerComponent, LuMultiSelectDisplayerInputDirective, LuMultiSelectInputComponent, LuMultiSelectWithSelectAllDirective, LuMultiSelectionValidators, listSeparators, luMultiSelectDisplayerTranslations, luMultiSelectTranslations, selectionToOptions, selectionToQueryParams };
 export type { ILuMultiSelectDisplayerLabel, ILuMultiSelectLabel, LuMultiSelection, LuMultiSelectionMode };

package/types/lucca-front-ng-numeric-badge.d.ts

@@ -1,46 +1 @@
-import * as _angular_core from '@angular/core';
-
-/**
- * Available NumericBadgeComponent Types
- */
-declare const NUMERIC_BADGE_SIZE: readonly ["XS", "S", "M"];
-type NumericBadgeSize = (typeof NUMERIC_BADGE_SIZE)[number];
-
-declare class NumericBadgeComponent {
-    #private;
-    /**
-     * The value to display, number or string contains number only.
-     */
-    readonly value: _angular_core.InputSignal<string | number>;
-    /**
-     * The size of the badge
-     */
-    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
-    /**
-     * The palette to use for this badge. Defaults to 'none' (inherits parent palette)
-     */
-    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand">;
-    /**
-     * Applies the loading state
-     */
-    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Indicates the maximum value of number for the numeric badge
-     */
-    readonly maxValue: _angular_core.InputSignal<number>;
-    /**
-     * Disabled tooltip on numeric badge
-     */
-    readonly disableTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly numericBadgeClasses: _angular_core.Signal<{
-        [x: string]: boolean;
-    }>;
-    readonly displayValue: _angular_core.Signal<string | number>;
-    readonly isDisabled: _angular_core.Signal<boolean>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumericBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericBadgeComponent, "lu-numeric-badge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "disableTooltip": { "alias": "disableTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { NUMERIC_BADGE_SIZE, NumericBadgeComponent };
-export type { NumericBadgeSize };
+export * from '@lucca/prisme/numeric-badge';

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

@@ -152,6 +152,7 @@ declare abstract class ALuOptionPicker<T, O extends ILuOptionItem<T> = ILuOption
  * @deprecated
  */
 declare abstract class ALuOptionPickerComponent<T, O extends ILuOptionItem<T> = ILuOptionItem<T>> extends ALuOptionPicker<T, O> implements ILuOptionPickerPanel<T>, OnDestroy, AfterViewInit {
+    #private;
     protected _changeDetectorRef: ChangeDetectorRef;
     protected document: Document;
     protected destroyRef: DestroyRef;
@@ -196,6 +197,7 @@ declare abstract class ALuOptionPickerComponent<T, O extends ILuOptionItem<T> =
     get highlightIndex(): number;
     set highlightIndex(i: number);
     protected _initHighlight(): void;
+    protected _resetHighlightAfterInit(): void;
     protected _incrHighlight(): void;
     protected _decrHighlight(): void;
     protected _applyHighlight(reScroll?: boolean): void;

package/types/lucca-front-ng-page-header.d.ts

@@ -13,8 +13,8 @@ declare class PageHeaderComponent {
     /**
      * Apply a container around the content
      */
-    readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly container: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly sticky: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly descriptionIsString: _angular_core.Signal<boolean>;
     readonly labelIsString: _angular_core.Signal<boolean>;
     isStringPortalContent(message: PortalContent | null): message is string;

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

@@ -18,23 +18,23 @@ declare class PaginationComponent {
     /**
      * Disabled the previous page arrow
      */
-    readonly isFirstPage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isFirstPage: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Disabled the next page arrow
      */
-    readonly isLastPage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isLastPage: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Where the pagination start
      */
-    readonly from: _angular_core.InputSignal<number>;
+    readonly from: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined" | "null">;
     /**
      * Where the pagination end
      */
-    readonly to: _angular_core.InputSignal<number>;
+    readonly to: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined" | "null">;
     /**
      * Total number of items in the pagination
      */
-    readonly itemsCount: _angular_core.InputSignal<number>;
+    readonly itemsCount: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined" | "null">;
     /**
      * Pagination mod (default or compact)
      */

package/types/lucca-front-ng-plg-push.d.ts

@@ -13,7 +13,7 @@ declare class PLGPushComponent {
     /**
      * Display sign close button
      */
-    readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Is the callout removed? Works with two way binding too.
      */

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, ElementRef, InputSignal, TemplateRef, Type, Provider, AfterViewInit, DestroyRef, EnvironmentProviders, InjectionToken } from '@angular/core';
+import { OnDestroy, ElementRef, InputSignalWithTransform, TemplateRef, Type, Provider, AfterViewInit, DestroyRef, EnvironmentProviders, InjectionToken } from '@angular/core';
 import { Overlay, ConnectionPositionPair, FlexibleConnectedPositionStrategyOrigin, OverlayRef } from '@angular/cdk/overlay';
 import { Subject } from 'rxjs';
 import * as _lucca_front_ng_popover2 from '@lucca-front/ng/popover2';
@@ -20,32 +20,32 @@ declare class PopoverDirective implements OnDestroy {
     #private;
     readonly overlay: Overlay;
     readonly elementRef: ElementRef<HTMLElement>;
-    readonly intl: _angular_core.InputSignalWithTransform<LuCalloutLabel, Partial<LuCalloutLabel>>;
-    readonly luPopover2: InputSignal<TemplateRef<unknown> | Type<unknown>>;
-    readonly luPopoverPosition: InputSignal<PopoverPosition>;
-    readonly luPopoverMaxBlockSize: InputSignal<string>;
-    readonly luPopoverMaxInlineSize: InputSignal<string>;
-    readonly overlayScrollStrategy: InputSignal<"reposition" | "block" | "close">;
-    readonly luPopoverDisabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly intl: InputSignalWithTransform<LuCalloutLabel, Partial<LuCalloutLabel>>;
+    readonly luPopover2: _angular_core.InputSignal<TemplateRef<unknown> | Type<unknown>>;
+    readonly luPopoverPosition: _angular_core.InputSignal<PopoverPosition>;
+    readonly luPopoverMaxBlockSize: _angular_core.InputSignal<string>;
+    readonly luPopoverMaxInlineSize: _angular_core.InputSignal<string>;
+    readonly overlayScrollStrategy: _angular_core.InputSignal<"reposition" | "block" | "close">;
+    readonly luPopoverDisabledInput: InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly luPopoverTrigger: _angular_core.ModelSignal<"click" | "click+hover" | "hover+focus">;
-    readonly customPositionsInput: InputSignal<ConnectionPositionPair[]>;
+    readonly customPositionsInput: _angular_core.InputSignal<ConnectionPositionPair[]>;
     /**
      * Removes close button entirely, this is bad for a11y but sometimes we want it.
      */
-    readonly luPopoverNoCloseButtonInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly luPopoverNoCloseButtonInput: InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Allows to anchor the popover to another element instead of the trigger one
      * for placement purpose
      */
-    readonly luPopoverAnchor: InputSignal<FlexibleConnectedPositionStrategyOrigin>;
+    readonly luPopoverAnchor: _angular_core.InputSignal<FlexibleConnectedPositionStrategyOrigin>;
     /**
      * Extra element(s) to treat as "inside" the popover for outside-pointer detection. Pointer events
      * originating from them won't close the popover. Useful when an external control opens the popover
      * (e.g. an input opening it on focus) and clicking it again should not trigger a close-then-reopen.
      */
-    readonly luPopoverIgnoredOutsidePointerTargets: InputSignal<HTMLElement | HTMLElement[]>;
-    readonly luPopoverOpenDelay: InputSignal<number>;
-    readonly luPopoverCloseDelay: InputSignal<number>;
+    readonly luPopoverIgnoredOutsidePointerTargets: _angular_core.InputSignal<HTMLElement | HTMLElement[]>;
+    readonly luPopoverOpenDelay: InputSignalWithTransform<number, number | `${number}`>;
+    readonly luPopoverCloseDelay: InputSignalWithTransform<number, number | `${number}`>;
     readonly luPopoverPositionRef: _angular_core.WritableSignal<PopoverPosition>;
     readonly open$: Subject<"click" | "focus" | "hover">;
     readonly close$: Subject<void>;

package/types/lucca-front-ng-progress-bar.d.ts

@@ -10,7 +10,7 @@ declare class ProgressBarComponent {
     /**
      * Progress percentage (0 to 100)
      */
-    readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly value: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     /**
      * Progress bar state
      */
@@ -18,7 +18,7 @@ declare class ProgressBarComponent {
     /**
      * Displays a loading state without progress information
      */
-    readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly stateClass: _angular_core.Signal<{
         [x: string]: boolean;
     }>;

package/types/lucca-front-ng-progress-stepper.d.ts

@@ -22,7 +22,7 @@ declare class ProgressStepperStepComponent {
 
 declare class ProgressStepperComponent {
     readonly steps: _angular_core.Signal<readonly ProgressStepperStepComponent[]>;
-    readonly current: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly current: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressStepperComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressStepperComponent, "lu-progress-stepper", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, ["steps"], ["*"], true, never>;
 }

package/types/lucca-front-ng-read-more.d.ts

@@ -11,15 +11,20 @@ declare class ReadMoreComponent {
     /**
      * Change the number of lines displayed when collapsed
      */
-    readonly lineClamp: _angular_core.InputSignal<number>;
+    readonly lineClamp: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     /**
      * Prevent the component from closing by hiding the "Read less" button
      */
-    readonly openOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly openOnly: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    /**
+     * Display the `\n` of the content as line breaks instead of collapsing them into spaces (`white-space: pre-line`).
+     * Meant for plain-text content such as a textarea value.
+     */
+    readonly plainText: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Change the background color under the "Read more / less" button
      */
-    readonly textFlow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly textFlow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Apply the spacing of the Text Flow component
      */
@@ -39,7 +44,7 @@ declare class ReadMoreComponent {
     constructor();
     toggleExpanded(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ReadMoreComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReadMoreComponent, "lu-read-more", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; "openOnly": { "alias": "openOnly"; "required": false; "isSignal": true; }; "textFlow": { "alias": "textFlow"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "innerContent": { "alias": "innerContent"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReadMoreComponent, "lu-read-more", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; "openOnly": { "alias": "openOnly"; "required": false; "isSignal": true; }; "plainText": { "alias": "plainText"; "required": false; "isSignal": true; }; "textFlow": { "alias": "textFlow"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "innerContent": { "alias": "innerContent"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**

package/types/lucca-front-ng-resource-card.d.ts

@@ -4,7 +4,7 @@ declare class ResourceCardButtonComponent {
     /**
      * Disabled the resource card button
      */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceCardButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceCardButtonComponent, "button[luResourceCardAction]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -13,7 +13,7 @@ declare class ResourceCardLinkComponent {
     /**
      * Disabled the resource card link
      */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceCardLinkComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceCardLinkComponent, "a[luResourceCardAction]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -28,8 +28,8 @@ type ResourceCardSize = (typeof RESOURCE_CARD_SIZE)[number];
 
 declare class ResourceCardComponent {
     readonly wrapperRef: ResourceCardComponent;
-    readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly grid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly draggable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly grid: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly headingLevel: _angular_core.InputSignal<"1" | "2" | "3" | "4" | "5" | "6">;
     readonly size: _angular_core.InputSignal<"S">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceCardComponent, never>;
@@ -37,8 +37,8 @@ declare class ResourceCardComponent {
 }
 
 declare class ResourceCardWrapperComponent {
-    readonly grid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly grid: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly draggable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly size: _angular_core.InputSignal<"S">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceCardWrapperComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceCardWrapperComponent, "lu-resource-card-wrapper", never, { "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;