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

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

@@ -29,7 +29,7 @@ declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
     /**
      * Disabled the clear
      */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Which palette should be used for the entire clear
      */
@@ -37,7 +37,7 @@ declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
     /**
      * Change the clear colors for use on a dark background
      */
-    readonly inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inverted: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly onClear: EventEmitter<T>;
     /**
      * Emit event when button clear is click

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 
 declare class CodeComponent {
-    readonly block: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly block: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     static ɵfac: i0.ɵɵFactoryDeclaration<CodeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CodeComponent, "lu-code", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -10,7 +10,7 @@ declare class ColorComponent {
     readonly value: _angular_core.InputSignal<string>;
     readonly borderColor: _angular_core.InputSignal<string>;
     readonly size: _angular_core.InputSignal<"L" | "XL">;
-    readonly hiddenName: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hiddenName: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorComponent, "lu-color", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hiddenName": { "alias": "hiddenName"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -18,26 +18,27 @@ declare class CommentComponent {
     readonly size: _angular_core.Signal<"S" | "M">;
     readonly contentIsPortal: _angular_core.Signal<boolean>;
     readonly contentIsHTML: _angular_core.Signal<boolean>;
-    readonly noInfos: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly noInfos: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly plainText: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly dateDisplay: _angular_core.Signal<string>;
     readonly role: _angular_core.Signal<string>;
     get roleAttr(): string | null;
     isStringPortalContent(message: PortalContent): message is string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; "noInfos": { "alias": "noInfos"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; "noInfos": { "alias": "noInfos"; "required": false; "isSignal": true; }; "plainText": { "alias": "plainText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CommentBlockComponent {
     #private;
     readonly comments: _angular_core.Signal<readonly CommentComponent[]>;
-    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly compact: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Small is a shorthand to set the size to small
      *
      * If the size input is filled along with the small input, their values will have the priority
      */
-    readonly small: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly chatAnswer: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly small: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly chatAnswer: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly authorName: _angular_core.InputSignal<PortalContent>;
     readonly avatar: _angular_core.InputSignal<TemplateRef<unknown>>;
     /**

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

@@ -1,8 +1,8 @@
 import * as _angular_core from '@angular/core';
 
 declare class ContainerComponent {
-    readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    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 classesConfig: _angular_core.Signal<{
         [x: string]: boolean;

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

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit, Signal } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { ILuApiItem } from '@lucca-front/ng/api';
 import { ALuSelectInputComponent, LuOptionComparer, CoreSelectApiTotalCountProvider } from '@lucca-front/ng/core-select';
-import { Subject, Observable, BehaviorSubject } from 'rxjs';
+import { Subject, BehaviorSubject, Observable } from 'rxjs';
 
 declare const LU_SELECT_MAGIC_PAGE_SIZE = 20;
 declare abstract class ALuCoreSelectApiDirective<TOption, TParams = Record<string, string | number | boolean> | null> implements OnDestroy, OnInit {
@@ -12,7 +12,6 @@ declare abstract class ALuCoreSelectApiDirective<TOption, TParams = Record<strin
     protected pageSize: number;
     protected debounceDuration: number;
     select: ALuSelectInputComponent<TOption, unknown>;
-    protected readonly page$: Observable<number>;
     /**
      * Current clue — updated by clueChange$ subscription (keeps select in searchable mode)
      * and by direct getOptions calls from the select component.
@@ -26,6 +25,13 @@ declare abstract class ALuCoreSelectApiDirective<TOption, TParams = Record<strin
      * Create an object that will be used as params for the api call
      */
     protected abstract params$: Observable<TParams>;
+    /**
+     * Optional synchronous view of {@link params$}. When a directive derives its params from signals,
+     * it should expose them here so {@link buildParamsFromClue} can read the value that reflects the
+     * clue we just set — reading `params$` (a `toObservable` replay) can otherwise hand back the
+     * previous clue's params on the non-debounced empty-clue path, leaving searches stuck.
+     */
+    protected readonly paramsSignal?: Signal<TParams>;
     /**
      * Compare two options to know if they are the same. For example, compare by id or by JSON
      */
@@ -41,7 +47,6 @@ declare abstract class ALuCoreSelectApiDirective<TOption, TParams = Record<strin
     ngOnInit(): void;
     protected buildParamsFromClue(clue: string): Observable<TParams>;
     abstract totalCount$: Observable<number>;
-    protected buildOptions(): Observable<TOption[]>;
     protected clearLastPageByClue(): void;
     protected getOptionsPage(params: TParams, page: number): Observable<{
         items: TOption[];
@@ -81,6 +86,7 @@ declare class LuCoreSelectApiV4Directive<T extends ILuApiItem> extends ALuCoreSe
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     protected httpClient: HttpClient;
     protected readonly clue: _angular_core.Signal<string>;
+    protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     readonly totalCount$: Observable<number>;
     protected getOptions(params: Record<string, string | number | boolean>, page: number): Observable<T[]>;

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

@@ -24,16 +24,16 @@ declare class LuCoreSelectDepartmentsDirective<T extends ILuDepartment = ILuDepa
     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.InputSignal<number>;
+    readonly appInstanceId: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     ngOnInit(): void;
-    protected buildOptions(): Observable<TreeNode<T>[]>;
     protected getOptionsPage(params: Record<string, string | number | boolean> | null, page: number): Observable<{
         items: TreeNode<T>[];
         isLastPage: boolean;
     }>;
     protected getOptions(params: Record<string, string | number | boolean> | null): Observable<TreeNode<T>[]>;
     trim(options: readonly TreeNode<T>[], clue: string): TreeNode<T>[];
+    protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     readonly totalCount$: Observable<number>;
     protected flattenTree(branch: TreeNode<T>): T[];

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

@@ -35,12 +35,14 @@ declare class LuCoreSelectEstablishmentsDirective<T extends LuCoreSelectEstablis
     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.InputSignal<number>;
+    readonly appInstanceId: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     protected readonly clue: _angular_core.Signal<string>;
     ngOnInit(): void;
     protected initGrouping(): void;
+    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>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     readonly totalCount$: Observable<number>;
     protected optionKey: (option: T) => number;

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

@@ -20,7 +20,9 @@ declare class LuCoreSelectJobQualificationsDirective<T extends LuCoreSelectJobQu
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     protected readonly clue: _angular_core.Signal<string>;
     constructor();
+    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>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     readonly totalCount$: Observable<number>;
     protected optionKey: (option: T) => number;

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

@@ -40,11 +40,13 @@ declare class LuCoreSelectLegalUnitsDirective<T extends LuCoreSelectLegalUnit =
     readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
     readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
-    readonly enableArchivedLegalUnits: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly enableArchivedLegalUnits: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly includeArchivedLegalUnits: _angular_core.WritableSignal<boolean>;
     protected readonly clue: _angular_core.Signal<string>;
     constructor();
+    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>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     readonly totalCount$: Observable<number>;
     protected optionKey: (option: T) => number;

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

@@ -14,7 +14,9 @@ declare class LuCoreSelectOccupationCategoriesDirective<T extends LuCoreSelectOc
     readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
     protected readonly clue: _angular_core.Signal<string>;
+    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>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;
     readonly totalCount$: Observable<number>;
     protected optionKey: (option: T) => number;

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

@@ -40,9 +40,9 @@ declare class LuCoreSelectUsersDirective<T extends LuCoreSelectUser = LuCoreSele
     readonly orderBy: _angular_core.InputSignal<string>;
     readonly operationIds: _angular_core.InputSignal<readonly number[]>;
     readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
-    readonly appInstanceId: _angular_core.InputSignal<number>;
-    readonly enableFormerEmployees: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly displayMeOption: _angular_core.InputSignal<boolean>;
+    readonly appInstanceId: _angular_core.InputSignalWithTransform<number, number | `${number}` | "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 includeFormerEmployees: _angular_core.WritableSignal<boolean>;
     readonly searchDelimiter: _angular_core.InputSignal<string>;
@@ -50,6 +50,7 @@ declare class LuCoreSelectUsersDirective<T extends LuCoreSelectUser = LuCoreSele
     protected readonly defaultUrl: _angular_core.Signal<string>;
     protected readonly urlOrDefault: _angular_core.Signal<string>;
     protected readonly clue: _angular_core.Signal<string>;
+    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;

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, OnDestroy, ElementRef, Signal, EventEmitter, TemplateRef, WritableSignal, OnInit, ChangeDetectorRef, Type, Provider, PipeTransform } from '@angular/core';
+import { InjectionToken, OnDestroy, ElementRef, Signal, EventEmitter, TemplateRef, Injector, WritableSignal, OnInit, ChangeDetectorRef, Type, Provider, PipeTransform } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
 import * as _lucca_front_ng_filter_pills from '@lucca-front/ng/filter-pills';
@@ -8,6 +8,7 @@ import { OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
 import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
 import * as _lucca_front_ng_core_select from '@lucca-front/ng/core-select';
+import { Treeitem } from '@lucca-front/ng/listbox';
 import { Highlightable } from '@angular/cdk/a11y';
 
 interface SelectDataSourceParams {
@@ -71,7 +72,7 @@ declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
     ngOnDestroy(): void;
     setActiveStyles(): void;
     setInactiveStyles(): void;
-    onMouseEnter(): void;
+    onMouseOver(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CoreSelectPanelElement<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CoreSelectPanelElement<any>, "[luCoreSelectPanelElement]", ["luCoreSelectPanelElement"], { "elementId": { "alias": "elementId"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "isSelected": "isSelectedChange"; "selected": "selected"; }, never, never, true, never>;
 }
@@ -96,6 +97,27 @@ declare class CoreSelectKeyManager<T> {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<CoreSelectKeyManager<any>>;
 }
 
+/**
+ * Shared floating surface for the simple/multi select panels.
+ *
+ * Carries the popover surface (elevation, scroll viewport, positioning) that used to live on the
+ * deprecated `.lu-picker-panel` / `.lu-picker-content` styles, so panels no longer depend on them.
+ * The projected content (a `lu-listbox`, an "add option" row, a footer…) is laid out inside the
+ * scrollable content area.
+ */
+declare class LuSelectPanelLayoutComponent {
+    /** Applies the `is-loading` state on the scroll content while options are being fetched. */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** 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>;
+    /** Emitted when the scroll content is scrolled (used to trigger pagination). */
+    readonly scrolled: _angular_core.OutputEmitterRef<Event>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSelectPanelLayoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuSelectPanelLayoutComponent, "lu-select-panel-layout", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; "contentTabIndex": { "alias": "contentTabIndex"; "required": false; "isSignal": true; }; }, { "scrolled": "scrolled"; }, never, ["*"], true, never>;
+}
+
 declare class LuCoreSelectPanelHeaderDirective {
     readonly templateRef: TemplateRef<void>;
     readonly select: _angular_core.InputSignal<ALuSelectInputComponent<unknown, unknown> | ALuSelectInputComponent<unknown, unknown[]>>;
@@ -119,12 +141,25 @@ declare abstract class LuSelectPanelRef<TOption, TValue> {
     close(): void;
 }
 
+/**
+ * Scrolls an element into view once its layout has settled.
+ *
+ * When a select panel opens, its opening animation (scale transform) makes the element's visual
+ * geometry differ from its layout geometry; calling scrollIntoView at that point makes the browser
+ * compute a bogus scroll position (e.g. the panel opens scrolled partway down). This waits, frame
+ * by frame, until the element's visual height is stable before scrolling.
+ *
+ * Returns a cancel function to abort the pending scroll (e.g. when the highlight moves elsewhere).
+ */
+declare function scrollIntoViewOnceReady(element: HTMLElement, injector: Injector, options?: () => ScrollIntoViewOptions | undefined): () => void;
 type GroupTemplateLocation = 'group-header' | 'option' | 'none';
 /**
- * In order to avoid a blinking when we go from empty clue to a clue
- * We need to delay the change of group displayer location by waiting for the options to be updated.
+ * In order to avoid a blinking (and a stale option list rendered under the wrong layout)
+ * when we go from an empty clue to a clue — or back — we delay switching the group displayer
+ * location until the options have actually been updated. We keep showing `group-header` while
+ * the options are being (re)fetched, then flip to the final location on the next options emission.
  */
-declare function getGroupTemplateLocation(hasGrouping: Signal<boolean>, clue: Signal<string>, searchable?: boolean): Signal<GroupTemplateLocation>;
+declare function getGroupTemplateLocation(hasGrouping: Signal<boolean>, clue: Signal<string>, options: Signal<readonly unknown[]>, searchable?: boolean): Signal<GroupTemplateLocation>;
 
 interface CoreSelectPanelInstance<T = unknown> {
     options: WritableSignal<CoreSelectPanelElement<T>[]>;
@@ -132,6 +167,25 @@ interface CoreSelectPanelInstance<T = unknown> {
 }
 declare const SELECT_PANEL_INSTANCE: InjectionToken<CoreSelectPanelInstance<unknown>>;
 
+/**
+ * Tracks whether the user is currently navigating with the pointer or with the keyboard.
+ *
+ * Both listeners are registered natively and outside of the Angular zone, and the signal is only
+ * written when the value actually changes: `mousemove` fires on every frame the mouse moves, and
+ * going through Angular's event system there schedules a change detection run each time — for a
+ * value that almost never changes.
+ *
+ * `scope` bounds pointer navigation to an element — pass the panel host. Moving the mouse anywhere
+ * else on the page then doesn't drop the keyboard highlight, and leaving the scope switches back to
+ * keyboard navigation: pointer mode paints the active item through `:hover` alone, which vanishes
+ * with the pointer, whereas the key manager keeps that item active and keyboard navigation resumes
+ * from it. `keydown` always listens on the document, since focus stays on the input, outside of the
+ * panel.
+ *
+ * Must be called from an injection context.
+ */
+declare function injectPointerNavigation(scope?: HTMLElement): Signal<boolean>;
+
 declare const LU_CORE_SELECT_TRANSLATIONS: InjectionToken<LuTranslation<LuCoreSelectLabel>>;
 interface LuCoreSelectLabel {
     addOption: string;
@@ -162,7 +216,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected afterCloseFn?: () => void;
     protected updatePositionFn?: () => void;
     filterPillMode: boolean;
-    readonly ignorePresentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ignorePresentation: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     selectParent$?: Subject<void>;
     selectChildren$?: Subject<void>;
     readonly panelClosed: _angular_core.OutputEmitterRef<void>;
@@ -194,10 +248,10 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     readonly optionsInput: _angular_core.InputSignal<readonly TOption[]>;
     readonly optionComparerInput: _angular_core.InputSignal<LuOptionComparer<TOption>>;
     readonly optionKeyInput: _angular_core.InputSignal<(option: TOption) => unknown>;
-    readonly noClueIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly inputTabindex: _angular_core.InputSignal<number>;
-    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly colorPicker: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly noClueIcon: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly inputTabindex: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
+    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 loading: _angular_core.WritableSignal<boolean>;
@@ -317,7 +371,7 @@ declare class LuSimpleSelectDefaultOptionComponent {
         name?: string;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSimpleSelectDefaultOptionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuSimpleSelectDefaultOptionComponent, "lu-simple-select-default-option", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuSimpleSelectDefaultOptionComponent, "lu-core-select-default-option", never, {}, {}, never, never, true, never>;
 }
 
 declare class LuDisabledOptionDirective {
@@ -352,7 +406,7 @@ 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 luOptionShowNull: _angular_core.InputSignal<boolean>;
+    readonly luOptionShowNull: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     private viewContainerRef;
     private injector;
     private embeddedViewRef?;
@@ -378,13 +432,25 @@ declare class LuOptionComponent<T> implements OnInit {
     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 hasChildren: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    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.InputSignal<number>;
+    readonly groupIndex: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined">;
     readonly optionIndex: _angular_core.InputSignalWithTransform<string, string | number>;
     readonly scrollIntoViewOptions: _angular_core.InputSignal<ScrollIntoViewOptions>;
     readonly groupTemplateLocation: _angular_core.InputSignal<GroupTemplateLocation>;
+    /**
+     * 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>;
+    /**
+     * 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>>;
     private cdr;
     get id(): string;
@@ -394,7 +460,7 @@ declare class LuOptionComponent<T> implements OnInit {
     ngOnInit(): void;
     selectOption($event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuOptionComponent<any>, "lu-select-option", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "optionTpl": { "alias": "optionTpl"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "hasChildren": { "alias": "hasChildren"; "required": false; "isSignal": true; }; "groupIndex": { "alias": "groupIndex"; "required": false; "isSignal": true; }; "optionIndex": { "alias": "optionIndex"; "required": true; "isSignal": true; }; "scrollIntoViewOptions": { "alias": "scrollIntoViewOptions"; "required": false; "isSignal": true; }; "groupTemplateLocation": { "alias": "groupTemplateLocation"; "required": false; "isSignal": true; }; }, { "onlyParent": "onlyParent"; "onlyChildren": "onlyChildren"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuOptionComponent<any>, "lu-select-option", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "optionTpl": { "alias": "optionTpl"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "hasChildren": { "alias": "hasChildren"; "required": false; "isSignal": true; }; "groupIndex": { "alias": "groupIndex"; "required": false; "isSignal": true; }; "optionIndex": { "alias": "optionIndex"; "required": true; "isSignal": true; }; "scrollIntoViewOptions": { "alias": "scrollIntoViewOptions"; "required": false; "isSignal": true; }; "groupTemplateLocation": { "alias": "groupTemplateLocation"; "required": false; "isSignal": true; }; }, { "onlyParent": "onlyParent"; "onlyChildren": "onlyChildren"; }, ["treeitemContent"], ["[treeitem]"], true, never>;
 }
 
 declare class LuOptionDirective<TOption, TValue> {
@@ -415,5 +481,5 @@ declare class LuIsOptionSelectedPipe<T> implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<LuIsOptionSelectedPipe<any>, "luIsOptionSelected", true>;
 }
 
-export { ALuSelectInputComponent, CORE_SELECT_API_TOTAL_COUNT_PROVIDER, CoreSelectKeyManager, LU_CORE_SELECT_TRANSLATIONS, LU_OPTION_CONTEXT, LuCoreSelectNoClueDirective, LuCoreSelectPanelHeaderDirective, LuCoreSelectTotalCountDirective, LuDisabledOptionDirective, LuDisplayerDirective, LuIsOptionSelectedPipe, LuOptionDirective, LuOptionGroupDirective, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, TreeDisplayPipe, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, ɵIsSelectedStrategy, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation };
+export { ALuSelectInputComponent, CORE_SELECT_API_TOTAL_COUNT_PROVIDER, CoreSelectKeyManager, LU_CORE_SELECT_TRANSLATIONS, LU_OPTION_CONTEXT, LuCoreSelectNoClueDirective, LuCoreSelectPanelHeaderDirective, LuCoreSelectTotalCountDirective, LuDisabledOptionDirective, LuDisplayerDirective, LuIsOptionSelectedPipe, LuOptionDirective, LuOptionGroupDirective, LuSelectPanelLayoutComponent, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, TreeDisplayPipe, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, ɵIsSelectedStrategy, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation, injectPointerNavigation as ɵinjectPointerNavigation, scrollIntoViewOnceReady as ɵscrollIntoViewOnceReady };
 export type { CoreSelectAddOptionStrategy, CoreSelectApiTotalCountProvider, CoreSelectPanelInstance, ILuOptionContext, LuCoreSelectLabel, LuOptionComparer, LuOptionContext, LuOptionGroup, LuOptionGroupByContext, LuOptionGrouping, SelectDataSource, SelectDataSourceParams, TreeGenerator, TreeGroupingFn, TreeNode };

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { PipeTransform, InjectionToken, TemplateRef, Type, OnDestroy, Signal, input, EffectCleanupRegisterFn, CreateEffectOptions, EffectRef, InputOptionsWithTransform } from '@angular/core';
 import { UrlTree, ActivatedRoute, Params } from '@angular/router';
-export { DecorativePalette, PrClass as LuClass, Palette } from '@lucca/prisme/core';
+export { DecorativePalette, PrClass as LuClass, Palette, ProductPalette } from '@lucca/prisme/core';
 
 /**
  * Extracts the values of an enum as a union type.
@@ -44,6 +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 enum ELuDateGranularity {
     day = "day",
@@ -129,7 +130,7 @@ declare class LuStringDateAdapter extends ALuDateAdapter<string> implements ILuD
     isValid(d: string): boolean;
     compare(a: string, b: string, granularity: LuDateGranularity): number;
     isParsable(text: string): boolean;
-    parse(text: string, granularity: LuDateGranularity): string;
+    parse(text: string, granularity: LuDateGranularity): string | undefined;
     format(d: string, format: string): string;
     clone(d: string): string;
     getYear(d: string): number;
@@ -261,6 +262,72 @@ declare function ɵeffectWithDeps<const T extends EffectWithDepsInput>(dependenc
  */
 declare function syncInputSignal<T>(signal: ReturnType<typeof input<T>>, setter: (value: T) => void): void;
 
+/**
+ * Transforms a boolean or a string representation of a boolean into a boolean.
+ * @template T The specific boolean literal type to narrow to.
+ * @param value The value to transform, can be a boolean or a string representation of a boolean.
+ * @returns The transformed boolean value.
+ */
+declare function luBooleanAttribute(value: boolean | `${boolean}` | ''): boolean;
+declare function luBooleanAttribute<T extends boolean>(value: T | `${T}` | ''): T;
+/**
+ * Transforms a boolean, a string representation of a boolean, null or a string representation of null into a boolean or null.
+ * @template T The specific boolean literal type to narrow to.
+ * @param value The value to transform, can be a boolean, a string representation of a boolean, null or a string representation of null.
+ * @returns The transformed boolean value or null.
+ */
+declare function luNullableBooleanAttribute(value: boolean | `${boolean}` | '' | null | `${null}`): boolean | null;
+declare function luNullableBooleanAttribute<T extends boolean>(value: T | `${T}` | '' | null | `${null}`): T | null;
+/**
+ * Transforms a boolean, a string representation of a boolean, undefined or a string representation of undefined into a boolean or undefined.
+ * @template T The specific boolean literal type to narrow to.
+ * @param value The value to transform, can be a boolean, a string representation of a boolean, undefined or a string representation of undefined.
+ * @returns The transformed boolean value or undefined.
+ */
+declare function luOptionalBooleanAttribute(value: boolean | `${boolean}` | '' | undefined | `${undefined}`): boolean | undefined;
+declare function luOptionalBooleanAttribute<T extends boolean>(value: T | `${T}` | '' | undefined | `${undefined}`): T | undefined;
+/**
+ * Transforms a boolean, a string representation of a boolean, null, a string representation of null, undefined or a string representation of undefined into a boolean, null or undefined.
+ * @template T The specific boolean literal type to narrow to.
+ * @param value The value to transform.
+ * @returns The transformed boolean value, null or undefined.
+ */
+declare function luOptionalNullableBooleanAttribute(value: boolean | `${boolean}` | '' | null | `${null}` | undefined | `${undefined}`): boolean | null | undefined;
+declare function luOptionalNullableBooleanAttribute<T extends boolean>(value: T | `${T}` | '' | null | `${null}` | undefined | `${undefined}`): T | null | undefined;
+
+/**
+ * Transforms a number or a string representation of a number into a number.
+ * @template T The specific number literal type to narrow to.
+ * @param value The value to transform, can be a number or a string representation of a number.
+ * @returns The transformed number value.
+ */
+declare function luNumberAttribute(value: number | `${number}`): number;
+declare function luNumberAttribute<T extends number>(value: T | `${T}`): T;
+/**
+ * Transforms a number, a string representation of a number, null or a string representation of null into a number or null.
+ * @template T The specific number literal type to narrow to.
+ * @param value The value to transform, can be a number, a string representation of a number, null or a string representation of null.
+ * @returns The transformed number value or null.
+ */
+declare function luNullableNumberAttribute(value: number | `${number}` | null | `${null}`): number | null;
+declare function luNullableNumberAttribute<T extends number>(value: T | `${T}` | null | `${null}`): T | null;
+/**
+ * Transforms a number, a string representation of a number, undefined or a string representation of undefined into a number or undefined.
+ * @template T The specific number literal type to narrow to.
+ * @param value The value to transform, can be a number, a string representation of a number, undefined or a string representation of undefined.
+ * @returns The transformed number value or undefined.
+ */
+declare function luOptionalNumberAttribute(value: number | `${number}` | undefined | `${undefined}`): number | undefined;
+declare function luOptionalNumberAttribute<T extends number>(value: T | `${T}` | undefined | `${undefined}`): T | undefined;
+/**
+ * Transforms a number, a string representation of a number, null, a string representation of null, undefined or a string representation of undefined into a number, null or undefined.
+ * @template T The specific number literal type to narrow to.
+ * @param value The value to transform.
+ * @returns The transformed number value, null or undefined.
+ */
+declare function luOptionalNullableNumberAttribute(value: number | `${number}` | null | `${null}` | undefined | `${undefined}`): number | null | undefined;
+declare function luOptionalNullableNumberAttribute<T extends number>(value: T | `${T}` | null | `${null}` | undefined | `${undefined}`): T | null | undefined;
+
 declare class IntlParamsPipe implements PipeTransform {
     #private;
     transform(value: string, args: Record<string, string | number>): string;
@@ -284,6 +351,13 @@ type LuTranslation<T> = Record<string, T>;
 type LuPluralForms = Partial<Record<Intl.LDMLPluralRule, string>>;
 declare function getIntlPluralLabel(pluralForms: Intl.PluralRules, label: LuPluralForms, count: number): string;
 
+declare class IntlPluralLabelPipe implements PipeTransform {
+    private readonly pluralRules;
+    transform(value: string | LuPluralForms, count: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntlPluralLabelPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IntlPluralLabelPipe, "intlPluralLabel", true>;
+}
+
 declare function getIntl<T>(translationsToken: InjectionToken<LuTranslation<T>> | InjectionToken<ILuTranslation<T>>): T;
 /**
  * Creates configuration for an Angular signal input that supports internationalization with optional overrides.
@@ -315,5 +389,5 @@ interface ILuTree<T> {
     disabled?: boolean;
 }
 
-export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, LOCALE_PLURAL_RULES, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuNativeDateAdapter, LuStringDateAdapter, LuTypeGuardPipe, PORTAL_CONTEXT, PortalDirective, assertNotNil, defaultBreakpoints, generateId, getIntl, getIntlPluralLabel, getPushPanelInlineSize, getPushPanelViewportMargin, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, isRouterLinkParam, luDefaultNativeDateAdapterOptions, syncInputSignal, ɵeffectWithDeps };
+export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, IntlPluralLabelPipe, LOCALE_PLURAL_RULES, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuNativeDateAdapter, LuStringDateAdapter, LuTypeGuardPipe, PORTAL_CONTEXT, PortalDirective, assertNotNil, defaultBreakpoints, generateId, getIntl, getIntlPluralLabel, getPushPanelInlineSize, getPushPanelViewportMargin, injectMediaMinBreakpoint, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, isRouterLinkParam, luBooleanAttribute, luDefaultNativeDateAdapterOptions, luNullableBooleanAttribute, luNullableNumberAttribute, luNumberAttribute, luOptionalBooleanAttribute, luOptionalNullableBooleanAttribute, luOptionalNullableNumberAttribute, luOptionalNumberAttribute, syncInputSignal, ɵeffectWithDeps };
 export type { At, Breakpoint, EffectWithDepsInput, EnumValue, ILuDateAdapter, ILuGroup, ILuNativeDateAdapterOptions, ILuOnCloseSubscriber, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuTranslation, ILuTree, LuDateGranularity, LuPluralForms, LuTranslation, PortalContent, ResponsiveConfig, ResponsiveProperty, RouterLinkParam };