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

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

@@ -1,15 +1,14 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, Signal, WritableSignal, AfterViewInit, ElementRef, OnInit, InjectionToken } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
-import { NgModel, FormControlDirective, FormControlName, ControlValueAccessor, ValidatorFn } from '@angular/forms';
+import { NgModel, FormControlDirective, FormControlName, NgControl, FormControl, ControlValueAccessor, ValidatorFn } from '@angular/forms';
 import { FilterPillInputComponent, FilterPillLayout } from '@lucca-front/ng/filter-pills';
-import * as _lucca_front_ng_form_field from '@lucca-front/ng/form-field';
 import { FormFieldComponent } from '@lucca-front/ng/form-field';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { NumberFormatStyle, NumberFormatCurrencyDisplay, NumberFormatUnit, NumberFormatUnitDisplay } from '@lucca-front/ng/number-format';
 import { LuccaIcon } from '@lucca-front/icons';
-import * as _lucca_front_ng_forms from '@lucca-front/ng/forms';
 import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
+import * as _lucca_front_ng_forms from '@lucca-front/ng/forms';
 
 declare class FormFieldIdDirective implements OnDestroy {
     #private;
@@ -22,7 +21,15 @@ declare class FormFieldIdDirective implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormFieldIdDirective, "[luFormFieldId]", never, { "suffix": { "alias": "luFormFieldId"; "required": false; "isSignal": true; }; "labelledByStrategy": { "alias": "labelledByStrategy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare function injectNgControl(): NgModel | FormControlDirective | FormControlName;
+/**
+ * Available FormField Types
+ */
+declare const FORM_FIELD_ID_LABELLED_BY_STRATEGY: readonly ["prepend", "append"];
+type FormFieldIdLabelledByStrategy = (typeof FORM_FIELD_ID_LABELLED_BY_STRATEGY)[number];
+
+declare function injectNgControl(): NgModel | FormControlDirective | FormControlName | (NgControl & {
+    control: FormControl<any>;
+});
 
 declare class NoopValueAccessorDirective implements ControlValueAccessor {
     writeValue(): void;
@@ -52,7 +59,9 @@ declare class CheckboxInputComponent implements FilterPillInputComponent {
     readonly isFilterPillClearable: Signal<boolean>;
     readonly hideCombobox: Signal<boolean>;
     readonly showColon: Signal<boolean>;
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     constructor();
     clearFilterPillValue(): void;
     registerFilterPillClosePopover(_closeFn: () => void): void;
@@ -74,41 +83,64 @@ declare class MultilanguageInputComponent implements ControlValueAccessor {
         clear: string;
         toggleMultilanguage: string;
         translateTo: string;
+        translateWithAI: string;
+        invariantInfo: string;
+        requiredError: string;
     } | {
         clear: string;
         toggleMultilanguage: string;
         translateTo: string;
+        translateWithAI: string;
+        invariantInfo: string;
+        requiredError: string;
     }, Partial<{
         clear: string;
         toggleMultilanguage: string;
         translateTo: string;
+        translateWithAI: string;
+        invariantInfo: string;
+        requiredError: string;
     } | {
         clear: string;
         toggleMultilanguage: string;
         translateTo: string;
+        translateWithAI: string;
+        invariantInfo: string;
+        requiredError: string;
     }>>;
-    readonly formFieldSize: _angular_core.InputSignal<_lucca_front_ng_form_field.FormFieldSize>;
+    readonly formFieldRef: FormFieldComponent;
+    readonly formFieldSize: _angular_core.InputSignal<"XS" | "S" | "M">;
     protected onTouched: () => void;
     protected onChange: (_value: MultilanguageTranslation[]) => void;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly openOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly autocomplete: _angular_core.InputSignal<AutoFill>;
+    readonly hasNoInvariant: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hasAIButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly displayLocale: _angular_core.InputSignal<string>;
+    readonly translateWithAI: _angular_core.OutputEmitterRef<string>;
+    readonly shouldOpenOnFocus: _angular_core.Signal<boolean>;
     readonly disabledInternal: WritableSignal<boolean>;
     readonly model: WritableSignal<MultilanguageTranslation[]>;
-    readonly invariant: _angular_core.Signal<MultilanguageTranslation | {
+    readonly displayRow: _angular_core.Signal<MultilanguageTranslation | {
         value: string;
+        required: boolean;
+        cultureCode: string;
     }>;
+    readonly cultureCodeDisplay: _angular_core.Signal<string>;
     readonly panelInputs: _angular_core.Signal<MultilanguageTranslation[]>;
     readonly presentationValue: _angular_core.Signal<string>;
-    popoverPositions: ConnectionPositionPair[];
+    readonly popoverPositions: ConnectionPositionPair[];
+    constructor();
     getLocaleDisplayName(locale: string): string;
+    protected getPopoverInlineSizeRem(inputElement: HTMLInputElement): number;
     writeValue(value: MultilanguageTranslation[]): void;
     registerOnChange(fn: (value: MultilanguageTranslation[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState?(isDisabled: boolean): void;
     valueChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultilanguageInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultilanguageInputComponent, "lu-multilanguage-input", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultilanguageInputComponent, "lu-multilanguage-input", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hasNoInvariant": { "alias": "hasNoInvariant"; "required": false; "isSignal": true; }; "hasAIButtons": { "alias": "hasAIButtons"; "required": false; "isSignal": true; }; "displayLocale": { "alias": "displayLocale"; "required": false; "isSignal": true; }; }, { "translateWithAI": "translateWithAI"; }, never, never, true, never>;
 }
 
 declare function areAllLanguagesFilled(model: MultilanguageTranslation[]): boolean;
@@ -124,14 +156,16 @@ type TextfieldIconAddon = {
     ariaLabel: string;
 };
 type TextfieldTextAddon = {
-    content: string;
+    content: PortalContent;
     ariaLabel: string;
 };
 type TextInputAddon = TextfieldIconAddon | TextfieldTextAddon;
 
 declare class NumberFormatInputComponent implements AfterViewInit {
     #private;
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     ngAfterViewInit(): void;
     readonly formatStyle: _angular_core.InputSignal<NumberFormatStyle>;
     readonly useAutoPrefixSuffix: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -167,7 +201,9 @@ declare class NumberFormatInputComponent implements AfterViewInit {
 }
 
 declare class NumberInputComponent {
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly step: _angular_core.InputSignalWithTransform<number, number>;
     readonly noSpinButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -186,7 +222,9 @@ declare class NumberInputComponent {
 
 declare class RadioGroupInputComponent {
     readonly formField: FormFieldComponent;
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     readonly size: _angular_core.InputSignal<"S" | "M">;
     readonly framed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly framedCenter: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -198,6 +236,16 @@ declare class RadioGroupInputComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupInputComponent, "lu-radio-group-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "framed": { "alias": "framed"; "required": false; "isSignal": true; }; "framedCenter": { "alias": "framedCenter"; "required": false; "isSignal": true; }; "framedSize": { "alias": "framedSize"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Available RadioGroupInputComponent Types
+ */
+declare const RADIO_GROUP_INPUT_SIZE: readonly ["S", "M"];
+type RadioGroupInputSize = (typeof RADIO_GROUP_INPUT_SIZE)[number];
+declare const RADIO_GROUP_INPUT_FRAMED_SIZE: readonly ["L"];
+type RadioGroupInputFramedSize = (typeof RADIO_GROUP_INPUT_FRAMED_SIZE)[number];
+declare const RADIO_GROUP_INPUT_ARROW: readonly ["neutral", "default"];
+type RadioGroupInputArrow = (typeof RADIO_GROUP_INPUT_ARROW)[number];
+
 declare class RadioComponent<T = unknown> {
     #private;
     readonly value: _angular_core.InputSignal<T>;
@@ -210,8 +258,10 @@ declare class RadioComponent<T = unknown> {
     readonly framedCenter: _angular_core.Signal<boolean>;
     readonly framedSize: _angular_core.Signal<"L">;
     readonly size: _angular_core.Signal<"S" | "M">;
-    get ngControl(): _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
-    get formControl(): _angular_forms.FormControl<any>;
+    get ngControl(): _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
+    get formControl(): _angular_forms.FormControl<any> | (_angular_forms.AbstractControl<any, any, any> & _angular_forms.FormControl<any>);
     get name(): string;
     id: string;
     constructor();
@@ -221,7 +271,9 @@ declare class RadioComponent<T = unknown> {
 
 declare class SwitchInputComponent {
     readonly formField: FormFieldComponent;
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     readonly intl: {
         yes: string;
         no: string;
@@ -234,7 +286,9 @@ declare class SwitchInputComponent {
 type TextFieldType = 'text' | 'email' | 'password' | 'url';
 declare class TextInputComponent {
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_forms.LuTextfieldLabel, Partial<_lucca_front_ng_forms.LuTextfieldLabel>>;
-    readonly ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    readonly ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     readonly mask: _angular_core.InputSignal<string>;
     readonly placeholder: _angular_core.InputSignal<string>;
@@ -261,7 +315,9 @@ declare class TextInputComponent {
 
 declare class TextareaInputComponent implements OnInit {
     #private;
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     readonly parent: _angular_core.Signal<ElementRef<HTMLElement>>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly rows: _angular_core.InputSignal<number>;
@@ -295,12 +351,19 @@ declare class FieldsetComponent {
     readonly size: _angular_core.InputSignal<"S">;
     readonly horizontal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hiddenLegend: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly expanded: _angular_core.ModelSignal<boolean>;
     id: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "lu-fieldset", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "lu-fieldset", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "hiddenLegend": { "alias": "hiddenLegend"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
 }
 
+/**
+ * Available FieldsetComponent Types
+ */
+declare const FIELDSET_SIZE: readonly ["S"];
+type FieldsetSize = (typeof FIELDSET_SIZE)[number];
+
 interface ColorOption {
     index: number;
     name: string;
@@ -314,6 +377,7 @@ interface LuColorLabel {
 
 declare class ColorInputComponent {
     readonly intl: _angular_core.InputSignalWithTransform<LuColorLabel, Partial<LuColorLabel>>;
+    readonly pointerNavigation: _angular_core.WritableSignal<boolean>;
     readonly mouseHighlighted: _angular_core.WritableSignal<string>;
     readonly keyboardHighlighted: _angular_core.WritableSignal<string>;
     readonly highlighted: Signal<string>;
@@ -321,13 +385,17 @@ declare class ColorInputComponent {
     readonly colors: _angular_core.InputSignal<ColorOption[]>;
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     readonly currentColorPresentation: Signal<ColorOption | null>;
     constructor();
     readonly filteredColors: Signal<ColorOption[]>;
+    onKeydown(): void;
+    onMousemove(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInputComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorInputComponent, "lu-color-input", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": true; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { CheckboxInputComponent, ColorInputComponent, FieldsetComponent, FormFieldIdDirective, INVARIANT_CULTURE_CODE, LU_NUMBERFIELD_TRANSLATIONS, LU_TEXTFIELD_TRANSLATIONS, MultiLanguageInputValidators, MultilanguageInputComponent, NoopValueAccessorDirective, NumberFormatInputComponent, NumberInputComponent, RadioComponent, RadioGroupInputComponent, SwitchInputComponent, TextInputComponent, TextareaInputComponent, areAllLanguagesFilled, injectNgControl, isInvariantFilled, luNumberFieldTranslations, luTextfieldTranslations };
-export type { ColorOption, LuNumberFieldLabel, LuTextfieldLabel, MultilanguageTranslation, TextInputAddon, TextfieldIconAddon, TextfieldTextAddon };
+export { CheckboxInputComponent, ColorInputComponent, FIELDSET_SIZE, FORM_FIELD_ID_LABELLED_BY_STRATEGY, FieldsetComponent, FormFieldIdDirective, INVARIANT_CULTURE_CODE, LU_NUMBERFIELD_TRANSLATIONS, LU_TEXTFIELD_TRANSLATIONS, MultiLanguageInputValidators, MultilanguageInputComponent, NoopValueAccessorDirective, NumberFormatInputComponent, NumberInputComponent, RADIO_GROUP_INPUT_ARROW, RADIO_GROUP_INPUT_FRAMED_SIZE, RADIO_GROUP_INPUT_SIZE, RadioComponent, RadioGroupInputComponent, SwitchInputComponent, TextInputComponent, TextareaInputComponent, areAllLanguagesFilled, injectNgControl, isInvariantFilled, luNumberFieldTranslations, luTextfieldTranslations };
+export type { ColorOption, FieldsetSize, FormFieldIdLabelledByStrategy, LuNumberFieldLabel, LuTextfieldLabel, MultilanguageTranslation, RadioGroupInputArrow, RadioGroupInputFramedSize, RadioGroupInputSize, TextInputAddon, TextfieldIconAddon, TextfieldTextAddon };

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

@@ -26,7 +26,7 @@ declare class GaugeComponent {
      * Which palette should be used for the entire gauge.
      * Defaults to none (inherits parent palette)
      */
-    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
+    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand">;
     /**
      * Defines the text alt attribute used for accessibility
      */

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

@@ -2,13 +2,21 @@ import * as _lucca_front_ng_grid from '@lucca-front/ng/grid';
 import * as _angular_core from '@angular/core';
 import { ResponsiveProperty } from '@lucca-front/ng/core';
 
+/**
+ * Available GridComponent types
+ */
+declare const GRID_COLUMN_ALIGNMENT: readonly ["start", "center", "end", "auto"];
+type GridColumnAlignment = (typeof GRID_COLUMN_ALIGNMENT)[number];
+declare const GRID_COLUMN_RESPONSIVE: readonly ["row", "column", "rowspan", "colspan"];
+type GridColumnResponsive = (typeof GRID_COLUMN_RESPONSIVE)[number];
+
 declare class GridColumnComponent {
     readonly colspan: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly rowspan: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly column: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly row: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly align: _angular_core.InputSignal<"auto" | "start" | "center" | "end">;
-    readonly justify: _angular_core.InputSignal<"auto" | "start" | "center" | "end">;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | "auto">;
+    readonly justify: _angular_core.InputSignal<"start" | "center" | "end" | "auto">;
     readonly responsive: _angular_core.InputSignal<Partial<Record<"rowAtMediaMinXXXS" | "columnAtMediaMinXXXS" | "rowspanAtMediaMinXXXS" | "colspanAtMediaMinXXXS" | "rowAtMediaMinXXS" | "columnAtMediaMinXXS" | "rowspanAtMediaMinXXS" | "colspanAtMediaMinXXS" | "rowAtMediaMinXS" | "columnAtMediaMinXS" | "rowspanAtMediaMinXS" | "colspanAtMediaMinXS" | "rowAtMediaMinS" | "columnAtMediaMinS" | "rowspanAtMediaMinS" | "colspanAtMediaMinS" | "rowAtMediaMinM" | "columnAtMediaMinM" | "rowspanAtMediaMinM" | "colspanAtMediaMinM" | "rowAtMediaMinL" | "columnAtMediaMinL" | "rowspanAtMediaMinL" | "colspanAtMediaMinL" | "rowAtMediaMinXL" | "columnAtMediaMinXL" | "rowspanAtMediaMinXL" | "colspanAtMediaMinXL" | "rowAtMediaMinXXL" | "columnAtMediaMinXXL" | "rowspanAtMediaMinXXL" | "colspanAtMediaMinXXL" | "rowAtMediaMinXXXL" | "columnAtMediaMinXXXL" | "rowspanAtMediaMinXXXL" | "colspanAtMediaMinXXXL" | "rowAtContainerMinXXXS" | "columnAtContainerMinXXXS" | "rowspanAtContainerMinXXXS" | "colspanAtContainerMinXXXS" | "rowAtContainerMinXXS" | "columnAtContainerMinXXS" | "rowspanAtContainerMinXXS" | "colspanAtContainerMinXXS" | "rowAtContainerMinXS" | "columnAtContainerMinXS" | "rowspanAtContainerMinXS" | "colspanAtContainerMinXS" | "rowAtContainerMinS" | "columnAtContainerMinS" | "rowspanAtContainerMinS" | "colspanAtContainerMinS" | "rowAtContainerMinM" | "columnAtContainerMinM" | "rowspanAtContainerMinM" | "colspanAtContainerMinM" | "rowAtContainerMinL" | "columnAtContainerMinL" | "rowspanAtContainerMinL" | "colspanAtContainerMinL" | "rowAtContainerMinXL" | "columnAtContainerMinXL" | "rowspanAtContainerMinXL" | "colspanAtContainerMinXL" | "rowAtContainerMinXXL" | "columnAtContainerMinXXL" | "rowspanAtContainerMinXXL" | "colspanAtContainerMinXXL" | "rowAtContainerMinXXXL" | "columnAtContainerMinXXXL" | "rowspanAtContainerMinXXXL" | "colspanAtContainerMinXXXL", number>>>;
     protected gridRef: _lucca_front_ng_grid.GridComponent;
     readonly style: _angular_core.Signal<{
@@ -16,20 +24,26 @@ declare class GridColumnComponent {
         '--grid-rowspan': number;
         '--grid-column': number;
         '--grid-row': number;
-        '--grid-align': "auto" | "start" | "center" | "end";
-        '--grid-justify': "auto" | "start" | "center" | "end";
+        '--grid-align': "start" | "center" | "end" | "auto";
+        '--grid-justify': "start" | "center" | "end" | "auto";
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridColumnComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridColumnComponent, "lu-grid-column, [lu-grid-column]", never, { "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "row": { "alias": "row"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Available GridComponent Types
+ */
+declare const GRID_MODE: readonly ["form", "auto"];
+type GridMode = (typeof GRID_MODE)[number] | ResponsiveProperty<'auto'>;
+
 declare class GridComponent {
     #private;
     readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly columns: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly colspan: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly rowspan: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly mode: _angular_core.InputSignal<"auto" | ResponsiveProperty<"auto"> | "form">;
+    readonly mode: _angular_core.InputSignal<GridMode>;
     readonly gap: _angular_core.InputSignal<`${number}${string}`>;
     readonly columnGap: _angular_core.InputSignal<`${number}${string}`>;
     readonly rowGap: _angular_core.InputSignal<`${number}${string}`>;
@@ -42,7 +56,8 @@ declare class GridComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent, "lu-grid, [lu-grid]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "columnGap": { "alias": "columnGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-type Gap = '0' | '25' | '50' | '75' | '100' | '150' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | `${number}${string}`;
+declare const GRID_GAP: readonly ["0", "25", "50", "75", "100", "150", "200", "300", "400", "500", "600", "700", "800"];
+type Gap = (typeof GRID_GAP)[number] | `${number}${string}`;
 
-export { GridColumnComponent, GridComponent };
-export type { Gap };
+export { GRID_COLUMN_ALIGNMENT, GRID_COLUMN_RESPONSIVE, GRID_GAP, GRID_MODE, GridColumnComponent, GridComponent };
+export type { Gap, GridColumnAlignment, GridColumnResponsive, GridMode };

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

@@ -1,6 +1,20 @@
 import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
+/**
+ * Available HighlightDataComponent Types
+ */
+declare const HIGHLIGHT_DATA_THEME: readonly ["white", "light", "dark"];
+type HighlightDataTheme = (typeof HIGHLIGHT_DATA_THEME)[number];
+declare const HIGHLIGHT_DATA_PALETTE: readonly ["lucca", "cleemy", "timmi", "poplee", "coreHR", "pagga", "cc", "success", "warning", "critical"];
+type HighlightDataPalette = (typeof HIGHLIGHT_DATA_PALETTE)[number];
+declare const HIGHLIGHT_DATA_SIZE: readonly ["XS", "S", "M"];
+type HighlightDataSize = (typeof HIGHLIGHT_DATA_SIZE)[number];
+declare const HIGHLIGHT_DATA_BUBBLE: readonly [1, 2, 3, 4];
+type HighlightDataBubble = (typeof HIGHLIGHT_DATA_BUBBLE)[number];
+declare const HIGHLIGHT_DATA_ILLUSTRATION: readonly ["calculator", "calendar", "cleemy-card", "coffee", "headphone", "mail", "magnifying-glass", "medallon", "piggy-bank", "polaroid-female", "polaroid-male", "polaroids", "post-it-success", "post-it-warning"];
+type HighlightDataIllustration = (typeof HIGHLIGHT_DATA_ILLUSTRATION)[number] | 'manifying-glass';
+
 declare class HighlightDataComponent {
     #private;
     /**
@@ -55,4 +69,5 @@ declare class HighlightDataComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<HighlightDataComponent, "lu-highlight-data", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "subText": { "alias": "subText"; "required": false; "isSignal": true; }; "bubble": { "alias": "bubble"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "valueFirst": { "alias": "valueFirst"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { HighlightDataComponent };
+export { HIGHLIGHT_DATA_BUBBLE, HIGHLIGHT_DATA_ILLUSTRATION, HIGHLIGHT_DATA_PALETTE, HIGHLIGHT_DATA_SIZE, HIGHLIGHT_DATA_THEME, HighlightDataComponent };
+export type { HighlightDataBubble, HighlightDataIllustration, HighlightDataPalette, HighlightDataSize, HighlightDataTheme };

package/types/lucca-front-ng-highlight-text.d.ts

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+
+declare class HighlightTextComponent {
+    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly paletteClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HighlightTextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HighlightTextComponent, "lu-highlight-text", never, { "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { HighlightTextComponent };

package/types/lucca-front-ng-horizontal-navigation.d.ts

@@ -1,5 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import * as _lucca_front_ng_horizontal_navigation from '@lucca-front/ng/horizontal-navigation';
+import { PortalContent } from '@lucca-front/ng/core';
+import { LuDialogRef } from '@lucca-front/ng/dialog';
 
 declare class HorizontalNavigationLinkDirective {
     template: TemplateRef<any>;
@@ -7,17 +10,51 @@ declare class HorizontalNavigationLinkDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HorizontalNavigationLinkDirective, "[luHorizontalNavigationLink]", never, {}, {}, never, never, true, never>;
 }
 
+declare class HorizontalNavigationTabComponent {
+    protected horizontalNavigationRef: _lucca_front_ng_horizontal_navigation.HorizontalNavigationComponent;
+    readonly label: _angular_core.InputSignal<PortalContent>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly index: _angular_core.Signal<number>;
+    readonly selected: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalNavigationTabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationTabComponent, "lu-horizontal-navigation-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class HorizontalNavigationComponent {
+    readonly dialogRef: LuDialogRef<any, any>;
     readonly links: _angular_core.Signal<readonly HorizontalNavigationLinkDirective[]>;
+    readonly tabs: _angular_core.Signal<readonly HorizontalNavigationTabComponent[]>;
+    readonly buttons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
     readonly noBorder: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly paletteClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
     /**
      * Which size should the horizontal navigation be? Defaults and small
      */
     readonly size: _angular_core.InputSignal<"S">;
+    readonly isTablist: _angular_core.Signal<boolean>;
+    readonly currentIndex: _angular_core.ModelSignal<number>;
+    readonly selectedIndex: _angular_core.Signal<number>;
+    constructor();
+    navigateToFirstEnabledTab(): void;
+    navigateToLastEnabledTab(): void;
+    getTabIndex(tab: HorizontalNavigationTabComponent): number;
+    navigateToTabByIndex(index: number): void;
+    private findAccessibleTabIndex;
+    changeTab(event: KeyboardEvent, currentIndex: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalNavigationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationComponent, "lu-horizontal-navigation", never, { "noBorder": { "alias": "noBorder"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["links"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationComponent, "lu-horizontal-navigation", never, { "noBorder": { "alias": "noBorder"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "currentIndex": { "alias": "currentIndex"; "required": false; "isSignal": true; }; }, { "currentIndex": "currentIndexChange"; }, ["links", "tabs"], ["*"], true, never>;
 }
 
-export { HorizontalNavigationComponent, HorizontalNavigationLinkDirective };
+/**
+ * Available HorizontalNavigationComponent Types
+ */
+declare const HORIZONTAL_NAVIGATION_SIZE: readonly ["S"];
+type HorizontalNavigationSize = (typeof HORIZONTAL_NAVIGATION_SIZE)[number];
+
+export { HORIZONTAL_NAVIGATION_SIZE, HorizontalNavigationComponent, HorizontalNavigationLinkDirective, HorizontalNavigationTabComponent };
+export type { HorizontalNavigationSize };

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

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as _lucca_front_ng_core_select_user from '@lucca-front/ng/core-select/user';
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { PopoverDirective } from '@lucca-front/ng/popover2';
+import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
+import { ILuUser } from '@lucca-front/ng/user';
+
+interface LuImpersonationTranslations {
+    a11yNavigationDescription: string;
+    switchProfile: string;
+    clear: string;
+}
+
+declare class ImpersonationComponent {
+    protected readonly elementRef: ElementRef<any>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & LuImpersonationTranslations, Partial<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & LuImpersonationTranslations>>;
+    protected readonly currentUserId: number;
+    readonly inputComponentRef: _angular_core.Signal<LuSimpleSelectInputComponent<ILuUser>>;
+    readonly popoverRef: _angular_core.Signal<PopoverDirective>;
+    readonly selectedUser: _angular_core.ModelSignal<ILuUser>;
+    readonly enableFormerEmployees: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isNotMe: _angular_core.Signal<boolean>;
+    readonly clear: _angular_core.OutputEmitterRef<void>;
+    readonly popoverPositions: ConnectionPositionPair[];
+    constructor();
+    closePopover: () => void;
+    updatePosition: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImpersonationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImpersonationComponent, "lu-impersonation", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "selectedUser": { "alias": "selectedUser"; "required": false; "isSignal": true; }; "enableFormerEmployees": { "alias": "enableFormerEmployees"; "required": false; "isSignal": true; }; }, { "selectedUser": "selectedUserChange"; "clear": "clear"; }, never, never, true, never>;
+}
+
+export { ImpersonationComponent };

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

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { ElementRef, InjectionToken } from '@angular/core';
 import * as _lucca_front_ng_index_table from '@lucca-front/ng/index-table';
 import { PortalContent } from '@lucca-front/ng/core';
+import { LuTooltipAnchorRef } from '@lucca-front/ng/tooltip';
 
 declare class IndexTableActionFileComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableActionFileComponent, never>;
@@ -69,18 +70,21 @@ declare class IndexTableHeadComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableHeadComponent, "thead[luIndexTableHead]", never, {}, {}, ["cols"], ["*"], true, never>;
 }
 
-declare class IndexTableRowComponent {
+declare class IndexTableRowComponent implements LuTooltipAnchorRef {
+    #private;
     readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent;
     readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent;
     readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent;
     readonly cells: _angular_core.Signal<readonly BaseIndexTableCell[]>;
     protected tableRef: _lucca_front_ng_index_table.IndexTableComponent;
+    getElementRef(): ElementRef<HTMLTableRowElement>;
     readonly selected: _angular_core.ModelSignal<boolean>;
     readonly selectedLabel: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly mixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly stack: _angular_core.InputSignalWithTransform<number, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableRowComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowComponent, "tr[luIndexTableRow]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "stack": { "alias": "stack"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowComponent, "tr[luIndexTableRow]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "stack": { "alias": "stack"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
 }
 
 declare class IndexTableComponent {
@@ -101,4 +105,15 @@ declare class IndexTableComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableComponent, "lu-index-table", never, { "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[indexTablePagination]"], true, never>;
 }
 
-export { IndexTableActionComponent, IndexTableActionFileComponent, IndexTableBodyComponent, IndexTableComponent, IndexTableFootComponent, IndexTableHeadComponent, IndexTableRowCellComponent, IndexTableRowCellHeaderComponent, IndexTableRowComponent };
+declare const LU_INDEX_TABLE_INSTANCE: InjectionToken<IndexTableComponent>;
+
+/**
+ * Available IndexTableComponent types
+ */
+declare const INDEX_TABLE_ALIGN: readonly ["start", "center", "end"];
+type IndexTableAlign = (typeof INDEX_TABLE_ALIGN)[number];
+declare const INDEX_TABLE_SORT: readonly ["none", "ascending", "descending"];
+type IndexTableSort = (typeof INDEX_TABLE_SORT)[number];
+
+export { INDEX_TABLE_ALIGN, INDEX_TABLE_SORT, IndexTableActionComponent, IndexTableActionFileComponent, IndexTableBodyComponent, IndexTableComponent, IndexTableFootComponent, IndexTableHeadComponent, IndexTableRowCellComponent, IndexTableRowCellHeaderComponent, IndexTableRowComponent, LU_INDEX_TABLE_INSTANCE };
+export type { IndexTableAlign, IndexTableSort };

package/types/lucca-front-ng-inline-message.d.ts

@@ -1,7 +1,14 @@
 import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
-type InlineMessageState = 'success' | 'warning' | 'error' | 'default';
+declare const INLINE_MESSAGE_STATE: readonly ["success", "warning", "error", "default"];
+type InlineMessageState = (typeof INLINE_MESSAGE_STATE)[number];
+
+/**
+ * Available InlineMessageComponent Types
+ */
+declare const INLINE_MESSAGE_SIZE: readonly ["S", "M"];
+type InlineMessageSize = (typeof INLINE_MESSAGE_SIZE)[number];
 
 declare class InlineMessageComponent {
     #private;
@@ -12,7 +19,7 @@ declare class InlineMessageComponent {
     /**
      * Inline message state
      */
-    readonly state: _angular_core.InputSignal<InlineMessageState>;
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error" | "default">;
     /**
      * Which size should the inline message be? Default, medium or small
      */
@@ -27,5 +34,5 @@ declare class InlineMessageComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<InlineMessageComponent, "lu-inline-message", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "withTooltip": { "alias": "withTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { InlineMessageComponent };
-export type { InlineMessageState };
+export { INLINE_MESSAGE_SIZE, INLINE_MESSAGE_STATE, InlineMessageComponent };
+export type { InlineMessageSize, InlineMessageState };

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

@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
 import * as i0 from '@angular/core';
-import { EventEmitter, ViewRef, TemplateRef, OnInit, ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, ViewRef, TemplateRef, OnInit, ElementRef, Renderer2, DestroyRef, ChangeDetectorRef } from '@angular/core';
 import { NgControl, ControlValueAccessor } from '@angular/forms';
 
 interface ILuClearer<T> {
@@ -76,6 +76,7 @@ declare class LuInputDirective implements OnInit {
     protected _elementRef: ElementRef;
     protected _renderer: Renderer2;
     protected _ngControl: NgControl;
+    protected _destroyRef: DestroyRef;
     constructor(_elementRef: ElementRef, _renderer: Renderer2, _ngControl: NgControl);
     protected isEmpty(value: any): boolean;
     protected applyClasses(value: any): void;