@lucca-front/ng 21.1.0-rc.0 → 21.1.0-rc.1

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

@@ -5,34 +5,42 @@ import { PortalContent } from '@lucca-front/ng/core';
 
 declare class CommentComponent {
     #private;
-    noAvatar: _angular_core.Signal<boolean>;
-    avatar: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
-    authorName: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
-    size: _angular_core.Signal<"S" | "M">;
-    date: _angular_core.InputSignal<Date>;
+    readonly content: _angular_core.InputSignal<string>;
+    readonly date: _angular_core.InputSignal<Date>;
     /**
      * format given to the date pipe for display.
      *
      * See https://angular.dev/api/common/DatePipe#custom-format-options
      */
-    datePipeFormat: _angular_core.InputSignal<string>;
-    content: _angular_core.InputSignal<string>;
-    contentIsHTML: _angular_core.Signal<boolean>;
-    dateDisplay: _angular_core.Signal<string>;
-    role: _angular_core.Signal<string>;
+    readonly datePipeFormat: _angular_core.InputSignal<string>;
+    readonly noAvatar: _angular_core.Signal<boolean>;
+    readonly avatar: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
+    readonly authorName: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
+    readonly size: _angular_core.Signal<"S" | "M">;
+    readonly contentIsHTML: _angular_core.Signal<boolean>;
+    readonly dateDisplay: _angular_core.Signal<string>;
+    readonly role: _angular_core.Signal<string>;
     get roleAttr(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CommentBlockComponent {
     #private;
     readonly comments: _angular_core.Signal<readonly CommentComponent[]>;
     readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Small is a shorthand to set the size to small
+     *
+     * If the size input is filled along with the small input, their values will have the priority
+     */
     readonly small: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly chatAnswer: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly authorName: _angular_core.InputSignal<PortalContent>;
     readonly avatar: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Which size should the block comment be? Defaults or small
+     */
     readonly size: _angular_core.InputSignal<"S" | "M">;
     readonly noAvatar: _angular_core.Signal<boolean>;
     readonly isSingleComment: _angular_core.Signal<boolean>;

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

@@ -1,10 +1,10 @@
 import * as _angular_core from '@angular/core';
 
 declare class ContainerComponent {
-    center: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
-    classesConfig: _angular_core.Signal<{
+    readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
+    readonly classesConfig: _angular_core.Signal<{
         [x: string]: boolean;
         "mod-center": boolean;
         "mod-overflow": boolean;

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

@@ -2,7 +2,6 @@ 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 * as _lucca_front_ng_filter_pills from '@lucca-front/ng/filter-pills';
 import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills';
-import * as _lucca_front_ng_core_select from '@lucca-front/ng/core-select';
 import { OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
 import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
@@ -136,7 +135,7 @@ declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
 
 declare class LuOptionComponent<T> implements AfterViewInit, OnDestroy, OnInit {
     protected selectableItem: CoreSelectPanelElement<any>;
-    protected intl: OptionTranslate;
+    protected intl: _angular_core.InputSignalWithTransform<OptionTranslate, Partial<OptionTranslate>>;
     hasOptionItemClass: boolean;
     optionTpl: TemplateRef<LuOptionContext<T>> | Type<unknown> | undefined;
     option?: T;
@@ -160,7 +159,7 @@ declare class LuOptionComponent<T> implements AfterViewInit, OnDestroy, OnInit {
     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, { "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>;
+    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> {
@@ -220,6 +219,12 @@ interface CoreSelectPanelInstance<T = unknown> {
 }
 declare const SELECT_PANEL_INSTANCE: InjectionToken<CoreSelectPanelInstance<unknown>>;
 
+declare const LU_CORE_SELECT_TRANSLATIONS: InjectionToken<LuTranslation<LuCoreSelectLabel>>;
+interface LuCoreSelectLabel {
+    addOption: string;
+}
+declare const luCoreSelectTranslations: LuTranslation<LuCoreSelectLabel>;
+
 type TreeGroupingFn<T> = (value: T, array: T[]) => T | null;
 interface TreeNode<T> {
     node: T;
@@ -239,7 +244,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected overlayContainerRef: HTMLElement;
     protected labelElement: HTMLElement | undefined;
     protected labelId: string;
-    protected coreIntl: _lucca_front_ng_core_select.LuCoreSelectLabel;
+    protected abstract intl: Signal<LuCoreSelectLabel>;
     protected filterPillHost: _lucca_front_ng_filter_pills.FilterPillComponent;
     protected afterCloseFn?: () => void;
     protected updatePositionFn?: () => void;
@@ -249,16 +254,19 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     selectChildren$?: Subject<void>;
     panelClosed: _angular_core.OutputEmitterRef<void>;
     panelOpened: _angular_core.OutputEmitterRef<void>;
+    highlightedOption: _angular_core.OutputEmitterRef<TOption>;
     private inputElementRef;
     placeholder$: BehaviorSubject<string>;
     disabled$: BehaviorSubject<boolean>;
-    filterPillDisabled: _angular_core.Signal<boolean>;
+    filterPillDisabled: Signal<boolean>;
     prefix: _angular_core.InputSignal<PortalContent>;
     set placeholder(value: string);
     set clearable(value: boolean);
     get clearable(): boolean;
     get searchable(): boolean;
-    addOptionLabel: PortalContent;
+    protected computedAddOptionLabel: Signal<PortalContent>;
+    set addOptionLabel(label: PortalContent);
+    get addOptionLabel(): PortalContent;
     set addOptionStrategy(strategy: CoreSelectAddOptionStrategy);
     protected get isSelectedClass(): boolean;
     protected get isSearchFilledClass(): boolean;
@@ -274,11 +282,14 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     optionKey: (option: TOption) => unknown;
     noClueIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
     inputTabindex: _angular_core.InputSignal<number>;
+    compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    colorPicker: _angular_core.InputSignalWithTransform<boolean, unknown>;
     protected get isNoClueIconClass(): boolean;
     optionTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
     valueTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
     panelHeaderTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void>>;
-    displayerTpl: _angular_core.Signal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
+    panelFooterTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<void>>;
+    displayerTpl: Signal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
     groupingSignal: _angular_core.WritableSignal<LuOptionGrouping<TOption, unknown>>;
     /**
      * @deprecated use groupingSignal
@@ -296,8 +307,8 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     previousPage: _angular_core.OutputEmitterRef<void>;
     addOption: _angular_core.OutputEmitterRef<string>;
     valueSignal: _angular_core.WritableSignal<TValue>;
-    isFilterPillEmpty: _angular_core.Signal<boolean>;
-    isFilterPillClearable: _angular_core.Signal<boolean>;
+    isFilterPillEmpty: Signal<boolean>;
+    isFilterPillClearable: Signal<boolean>;
     get value(): TValue;
     protected set value(value: TValue);
     get inputPlaceholder(): string | null;
@@ -340,7 +351,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; }; "optionTpl": { "alias": "optionTpl"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "panelHeaderTpl": { "alias": "panelHeaderTpl"; "required": false; "isSignal": true; }; }, { "panelClosed": "panelClosed"; "panelOpened": "panelOpened"; "optionTpl": "optionTplChange"; "valueTpl": "valueTplChange"; "panelHeaderTpl": "panelHeaderTplChange"; "clueChange": "clueChange"; "nextPage": "nextPage"; "previousPage": "previousPage"; "addOption": "addOption"; }, never, never, true, 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;
 }
 
@@ -375,12 +386,6 @@ declare class LuCoreSelectNoClueDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectNoClueDirective, "lu-simple-select[noClue],lu-multi-select[noClue]", never, {}, {}, never, never, true, never>;
 }
 
-declare const LU_CORE_SELECT_TRANSLATIONS: InjectionToken<LuTranslation<LuCoreSelectLabel>>;
-interface LuCoreSelectLabel {
-    addOption: string;
-}
-declare const luCoreSelectTranslations: LuTranslation<LuCoreSelectLabel>;
-
 declare const applySearchDelimiter: (clue: string, delimiter: string) => string;
 
 declare class LuIsOptionSelectedPipe<T> implements PipeTransform {

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, TemplateRef, Type, OnDestroy, Signal, EffectCleanupRegisterFn, CreateEffectOptions, EffectRef, PipeTransform } from '@angular/core';
+import { InjectionToken, TemplateRef, Type, OnDestroy, Signal, EffectCleanupRegisterFn, CreateEffectOptions, EffectRef, InputOptionsWithTransform, PipeTransform } from '@angular/core';
 
 /**
  * Extracts the values of an enum as a union type.
@@ -241,6 +241,27 @@ interface ILuTranslation<T> {
 type LuTranslation<T> = Record<string, T>;
 
 declare function getIntl<T>(translationsToken: InjectionToken<LuTranslation<T>> | InjectionToken<ILuTranslation<T>>): T;
+/**
+ * Creates configuration for an Angular signal input that supports internationalization with optional overrides.
+ *
+ * This function merges translations from one or more injection tokens and returns a tuple
+ * compatible with Angular's `input()` function. Users can override specific translations
+ * via the component's `[intl]` input while inheriting defaults from the provided tokens.
+ *
+ * @example
+ * ```typescript
+ * // In a component
+ * intl = input(...intlInputOptions(LU_SOME_COMPONENT_TRANSLATIONS));
+ *
+ * // Usage in template
+ * <lu-some-component [intl]="{ stuff: 'Some custom stuff' }" />
+ * ```
+ *
+ * @param tokens - One or more injection tokens containing locale-based translations
+ * @returns A tuple of [defaultValue, inputOptions] to spread into Angular's `input()` function
+ */
+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;
@@ -255,5 +276,5 @@ interface ILuTree<T> {
     disabled?: boolean;
 }
 
-export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuClass, LuNativeDateAdapter, LuStringDateAdapter, PORTAL_CONTEXT, PortalDirective, defaultBreakpoints, generateId, getIntl, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, luDefaultNativeDateAdapterOptions, ɵeffectWithDeps };
+export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuClass, LuNativeDateAdapter, LuStringDateAdapter, PORTAL_CONTEXT, PortalDirective, defaultBreakpoints, generateId, getIntl, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, luDefaultNativeDateAdapterOptions, ɵeffectWithDeps };
 export type { At, Breakpoint, DecorativePalette, EffectWithDepsInput, EnumValue, ILuDateAdapter, ILuGroup, ILuNativeDateAdapterOptions, ILuOnCloseSubscriber, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuTranslation, ILuTree, LuDateGranularity, LuTranslation, Palette, PortalContent, ResponsiveConfig, ResponsiveProperty };

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

@@ -71,7 +71,7 @@ interface LuDataTableTranslations {
 }
 
 declare class DataTableRowComponent {
-    intl: LuDataTableTranslations;
+    intl: _angular_core.InputSignalWithTransform<LuDataTableTranslations, Partial<LuDataTableTranslations>>;
     bodyRef: _lucca_front_ng_data_table.DataTableBodyComponent;
     headRef: _lucca_front_ng_data_table.DataTableHeadComponent;
     footRef: _lucca_front_ng_data_table.DataTableFootComponent;
@@ -82,7 +82,7 @@ declare class DataTableRowComponent {
     readonly selectedLabel: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableRowComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowComponent, "tr[luDataTableRow]", never, { "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
 }
 
 declare class DataTableComponent implements OnInit {

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

@@ -4,6 +4,7 @@ import { ALuDateAdapter, LuDateGranularity, ELuDateGranularity, LuTranslation }
 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';
@@ -87,7 +88,7 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     private _locale;
     private _factory;
     private _adapter;
-    intl: LuCalendarInputLabel;
+    intl: i0.InputSignalWithTransform<LuCalendarInputLabel, Partial<LuCalendarInputLabel>>;
     min?: D;
     max?: D;
     granularity: LuDateGranularity;
@@ -123,16 +124,7 @@ 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, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "startOn": { "alias": "startOn"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-/**
- * @deprecated use `LuCalendarInputComponent` instead
- */
-declare class LuCalendarInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuCalendarInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuCalendarInputModule, never, [typeof LuCalendarInputComponent], [typeof LuCalendarInputComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuCalendarInputModule>;
+    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>;
 }
 
 declare class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
@@ -168,7 +160,7 @@ declare class LuDateInputDirective<D> extends ALuInput<D, HTMLInputElement> impl
     max?: D;
     granularity: LuDateGranularity;
     set placeholder(p: string);
-    private _intl;
+    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;
@@ -178,7 +170,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; }; }, {}, never, never, true, 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>;
 }
 
 declare class LuDateSelectInputComponent<D> extends ALuSelectInputComponent<D> implements ControlValueAccessor, ILuInputWithPicker<D>, AfterViewInit, Validator {
@@ -197,7 +189,6 @@ declare class LuDateSelectInputComponent<D> extends ALuSelectInputComponent<D> i
     set startOn(s: D);
     get startOn(): D;
     get format(): string;
-    private _intl;
     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>;
@@ -244,15 +235,6 @@ declare class LuHumanizeDatePipe implements PipeTransform {
 declare function getRelativeTime(date: number | Date, reference: number | Date, allowedUnits?: readonly LuRelativeTimeFormatUnit[]): LuRelativeTime;
 declare function relativeTimeTimer(date: Date | number, allowedUnits?: readonly LuRelativeTimeFormatUnit[]): Observable<LuRelativeTime>;
 
-/**
- * @deprecated use `LuDateInputDirective` instead
- */
-declare class LuDateInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuDateInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuDateInputModule, never, [typeof LuDateInputDirective], [typeof LuDateInputDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuDateInputModule>;
-}
-
 declare const LU_DATE_INPUT_TRANSLATIONS: InjectionToken<LuTranslation<ILuDateInputLabel>>;
 interface ILuDateInputLabel {
     placeholderDay: string;
@@ -287,5 +269,5 @@ interface ILuDateSelectInputLabel {
 }
 declare const luDateSelectInputTranslations: LuTranslation<ILuDateSelectInputLabel>;
 
-export { LU_DATE_INPUT_TRANSLATIONS, LU_DATE_SELECT_INPUT_TRANSLATIONS, LuCalendarInputComponent, LuCalendarInputModule, LuDateAdapterModule, LuDateAdapterPipe, LuDateInputDirective, LuDateInputModule, LuDateModule, LuDatePickerComponent, LuDatePickerModule, LuDateSelectInputComponent, LuDateSelectInputModule, LuHumanizeDateFormatter, LuHumanizeDatePipe, getRelativeTime, luDateInputTranslations, luDateSelectInputTranslations, luRelativeTimeFormatUnit, relativeTimeTimer };
+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 };

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

@@ -93,7 +93,7 @@ declare class Calendar2CellDirective {
 declare class Calendar2Component implements OnInit {
     #private;
     readonly elementRef: ElementRef<HTMLElement>;
-    intl: Date2Translate;
+    intl: _angular_core.InputSignalWithTransform<Date2Translate, Partial<Date2Translate>>;
     showOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
     enableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
     removeYearOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -145,10 +145,10 @@ declare class Calendar2Component implements OnInit {
         class: string;
     };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Calendar2Component, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Calendar2Component, "lu-calendar2", never, { "showOverflow": { "alias": "showOverflow"; "required": false; "isSignal": true; }; "enableOverflow": { "alias": "enableOverflow"; "required": false; "isSignal": true; }; "removeYearOverflow": { "alias": "removeYearOverflow"; "required": false; "isSignal": true; }; "hideToday": { "alias": "hideToday"; "required": false; "isSignal": true; }; "hasTodayButton": { "alias": "hasTodayButton"; "required": false; "isSignal": true; }; "hideWeekend": { "alias": "hideWeekend"; "required": false; "isSignal": true; }; "disableModeChange": { "alias": "disableModeChange"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "tabbableDate": { "alias": "tabbableDate"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "getCellInfo": { "alias": "getCellInfo"; "required": false; "isSignal": true; }; "dateHovered": { "alias": "dateHovered"; "required": false; "isSignal": true; }; }, { "date": "dateChange"; "tabbableDate": "tabbableDateChange"; "mode": "modeChange"; "displayMode": "displayModeChange"; "nextPage": "nextPage"; "previousPage": "previousPage"; "dateClicked": "dateClicked"; "dateHovered": "dateHoveredChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Calendar2Component, "lu-calendar2", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "showOverflow": { "alias": "showOverflow"; "required": false; "isSignal": true; }; "enableOverflow": { "alias": "enableOverflow"; "required": false; "isSignal": true; }; "removeYearOverflow": { "alias": "removeYearOverflow"; "required": false; "isSignal": true; }; "hideToday": { "alias": "hideToday"; "required": false; "isSignal": true; }; "hasTodayButton": { "alias": "hasTodayButton"; "required": false; "isSignal": true; }; "hideWeekend": { "alias": "hideWeekend"; "required": false; "isSignal": true; }; "disableModeChange": { "alias": "disableModeChange"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "tabbableDate": { "alias": "tabbableDate"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "getCellInfo": { "alias": "getCellInfo"; "required": false; "isSignal": true; }; "dateHovered": { "alias": "dateHovered"; "required": false; "isSignal": true; }; }, { "date": "dateChange"; "tabbableDate": "tabbableDateChange"; "mode": "modeChange"; "displayMode": "displayModeChange"; "nextPage": "nextPage"; "previousPage": "previousPage"; "dateClicked": "dateClicked"; "dateHovered": "dateHoveredChange"; }, never, never, true, never>;
 }
 
-declare function getDateFormat(locale: string): string;
+declare function getDateFormat(locale: string, mode?: CalendarMode): string;
 declare function getSeparator(locale: string): string;
 declare function getLocalizedDateFormat(locale: string, period?: 'year' | 'month' | 'day'): string;
 
@@ -162,10 +162,11 @@ declare abstract class AbstractDateComponent {
     protected locale: string;
     protected dateFormat: string;
     protected separator: string;
+    protected dateFormatWithMode: _angular_core.Signal<string>;
     intlDateTimeFormat: Intl.DateTimeFormat;
     intlDateTimeFormatMonth: Intl.DateTimeFormat;
     intlDateTimeFormatYear: Intl.DateTimeFormat;
-    intl: Date2Translate;
+    intl: _angular_core.InputSignalWithTransform<Date2Translate, Partial<Date2Translate>>;
     onTouched?: () => void;
     disabled: _angular_core.WritableSignal<boolean>;
     readonly format: _angular_core.InputSignal<DateFormat>;
@@ -198,7 +199,7 @@ declare abstract class AbstractDateComponent {
     setDisabledState?(isDisabled: boolean): void;
     move(direction: 1 | -1, mode: CalendarMode): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AbstractDateComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AbstractDateComponent, "ng-component", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "hideToday": { "alias": "hideToday"; "required": false; "isSignal": true; }; "hasTodayButton": { "alias": "hasTodayButton"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearBehavior": { "alias": "clearBehavior"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hideWeekend": { "alias": "hideWeekend"; "required": false; "isSignal": true; }; "getCellInfo": { "alias": "getCellInfo"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "calendarMode": { "alias": "calendarMode"; "required": false; "isSignal": true; }; }, { "calendarMode": "calendarModeChange"; "panelOpened": "panelOpened"; "panelClosed": "panelClosed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AbstractDateComponent, "ng-component", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "hideToday": { "alias": "hideToday"; "required": false; "isSignal": true; }; "hasTodayButton": { "alias": "hasTodayButton"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearBehavior": { "alias": "clearBehavior"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hideWeekend": { "alias": "hideWeekend"; "required": false; "isSignal": true; }; "getCellInfo": { "alias": "getCellInfo"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "calendarMode": { "alias": "calendarMode"; "required": false; "isSignal": true; }; }, { "calendarMode": "calendarModeChange"; "panelOpened": "panelOpened"; "panelClosed": "panelClosed"; }, never, never, true, never>;
 }
 
 type DateInputValidatorErrorType = {

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

@@ -95,11 +95,11 @@ declare class LuDepartmentSelectInputComponent<D extends ILuDepartment = ILuDepa
     operations: number[];
     filters: string[];
     uniqueOperation: number;
-    intl: _lucca_front_ng_department.ILuDepartmentSelectInputLabel;
+    intl: i0.InputSignalWithTransform<_lucca_front_ng_department.ILuDepartmentSelectInputLabel, Partial<_lucca_front_ng_department.ILuDepartmentSelectInputLabel>>;
     constructor(_changeDetectorRef: ChangeDetectorRef, _overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2);
     searchFn(o: D, c: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDepartmentSelectInputComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuDepartmentSelectInputComponent<any, any>, "lu-department-select", never, { "appInstanceId": { "alias": "appInstanceId"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "uniqueOperation": { "alias": "uniqueOperation"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuDepartmentSelectInputComponent<any, any>, "lu-department-select", never, { "appInstanceId": { "alias": "appInstanceId"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "uniqueOperation": { "alias": "uniqueOperation"; "required": false; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -120,15 +120,6 @@ declare class LuDepartmentModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuDepartmentModule>;
 }
 
-/**
- * @deprecated use `LuDepartmentFeederComponent` instead
- */
-declare class LuDepartmentFeederModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuDepartmentFeederModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuDepartmentFeederModule, never, [typeof LuDepartmentFeederComponent], [typeof LuDepartmentFeederComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuDepartmentFeederModule>;
-}
-
 /**
  * @deprecated use `LuDepartmentSelectInputComponent` instead
  */
@@ -144,5 +135,5 @@ interface ILuDepartmentSelectInputLabel {
 }
 declare const luDepartmentSelectInputTranslations: LuTranslation<ILuDepartmentSelectInputLabel>;
 
-export { ALuDepartmentService, LU_DEPARTMENT_SELECT_INPUT_TRANSLATIONS, LuDepartmentFeederComponent, LuDepartmentFeederModule, LuDepartmentModule, LuDepartmentSelectInputComponent, LuDepartmentSelectInputModule, LuDepartmentSelectModule, LuDepartmentV3Service, LuDepartmentV4Service, luDepartmentSelectInputTranslations };
+export { ALuDepartmentService, LU_DEPARTMENT_SELECT_INPUT_TRANSLATIONS, LuDepartmentFeederComponent, LuDepartmentModule, LuDepartmentSelectInputComponent, LuDepartmentSelectInputModule, LuDepartmentSelectModule, LuDepartmentV3Service, LuDepartmentV4Service, luDepartmentSelectInputTranslations };
 export type { IApiDepartment, ILuDepartment, ILuDepartmentSelectInputLabel, ILuDepartmentService };

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { OnInit, InjectionToken, OnDestroy, Injector, TemplateRef, EnvironmentProviders, Provider, AfterViewInit } from '@angular/core';
+import { OnInit, InjectionToken, EnvironmentProviders, OnDestroy, Injector, TemplateRef, Provider, AfterViewInit } from '@angular/core';
 import * as _lucca_front_ng_dialog from '@lucca-front/ng/dialog';
 import { LuTranslation } from '@lucca-front/ng/core';
-import { CanDeactivateFn, DeprecatedGuard, GuardResult, Route } from '@angular/router';
+import { BaseRouteReuseStrategy, ActivatedRouteSnapshot, CanDeactivateFn, DeprecatedGuard, GuardResult, Route } from '@angular/router';
 import * as rxjs from 'rxjs';
 import { Observable, Subscription } from 'rxjs';
 import { ComponentType } from '@angular/cdk/overlay';
@@ -26,13 +26,13 @@ declare class DialogHeaderAction {
 }
 declare class DialogHeaderComponent implements OnInit {
     #private;
-    intl: _lucca_front_ng_dialog.LuDialogHeaderTranslations;
+    intl: i0.InputSignalWithTransform<_lucca_front_ng_dialog.LuDialogHeaderTranslations, Partial<_lucca_front_ng_dialog.LuDialogHeaderTranslations>>;
     dismissible: boolean;
     close(): void;
     optionalAction: i0.Signal<DialogHeaderAction>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "lu-dialog-header", never, {}, {}, ["optionalAction"], ["[dialogHeaderAction]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "lu-dialog-header", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, ["optionalAction"], ["[dialogHeaderAction]", "*"], true, never>;
 }
 
 declare const LU_DIALOG_HEADER_TRANSLATIONS: InjectionToken<LuTranslation<LuDialogHeaderTranslations>>;
@@ -41,6 +41,12 @@ interface LuDialogHeaderTranslations {
 }
 declare const luDialogHeaderTranslations: LuTranslation<LuDialogHeaderTranslations>;
 
+declare function provideDialogRoutingReuseStrategy(): EnvironmentProviders;
+declare const noRouteReuseFlag: unique symbol;
+declare class LuccaDialogRoutingReuseStrategy extends BaseRouteReuseStrategy {
+    shouldReuseRoute(future: ActivatedRouteSnapshot, current: ActivatedRouteSnapshot): boolean;
+}
+
 /**
  * Default onClosed/onDismissed function that navigates back to the parent route when the dialog is closed or dismissed.
  */
@@ -56,6 +62,7 @@ declare class DialogRoutingContainerComponent<C> implements OnDestroy, OnInit {
     readonly config: _lucca_front_ng_dialog.DialogRouteConfig<C>;
     protected readonly dialogComponentInstance: i0.WritableSignal<C>;
     protected readonly dialogTemplate: i0.Signal<TemplateRef<any>>;
+    static [noRouteReuseFlag]: boolean;
     ngOnInit(): void;
     /**
      * In this context, ngOnDestroy is called when the user navigates away from the route.
@@ -293,5 +300,5 @@ declare class DialogOpenDirective {
     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, DialogOpenDirective, DialogRoutingContainerComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, configureLuDialog, createDialogRoute, defaultOnClosedFn, dialogLazyRouteFactory, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideLuDialog };
+export { DIALOG_ROUTE_CLOSE_TRIGGER, DIALOG_ROUTE_CONFIG, DIALOG_ROUTE_DISMISS_TRIGGER, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, 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, ɵDialogDataFlag, ɵDialogResultFlag };

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

@@ -4,9 +4,19 @@ import { OnChanges, ElementRef } from '@angular/core';
 declare class DividerComponent implements OnChanges {
     #private;
     content: ElementRef;
+    /**
+     * Allows rendering the Divider as a native separator
+     * (Any text content it may have will no longer be rendered)
+     */
     readonly separatorRole: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Which size should the chip be? Defaults or small
+     */
     readonly size: _angular_core.InputSignal<"M" | "S">;
+    /**
+     * @deprecated
+     */
     readonly withRole: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly classesConfig: _angular_core.Signal<{
         [x: string]: boolean;

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

@@ -28,6 +28,9 @@ declare class EmptyStatePageComponent {
      * Background color for content (text)
      */
     readonly contentBackgroundColor: _angular_core.InputSignal<string>;
+    /**
+     * Add content above heading
+     */
     readonly slotTop: _angular_core.InputSignal<PortalContent>;
     readonly heading: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<PortalContent>;
@@ -37,20 +40,35 @@ declare class EmptyStatePageComponent {
 }
 
 declare class EmptyStateSectionComponent {
+    /** @deprecated use illustration and action */
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly actionIllustration: _angular_core.Signal<boolean>;
+    readonly illustration: _angular_core.InputSignal<"moodAngry" | "moodBored" | "moodHappy" | "moodJoyful" | "moodMoody" | "moodSad" | "moodShoked" | "moodSly" | "moodSmirking" | "moodSurprised" | "absence" | "anniversary" | "awardRibbon" | "banknote" | "battery" | "bell" | "binders" | "biscuit" | "bookmark" | "books" | "bronzeMedal" | "building" | "bulb" | "calculator" | "calendar" | "camera" | "charts" | "chat" | "checkmark" | "chemistry" | "clipboard" | "clock" | "coffee" | "cup" | "diamond" | "equity" | "error" | "export" | "file" | "fish" | "folder" | "gear" | "gift" | "goldMedal" | "graduate" | "growth" | "hearth" | "home" | "hourglass" | "import" | "invoice" | "jigsaw" | "link" | "lock" | "magnifyingGlass" | "mail" | "map" | "mapPin" | "medical" | "megaphone" | "mix" | "mobile" | "multipleReceipts" | "newbie" | "newsFeed" | "office" | "outside" | "paint" | "paperplane" | "party" | "paymentCards" | "payslip" | "pen" | "percent" | "phone" | "picture" | "polaroid" | "receipt" | "recruit" | "reload" | "restaurant" | "rocket" | "save" | "screwdriver" | "security" | "silverMedal" | "sliders" | "speed" | "stopwatch" | "subjects" | "survey" | "target" | "tasklist" | "temperature" | "thumbtack" | "thumbUp" | "timer" | "trash" | "userID" | "video" | "warning" | "widget">;
+    readonly action: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly iconOrIllustration: _angular_core.Signal<"moodAngry" | "moodBored" | "moodHappy" | "moodJoyful" | "moodMoody" | "moodSad" | "moodShoked" | "moodSly" | "moodSmirking" | "moodSurprised" | "absence" | "anniversary" | "awardRibbon" | "banknote" | "battery" | "bell" | "binders" | "biscuit" | "bookmark" | "books" | "bronzeMedal" | "building" | "bulb" | "calculator" | "calendar" | "camera" | "charts" | "chat" | "checkmark" | "chemistry" | "clipboard" | "clock" | "coffee" | "cup" | "diamond" | "equity" | "error" | "export" | "file" | "fish" | "folder" | "gear" | "gift" | "goldMedal" | "graduate" | "growth" | "hearth" | "home" | "hourglass" | "import" | "invoice" | "jigsaw" | "link" | "lock" | "magnifyingGlass" | "mail" | "map" | "mapPin" | "medical" | "megaphone" | "mix" | "mobile" | "multipleReceipts" | "newbie" | "newsFeed" | "office" | "outside" | "paint" | "paperplane" | "party" | "paymentCards" | "payslip" | "pen" | "percent" | "phone" | "picture" | "polaroid" | "receipt" | "recruit" | "reload" | "restaurant" | "rocket" | "save" | "screwdriver" | "security" | "silverMedal" | "sliders" | "speed" | "stopwatch" | "subjects" | "survey" | "target" | "tasklist" | "temperature" | "thumbtack" | "thumbUp" | "timer" | "trash" | "userID" | "video" | "warning" | "widget">;
     /**
-     * Icon URL
+     * Which palette should be used for the empty state section.
+     * Defaults to none (inherits parent palette)
      */
-    readonly icon: _angular_core.InputSignal<string>;
     readonly palette: _angular_core.InputSignal<Palette>;
     readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The title of the empty state section
+     */
     readonly heading: _angular_core.InputSignal<string>;
+    /**
+     * The description of the empty state section
+     */
     readonly description: _angular_core.InputSignal<PortalContent>;
+    /**
+     * Define the aria level of the title
+     */
     readonly hx: _angular_core.InputSignalWithTransform<Hx, Hx | "1" | "2" | "3" | "4" | "5" | "6">;
     readonly emptyStateClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStateSectionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateSectionComponent, "lu-empty-state-section", never, { "icon": { "alias": "icon"; "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>;
+    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, EmptyStateSectionComponent };