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

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

@@ -1,43 +1,39 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Provider, OnInit, TemplateRef, PipeTransform, OnChanges, OnDestroy, Type, SimpleChanges, ElementRef, AfterViewInit, Signal, EventEmitter, WritableSignal, ChangeDetectorRef } from '@angular/core';
+import { InjectionToken, OnDestroy, ElementRef, Signal, EventEmitter, TemplateRef, 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';
 import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills';
 import { OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
 import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
-import * as rxjs from 'rxjs';
-import { BehaviorSubject, Observable, Subject, ReplaySubject } from 'rxjs';
+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 ILuOptionContext<T> {
-    isDisabled$: BehaviorSubject<boolean>;
-    option$: BehaviorSubject<T | undefined>;
-    destroy(): void;
+interface SelectDataSourceParams {
+    clue: string;
+    page: number;
 }
-declare const LU_OPTION_CONTEXT: InjectionToken<ILuOptionContext<unknown>>;
-declare function provideOptionContext(): Provider;
-
-declare class LuSimpleSelectDefaultOptionComponent {
-    context: ILuOptionContext<{
-        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>;
+interface SelectDataSource<TOption, TGroup = never> {
+    paramsChange?: Observable<unknown>;
+    /** Optional debounce in ms for clue-based re-queries (useful for API data sources) */
+    clueDebounceMs?: number;
+    getOptions(params: SelectDataSourceParams): Observable<readonly TOption[]>;
+    getTotalCount?(params: SelectDataSourceParams): Observable<number>;
+    getGroupOptions?: [TGroup] extends [never] ? never : (group: TGroup) => Observable<TOption[]>;
+    reset?(): void;
 }
-
-declare class LuDisabledOptionDirective {
-    private context;
-    set isDisabled(disabled: boolean | null);
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuDisabledOptionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuDisabledOptionDirective, "[luDisabledOption]", never, { "isDisabled": { "alias": "luDisabledOption"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 interface LuOptionContext<T> {
     $implicit: T;
 }
 interface LuOptionGroupByContext<T, TGroup> {
     $implicit: LuOptionGroup<T, TGroup>;
 }
+interface LuOptionGrouping<TOption, TGroup> {
+    selector: (option: TOption) => TGroup;
+    content: PortalContent<LuOptionGroupByContext<TOption, TGroup>>;
+}
 interface LuOptionGroup<T, TGroup> {
     key: TGroup;
     options: T[];
@@ -58,122 +54,33 @@ declare abstract class ɵIsSelectedStrategy<TOption> {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ɵIsSelectedStrategy<any>>;
 }
 
-interface LuOptionGrouping<TOption, TGroup> {
-    selector: (option: TOption) => TGroup;
-    content: PortalContent<LuOptionGroupByContext<TOption, TGroup>>;
-}
-declare class LuOptionGroupDirective<TOption, TValue, TGroup> implements LuOptionGrouping<TOption, TGroup>, OnInit {
-    select: ALuSelectInputComponent<TOption, TValue>;
-    selector: (option: TOption) => TGroup;
-    readonly content: TemplateRef<LuOptionGroupByContext<TOption, TGroup>>;
-    static ngTemplateContextGuard<TOption, TValue, TGroup>(_dir: LuOptionGroupDirective<TOption, TValue, TGroup>, _ctx: unknown): _ctx is LuOptionGroupByContext<TOption, TGroup>;
-    ngOnInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionGroupDirective<any, any, any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuOptionGroupDirective<any, any, any>, "[luOptionGroup]", never, { "select": { "alias": "luOptionGroupSelect"; "required": false; }; "selector": { "alias": "luOptionGroupBy"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Generate groups with a O(n) complexity. Note that the options must be sorted by group.
- */
-declare function generateGroups<T, TGroup>(options: T[], selector: (option: T) => TGroup): LuOptionGroup<T, TGroup>[];
-declare class LuOptionGroupPipe<T, TGroup> implements PipeTransform {
-    transform(options: T[], selector: (option: T) => TGroup): LuOptionGroup<T, TGroup>[];
-    transform(options: T, selector: (option: T) => TGroup): LuOptionGroup<T, TGroup>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionGroupPipe<any, any>, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<LuOptionGroupPipe<any, any>, "luOptionGroup", true>;
-}
-
-declare class LuOptionOutletDirective<T> implements OnChanges, OnDestroy {
-    luOptionOutlet?: Type<unknown> | TemplateRef<LuOptionContext<T>>;
-    luOptionOutletValue: T | undefined;
-    luOptionShowNull: boolean;
-    private viewContainerRef;
-    private injector;
-    private embeddedViewRef?;
-    private componentRef?;
-    private optionContext;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    private clearContainer;
-    private createComponent;
-    private updateRefValue;
-    static ngTemplateContextGuard<T>(_dir: LuOptionOutletDirective<T>, _ctx: unknown): _ctx is void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionOutletDirective<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuOptionOutletDirective<any>, "[luOptionOutlet]", never, { "luOptionOutlet": { "alias": "luOptionOutlet"; "required": false; }; "luOptionOutletValue": { "alias": "luOptionOutletValue"; "required": false; }; "luOptionShowNull": { "alias": "luOptionShowNull"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-interface OptionTranslate {
-    onlyParent: string;
-    onlyChildren: string;
-}
-
-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.
- */
-declare function getGroupTemplateLocation(hasGrouping$: Observable<boolean>, clueChange$: Observable<string>, options$: Observable<readonly unknown[]>, searchable?: boolean): Observable<GroupTemplateLocation>;
-
 declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
     #private;
     readonly elementRef: ElementRef<HTMLElement>;
+    readonly role: _angular_core.Signal<"treeitem" | "option">;
     readonly id: _angular_core.WritableSignal<string>;
     readonly elementId: _angular_core.InputSignal<string>;
     readonly idAttribute: _angular_core.Signal<string>;
     readonly isSelected: _angular_core.ModelSignal<boolean>;
     readonly option: _angular_core.InputSignal<T>;
+    readonly disabledInput: _angular_core.InputSignal<boolean>;
+    readonly disabledRef: _angular_core.WritableSignal<boolean>;
     readonly isHighlighted: _angular_core.WritableSignal<boolean>;
     selected: _angular_core.OutputEmitterRef<void>;
-    disabled: boolean;
+    get disabled(): boolean;
+    set disabled(disabled: boolean);
     constructor();
     ngOnDestroy(): void;
     setActiveStyles(): void;
     setInactiveStyles(): 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; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "isSelected": "isSelectedChange"; "selected": "selected"; }, never, never, true, never>;
-}
-
-declare class LuOptionComponent<T> implements AfterViewInit, OnDestroy, OnInit {
-    protected selectableItem: CoreSelectPanelElement<any>;
-    readonly intl: _angular_core.InputSignalWithTransform<OptionTranslate, Partial<OptionTranslate>>;
-    hasOptionItemClass: boolean;
-    optionTpl: TemplateRef<LuOptionContext<T>> | Type<unknown> | undefined;
-    option?: T;
-    grouping?: LuOptionGrouping<T, unknown>;
-    readonly hasChildren: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    onlyParent: _angular_core.OutputEmitterRef<void>;
-    onlyChildren: _angular_core.OutputEmitterRef<void>;
-    readonly groupIndex: _angular_core.InputSignal<number>;
-    readonly optionIndex: _angular_core.InputSignalWithTransform<string, string | number>;
-    scrollIntoViewOptions: ScrollIntoViewOptions;
-    readonly groupTemplateLocation: _angular_core.InputSignal<GroupTemplateLocation>;
-    private readonly optionContext?;
-    private cdr;
-    private subscription?;
-    get id(): string;
-    protected elementRef: ElementRef<HTMLElement>;
-    protected selectId: number;
-    constructor();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    ngAfterViewInit(): 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; }; "option": { "alias": "option"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "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; }; "groupTemplateLocation": { "alias": "groupTemplateLocation"; "required": false; "isSignal": true; }; }, { "onlyParent": "onlyParent"; "onlyChildren": "onlyChildren"; }, never, never, true, never>;
-}
-
-declare class LuOptionDirective<TOption, TValue> {
-    private templateRef;
-    set select(select: ALuSelectInputComponent<TOption, TValue>);
-    constructor(templateRef: TemplateRef<LuOptionContext<TOption>>);
-    static ngTemplateContextGuard<TOption, TValue>(_dir: LuOptionDirective<TOption, TValue>, _ctx: unknown): _ctx is LuOptionContext<TOption>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionDirective<any, any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuOptionDirective<any, any>, "[luOption]", never, { "select": { "alias": "luOptionSelect"; "required": false; }; }, {}, never, never, true, 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>;
 }
 
 interface CoreSelectKeyManagerOptions<T> {
     queryList: Signal<readonly CoreSelectPanelElement<T>[]>;
-    options$: Observable<readonly T[]>;
+    options: Signal<readonly T[]>;
     optionComparer: LuOptionComparer<T>;
     activeOptionIdChanged$: EventEmitter<string>;
     clueChange$: Observable<string>;
@@ -185,11 +92,33 @@ declare class CoreSelectKeyManager<T> {
     get activeItem(): CoreSelectPanelElement<T> | undefined;
     get activeItemIndex(): number;
     setActiveItem(index: number): void;
+    setActiveItemByElement(item: CoreSelectPanelElement<T>): void;
     highlightOption(option: T): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CoreSelectKeyManager<any>, never>;
     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[]>>;
@@ -201,7 +130,6 @@ declare class LuCoreSelectPanelHeaderDirective {
 
 declare abstract class LuSelectPanelRef<TOption, TValue> {
     closed: EventEmitter<void>;
-    previousPage: EventEmitter<void>;
     nextPage: EventEmitter<void>;
     valueChanged: EventEmitter<TValue>;
     clueChanged: EventEmitter<string>;
@@ -214,8 +142,16 @@ declare abstract class LuSelectPanelRef<TOption, TValue> {
     close(): 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.
+ */
+declare function getGroupTemplateLocation(hasGrouping: Signal<boolean>, clue: Signal<string>, searchable?: boolean): Signal<GroupTemplateLocation>;
+
 interface CoreSelectPanelInstance<T = unknown> {
     options: WritableSignal<CoreSelectPanelElement<T>[]>;
+    pointerNavigation: Signal<boolean>;
 }
 declare const SELECT_PANEL_INSTANCE: InjectionToken<CoreSelectPanelInstance<unknown>>;
 
@@ -248,7 +184,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected filterPillHost: _lucca_front_ng_filter_pills.FilterPillComponent;
     protected afterCloseFn?: () => void;
     protected updatePositionFn?: () => void;
-    protected filterPillMode: boolean;
+    filterPillMode: boolean;
     readonly ignorePresentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
     selectParent$?: Subject<void>;
     selectChildren$?: Subject<void>;
@@ -256,35 +192,41 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     readonly panelOpened: _angular_core.OutputEmitterRef<void>;
     readonly highlightedOption: _angular_core.OutputEmitterRef<TOption>;
     private readonly inputElementRef;
-    readonly placeholder$: BehaviorSubject<string>;
     readonly disabled$: BehaviorSubject<boolean>;
     readonly filterPillDisabled: Signal<boolean>;
     readonly prefix: _angular_core.InputSignal<PortalContent>;
-    set placeholder(value: string);
-    set clearable(value: boolean);
-    get clearable(): boolean;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly clearableInput: _angular_core.InputSignalWithTransform<boolean, boolean>;
+    readonly isClearable: Signal<boolean>;
     get searchable(): boolean;
     protected readonly computedAddOptionLabel: Signal<PortalContent>;
-    set addOptionLabel(label: PortalContent);
+    readonly addOptionLabelInput: _angular_core.InputSignal<PortalContent>;
     get addOptionLabel(): PortalContent;
-    set addOptionStrategy(strategy: CoreSelectAddOptionStrategy);
+    readonly addOptionStrategy: _angular_core.InputSignal<CoreSelectAddOptionStrategy>;
     protected get isSelectedClass(): boolean;
     protected get isSearchFilledClass(): boolean;
     protected abstract hasValue(): boolean;
     get isPanelOpen(): boolean;
     readonly isPanelOpen$: BehaviorSubject<boolean>;
+    readonly panelOpenSignal: Signal<boolean>;
     readonly activeDescendant$: BehaviorSubject<string>;
+    protected manualOptions$: ReplaySubject<readonly TOption[]>;
     get ariaControls(): string;
-    overlayConfig?: OverlayConfig;
-    set loading(value: boolean);
-    set options(options: readonly TOption[]);
-    optionComparer: LuOptionComparer<TOption>;
-    optionKey: (option: TOption) => unknown;
+    readonly overlayConfig: _angular_core.InputSignal<OverlayConfig>;
+    readonly loadingInput: _angular_core.InputSignal<boolean>;
+    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>;
     protected get isNoClueIconClass(): boolean;
+    readonly options: _angular_core.WritableSignal<readonly TOption[]>;
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    readonly clearable: _angular_core.WritableSignal<boolean>;
+    readonly optionComparer: _angular_core.WritableSignal<LuOptionComparer<TOption>>;
+    readonly optionKey: _angular_core.WritableSignal<(option: TOption) => unknown>;
     readonly optionTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
     readonly valueTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
     readonly panelHeaderTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void>>;
@@ -304,28 +246,28 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     clueChange: _angular_core.OutputRef<string>;
     readonly nextPage$: Subject<void>;
     nextPage: _angular_core.OutputRef<void>;
-    readonly previousPage: _angular_core.OutputEmitterRef<void>;
     readonly addOption: _angular_core.OutputEmitterRef<string>;
     readonly valueSignal: _angular_core.WritableSignal<TValue>;
     readonly isFilterPillEmpty: Signal<boolean>;
     readonly isFilterPillClearable: Signal<boolean>;
     get value(): TValue | null;
     protected set value(value: TValue | null);
-    get inputPlaceholder(): string | null;
+    get inputPlaceholder(): string | null | undefined;
     clueChanged(clue: string, skipPanelOpen?: boolean): void;
     protected _value: TValue | null;
-    readonly options$: ReplaySubject<readonly TOption[]>;
-    readonly loading$: BehaviorSubject<boolean>;
+    private getDefaultDataSource;
+    readonly dataSource: _angular_core.ModelSignal<SelectDataSource<TOption, unknown>>;
+    readonly dataSourceOptions: Signal<readonly TOption[]>;
     clue: string | null;
     lastEmittedClue: string;
-    readonly clue$: Observable<string>;
-    readonly addOptionStrategy$: BehaviorSubject<CoreSelectAddOptionStrategy>;
-    shouldDisplayAddOption$: Observable<boolean>;
+    readonly clue$: rxjs.Observable<string>;
+    readonly shouldDisplayAddOption: Signal<boolean>;
     protected onChange?: (value: TValue | null) => void;
     protected onTouched?: () => void;
     get panelRef(): LuSelectPanelRef<TOption, TValue> | undefined;
     protected _panelRef?: LuSelectPanelRef<TOption, TValue>;
     protected readonly destroyed$: Subject<void>;
+    private readonly injector;
     constructor();
     onClickOpenPanel($event: Event): void;
     onKeyDownNavigation(event: Event): void;
@@ -351,8 +293,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     onFilterPillOpened(): void;
     onFilterPillClosed(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ALuSelectInputComponent<any, any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "ignorePresentation": { "alias": "ignorePresentation"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "addOptionLabel": { "alias": "addOptionLabel"; "required": false; }; "addOptionStrategy": { "alias": "addOptionStrategy"; "required": false; }; "overlayConfig": { "alias": "overlayConfig"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionComparer": { "alias": "optionComparer"; "required": false; }; "optionKey": { "alias": "optionKey"; "required": false; }; "noClueIcon": { "alias": "noClueIcon"; "required": false; "isSignal": true; }; "inputTabindex": { "alias": "inputTabindex"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "colorPicker": { "alias": "colorPicker"; "required": false; "isSignal": true; }; "optionTpl": { "alias": "optionTpl"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "panelHeaderTpl": { "alias": "panelHeaderTpl"; "required": false; "isSignal": true; }; "panelFooterTpl": { "alias": "panelFooterTpl"; "required": false; "isSignal": true; }; }, { "panelClosed": "panelClosed"; "panelOpened": "panelOpened"; "highlightedOption": "highlightedOption"; "optionTpl": "optionTplChange"; "valueTpl": "valueTplChange"; "panelHeaderTpl": "panelHeaderTplChange"; "panelFooterTpl": "panelFooterTplChange"; "clueChange": "clueChange"; "nextPage": "nextPage"; "previousPage": "previousPage"; "addOption": "addOption"; }, never, never, true, never>;
-    static ngAcceptInputType_clearable: unknown;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "ignorePresentation": { "alias": "ignorePresentation"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearableInput": { "alias": "clearable"; "required": false; "isSignal": true; }; "addOptionLabelInput": { "alias": "addOptionLabel"; "required": false; "isSignal": true; }; "addOptionStrategy": { "alias": "addOptionStrategy"; "required": false; "isSignal": true; }; "overlayConfig": { "alias": "overlayConfig"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": false; "isSignal": true; }; "optionComparerInput": { "alias": "optionComparer"; "required": false; "isSignal": true; }; "optionKeyInput": { "alias": "optionKey"; "required": false; "isSignal": true; }; "noClueIcon": { "alias": "noClueIcon"; "required": false; "isSignal": true; }; "inputTabindex": { "alias": "inputTabindex"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "colorPicker": { "alias": "colorPicker"; "required": false; "isSignal": true; }; "optionTpl": { "alias": "optionTpl"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "panelHeaderTpl": { "alias": "panelHeaderTpl"; "required": false; "isSignal": true; }; "panelFooterTpl": { "alias": "panelFooterTpl"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; }, { "panelClosed": "panelClosed"; "panelOpened": "panelOpened"; "highlightedOption": "highlightedOption"; "optionTpl": "optionTplChange"; "valueTpl": "valueTplChange"; "panelHeaderTpl": "panelHeaderTplChange"; "panelFooterTpl": "panelFooterTplChange"; "clueChange": "clueChange"; "nextPage": "nextPage"; "addOption": "addOption"; "dataSource": "dataSourceChange"; }, never, never, true, never>;
 }
 
 declare function provideLuSelectLabelsAndIds(): Provider[];
@@ -373,11 +314,11 @@ declare class TreeDisplayPipe<T> implements PipeTransform {
 
 declare class LuDisplayerDirective<TOption, TValue> {
     private templateRef;
-    set select(select: ALuSelectInputComponent<TOption, TValue>);
+    readonly select: _angular_core.InputSignal<ALuSelectInputComponent<TOption, TValue>>;
     constructor(templateRef: TemplateRef<LuOptionContext<TOption>>);
     static ngTemplateContextGuard<TOption, TValue>(_dir: LuDisplayerDirective<TOption, TValue>, _ctx: unknown): _ctx is LuOptionContext<TOption>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuDisplayerDirective<any, any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuDisplayerDirective<any, any>, "[luDisplayer]", never, { "select": { "alias": "luDisplayerSelect"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuDisplayerDirective<any, any>, "[luDisplayer]", never, { "select": { "alias": "luDisplayerSelect"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuCoreSelectNoClueDirective {
@@ -386,6 +327,114 @@ declare class LuCoreSelectNoClueDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectNoClueDirective, "lu-simple-select[noClue],lu-multi-select[noClue]", never, {}, {}, never, never, true, never>;
 }
 
+interface ILuOptionContext<T> {
+    isDisabled$: BehaviorSubject<boolean>;
+    option$: BehaviorSubject<T | undefined>;
+    destroy(): void;
+}
+declare const LU_OPTION_CONTEXT: InjectionToken<ILuOptionContext<unknown>>;
+declare function provideOptionContext(): Provider;
+
+declare class LuSimpleSelectDefaultOptionComponent {
+    context: ILuOptionContext<{
+        name?: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSimpleSelectDefaultOptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuSimpleSelectDefaultOptionComponent, "lu-core-select-default-option", never, {}, {}, never, never, true, never>;
+}
+
+declare class LuDisabledOptionDirective {
+    readonly isDisabled: _angular_core.InputSignal<boolean>;
+    private context;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuDisabledOptionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuDisabledOptionDirective, "[luDisabledOption]", never, { "isDisabled": { "alias": "luDisabledOption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LuOptionGroupDirective<TOption, TValue, TGroup> {
+    readonly select: _angular_core.InputSignal<ALuSelectInputComponent<TOption, TValue>>;
+    readonly selector: _angular_core.InputSignal<(option: TOption) => TGroup>;
+    readonly content: TemplateRef<LuOptionGroupByContext<TOption, TGroup>>;
+    static ngTemplateContextGuard<TOption, TValue, TGroup>(_dir: LuOptionGroupDirective<TOption, TValue, TGroup>, _ctx: unknown): _ctx is LuOptionGroupByContext<TOption, TGroup>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionGroupDirective<any, any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuOptionGroupDirective<any, any, any>, "[luOptionGroup]", never, { "select": { "alias": "luOptionGroupSelect"; "required": true; "isSignal": true; }; "selector": { "alias": "luOptionGroupBy"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Generate groups with a O(n) complexity. Note that the options must be sorted by group.
+ */
+declare function generateGroups<T, TGroup>(options: T[], selector: (option: T) => TGroup): LuOptionGroup<T, TGroup>[];
+declare class LuOptionGroupPipe<T, TGroup> implements PipeTransform {
+    transform(options: T[], selector: (option: T) => TGroup): LuOptionGroup<T, TGroup>[];
+    transform(options: T, selector: (option: T) => TGroup): LuOptionGroup<T, TGroup>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionGroupPipe<any, any>, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<LuOptionGroupPipe<any, any>, "luOptionGroup", true>;
+}
+
+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>;
+    private viewContainerRef;
+    private injector;
+    private embeddedViewRef?;
+    private componentRef?;
+    private optionContext;
+    constructor();
+    ngOnDestroy(): void;
+    private clearContainer;
+    static ngTemplateContextGuard<T>(_dir: LuOptionOutletDirective<T>, _ctx: unknown): _ctx is void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionOutletDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuOptionOutletDirective<any>, "[luOptionOutlet]", never, { "luOptionOutlet": { "alias": "luOptionOutlet"; "required": false; "isSignal": true; }; "luOptionOutletValue": { "alias": "luOptionOutletValue"; "required": false; "isSignal": true; }; "luOptionShowNull": { "alias": "luOptionShowNull"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface OptionTranslate {
+    onlyParent: string;
+    onlyChildren: string;
+}
+
+declare class LuOptionComponent<T> implements OnInit {
+    #private;
+    protected selectableItem: CoreSelectPanelElement<any>;
+    readonly intl: _angular_core.InputSignalWithTransform<OptionTranslate, Partial<OptionTranslate>>;
+    readonly optionTpl: _angular_core.InputSignal<Type<unknown> | TemplateRef<LuOptionContext<T>>>;
+    readonly option: _angular_core.InputSignal<T>;
+    readonly grouping: _angular_core.InputSignal<LuOptionGrouping<T, unknown>>;
+    readonly hasChildren: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly onlyParent: _angular_core.OutputEmitterRef<void>;
+    readonly onlyChildren: _angular_core.OutputEmitterRef<void>;
+    readonly groupIndex: _angular_core.InputSignal<number>;
+    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>;
+    readonly optionContext: _angular_core.Signal<_lucca_front_ng_core_select.ILuOptionContext<unknown>>;
+    private cdr;
+    get id(): string;
+    protected elementRef: ElementRef<HTMLElement>;
+    protected selectId: number;
+    constructor();
+    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"; }, ["treeitemContent"], ["[treeitem]"], true, never>;
+}
+
+declare class LuOptionDirective<TOption, TValue> {
+    private templateRef;
+    readonly select: _angular_core.InputSignal<ALuSelectInputComponent<TOption, TValue>>;
+    constructor(templateRef: TemplateRef<LuOptionContext<TOption>>);
+    static ngTemplateContextGuard<TOption, TValue>(_dir: LuOptionDirective<TOption, TValue>, _ctx: unknown): _ctx is LuOptionContext<TOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuOptionDirective<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuOptionDirective<any, any>, "[luOption]", never, { "select": { "alias": "luOptionSelect"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare const applySearchDelimiter: (clue: string, delimiter: string) => string;
 
 declare class LuIsOptionSelectedPipe<T> implements PipeTransform {
@@ -395,5 +444,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 type { CoreSelectAddOptionStrategy, CoreSelectApiTotalCountProvider, CoreSelectPanelInstance, ILuOptionContext, LuCoreSelectLabel, LuOptionComparer, LuOptionContext, LuOptionGroup, LuOptionGroupByContext, LuOptionGrouping, TreeGenerator, TreeGroupingFn, TreeNode };
+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 };
+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,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { PipeTransform, InjectionToken, TemplateRef, Type, OnDestroy, Signal, EffectCleanupRegisterFn, CreateEffectOptions, EffectRef, InputOptionsWithTransform } 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';
 
@@ -178,6 +178,25 @@ declare function assertNotNil<T>(input: T, errorMessage?: string): asserts input
 declare const isNilOrEmptyString: (str: string | Nil) => str is Nil | "";
 declare const isNotNilOrEmptyString: (str: string | Nil) => str is string;
 
+/**
+ * Reads the `--commons-pushPanel-inlineSize` design token — the inline-end space reserved for a
+ * docked panel that shrinks the page content — from the document root, in pixels.
+ * Returns 0 when the token is unset or cannot be parsed as a pixel length.
+ */
+declare function getPushPanelInlineSize(element: Element): number;
+/**
+ * Builds a per-side viewport margin for a CDK `FlexibleConnectedPositionStrategy` so connected
+ * overlays (popovers, tooltips, selects…) are pushed out of the reserved pushPanel zone on the
+ * inline-end instead of overflowing into it. `base` is added to every side so an existing uniform
+ * margin is preserved.
+ */
+declare function getPushPanelViewportMargin(element: Element, base?: number): {
+    start: number;
+    end: number;
+    top: number;
+    bottom: number;
+};
+
 type PortalContent<T = unknown> = string | TemplateRef<T> | Type<unknown>;
 declare const PORTAL_CONTEXT: InjectionToken<unknown>;
 
@@ -236,6 +255,18 @@ type EffectWithDepsInput = ReadonlyArray<Signal<unknown>> | Record<string, Signa
  * La plupart du temps, seule la lecture des signaux est intéressante à tracker, pas les actions qui en découlent.
  */
 declare function ɵeffectWithDeps<const T extends EffectWithDepsInput>(dependencies: T, action: (...values: [...SignalsValue<T>, EffectCleanupRegisterFn]) => unknown, options?: CreateEffectOptions): EffectRef;
+/**
+ * Utilitaire pour synchroniser un input signal avec une props via un setter.
+ * Évite la répétition des ɵeffectWithDeps + isNotNil.
+ */
+declare function syncInputSignal<T>(signal: ReturnType<typeof input<T>>, setter: (value: T) => void): void;
+
+declare class IntlParamsPipe implements PipeTransform {
+    #private;
+    transform(value: string, args: Record<string, string | number>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntlParamsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IntlParamsPipe, "intlParams", true>;
+}
 
 /**
  * @deprecated use `LuTranslation` instead.
@@ -250,6 +281,8 @@ interface ILuTranslation<T> {
     pt?: T;
 }
 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 function getIntl<T>(translationsToken: InjectionToken<LuTranslation<T>> | InjectionToken<ILuTranslation<T>>): T;
 /**
@@ -274,12 +307,7 @@ declare function getIntl<T>(translationsToken: InjectionToken<LuTranslation<T>>
 declare function intlInputOptions<T1>(token1: InjectionToken<LuTranslation<T1>>): [T1, InputOptionsWithTransform<T1, Partial<T1>>];
 declare function intlInputOptions<T1, T2>(token1: InjectionToken<LuTranslation<T1>>, token2: InjectionToken<LuTranslation<T2>>): [T1 & T2, InputOptionsWithTransform<T1 & T2, Partial<T1 & T2>>];
 
-declare class IntlParamsPipe implements PipeTransform {
-    #private;
-    transform(value: string, args: Record<string, string | number>): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IntlParamsPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<IntlParamsPipe, "intlParams", true>;
-}
+declare const LOCALE_PLURAL_RULES: InjectionToken<Intl.PluralRules>;
 
 interface ILuTree<T> {
     value: T;
@@ -287,5 +315,5 @@ interface ILuTree<T> {
     disabled?: boolean;
 }
 
-export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuNativeDateAdapter, LuStringDateAdapter, LuTypeGuardPipe, PORTAL_CONTEXT, PortalDirective, assertNotNil, defaultBreakpoints, generateId, getIntl, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, isRouterLinkParam, luDefaultNativeDateAdapterOptions, ɵeffectWithDeps };
-export type { At, Breakpoint, EffectWithDepsInput, EnumValue, ILuDateAdapter, ILuGroup, ILuNativeDateAdapterOptions, ILuOnCloseSubscriber, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuTranslation, ILuTree, LuDateGranularity, LuTranslation, PortalContent, ResponsiveConfig, ResponsiveProperty, RouterLinkParam };
+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 type { At, Breakpoint, EffectWithDepsInput, EnumValue, ILuDateAdapter, ILuGroup, ILuNativeDateAdapterOptions, ILuOnCloseSubscriber, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuTranslation, ILuTree, LuDateGranularity, LuPluralForms, LuTranslation, PortalContent, ResponsiveConfig, ResponsiveProperty, RouterLinkParam };