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

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

@@ -1,43 +1,25 @@
 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 _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 { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
+import * as _lucca_front_ng_core_select from '@lucca-front/ng/core-select';
 import { Highlightable } from '@angular/cdk/a11y';
 
-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-simple-select-default-option", never, {}, {}, never, never, true, never>;
-}
-
-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,117 +40,26 @@ 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>;
-    id: _angular_core.WritableSignal<string>;
-    elementId: _angular_core.InputSignal<string>;
-    idAttribute: _angular_core.Signal<string>;
-    isSelected: _angular_core.ModelSignal<boolean>;
-    option: _angular_core.InputSignal<T>;
-    isHighlighted: _angular_core.WritableSignal<boolean>;
+    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;
     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>;
-    hasChildren: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    onlyParent: _angular_core.OutputEmitterRef<void>;
-    onlyChildren: _angular_core.OutputEmitterRef<void>;
-    groupIndex: _angular_core.InputSignal<number>;
-    optionIndex: _angular_core.InputSignalWithTransform<string, string | number>;
-    scrollIntoViewOptions: ScrollIntoViewOptions;
-    groupTemplateLocation: _angular_core.InputSignal<GroupTemplateLocation>;
-    private 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> {
@@ -214,6 +105,13 @@ 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$: Observable<boolean>, clueChange$: Observable<string>, options$: Observable<readonly unknown[]>, searchable?: boolean): Observable<GroupTemplateLocation>;
+
 interface CoreSelectPanelInstance<T = unknown> {
     options: WritableSignal<CoreSelectPanelElement<T>[]>;
 }
@@ -248,49 +146,53 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected filterPillHost: _lucca_front_ng_filter_pills.FilterPillComponent;
     protected afterCloseFn?: () => void;
     protected updatePositionFn?: () => void;
-    filterPillMode: boolean;
-    ignorePresentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected filterPillMode: boolean;
+    readonly ignorePresentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
     selectParent$?: Subject<void>;
     selectChildren$?: Subject<void>;
-    panelClosed: _angular_core.OutputEmitterRef<void>;
-    panelOpened: _angular_core.OutputEmitterRef<void>;
-    highlightedOption: _angular_core.OutputEmitterRef<TOption>;
-    private inputElementRef;
-    placeholder$: BehaviorSubject<string>;
-    disabled$: BehaviorSubject<boolean>;
-    filterPillDisabled: Signal<boolean>;
-    prefix: _angular_core.InputSignal<PortalContent>;
-    set placeholder(value: string);
-    set clearable(value: boolean);
-    get clearable(): boolean;
+    readonly panelClosed: _angular_core.OutputEmitterRef<void>;
+    readonly panelOpened: _angular_core.OutputEmitterRef<void>;
+    readonly highlightedOption: _angular_core.OutputEmitterRef<TOption>;
+    private readonly inputElementRef;
+    readonly disabled$: BehaviorSubject<boolean>;
+    readonly filterPillDisabled: Signal<boolean>;
+    readonly prefix: _angular_core.InputSignal<PortalContent>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly clearableInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isClearable: Signal<boolean>;
     get searchable(): boolean;
-    protected computedAddOptionLabel: Signal<PortalContent>;
-    set addOptionLabel(label: PortalContent);
+    protected readonly computedAddOptionLabel: Signal<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;
-    isPanelOpen$: BehaviorSubject<boolean>;
-    activeDescendant$: BehaviorSubject<string>;
+    readonly isPanelOpen$: BehaviorSubject<boolean>;
+    readonly activeDescendant$: BehaviorSubject<string>;
     get ariaControls(): string;
-    overlayConfig?: OverlayConfig;
-    set loading(value: boolean);
-    set options(options: readonly TOption[]);
-    optionComparer: LuOptionComparer<TOption>;
-    optionKey: (option: TOption) => unknown;
-    noClueIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    inputTabindex: _angular_core.InputSignal<number>;
-    compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    colorPicker: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly overlayConfig: _angular_core.InputSignal<OverlayConfig>;
+    readonly loadingInput: _angular_core.InputSignal<boolean>;
+    readonly optionsInput: _angular_core.InputSignal<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;
-    optionTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
-    valueTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
-    panelHeaderTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void>>;
-    panelFooterTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void>>;
-    displayerTpl: Signal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
-    groupingSignal: _angular_core.WritableSignal<LuOptionGrouping<TOption, unknown>>;
+    readonly options: _angular_core.WritableSignal<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>>;
+    readonly panelFooterTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void>>;
+    readonly displayerTpl: Signal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
+    readonly groupingSignal: _angular_core.WritableSignal<LuOptionGrouping<TOption, unknown>>;
     /**
      * @deprecated use groupingSignal
      */
@@ -300,36 +202,35 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
      */
     set grouping(grouping: LuOptionGrouping<TOption, unknown> | undefined);
     treeGenerator?: TreeGenerator<TOption, TreeNode<TOption>>;
-    clueChange$: Subject<string>;
+    readonly clueChange$: Subject<string>;
     clueChange: _angular_core.OutputRef<string>;
-    nextPage$: Subject<void>;
+    readonly nextPage$: Subject<void>;
     nextPage: _angular_core.OutputRef<void>;
-    previousPage: _angular_core.OutputEmitterRef<void>;
-    addOption: _angular_core.OutputEmitterRef<string>;
-    valueSignal: _angular_core.WritableSignal<TValue>;
-    isFilterPillEmpty: Signal<boolean>;
-    isFilterPillClearable: Signal<boolean>;
-    get value(): TValue;
-    protected set value(value: TValue);
-    get inputPlaceholder(): string | null;
+    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 | undefined;
     clueChanged(clue: string, skipPanelOpen?: boolean): void;
-    protected _value?: TValue;
-    options$: ReplaySubject<readonly TOption[]>;
-    loading$: BehaviorSubject<boolean>;
+    protected _value: TValue | null;
+    readonly options$: ReplaySubject<readonly TOption[]>;
+    readonly loading$: Observable<boolean>;
     clue: string | null;
     lastEmittedClue: string;
-    clue$: Observable<string>;
-    addOptionStrategy$: BehaviorSubject<CoreSelectAddOptionStrategy>;
+    readonly clue$: Observable<string>;
     shouldDisplayAddOption$: Observable<boolean>;
     protected onChange?: (value: TValue | null) => void;
     protected onTouched?: () => void;
     get panelRef(): LuSelectPanelRef<TOption, TValue> | undefined;
     protected _panelRef?: LuSelectPanelRef<TOption, TValue>;
-    protected destroyed$: Subject<void>;
+    protected readonly destroyed$: Subject<void>;
     constructor();
     onClickOpenPanel($event: Event): void;
     onKeyDownNavigation(event: Event): void;
-    registerOnChange(onChange: (value: TValue) => void): void;
+    registerOnChange(onChange: (value: TValue | null) => void): void;
     registerOnTouched(onTouched: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     ngOnDestroy(): void;
@@ -342,8 +243,8 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     focusInput(): void;
     protected emptyClue(): void;
     closePanel(): void;
-    writeValue(value: TValue): void;
-    updateValue(value: TValue, skipPanelOpen?: boolean, noClear?: boolean): void;
+    writeValue(value: TValue | null): void;
+    updateValue(value: TValue | null, skipPanelOpen?: boolean, noClear?: boolean): void;
     clearFilterPillValue(): void;
     registerFilterPillClosePopover(closeFn: () => void): void;
     registerFilterPillUpdatePosition(updatePositionFn: () => void): void;
@@ -351,16 +252,15 @@ 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; }; }, { "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>;
 }
 
 declare function provideLuSelectLabelsAndIds(): Provider[];
 declare function addAttributesOnCdkContainer(overlayRef: OverlayRef, selectLabelId: string, selectId: number): void;
 
 declare class LuCoreSelectTotalCountDirective implements CoreSelectApiTotalCountProvider {
-    totalCount: _angular_core.InputSignal<number>;
-    totalCount$: rxjs.Observable<number>;
+    readonly totalCount: _angular_core.InputSignal<number>;
+    readonly totalCount$: rxjs.Observable<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuCoreSelectTotalCountDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectTotalCountDirective, "lu-simple-select[totalCount],lu-multi-select[totalCount]", never, { "totalCount": { "alias": "totalCount"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -373,11 +273,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 +286,107 @@ 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-simple-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 {
+    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>;
+    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"; }, never, never, 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 {

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';
 
@@ -60,7 +60,7 @@ interface ILuDateAdapter<D> {
     isValid(d: D): boolean;
     compare(a: D, b: D, granularity: LuDateGranularity): number;
     isParsable(text: string, granularity?: LuDateGranularity): boolean;
-    parse(text: string, granularity?: LuDateGranularity): D;
+    parse(text: string, granularity?: LuDateGranularity): D | undefined;
     format(d: D, format: string): string;
     clone(d: D): D;
     getYear(d: D): number;
@@ -77,7 +77,7 @@ declare abstract class ALuDateAdapter<D> implements ILuDateAdapter<D> {
     abstract isValid(d: D): boolean;
     compare(a: D, b: D, granularity: LuDateGranularity): number;
     abstract isParsable(text: string, granularity?: LuDateGranularity): boolean;
-    abstract parse(text: string, granularity?: LuDateGranularity): D;
+    abstract parse(text: string, granularity?: LuDateGranularity): D | undefined;
     abstract format(d: D, format: string): string;
     abstract clone(d: D): D;
     abstract getYear(d: D): number;
@@ -102,7 +102,7 @@ declare class LuNativeDateAdapter extends ALuDateAdapter<Date> implements ILuDat
     private initOrder;
     private extract;
     isParsable(text: string, granularity?: LuDateGranularity): boolean;
-    parse(text: string, granularity?: LuDateGranularity): Date;
+    parse(text: string, granularity?: LuDateGranularity): Date | undefined;
     format(d: Date, format: string): string;
     forge(year: number, month: number, date: number): Date;
     forgeToday(): Date;
@@ -138,7 +138,7 @@ declare class LuStringDateAdapter extends ALuDateAdapter<string> implements ILuD
     getDay(d: string): number;
     add(d: string, count: number, granularity: LuDateGranularity): string;
     protected stringToDate(s: string): Date;
-    protected dateToString(d: Date): string;
+    protected dateToString(d: Date | undefined): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuStringDateAdapter, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LuStringDateAdapter>;
 }
@@ -174,19 +174,20 @@ declare function generateId(): string;
 type Nil = null | undefined;
 declare const isNil: <T>(value: T | Nil) => value is Nil;
 declare const isNotNil: <T>(value: T) => value is NonNullable<T>;
+declare function assertNotNil<T>(input: T, errorMessage?: string): asserts input is NonNullable<T>;
 declare const isNilOrEmptyString: (str: string | Nil) => str is Nil | "";
 declare const isNotNilOrEmptyString: (str: string | Nil) => str is string;
 
 type PortalContent<T = unknown> = string | TemplateRef<T> | Type<unknown>;
 declare const PORTAL_CONTEXT: InjectionToken<unknown>;
 
-declare class PortalDirective<T = unknown> implements OnDestroy {
+declare class PortalDirective<T extends object = object> implements OnDestroy {
     private viewContainerRef;
     private renderer;
     private templateRef;
     private injector;
-    luPortal: i0.InputSignal<PortalContent<T>>;
-    luPortalContext: i0.InputSignal<T>;
+    readonly luPortal: i0.InputSignal<PortalContent<T>>;
+    readonly luPortalContext: i0.InputSignal<T>;
     private createdTextElement;
     private embeddedViewRef?;
     private componentRef?;
@@ -200,7 +201,7 @@ declare class PortalDirective<T = unknown> implements OnDestroy {
      * @see https://github.com/angular/angular/pull/51887
      */
     private updateEmbeddedViewContext;
-    static ngTemplateContextGuard<T>(_dir: PortalDirective<T>, _ctx: unknown): _ctx is void;
+    static ngTemplateContextGuard<T extends object>(_dir: PortalDirective<T>, _ctx: unknown): _ctx is void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PortalDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<PortalDirective<any>, "[luPortal]", never, { "luPortal": { "alias": "luPortal"; "required": true; "isSignal": true; }; "luPortalContext": { "alias": "luPortalContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -235,6 +236,11 @@ 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;
 
 /**
  * @deprecated use `LuTranslation` instead.
@@ -286,5 +292,5 @@ interface ILuTree<T> {
     disabled?: boolean;
 }
 
-export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuNativeDateAdapter, LuStringDateAdapter, LuTypeGuardPipe, PORTAL_CONTEXT, PortalDirective, defaultBreakpoints, generateId, getIntl, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, isRouterLinkParam, luDefaultNativeDateAdapterOptions, ɵeffectWithDeps };
+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, syncInputSignal, ɵeffectWithDeps };
 export type { At, Breakpoint, EffectWithDepsInput, EnumValue, ILuDateAdapter, ILuGroup, ILuNativeDateAdapterOptions, ILuOnCloseSubscriber, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuTranslation, ILuTree, LuDateGranularity, LuTranslation, PortalContent, ResponsiveConfig, ResponsiveProperty, RouterLinkParam };