@lucca-front/ng 22.1.0-rc.1 → 22.1.0-rc.2

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

@@ -1,5 +1,7 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, InjectionToken } from '@angular/core';
+import * as _lucca_front_ng_breadcrumbs from '@lucca-front/ng/breadcrumbs';
+import { LuTranslation } from '@lucca-front/ng/core';
 
 declare class BreadcrumbsLinkDirective {
     template: TemplateRef<any>;
@@ -7,12 +9,8 @@ declare class BreadcrumbsLinkDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbsLinkDirective, "[luBreadcrumbsLink]", never, {}, {}, never, never, true, never>;
 }
 
-interface LuBreadcrumbsLabel {
-    breadcrumbs: string;
-}
-
 declare class BreadcrumbsComponent {
-    readonly intl: _angular_core.InputSignalWithTransform<LuBreadcrumbsLabel, Partial<LuBreadcrumbsLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_breadcrumbs.LuBreadcrumbsLabel, Partial<_lucca_front_ng_breadcrumbs.LuBreadcrumbsLabel>>;
     readonly disableCompact: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly links: _angular_core.Signal<readonly BreadcrumbsLinkDirective[]>;
     readonly isCompact: _angular_core.Signal<boolean>;
@@ -21,4 +19,11 @@ declare class BreadcrumbsComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "lu-breadcrumbs", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "disableCompact": { "alias": "disableCompact"; "required": false; "isSignal": true; }; }, {}, ["links"], never, true, never>;
 }
 
-export { BreadcrumbsComponent, BreadcrumbsLinkDirective };
+declare const LU_BREADCRUMBS_TRANSLATIONS: InjectionToken<LuTranslation<LuBreadcrumbsLabel>>;
+interface LuBreadcrumbsLabel {
+    breadcrumbs: string;
+}
+declare const luBreadcrumbsTranslations: LuTranslation<LuBreadcrumbsLabel>;
+
+export { BreadcrumbsComponent, BreadcrumbsLinkDirective, LU_BREADCRUMBS_TRANSLATIONS, luBreadcrumbsTranslations };
+export type { LuBreadcrumbsLabel };

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

@@ -1,5 +1,8 @@
 import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import * as _lucca_front_ng_chip from '@lucca-front/ng/chip';
 import { LuccaIcon } from '@lucca-front/icons';
+import { LuTranslation } from '@lucca-front/ng/core';
 
 /**
  * Available ChipComponent Types
@@ -9,14 +12,9 @@ type ChipSize = (typeof CHIP_SIZE)[number];
 declare const CHIP_STATE: readonly ["warning", "critical"];
 type ChipState = (typeof CHIP_STATE)[number];
 
-interface ChipTranslate {
-    delete: string;
-    error: string;
-    warning: string;
-}
-
 declare class ChipComponent {
-    readonly intl: _angular_core.InputSignalWithTransform<ChipTranslate, Partial<ChipTranslate>>;
+    #private;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_chip.ChipTranslate, Partial<_lucca_front_ng_chip.ChipTranslate>>;
     /**
      * Add an ellipsis if the text is too long
      */
@@ -59,9 +57,18 @@ declare class ChipComponent {
     readonly isWarning: _angular_core.Signal<boolean>;
     readonly isCritical: _angular_core.Signal<boolean>;
     readonly displayedIcon: _angular_core.Signal<LuccaIcon>;
+    protected readonly tooltipTriggerAnchor: _angular_core.Signal<HTMLElement>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lu-chip, button[luChip], a[luChip]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "unkillable": { "alias": "unkillable"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "kill": "kill"; }, never, ["*"], true, never>;
 }
 
-export { CHIP_SIZE, CHIP_STATE, ChipComponent };
-export type { ChipSize, ChipState };
+declare const LU_CHIP_TRANSLATIONS: InjectionToken<LuTranslation<ChipTranslate>>;
+interface ChipTranslate {
+    delete: string;
+    error: string;
+    warning: string;
+}
+declare const luChipTranslations: LuTranslation<ChipTranslate>;
+
+export { CHIP_SIZE, CHIP_STATE, ChipComponent, LU_CHIP_TRANSLATIONS, luChipTranslations };
+export type { ChipSize, ChipState, ChipTranslate };

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

@@ -1,6 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { EventEmitter, ElementRef } from '@angular/core';
+import { EventEmitter, ElementRef, InjectionToken } from '@angular/core';
+import * as _lucca_front_ng_clear from '@lucca-front/ng/clear';
 import { Observable } from 'rxjs';
+import { LuTranslation } from '@lucca-front/ng/core';
 
 /**
  * Available ClearComponent Types
@@ -8,10 +10,6 @@ import { Observable } from 'rxjs';
 declare const CLEAR_SIZE: readonly ["S"];
 type ClearSize = (typeof CLEAR_SIZE)[number];
 
-interface LuClearLabel {
-    clear: string;
-}
-
 interface ILuClear<T> {
     onClear: Observable<T>;
 }
@@ -21,7 +19,7 @@ declare abstract class ALuClear<T> implements ILuClear<T> {
 
 declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
     #private;
-    readonly intl: _angular_core.InputSignalWithTransform<LuClearLabel, Partial<LuClearLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_clear.LuClearLabel, Partial<_lucca_front_ng_clear.LuClearLabel>>;
     /**
      * Which size should the clear be? Defaults to small
      */
@@ -50,5 +48,11 @@ declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearComponent<any>, "lu-clear", ["luClearer"], { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; }, { "onClearOutput": "onClear"; }, ["contentRef"], ["*"], true, never>;
 }
 
-export { ALuClear, CLEAR_SIZE, ClearComponent };
-export type { ClearSize, ILuClear };
+declare const LU_CLEAR_TRANSLATIONS: InjectionToken<LuTranslation<LuClearLabel>>;
+interface LuClearLabel {
+    clear: string;
+}
+declare const luClearTranslations: LuTranslation<LuClearLabel>;
+
+export { ALuClear, CLEAR_SIZE, ClearComponent, LU_CLEAR_TRANSLATIONS, luClearTranslations };
+export type { ClearSize, ILuClear, LuClearLabel };

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

@@ -44,9 +44,38 @@ declare abstract class ALuCoreSelectApiDirective<TOption, TParams = Record<strin
      * Return the options for the given params and page
      */
     protected abstract getOptions(params: TParams, page: number): Observable<TOption[]>;
+    /**
+     * Return every option of a group, ignoring pagination, so the group "select all" acts on the whole
+     * group and not only on the pages already loaded. Override it in directives that set a grouping;
+     * left undefined, the panel keeps its default behaviour and toggles the rendered options only.
+     */
+    protected getGroupOptions?: (group: unknown) => Observable<TOption[]>;
     ngOnInit(): void;
+    /**
+     * Emits whenever something *other than the clue* changed in {@link params$}, so the option stream
+     * resets and reloads from page 0 — a panel header toggle, a filter bound to an input…
+     *
+     * Clue changes are already the select's own business (debounce included), and every directive folds
+     * the clue into its params under its own key — sometimes driving the sort along with it — so there
+     * is no clue key to strip generically. They are recognized here by comparing the clue of two
+     * consecutive params emissions instead: same clue but different params means a real params change.
+     */
+    protected buildParamsChange(): Observable<TParams>;
+    /**
+     * Post-process the whole list of loaded options (all pages accumulated). Override it for
+     * decorations that can't be computed page by page, eg. flagging homonyms across pages.
+     */
+    protected transformOptions(options: readonly TOption[]): Observable<readonly TOption[]>;
     protected buildParamsFromClue(clue: string): Observable<TParams>;
-    abstract totalCount$: Observable<number>;
+    /**
+     * Total number of options matching the current params, ignoring pagination. Only the select-all
+     * feature of `lu-multi-select` needs it, so it is optional: a directive that has no cheap way to
+     * count — or whose select never offers a select-all — simply leaves it undefined.
+     *
+     * Being a property of this class, it has to be implemented as a field: TypeScript rejects an
+     * accessor overriding a property (TS2611).
+     */
+    totalCount$: Observable<number> | undefined;
     protected clearLastPageByClue(): void;
     protected getOptionsPage(params: TParams, page: number): Observable<{
         items: TOption[];

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

@@ -41,6 +41,13 @@ declare class LuCoreSelectEstablishmentsDirective<T extends LuCoreSelectEstablis
     ngOnInit(): void;
     protected initGrouping(): void;
     protected buildParamsFromClue(clue: string): Observable<Record<string, string | number | boolean>>;
+    /**
+     * Establishments are grouped by legal unit, but the panel only knows the options of the pages it
+     * already loaded: a legal unit spanning several pages would be partially selected. Fetch the whole
+     * legal unit instead, page by page, so "select all" covers the options that are not rendered yet.
+     * Groups are only displayed when the clue is empty, hence the clue-less params.
+     */
+    protected getGroupOptions: (legalUnitId: unknown) => Observable<T[]>;
     protected getOptions(params: Record<string, string | number | boolean> | null, page: number): Observable<T[]>;
     protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;

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

@@ -14,6 +14,7 @@ interface LuCoreSelectJobQualification extends ILuApiItem {
 }
 
 declare class LuCoreSelectJobQualificationsDirective<T extends LuCoreSelectJobQualification = LuCoreSelectJobQualification> extends ALuCoreSelectApiDirective<T> implements OnInit, CoreSelectApiTotalCountProvider {
+    #private;
     protected httpClient: HttpClient;
     readonly url: _angular_core.InputSignal<string>;
     readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
@@ -21,6 +22,13 @@ declare class LuCoreSelectJobQualificationsDirective<T extends LuCoreSelectJobQu
     protected readonly clue: _angular_core.Signal<string>;
     constructor();
     protected buildParamsFromClue(clue: string): Observable<Record<string, string | number | boolean>>;
+    /**
+     * Job qualifications are grouped by job, but the panel only knows the options of the pages it
+     * already loaded: a job spanning several pages would be partially selected. Fetch the whole job
+     * instead, page by page, so "select all" covers the options that are not rendered yet. Groups are
+     * only displayed when the clue is empty, hence the clue-less params.
+     */
+    protected getGroupOptions: (jobId: unknown) => Observable<T[]>;
     protected getOptions(params: Record<string, string | number | boolean> | null, page: number): Observable<T[]>;
     protected readonly paramsSignal: _angular_core.Signal<Record<string, string | number | boolean>>;
     protected readonly params$: Observable<Record<string, string | number | boolean>>;

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

@@ -67,6 +67,12 @@ declare class LuCoreSelectUsersDirective<T extends LuCoreSelectUser = LuCoreSele
         items: LuCoreSelectWithAdditionnalInformation<T>[];
         isLastPage: boolean;
     }>;
+    /**
+     * Homonyms can only be detected by looking at every loaded option at once: two homonyms may
+     * land on different pages (last option of a page, first of the next one), in which case a
+     * page by page detection would find none. So we run it on the accumulated list instead.
+     */
+    protected transformOptions(options: readonly LuCoreSelectWithAdditionnalInformation<T>[]): Observable<readonly LuCoreSelectWithAdditionnalInformation<T>[]>;
     protected optionKey: (option: T) => number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuCoreSelectUsersDirective<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectUsersDirective<any>, "lu-simple-select[users],lu-multi-select[users]", ["luUsers"], { "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "orderBy": { "alias": "orderBy"; "required": false; "isSignal": true; }; "operationIds": { "alias": "operationIds"; "required": false; "isSignal": true; }; "uniqueOperationIds": { "alias": "uniqueOperationIds"; "required": false; "isSignal": true; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; "isSignal": true; }; "enableFormerEmployees": { "alias": "enableFormerEmployees"; "required": false; "isSignal": true; }; "displayMeOption": { "alias": "displayMeOption"; "required": false; "isSignal": true; }; "customUserOptionTpl": { "alias": "customUserOptionTpl"; "required": false; "isSignal": true; }; "searchDelimiter": { "alias": "searchDelimiter"; "required": false; "isSignal": true; }; }, { "customUserOptionTpl": "customUserOptionTplChange"; }, never, never, true, never>;

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

@@ -2,24 +2,46 @@ import * as _angular_core from '@angular/core';
 import { InjectionToken, OnDestroy, ElementRef, Signal, EventEmitter, TemplateRef, Injector, WritableSignal, OnInit, ChangeDetectorRef, Type, Provider, PipeTransform } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
-import * as _lucca_front_ng_filter_pills from '@lucca-front/ng/filter-pills';
-import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills';
-import { OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import * as _lucca_front_ng_filter_pills_core from '@lucca-front/ng/filter-pills/core';
+import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills/core';
+import { ComponentType, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
 import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
+import { FormFieldComponent } from '@lucca-front/ng/form-field';
 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';
+import { LuDialogService, LuDialogRef } from '@lucca-front/ng/dialog';
 
 interface SelectDataSourceParams {
     clue: string;
     page: number;
 }
 interface SelectDataSource<TOption, TGroup = never> {
+    /**
+     * Emits when the params behind `getOptions` changed, so the select resets and reloads from page 0
+     * with the current clue — a panel header toggle, a filter bound to an input…
+     *
+     * It must not emit on clue changes: those are the select's own business, debounce included, and an
+     * emission here would load the same page a second time.
+     */
     paramsChange?: Observable<unknown>;
     /** Optional debounce in ms for clue-based re-queries (useful for API data sources) */
     clueDebounceMs?: number;
+    /**
+     * Whether `getOptions` answers page by page. When false, it emits the whole list at once and `page`
+     * is always 0: the select accumulates nothing, `nextPage` is only a request for more, and the loading
+     * row is left to the consumer through the `loading` input.
+     * @default true
+     */
+    paginated?: boolean;
     getOptions(params: SelectDataSourceParams): Observable<readonly TOption[]>;
+    /**
+     * Optional post-processing applied to the whole list of loaded options (all pages accumulated),
+     * every time it changes. Use it for decorations that can't be computed page by page —
+     * for example flagging homonyms, which requires seeing every loaded option at once.
+     */
+    transformOptions?(options: readonly TOption[]): Observable<readonly TOption[]>;
     getTotalCount?(params: SelectDataSourceParams): Observable<number>;
     getGroupOptions?: [TGroup] extends [never] ? never : (group: TGroup) => Observable<TOption[]>;
     reset?(): void;
@@ -43,6 +65,11 @@ type CoreSelectAddOptionStrategy = 'never' | 'always' | 'if-empty-clue' | 'if-no
 declare const SELECT_ID: InjectionToken<number>;
 declare const SELECT_LABEL: InjectionToken<HTMLLabelElement>;
 declare const SELECT_LABEL_ID: InjectionToken<string>;
+/**
+ * Contract behind {@link CORE_SELECT_API_TOTAL_COUNT_PROVIDER}: a directive fulfills it by declaring
+ * a `totalCount$`, which the select-all of `lu-multi-select` then reads through the token. Providing
+ * a count stays optional — see `ALuCoreSelectApiDirective.totalCount$`.
+ */
 interface CoreSelectApiTotalCountProvider {
     totalCount$: Observable<number>;
 }
@@ -141,6 +168,30 @@ declare abstract class LuSelectPanelRef<TOption, TValue> {
     close(): void;
 }
 
+/**
+ * Opens a select panel as a bottom sheet.
+ *
+ * Below the `S` breakpoint the panel stops being a popover anchored to the field and becomes a modal
+ * surface pinned to the bottom of the viewport. That surface already exists as the dialog's `sheet`
+ * mode — backdrop, blocked page scroll, focus trap, focus restoration and close button all come with
+ * it — so the panel is opened as a dialog instead of as a bespoke overlay.
+ *
+ * The opening animation is disabled (`mod-select`, styled by the select packages themselves — see their
+ * `sheet` mixin) and the search input is focused by hand instead of through CDK's `autoFocus`. iOS
+ * Safari only raises the virtual keyboard for a `focus()` call made synchronously inside the tap that
+ * triggered it; CDK's own autofocus defers the actual `focus()` through `afterNextRender`, which always
+ * lands after that window has closed, so the keyboard silently never opens. Forcing a render with
+ * `ApplicationRef.tick()` right here — still inside the same synchronous call stack as the tap — makes
+ * the search input exist in the DOM in time to focus it for real, and skipping the animation keeps the
+ * sheet from visibly jumping once the keyboard's own viewport resize kicks in immediately after.
+ *
+ * @param dialogService the dialog service provided alongside the select input
+ * @param panel the panel component to render inside the sheet
+ * @param injector the injector carrying the panel ref and the select input for the panel
+ * @param ariaLabel names the sheet, so it stays named even before its header has rendered
+ */
+declare function openSelectPanelSheet<TPanel>(dialogService: LuDialogService, panel: ComponentType<TPanel>, injector: Injector, ariaLabel: string): LuDialogRef<TPanel, never>;
+
 /**
  * Scrolls an element into view once its layout has settled.
  *
@@ -160,6 +211,34 @@ type GroupTemplateLocation = 'group-header' | 'option' | 'none';
  * the options are being (re)fetched, then flip to the final location on the next options emission.
  */
 declare function getGroupTemplateLocation(hasGrouping: Signal<boolean>, clue: Signal<string>, options: Signal<readonly unknown[]>, searchable?: boolean): Signal<GroupTemplateLocation>;
+/**
+ * Requests the next page for as long as the panel's scroll viewport can't scroll.
+ *
+ * Pagination is driven by the scroll event: reaching the bottom of the viewport asks the consumer
+ * for the next page. A page that doesn't overflow the viewport therefore never asks for anything —
+ * there is nothing to scroll. The popover panel caps its content at 20rem, which a page of options
+ * always overflows, so this never came up; the bottom sheet is only as tall as its content instead,
+ * so a first page of a few options leaves it short of a scrollbar and pagination stops right there.
+ *
+ * So the viewport is measured again after every render and, while it still can't scroll, the next
+ * page is requested. The option count is what guards against an endless loop: a page that brought
+ * no new option — the data source is exhausted — is never requested twice. A new search landing on
+ * exactly the same count as the last requested page is the one case left unfilled, which the next
+ * scroll — or the next keystroke — resolves on its own.
+ *
+ * The request itself is deferred by a microtask: the panel's first render happens inside the sheet's
+ * own `ApplicationRef.tick()`, which `openPanel` runs *before* subscribing the select input to the
+ * panel ref, so a page requested straight from that render would be emitted into the void. A
+ * microtask lands once `openPanel` has returned, still well ahead of anything the user could do.
+ *
+ * Must be called from an injection context.
+ */
+declare function fillScrollViewport({ viewport, optionCount, loading, nextPage, }: {
+    viewport: Signal<HTMLElement | undefined>;
+    optionCount: Signal<number>;
+    loading: Signal<boolean>;
+    nextPage: () => void;
+}): void;
 
 interface CoreSelectPanelInstance<T = unknown> {
     options: WritableSignal<CoreSelectPanelElement<T>[]>;
@@ -211,12 +290,19 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected overlayContainerRef: HTMLElement;
     protected labelElement: HTMLElement | undefined;
     protected labelId: string;
+    protected formField: FormFieldComponent;
     protected abstract intl: Signal<LuCoreSelectLabel>;
-    protected filterPillHost: _lucca_front_ng_filter_pills.FilterPillComponent;
+    protected filterPillHost: _lucca_front_ng_filter_pills_core.FilterPillHostComponent;
     protected afterCloseFn?: () => void;
     protected updatePositionFn?: () => void;
-    filterPillMode: boolean;
+    get filterPillMode(): boolean;
+    set filterPillMode(filterPillMode: boolean);
     readonly ignorePresentation: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    /**
+     * Width of the select itself, using the same scale as the form field width
+     */
+    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60">;
+    protected readonly widthClass: Signal<string>;
     selectParent$?: Subject<void>;
     selectChildren$?: Subject<void>;
     readonly panelClosed: _angular_core.OutputEmitterRef<void>;
@@ -240,6 +326,25 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     get isPanelOpen(): boolean;
     readonly isPanelOpen$: BehaviorSubject<boolean>;
     readonly panelOpenSignal: Signal<boolean>;
+    private readonly belowSmallBreakpoint;
+    /**
+     * Below the `S` breakpoint (800px) the panel opens as a dialog in `sheet` mode that embeds its own
+     * search input, instead of a popover anchored to the field — mirroring how filter pills move the input
+     * inside their overlay. Filter pills already provide their own overlay, so they keep their behavior.
+     */
+    readonly bottomSheetMode: Signal<boolean>;
+    /**
+     * Whether the currently open panel is a sheet, snapshotted when it opens rather than tracking
+     * `bottomSheetMode()` live: the panel's own ref (`SelectPanelSheetRef` vs `SelectPanelRef`) is
+     * chosen once at open time too, so resizing across the breakpoint while the panel stays open must
+     * not flip which surface its template renders — that surface was never actually attached as a
+     * dialog, so switching to it crashes with a missing `LuDialogRef` provider.
+     */
+    readonly panelBottomSheetMode: _angular_core.WritableSignal<boolean>;
+    /** Field label echoed as the bottom sheet's title, snapshotted when the sheet opens. */
+    readonly panelTitle: _angular_core.WritableSignal<string>;
+    /** Whether that field label carries the required marker, so the sheet's title can echo it too. */
+    readonly panelTitleRequired: Signal<boolean>;
     readonly activeDescendant$: BehaviorSubject<string>;
     protected manualOptions$: ReplaySubject<readonly TOption[]>;
     get ariaControls(): string;
@@ -299,6 +404,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected _panelRef?: LuSelectPanelRef<TOption, TValue>;
     protected readonly destroyed$: Subject<void>;
     private readonly injector;
+    private readonly hostElementRef;
     constructor();
     onClickOpenPanel($event: Event): void;
     onKeyDownNavigation(event: Event): void;
@@ -313,6 +419,8 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected abstract buildPanelRef(): this['panelRef'];
     protected bindInputToPanelRefEvents(): void;
     focusInput(): void;
+    private resolvePanelTitle;
+    private getLabelText;
     protected emptyClue(): void;
     closePanel(): void;
     writeValue(value: TValue | null): void;
@@ -324,7 +432,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; "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>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "ignorePresentation": { "alias": "ignorePresentation"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "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[];
@@ -481,5 +589,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, LuSelectPanelLayoutComponent, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, TreeDisplayPipe, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, ɵIsSelectedStrategy, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation, injectPointerNavigation as ɵinjectPointerNavigation, scrollIntoViewOnceReady as ɵscrollIntoViewOnceReady };
+export { 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, fillScrollViewport as ɵfillScrollViewport, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation, injectPointerNavigation as ɵinjectPointerNavigation, openSelectPanelSheet as ɵopenSelectPanelSheet, scrollIntoViewOnceReady as ɵscrollIntoViewOnceReady };
 export type { CoreSelectAddOptionStrategy, CoreSelectApiTotalCountProvider, CoreSelectPanelInstance, ILuOptionContext, LuCoreSelectLabel, LuOptionComparer, LuOptionContext, LuOptionGroup, LuOptionGroupByContext, LuOptionGrouping, SelectDataSource, SelectDataSourceParams, TreeGenerator, TreeGroupingFn, TreeNode };

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

@@ -1,7 +1,7 @@
 import * as _lucca_front_ng_data_table from '@lucca-front/ng/data-table';
 import * as _angular_core from '@angular/core';
 import { AfterContentInit, ElementRef, OnInit, InjectionToken } from '@angular/core';
-import { PortalContent } from '@lucca-front/ng/core';
+import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
 
 declare class DataTableBodyComponent {
     readonly group: _angular_core.InputSignal<PortalContent>;
@@ -35,13 +35,15 @@ declare class DataTableRowCellHeaderComponent extends BaseDataTableCell implemen
     readonly sort: _angular_core.ModelSignal<"none" | "ascending" | "descending">;
     readonly fixedWidth: _angular_core.InputSignal<string>;
     readonly inlineSize: _angular_core.InputSignal<string>;
+    readonly sortWithEllipsis: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    protected readonly sortButtonRef: _angular_core.Signal<ElementRef<HTMLElement>>;
     readonly insetInlineStart: _angular_core.Signal<string>;
     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>;
+    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; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; }, never, ["*"], true, never>;
 }
 
 declare class DataTableRowCellComponent extends BaseDataTableCell {
@@ -63,16 +65,13 @@ declare class DataTableHeadComponent {
     readonly sticky: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly isFirstVisible: _angular_core.WritableSignal<boolean>;
     readonly cols: _angular_core.Signal<readonly DataTableRowCellHeaderComponent[]>;
+    tableRef: _lucca_front_ng_data_table.DataTableComponent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableHeadComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableHeadComponent, "thead[luDataTableHead]", never, { "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, ["cols"], ["*"], true, never>;
 }
 
-interface LuDataTableTranslations {
-    move: string;
-}
-
 declare class DataTableRowComponent {
-    readonly intl: _angular_core.InputSignalWithTransform<LuDataTableTranslations, Partial<LuDataTableTranslations>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_data_table.LuDataTableTranslations, Partial<_lucca_front_ng_data_table.LuDataTableTranslations>>;
     readonly bodyRef: _lucca_front_ng_data_table.DataTableBodyComponent;
     readonly headRef: _lucca_front_ng_data_table.DataTableHeadComponent;
     readonly footRef: _lucca_front_ng_data_table.DataTableFootComponent;
@@ -97,6 +96,7 @@ declare class DataTableComponent implements OnInit {
     readonly nested: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly drag: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly noOverflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly empty: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly responsive: _angular_core.InputSignal<Partial<Record<"layoutFixedAtMediaMinXXXS" | "layoutFixedAtMediaMinXXS" | "layoutFixedAtMediaMinXS" | "layoutFixedAtMediaMinS" | "layoutFixedAtMediaMinM" | "layoutFixedAtMediaMinL" | "layoutFixedAtMediaMinXL" | "layoutFixedAtMediaMinXXL" | "layoutFixedAtMediaMinXXXL" | "layoutFixedAtContainerMinXXXS" | "layoutFixedAtContainerMinXXS" | "layoutFixedAtContainerMinXS" | "layoutFixedAtContainerMinS" | "layoutFixedAtContainerMinM" | "layoutFixedAtContainerMinL" | "layoutFixedAtContainerMinXL" | "layoutFixedAtContainerMinXXL" | "layoutFixedAtContainerMinXXXL", true>>>;
     readonly verticalAlign: _angular_core.InputSignal<"top" | "middle" | "bottom">;
     readonly rows: _angular_core.Signal<readonly DataTableRowComponent[]>;
@@ -132,7 +132,7 @@ declare class DataTableComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent, never>;
-    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>;
+    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; }; "empty": { "alias": "empty"; "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>;
 }
 
 declare const LU_DATA_TABLE_INSTANCE: InjectionToken<DataTableComponent>;
@@ -147,5 +147,11 @@ 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 };
+declare const LU_DATA_TABLE_TRANSLATIONS: InjectionToken<LuTranslation<LuDataTableTranslations>>;
+interface LuDataTableTranslations {
+    move: string;
+}
+declare const luDataTableTranslations: LuTranslation<LuDataTableTranslations>;
+
+export { DATA_TABLE_ALIGN, DATA_TABLE_SORT, DATA_TABLE_VERTICAL_ALIGN, DataTableBodyComponent, DataTableComponent, DataTableFootComponent, DataTableHeadComponent, DataTableRowCellComponent, DataTableRowCellHeaderComponent, DataTableRowComponent, LU_DATA_TABLE_INSTANCE, LU_DATA_TABLE_TRANSLATIONS, luDataTableTranslations };
+export type { DataTableAlign, DataTableSort, DataTableVerticalAlign, LuDataTableTranslations };

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

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { PipeTransform, OnInit, ChangeDetectorRef, ElementRef, Renderer2, EventEmitter, AfterViewInit, ViewContainerRef, InjectionToken } from '@angular/core';
+import { PipeTransform, OnInit, ChangeDetectorRef, ElementRef, Renderer2, InjectionToken, EventEmitter, AfterViewInit, ViewContainerRef } from '@angular/core';
 import { ALuDateAdapter, LuDateGranularity, ELuDateGranularity, LuTranslation } from '@lucca-front/ng/core';
+import * as _lucca_front_ng_date from '@lucca-front/ng/date';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import { ALuInput } from '@lucca-front/ng/input';
 import { ALuPickerPanel, ILuInputWithPicker } from '@lucca-front/ng/picker';
-import * as _lucca_front_ng_date from '@lucca-front/ng/date';
 import { Overlay } from '@angular/cdk/overlay';
 import { ALuSelectInputComponent } from '@lucca-front/ng/select';
 import { Observable } from 'rxjs';
@@ -26,11 +26,6 @@ declare class LuDateAdapterModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuDateAdapterModule>;
 }
 
-interface LuCalendarInputLabel {
-    previous: string;
-    next: string;
-}
-
 interface ICalendarItem<D> {
     id: string;
     date: D;
@@ -88,7 +83,7 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     private _locale;
     private _factory;
     private _adapter;
-    readonly intl: i0.InputSignalWithTransform<LuCalendarInputLabel, Partial<LuCalendarInputLabel>>;
+    readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_date.LuCalendarInputLabel, Partial<_lucca_front_ng_date.LuCalendarInputLabel>>;
     readonly min: i0.InputSignal<D>;
     readonly max: i0.InputSignal<D>;
     readonly granularity: i0.InputSignal<string>;
@@ -127,6 +122,13 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     static ɵcmp: i0.ɵɵComponentDeclaration<LuCalendarInputComponent<any>, "lu-calendar", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "startOn": { "alias": "startOn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare const LU_CALENDARINPUT_TRANSLATIONS: InjectionToken<LuTranslation<LuCalendarInputLabel>>;
+interface LuCalendarInputLabel {
+    previous: string;
+    next: string;
+}
+declare const luCalendarInputTranslations: LuTranslation<LuCalendarInputLabel>;
+
 declare class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
     private _adapter;
     _value: D;
@@ -271,5 +273,5 @@ interface ILuDateSelectInputLabel {
 }
 declare const luDateSelectInputTranslations: LuTranslation<ILuDateSelectInputLabel>;
 
-export { LU_DATE_INPUT_TRANSLATIONS, LU_DATE_SELECT_INPUT_TRANSLATIONS, LuCalendarInputComponent, LuDateAdapterModule, LuDateAdapterPipe, LuDateInputDirective, LuDateModule, LuDatePickerComponent, LuDatePickerModule, LuDateSelectInputComponent, LuDateSelectInputModule, LuHumanizeDateFormatter, LuHumanizeDatePipe, getRelativeTime, luDateInputTranslations, luDateSelectInputTranslations, luRelativeTimeFormatUnit, relativeTimeTimer };
-export type { ILuDateInputLabel, ILuDateSelectInputLabel, LuRelativeTime, LuRelativeTimeFormatUnit };
+export { LU_CALENDARINPUT_TRANSLATIONS, LU_DATE_INPUT_TRANSLATIONS, LU_DATE_SELECT_INPUT_TRANSLATIONS, LuCalendarInputComponent, LuDateAdapterModule, LuDateAdapterPipe, LuDateInputDirective, LuDateModule, LuDatePickerComponent, LuDatePickerModule, LuDateSelectInputComponent, LuDateSelectInputModule, LuHumanizeDateFormatter, LuHumanizeDatePipe, getRelativeTime, luCalendarInputTranslations, luDateInputTranslations, luDateSelectInputTranslations, luRelativeTimeFormatUnit, relativeTimeTimer };
+export type { ILuDateInputLabel, ILuDateSelectInputLabel, LuCalendarInputLabel, LuRelativeTime, LuRelativeTimeFormatUnit };