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

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { PipeTransform, OnInit, ChangeDetectorRef, ElementRef, Renderer2, EventEmitter, TemplateRef, AfterViewInit, ViewContainerRef, InjectionToken } from '@angular/core';
+import { PipeTransform, OnInit, ChangeDetectorRef, ElementRef, Renderer2, EventEmitter, AfterViewInit, ViewContainerRef, InjectionToken } from '@angular/core';
 import { ALuDateAdapter, LuDateGranularity, ELuDateGranularity, LuTranslation } from '@lucca-front/ng/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import { ALuInput } from '@lucca-front/ng/input';
@@ -89,10 +89,10 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     private _factory;
     private _adapter;
     readonly intl: i0.InputSignalWithTransform<LuCalendarInputLabel, Partial<LuCalendarInputLabel>>;
-    min?: D;
-    max?: D;
-    granularity: LuDateGranularity;
-    startOn: D;
+    readonly min: i0.InputSignal<D>;
+    readonly max: i0.InputSignal<D>;
+    readonly granularity: i0.InputSignal<string>;
+    readonly startOn: i0.InputSignal<D>;
     viewGranularity: LuDateGranularity;
     header: ICalendarItem<D>;
     items: ICalendarItem<D>[];
@@ -124,21 +124,25 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     protected previousDecade(): void;
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuCalendarInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuCalendarInputComponent<any>, "lu-calendar", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "startOn": { "alias": "startOn"; "required": false; }; }, {}, never, never, true, never>;
+    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 class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
     private _adapter;
     _value: D;
-    min?: D;
-    max?: D;
-    granularity: LuDateGranularity;
-    startOn: D;
+    readonly min: i0.InputSignal<D>;
+    readonly max: i0.InputSignal<D>;
+    readonly granularity: i0.InputSignal<string>;
+    readonly startOn: i0.InputSignal<D>;
     close: EventEmitter<void>;
     open: EventEmitter<void>;
     hovered: EventEmitter<boolean>;
     onSelectValue: EventEmitter<D>;
-    set vcTemplateRef(tr: TemplateRef<unknown>);
+    protected readonly closeOutput: i0.OutputRef<void>;
+    protected readonly openOutput: i0.OutputRef<void>;
+    protected readonly hoveredOutput: i0.OutputRef<boolean>;
+    protected readonly onSelectValueOutput: i0.OutputRef<D>;
+    private readonly vcTemplateRef;
     constructor(_adapter: ALuDateAdapter<D>);
     _emitOpenEvent(): void;
     _emitCloseEvent(): void;
@@ -150,19 +154,19 @@ declare class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
     _onEnter(): void;
     _handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDatePickerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuDatePickerComponent<any>, "lu-date-picker", ["LuDatePicker"], { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "startOn": { "alias": "startOn"; "required": false; }; }, { "close": "close"; "open": "open"; "hovered": "hovered"; "onSelectValue": "onSelectValue"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuDatePickerComponent<any>, "lu-date-picker", ["LuDatePicker"], { "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; }; }, { "closeOutput": "close"; "openOutput": "open"; "hoveredOutput": "hovered"; "onSelectValueOutput": "onSelectValue"; }, never, never, true, never>;
 }
 
-declare class LuDateInputDirective<D> extends ALuInput<D, HTMLInputElement> implements Validator, OnInit {
+declare class LuDateInputDirective<D> extends ALuInput<D, HTMLInputElement> implements Validator {
     private _adapter;
     private _focused;
-    min?: D;
-    max?: D;
-    granularity: LuDateGranularity;
+    readonly min: i0.InputSignal<D>;
+    readonly max: i0.InputSignal<D>;
+    readonly granularity: i0.InputSignal<string>;
+    readonly placeHolderInput: i0.InputSignal<string>;
     set placeholder(p: string);
     readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_date.ILuDateInputLabel, Partial<_lucca_front_ng_date.ILuDateInputLabel>>;
     constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLInputElement>, _renderer: Renderer2, _adapter: ALuDateAdapter<D>);
-    ngOnInit(): void;
     protected render(): void;
     onInput(event: any): void;
     private parse;
@@ -170,7 +174,7 @@ declare class LuDateInputDirective<D> extends ALuInput<D, HTMLInputElement> impl
     onBlur(): void;
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDateInputDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDateInputDirective<any>, "input[luDateInput]", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDateInputDirective<any>, "input[luDateInput]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "placeHolderInput": { "alias": "placeholder"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuDateSelectInputComponent<D> extends ALuSelectInputComponent<D> implements ControlValueAccessor, ILuInputWithPicker<D>, AfterViewInit, Validator {
@@ -180,19 +184,17 @@ declare class LuDateSelectInputComponent<D> extends ALuSelectInputComponent<D> i
     protected _viewContainerRef: ViewContainerRef;
     protected _renderer: Renderer2;
     private _adapter;
-    min?: D;
-    max?: D;
-    granularity: LuDateGranularity;
-    set inputPlaceholder(p: string);
-    hideClearer: boolean;
+    readonly min: i0.InputSignal<D>;
+    readonly max: i0.InputSignal<D>;
+    readonly granularity: i0.InputSignal<string>;
+    readonly hideClearer: i0.InputSignal<boolean>;
+    readonly startOn: i0.InputSignal<D>;
     protected _startOn: D;
-    set startOn(s: D);
-    get startOn(): D;
     get format(): string;
     constructor(_changeDetectorRef: ChangeDetectorRef, _overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2, _adapter: ALuDateAdapter<D>);
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDateSelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuDateSelectInputComponent<any>, "lu-date-select", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "inputPlaceholder": { "alias": "placeholder"; "required": false; }; "hideClearer": { "alias": "hideClearer"; "required": false; }; "startOn": { "alias": "startOn"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuDateSelectInputComponent<any>, "lu-date-select", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "hideClearer": { "alias": "hideClearer"; "required": false; "isSignal": true; }; "startOn": { "alias": "startOn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**

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

@@ -6,8 +6,10 @@ import { ControlValueAccessor, Validator, NgControl, AbstractControl, Validation
 import { LuccaIcon } from '@lucca-front/icons';
 import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills';
 import { PopoverDirective } from '@lucca-front/ng/popover2';
+import { WeekOptions, FirstWeekContainsDateOptions } from 'date-fns';
 
-type CalendarMode = 'day' | 'month' | 'year';
+declare const CALENDAR_MODE: readonly ["day", "week", "month", "year"];
+type CalendarMode = (typeof CALENDAR_MODE)[number];
 
 interface Date2Translate {
     from: string;
@@ -17,6 +19,8 @@ interface Date2Translate {
     previous: string;
     next: string;
     clear: string;
+    weekNumber: string;
+    weekPrefix: string;
 }
 
 interface CellStatus {
@@ -46,6 +50,7 @@ interface RangeInfo {
 }
 interface CalendarCellInfo {
     day: number;
+    week: number;
     date: Date;
     status: CellStatus;
     disabled: boolean;
@@ -79,7 +84,7 @@ interface CalendarYearInfo {
 declare class Calendar2CellDirective {
     #private;
     readonly luCalendar2Cell: _angular_core.InputSignal<number>;
-    readonly luCalendar2Mode: _angular_core.InputSignal<CalendarMode>;
+    readonly luCalendar2Mode: _angular_core.InputSignal<"day" | "week" | "month" | "year">;
     readonly luCalendar2Date: _angular_core.InputSignal<Date>;
     get tabindex(): 0 | -1;
     readonly isTabbableDate: _angular_core.Signal<boolean>;
@@ -103,8 +108,8 @@ declare class Calendar2Component implements OnInit {
     readonly disableModeChange: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly date: _angular_core.ModelSignal<Date>;
     readonly tabbableDate: _angular_core.ModelSignal<Date>;
-    readonly mode: _angular_core.ModelSignal<CalendarMode>;
-    readonly displayMode: _angular_core.ModelSignal<CalendarMode>;
+    readonly mode: _angular_core.ModelSignal<"day" | "week" | "month" | "year">;
+    readonly displayMode: _angular_core.ModelSignal<"day" | "week" | "month" | "year">;
     readonly ranges: _angular_core.InputSignal<readonly DateRange[]>;
     readonly getCellInfo: _angular_core.InputSignal<(date: Date, displayMode: CalendarMode | null) => CellStatus>;
     readonly month: _angular_core.Signal<Date>;
@@ -137,6 +142,9 @@ declare class Calendar2Component implements OnInit {
     ngOnInit(): void;
     onCellClicked(date: Date): void;
     dateToCellInfo(date: Date, isOverflow?: boolean): CalendarCellInfo;
+    getWeekHeaderCell(week: CalendarCellInfo[]): CalendarCellInfo;
+    getWeekRowClasses(week: CalendarCellInfo[]): Record<string, boolean>;
+    getWeekDayCellClasses(day: CalendarCellInfo, isLastDay: boolean): Record<string, boolean>;
     getRangeInfo(date: Date, scope: CalendarMode | null, isOverflow?: boolean): {
         range: DateRange;
         isStart: boolean;
@@ -150,16 +158,25 @@ declare class Calendar2Component implements OnInit {
 
 declare function getDateFormat(locale: string, mode?: CalendarMode): string;
 declare function getSeparator(locale: string): string;
-declare function getLocalizedDateFormat(locale: string, period?: 'year' | 'month' | 'day'): string;
+declare function getLocalizedDateFormat(locale: string, period?: CalendarMode, weekPrefix?: string): string;
 
+/**
+ * Available DateComponent Types
+ */
+declare const DATE2_CLEAR_BEHAVIOR: readonly ["clear", "reset"];
+type Date2ClearBehavior = (typeof DATE2_CLEAR_BEHAVIOR)[number];
+declare const DATE_FORMAT_CONST: readonly ["date", "date-iso"];
 declare const DATE_FORMAT: {
     readonly DATE: "date";
     readonly DATE_ISO: "date-iso";
 };
 type DateFormat = (typeof DATE_FORMAT)[keyof typeof DATE_FORMAT];
+declare const DATE_ISO_FORMAT = "yyyy-MM-dd";
 
 declare abstract class AbstractDateComponent {
+    #private;
     protected locale: string;
+    protected get weekOptions(): WeekOptions & FirstWeekContainsDateOptions;
     protected dateFormat: string;
     protected separator: string;
     protected readonly dateFormatWithMode: _angular_core.Signal<string>;
@@ -176,13 +193,13 @@ declare abstract class AbstractDateComponent {
     readonly hasTodayButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly clearBehavior: _angular_core.InputSignal<"clear" | "reset">;
-    readonly mode: _angular_core.InputSignal<CalendarMode>;
+    readonly mode: _angular_core.InputSignal<"day" | "week" | "month" | "year">;
     readonly hideWeekend: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly getCellInfo: _angular_core.InputSignal<(day: Date, mode: CalendarMode) => CellStatus>;
     readonly min: _angular_core.InputSignalWithTransform<Date, string | Date>;
     readonly max: _angular_core.InputSignalWithTransform<Date, string | Date>;
     readonly focusedDate: _angular_core.InputSignalWithTransform<Date, string | Date>;
-    readonly calendarMode: _angular_core.ModelSignal<CalendarMode>;
+    readonly calendarMode: _angular_core.ModelSignal<"day" | "week" | "month" | "year">;
     readonly panelOpened: _angular_core.OutputEmitterRef<void>;
     readonly panelClosed: _angular_core.OutputEmitterRef<void>;
     readonly dateFormatLocalized: _angular_core.Signal<string>;
@@ -211,6 +228,7 @@ declare class DateInputComponent extends AbstractDateComponent implements OnInit
     #private;
     parentInput: FilterPillInputComponent;
     ngControl: NgControl;
+    weekParsingRegexp: RegExp;
     readonly autocomplete: _angular_core.InputSignal<AutoFill>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly disableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -236,6 +254,7 @@ declare class DateInputComponent extends AbstractDateComponent implements OnInit
     filterPillPopoverCloseFn?: () => void;
     get isNavigationButtonFocused(): boolean;
     constructor();
+    parseValue(inputValue: string): Date | null;
     ngOnInit(): void;
     registerFilterPillClosePopover(closeFn: () => void): void;
     enableFilterPillMode(): void;
@@ -330,5 +349,5 @@ declare class DateRangeInputComponent extends AbstractDateComponent implements O
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangeInputComponent, "lu-date-range-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "widthAuto": { "alias": "widthAuto"; "required": false; "isSignal": true; }; "shortcuts": { "alias": "shortcuts"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { Calendar2Component, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
-export type { CalendarMode, CalendarShortcut, CellStatus, DateInputValidatorErrorType, DateRange, DateRangeInput };
+export { CALENDAR_MODE, Calendar2Component, DATE2_CLEAR_BEHAVIOR, DATE_FORMAT, DATE_FORMAT_CONST, DATE_ISO_FORMAT, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
+export type { CalendarMode, CalendarShortcut, CellStatus, Date2ClearBehavior, DateFormat, DateInputValidatorErrorType, DateRange, DateRangeInput };

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

@@ -162,6 +162,10 @@ type BaseLuDialogConfig<C, TData = LuDialogData<C>> = {
      * Classes to add to the panel
      */
     panelClasses?: string[];
+    /**
+     * Should the dialog have a neutral background?
+     */
+    surfaceDefault?: boolean;
 };
 type LuDialogConfig<T, TData = LuDialogData<T>> = [TData] extends [never] ? Omit<BaseLuDialogConfig<T, TData>, 'data'> : BaseLuDialogConfig<T, TData>;
 type LuDialogSize = 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL' | 'fitContent' | `maxContent` | 'fullScreen';
@@ -256,6 +260,12 @@ declare const DIALOG_ROUTE_CLOSE_TRIGGER: InjectionToken<DialogRouteCloseTrigger
 declare const DIALOG_ROUTE_DISMISS_TRIGGER: InjectionToken<DialogRouteDismissTrigger>;
 declare const DIALOG_ROUTE_CONFIG: InjectionToken<DialogRouteConfig<unknown>>;
 
+/**
+ * Available DialogComponent Types
+ */
+declare const DIALOG_FANCY_ILLUSTRATION: readonly ["approval", "checklist", "email", "install", "mapping", "save", "users", "welcome", "payment-card"];
+type DialogFancyIllustration = (typeof DIALOG_FANCY_ILLUSTRATION)[number];
+
 declare function configureLuDialog(): EnvironmentProviders;
 declare function provideLuDialog(): Provider;
 
@@ -315,11 +325,12 @@ declare class DialogOpenDirective {
         size?: _lucca_front_ng_dialog.LuDialogSize;
         mode?: "default" | "drawer" | "drawer-from-bottom" | "fancy";
         panelClasses?: string[];
+        surfaceDefault?: boolean;
     }, "data">>;
     click(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogOpenDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DialogOpenDirective, "[luDialogOpen]", never, { "dialog": { "alias": "luDialogOpen"; "required": true; "isSignal": true; }; "luDialogConfig": { "alias": "luDialogConfig"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { DIALOG_ROUTE_CLOSE_TRIGGER, DIALOG_ROUTE_CONFIG, DIALOG_ROUTE_DISMISS_TRIGGER, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, DialogHeaderSubtitle, DialogOpenDirective, DialogRoutingContainerComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, LuccaDialogRoutingReuseStrategy, configureLuDialog, createDialogRoute, defaultOnClosedFn, dialogLazyRouteFactory, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideDialogRoutingReuseStrategy, provideLuDialog };
-export type { DialogFactoryConfig, DialogFactoryResult, DialogFactoryResultOptions, DialogRouteCloseTrigger, DialogRouteConfig, DialogRouteDialogConfig, DialogRouteDismissTrigger, LuDialogConfig, LuDialogData, LuDialogHeaderTranslations, LuDialogResult, LuDialogSelfRef, LuDialogSize, ɵDialogDataFlag, ɵDialogResultFlag };
+export { DIALOG_FANCY_ILLUSTRATION, DIALOG_ROUTE_CLOSE_TRIGGER, DIALOG_ROUTE_CONFIG, DIALOG_ROUTE_DISMISS_TRIGGER, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, DialogHeaderSubtitle, DialogOpenDirective, DialogRoutingContainerComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, LuccaDialogRoutingReuseStrategy, configureLuDialog, createDialogRoute, defaultOnClosedFn, dialogLazyRouteFactory, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideDialogRoutingReuseStrategy, provideLuDialog };
+export type { DialogFactoryConfig, DialogFactoryResult, DialogFactoryResultOptions, DialogFancyIllustration, DialogRouteCloseTrigger, DialogRouteConfig, DialogRouteDialogConfig, DialogRouteDismissTrigger, LuDialogConfig, LuDialogData, LuDialogHeaderTranslations, LuDialogResult, LuDialogSelfRef, LuDialogSize, ɵDialogDataFlag, ɵDialogResultFlag };

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

@@ -1,9 +1,15 @@
 import * as _angular_core from '@angular/core';
 import { OnChanges, ElementRef } from '@angular/core';
 
+/**
+ * Available DividerComponent Types
+ */
+declare const DIVIDER_SIZE: readonly ["M", "S"];
+type DividerSize = (typeof DIVIDER_SIZE)[number];
+
 declare class DividerComponent implements OnChanges {
     #private;
-    readonly content: ElementRef;
+    readonly content: _angular_core.Signal<ElementRef<any>>;
     /**
      * Allows rendering the Divider as a native separator
      * (Any text content it may have will no longer be rendered)
@@ -27,4 +33,5 @@ declare class DividerComponent implements OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "lu-divider", never, { "separatorRole": { "alias": "separatorRole"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "withRole": { "alias": "withRole"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { DividerComponent };
+export { DIVIDER_SIZE, DividerComponent };
+export type { DividerSize };

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

@@ -39,7 +39,7 @@ declare class LuDropdownTriggerDirective<_T> implements OnInit {
     #private;
     protected popover2: PopoverDirective;
     /** References the popover instance that the trigger is associated with. */
-    set inputPanel(p: TemplateRef<unknown> | Type<unknown> | ALuPopoverPanel);
+    readonly inputPanel: i0.InputSignal<ALuPopoverPanel<unknown> | TemplateRef<unknown> | Type<unknown>>;
     constructor();
     /** how the panel will be aligned with the target, allowed values: top, bottom, left, right
      * @deprecated prefer using customPositions instead
@@ -55,7 +55,7 @@ declare class LuDropdownTriggerDirective<_T> implements OnInit {
     private invertVerticalPos;
     private invertHorizontalPos;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDropdownTriggerDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDropdownTriggerDirective<any>, "[luDropdown]", ["LuDropdownTrigger"], { "inputPanel": { "alias": "luDropdown"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.PopoverDirective; inputs: { "luPopoverPosition": "luDropdownPosition"; "luPopoverDisabled": "luDropdownDisabled"; "customPositions": "customPositions"; }; outputs: { "luPopoverOpened": "luDropdownOnOpen"; "luPopoverClosed": "luDropdownOnClose"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDropdownTriggerDirective<any>, "[luDropdown]", ["LuDropdownTrigger"], { "inputPanel": { "alias": "luDropdown"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.PopoverDirective; inputs: { "luPopoverPosition": "luDropdownPosition"; "luPopoverDisabled": "luDropdownDisabled"; "customPositions": "customPositions"; }; outputs: { "luPopoverOpened": "luDropdownOnOpen"; "luPopoverClosed": "luDropdownOnClose"; }; }]>;
 }
 
 /**
@@ -78,14 +78,15 @@ declare abstract class ALuDropdownItem implements ILuDropdownItem {
 
 declare class LuDropdownItemDirective extends ALuDropdownItem implements OnDestroy {
     private _eltRef;
-    onSelect: EventEmitter<boolean>;
+    readonly onSelect: EventEmitter<boolean>;
+    protected readonly onSelectOutput: i0.OutputRef<boolean>;
     constructor(_eltRef: ElementRef<HTMLElement>);
     onClick(_event: Event): void;
     onEnter(_event: Event): void;
     focus(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDropdownItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDropdownItemDirective, "[luDropdownItem]", ["LuDropdownItem"], {}, { "onSelect": "onSelect"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDropdownItemDirective, "[luDropdownItem]", ["LuDropdownItem"], {}, { "onSelectOutput": "onSelect"; }, never, never, true, never>;
 }
 
 /**

package/types/lucca-front-ng-empty-state.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
+import { BubbleIllustration } from '@lucca-front/ng/bubble-illustration';
 
 declare class EmptyStatePageIllustration {
     readonly src: _angular_core.InputSignal<string>;
@@ -8,9 +9,6 @@ declare class EmptyStatePageIllustration {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStatePageIllustration, "lu-empty-state-page-illustration", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type Hx = 1 | 2 | 3 | 4 | 5 | 6;
-type HxStyle = 1 | 2;
-
 declare class EmptyStatePageComponent {
     /**
      * Icon image (URL)
@@ -46,8 +44,8 @@ declare class EmptyStatePageComponent {
     readonly illustration: _angular_core.InputSignal<PortalContent>;
     readonly heading: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<PortalContent>;
-    readonly hx: _angular_core.InputSignalWithTransform<Hx, Hx | "1" | "2" | "3" | "4" | "5" | "6">;
-    readonly hxStyle: _angular_core.InputSignalWithTransform<HxStyle, HxStyle | "1" | "2">;
+    readonly hx: _angular_core.InputSignalWithTransform<1 | 2 | 3 | 4 | 5 | 6, 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6">;
+    readonly hxStyle: _angular_core.InputSignalWithTransform<1 | 2, 1 | 2 | "1" | "2">;
     isStringPortalContent(message: PortalContent): message is string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStatePageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStatePageComponent, "lu-empty-state-page", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "topRightBackground": { "alias": "topRightBackground"; "required": false; "isSignal": true; }; "topRightForeground": { "alias": "topRightForeground"; "required": false; "isSignal": true; }; "bottomLeftBackground": { "alias": "bottomLeftBackground"; "required": false; "isSignal": true; }; "bottomLeftForeground": { "alias": "bottomLeftForeground"; "required": false; "isSignal": true; }; "contentBackgroundColor": { "alias": "contentBackgroundColor"; "required": false; "isSignal": true; }; "slotTop": { "alias": "slotTop"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "hx": { "alias": "hx"; "required": false; "isSignal": true; }; "hxStyle": { "alias": "hxStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -64,7 +62,7 @@ declare class EmptyStateSectionComponent {
      * Which palette should be used for the empty state section.
      * Defaults to none (inherits parent palette)
      */
-    readonly palette: _angular_core.InputSignal<"error" | "warning" | "success" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
+    readonly palette: _angular_core.InputSignal<"error" | "warning" | "success" | "product" | "neutral" | "none" | "brand">;
     readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * The title of the empty state section
@@ -77,7 +75,7 @@ declare class EmptyStateSectionComponent {
     /**
      * Define the aria level of the title
      */
-    readonly hx: _angular_core.InputSignalWithTransform<Hx, Hx | "1" | "2" | "3" | "4" | "5" | "6">;
+    readonly hx: _angular_core.InputSignalWithTransform<1 | 2 | 3 | 4 | 5 | 6, 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6">;
     readonly emptyStateClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
@@ -86,4 +84,14 @@ declare class EmptyStateSectionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateSectionComponent, "lu-empty-state-section", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "center": { "alias": "center"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "hx": { "alias": "hx"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { EmptyStatePageComponent, EmptyStatePageIllustration, EmptyStateSectionComponent };
+/**
+ * Available EmptyState Types
+ */
+declare const EMPTY_STATE_HX: readonly [1, 2, 3, 4, 5, 6];
+type Hx = (typeof EMPTY_STATE_HX)[number];
+declare const EMPTY_STATE_HX_STYLE: readonly [1, 2];
+type HxStyle = (typeof EMPTY_STATE_HX_STYLE)[number];
+declare const ICON_TO_ILLUSTRATION: Record<string, BubbleIllustration>;
+
+export { EMPTY_STATE_HX, EMPTY_STATE_HX_STYLE, EmptyStatePageComponent, EmptyStatePageIllustration, EmptyStateSectionComponent, ICON_TO_ILLUSTRATION };
+export type { Hx, HxStyle };

package/types/lucca-front-ng-error-page.d.ts

@@ -1,13 +1,18 @@
 import * as _angular_core from '@angular/core';
 
-type ErrorPageIllustration = '400' | '403' | '404' | '429' | '500' | 'keyboard' | 'lock' | 'map';
-
 declare class ErrorPageComponent {
     readonly heading: _angular_core.InputSignal<string>;
-    readonly illustration: _angular_core.InputSignal<ErrorPageIllustration>;
+    readonly illustration: _angular_core.InputSignal<"400" | "403" | "404" | "429" | "500" | "keyboard" | "lock" | "map">;
     readonly illustrationSrc: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ErrorPageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ErrorPageComponent, "lu-error-page", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { ErrorPageComponent };
+/**
+ * Available ErrorPageComponent Types
+ */
+declare const ERROR_PAGE_ILLUSTRATION: readonly ["400", "403", "404", "429", "500", "keyboard", "lock", "map"];
+type ErrorPageIllustration = (typeof ERROR_PAGE_ILLUSTRATION)[number];
+
+export { ERROR_PAGE_ILLUSTRATION, ErrorPageComponent };
+export type { ErrorPageIllustration };

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, EventEmitter, TemplateRef, OnDestroy, InjectionToken } from '@angular/core';
+import { OnInit, AfterViewInit, ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, TemplateRef, OnDestroy, InjectionToken } from '@angular/core';
 import * as _lucca_front_ng_establishment from '@lucca-front/ng/establishment';
 import { ILuApiItem, ALuApiService, ILuApiService, LuApiV4Service } from '@lucca-front/ng/api';
 import { Overlay } from '@angular/cdk/overlay';
@@ -83,14 +83,13 @@ declare class LuEstablishmentSelectInputComponent<D extends ILuEstablishment = I
 }
 
 declare class LuEstablishmentSearcherComponent implements ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuOnCloseSubscriber, ILuOptionOperator<ILuEstablishment> {
-    set filters(filters: string[]);
-    set appInstanceId(appId: number);
-    set operations(ops: number[]);
-    set sort(sort: string);
+    readonly filters: i0.InputSignal<string[]>;
+    readonly appInstanceId: i0.InputSignal<number>;
+    readonly operations: i0.InputSignal<number[]>;
+    readonly sort: i0.InputSignal<string>;
     private _service;
-    fixed: boolean;
-    readonly searchInput: ElementRef<HTMLElement>;
-    isSearching: EventEmitter<boolean>;
+    readonly searchInput: i0.Signal<ElementRef<HTMLElement>>;
+    readonly isSearching: i0.OutputEmitterRef<boolean>;
     private _isSearching;
     clueControl: FormControl<string>;
     loading: boolean;
@@ -105,7 +104,7 @@ declare class LuEstablishmentSearcherComponent implements ILuOnOpenSubscriber, I
     onClose(): void;
     reset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuEstablishmentSearcherComponent, [{ optional: true; }, { self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuEstablishmentSearcherComponent, "lu-establishment-searcher", never, { "filters": { "alias": "filters"; "required": false; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, { "isSearching": "isSearching"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuEstablishmentSearcherComponent, "lu-establishment-searcher", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; "isSignal": true; }; "operations": { "alias": "operations"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, { "isSearching": "isSearching"; }, never, never, true, never>;
 }
 
 declare class LuForLegalUnitsDirective extends LuForGroupsDirective<ILuEstablishment, ILuLegalUnit> {
@@ -119,29 +118,29 @@ declare class LuForLegalUnitsDirective extends LuForGroupsDirective<ILuEstablish
 }
 
 declare class LuLegalUnitSelectorDirective implements ILuOptionSelector<ILuEstablishment>, OnDestroy {
-    multiple: boolean;
     readonly onSelectValue: Subject<ILuEstablishment[]>;
     private _values;
     private _service;
     private _subs;
-    legalUnit: ILuLegalUnit;
-    set filters(filters: string[]);
-    set appInstanceId(appId: number);
-    set operations(ops: number[]);
+    readonly legalUnit: i0.InputSignal<ILuLegalUnit>;
+    readonly filters: i0.InputSignal<string[]>;
+    readonly appInstanceId: i0.InputSignal<number>;
+    readonly operations: i0.InputSignal<number[]>;
+    multiple: boolean;
     constructor(customService: LuEstablishmentService, defaultService: LuEstablishmentService);
     onClick(): void;
     setValue(values: ILuEstablishment[]): void;
     ngOnDestroy(): void;
     private shouldAdd;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuLegalUnitSelectorDirective, [{ optional: true; }, { self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuLegalUnitSelectorDirective, "[luLegalUnitSelector]", never, { "legalUnit": { "alias": "luLegalUnitSelector"; "required": false; }; "filters": { "alias": "luLegalUnitSelectorFilters"; "required": false; }; "appInstanceId": { "alias": "luLegalUnitSelectorAppInstanceId"; "required": false; }; "operations": { "alias": "luLegalUnitSelectorOperations"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuLegalUnitSelectorDirective, "[luLegalUnitSelector]", never, { "legalUnit": { "alias": "luLegalUnitSelector"; "required": false; "isSignal": true; }; "filters": { "alias": "luLegalUnitSelectorFilters"; "required": false; "isSignal": true; }; "appInstanceId": { "alias": "luLegalUnitSelectorAppInstanceId"; "required": false; "isSignal": true; }; "operations": { "alias": "luLegalUnitSelectorOperations"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuEstablishmentSelectAllComponent extends LuOptionSelectAllComponent<ILuEstablishment> implements OnDestroy {
     private readonly _changeDetectorRef;
-    set filters(filters: string[]);
-    set appInstanceId(appInstanceId: number);
-    set operations(operations: number[]);
+    readonly filters: i0.InputSignal<string[]>;
+    readonly appInstanceId: i0.InputSignal<number>;
+    readonly operations: i0.InputSignal<number[]>;
     loading: boolean;
     private _service;
     private _subs;
@@ -149,7 +148,7 @@ declare class LuEstablishmentSelectAllComponent extends LuOptionSelectAllCompone
     selectAll(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuEstablishmentSelectAllComponent, [null, { optional: true; }, { self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuEstablishmentSelectAllComponent, "lu-establishment-select-all", never, { "filters": { "alias": "filters"; "required": false; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuEstablishmentSelectAllComponent, "lu-establishment-select-all", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; "isSignal": true; }; "operations": { "alias": "operations"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**

package/types/lucca-front-ng-fancy-box.d.ts

@@ -25,4 +25,11 @@ declare class FancyBoxComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FancyBoxComponent, "lu-fancy-box", never, { "foreground": { "alias": "foreground"; "required": false; "isSignal": true; }; "backgroundLeft": { "alias": "backgroundLeft"; "required": true; "isSignal": true; }; "backgroundRight": { "alias": "backgroundRight"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { FancyBoxComponent };
+/**
+ * Available FancyBoxComponent Types
+ */
+declare const FANCY_BOX_SIZE: readonly ["S"];
+type FancyBoxSize = (typeof FANCY_BOX_SIZE)[number];
+
+export { FANCY_BOX_SIZE, FancyBoxComponent };
+export type { FancyBoxSize };