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

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

@@ -1,43 +1,38 @@
 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 { 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,62 +53,6 @@ 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>;
@@ -122,58 +61,24 @@ declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
     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;
+    onMouseEnter(): 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,6 +90,7 @@ 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>>;
@@ -201,7 +107,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 +119,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 +161,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 +169,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, unknown>;
+    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 +223,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 +270,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 +291,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 +304,108 @@ 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 {
+    #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>;
+    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 {
@@ -396,4 +416,4 @@ declare class LuIsOptionSelectedPipe<T> implements PipeTransform {
 }
 
 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 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 };

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

@@ -1,6 +1,6 @@
 import * as _lucca_front_ng_data_table from '@lucca-front/ng/data-table';
 import * as _angular_core from '@angular/core';
-import { AfterContentInit, ElementRef, OnInit } from '@angular/core';
+import { AfterContentInit, ElementRef, OnInit, InjectionToken } from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
 declare class DataTableBodyComponent {
@@ -39,6 +39,7 @@ declare class DataTableRowCellHeaderComponent extends BaseDataTableCell implemen
     readonly insetInlineEnd: _angular_core.Signal<string>;
     readonly inlineSizePx: _angular_core.Signal<number>;
     ngAfterContentInit(): void;
+    toggleSort(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableRowCellHeaderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowCellHeaderComponent, "th[luDataTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; }, never, ["*"], true, never>;
 }
@@ -80,9 +81,10 @@ declare class DataTableRowComponent {
     protected tableRef: _lucca_front_ng_data_table.DataTableComponent;
     readonly selected: _angular_core.ModelSignal<boolean>;
     readonly selectedLabel: _angular_core.InputSignal<string>;
+    readonly mixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableRowComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowComponent, "tr[luDataTableRow]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowComponent, "tr[luDataTableRow]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
 }
 
 declare class DataTableComponent implements OnInit {
@@ -133,4 +135,17 @@ declare class DataTableComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent, "lu-data-table", never, { "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "cellBorder": { "alias": "cellBorder"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; "drag": { "alias": "drag"; "required": false; "isSignal": true; }; "noOverflow": { "alias": "noOverflow"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "stickyColsStart": { "alias": "stickyColsStart"; "required": false; "isSignal": true; }; "stickyColsEnd": { "alias": "stickyColsEnd"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[dataTablePagination]"], true, never>;
 }
 
-export { DataTableBodyComponent, DataTableComponent, DataTableFootComponent, DataTableHeadComponent, DataTableRowCellComponent, DataTableRowCellHeaderComponent, DataTableRowComponent };
+declare const LU_DATA_TABLE_INSTANCE: InjectionToken<DataTableComponent>;
+
+/**
+ * Available DataTableComponent Types
+ */
+declare const DATA_TABLE_SORT: readonly ["none", "ascending", "descending"];
+type DataTableSort = (typeof DATA_TABLE_SORT)[number];
+declare const DATA_TABLE_VERTICAL_ALIGN: readonly ["top", "middle", "bottom"];
+type DataTableVerticalAlign = (typeof DATA_TABLE_VERTICAL_ALIGN)[number];
+declare const DATA_TABLE_ALIGN: readonly ["start", "center", "end"];
+type DataTableAlign = (typeof DATA_TABLE_ALIGN)[number];
+
+export { DATA_TABLE_ALIGN, DATA_TABLE_SORT, DATA_TABLE_VERTICAL_ALIGN, DataTableBodyComponent, DataTableComponent, DataTableFootComponent, DataTableHeadComponent, DataTableRowCellComponent, DataTableRowCellHeaderComponent, DataTableRowComponent, LU_DATA_TABLE_INSTANCE };
+export type { DataTableAlign, DataTableSort, DataTableVerticalAlign };