@lucca-front/ng 21.2.2 → 21.3.0-rc.1

package/types/lucca-front-ng-form-field.d.ts

@@ -3,12 +3,21 @@ import * as _angular_core from '@angular/core';
 import { OnInit, ElementRef, OnDestroy, DoCheck, TemplateRef, InjectionToken } from '@angular/core';
 import * as _lucca_front_ng_form_field from '@lucca-front/ng/form-field';
 import { RequiredValidator, NgControl, AbstractControl } from '@angular/forms';
+import { FormField } from '@angular/forms/signals';
 import { SafeHtml } from '@angular/platform-browser';
 import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
-import { InlineMessageState } from '@lucca-front/ng/inline-message';
 import { BehaviorSubject } from 'rxjs';
 
-type FormFieldSize = 'XS' | 'S' | 'M';
+declare const FORM_FIELD_SIZE: readonly ["XS", "S", "M"];
+type FormFieldSize = (typeof FORM_FIELD_SIZE)[number];
+
+/**
+ * Available FormFieldComponent types
+ */
+declare const FORM_FIELD_WIDTH: readonly [20, 30, 40, 50, 60];
+type FormFieldWidth = (typeof FORM_FIELD_WIDTH)[number];
+declare const FORM_FIELD_LAYOUT: readonly ["default", "checkable", "fieldset"];
+type FormFieldLayout = (typeof FORM_FIELD_LAYOUT)[number];
 
 declare class InputDirective implements OnInit {
     readonly host: ElementRef<HTMLElement>;
@@ -23,7 +32,6 @@ declare class InputDirective implements OnInit {
     static ngAcceptInputType_standalone: unknown;
 }
 
-type FormFieldWidth = 20 | 30 | 40 | 50 | 60;
 declare class FormFieldComponent implements OnDestroy, DoCheck {
     #private;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_form_field.LuFormFieldTranslations, Partial<_lucca_front_ng_form_field.LuFormFieldTranslations>>;
@@ -32,10 +40,13 @@ declare class FormFieldComponent implements OnDestroy, DoCheck {
     readonly formFieldChildren: _angular_core.Signal<readonly FormFieldComponent[]>;
     readonly requiredValidators: _angular_core.Signal<readonly RequiredValidator[]>;
     readonly ngControls: _angular_core.Signal<readonly NgControl[]>;
+    readonly ngFormFields: _angular_core.Signal<readonly FormField<any>[]>;
     readonly ignoredRequiredValidators: _angular_core.Signal<Set<RequiredValidator>>;
     readonly ignoredControls: _angular_core.Signal<Set<NgControl>>;
+    readonly ignoredFormFields: _angular_core.Signal<Set<FormField<any>>>;
     readonly ownRequiredValidators: _angular_core.Signal<RequiredValidator[]>;
     readonly ownControls: _angular_core.Signal<NgControl[]>;
+    readonly ownFormFields: _angular_core.Signal<FormField<any>[]>;
     forceInputRequired: _angular_core.WritableSignal<boolean>;
     readonly isInputRequired: _angular_core.Signal<boolean>;
     readonly label: _angular_core.InputSignal<PortalContent>;
@@ -52,7 +63,7 @@ declare class FormFieldComponent implements OnDestroy, DoCheck {
     readonly AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly iconAItooltip: _angular_core.InputSignal<string>;
     readonly iconAIalt: _angular_core.InputSignal<string>;
-    readonly width: _angular_core.InputSignalWithTransform<FormFieldWidth, FormFieldWidth | "20" | "30" | "40" | "50" | "60">;
+    readonly width: _angular_core.InputSignalWithTransform<20 | 30 | 40 | 50 | 60, 20 | 30 | 40 | 50 | 60 | "20" | "30" | "40" | "50" | "60">;
     invalidStatus: _angular_core.Signal<boolean>;
     invalid: _angular_core.InputSignalWithTransform<boolean, boolean>;
     readonly inlineMessage: _angular_core.InputSignal<PortalContent>;
@@ -63,8 +74,8 @@ declare class FormFieldComponent implements OnDestroy, DoCheck {
     /**
      * State of the inline message, will be ignored if form state is invalid
      */
-    readonly inlineMessageState: _angular_core.InputSignal<InlineMessageState>;
-    readonly size: _angular_core.InputSignal<FormFieldSize>;
+    readonly inlineMessageState: _angular_core.InputSignal<"default" | "success" | "warning" | "error">;
+    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
     /**
      * Extra aria-describedby attribute
      */
@@ -91,7 +102,7 @@ declare class FormFieldComponent implements OnDestroy, DoCheck {
     ngOnDestroy(): void;
     ngDoCheck(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "lu-form-field", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "rolePresentationLabel": { "alias": "rolePresentationLabel"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "statusControl": { "alias": "statusControl"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "iconAItooltip": { "alias": "iconAItooltip"; "required": false; "isSignal": true; }; "iconAIalt": { "alias": "iconAIalt"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "inlineMessage": { "alias": "inlineMessage"; "required": false; "isSignal": true; }; "errorInlineMessage": { "alias": "errorInlineMessage"; "required": false; "isSignal": true; }; "inlineMessageState": { "alias": "inlineMessageState"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "extraDescribedBy": { "alias": "extraDescribedBy"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "presentation": { "alias": "presentation"; "required": false; "isSignal": true; }; }, { "rolePresentationLabel": "rolePresentationLabelChange"; "layout": "layoutChange"; }, ["formFieldChildren", "requiredValidators", "ngControls"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "lu-form-field", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "rolePresentationLabel": { "alias": "rolePresentationLabel"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "statusControl": { "alias": "statusControl"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "iconAItooltip": { "alias": "iconAItooltip"; "required": false; "isSignal": true; }; "iconAIalt": { "alias": "iconAIalt"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "inlineMessage": { "alias": "inlineMessage"; "required": false; "isSignal": true; }; "errorInlineMessage": { "alias": "errorInlineMessage"; "required": false; "isSignal": true; }; "inlineMessageState": { "alias": "inlineMessageState"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "extraDescribedBy": { "alias": "extraDescribedBy"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "presentation": { "alias": "presentation"; "required": false; "isSignal": true; }; }, { "rolePresentationLabel": "rolePresentationLabelChange"; "layout": "layoutChange"; }, ["formFieldChildren", "requiredValidators", "ngControls", "ngFormFields"], ["*"], true, never>;
 }
 
 declare const FORM_FIELD_INSTANCE: InjectionToken<FormFieldComponent>;
@@ -102,6 +113,12 @@ interface LuFormFieldTranslations {
 }
 declare const luFormFieldTranslations: LuTranslation<LuFormFieldTranslations>;
 
+/**
+ * Available InputFramedComponent sizes
+ */
+declare const INPUT_FRAMED_SIZE: readonly ["L"];
+type InputFramedSize = (typeof INPUT_FRAMED_SIZE)[number];
+
 declare class InputFramedComponent {
     readonly framedPortal: _angular_core.InputSignal<PortalContent>;
     readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -112,12 +129,19 @@ declare class InputFramedComponent {
 
 declare const INPUT_FRAMED_INSTANCE: InjectionToken<InputFramedComponent>;
 
+declare class DataPresentationComponent {
+    readonly label: _angular_core.InputSignal<PortalContent>;
+    readonly noValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataPresentationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataPresentationComponent, "lu-data-presentation", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "noValue": { "alias": "noValue"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class PresentationDisplayDirective implements OnInit {
     #private;
     readonly templateRef: TemplateRef<unknown>;
     defaultDisplay: _angular_core.WritableSignal<boolean>;
     ngOnInit(): void;
-    static ngTemplateContextGuard(_dir: PresentationDisplayDirective, ctx: unknown): ctx is void;
+    static ngTemplateContextGuard(_dir: PresentationDisplayDirective, _ctx: unknown): _ctx is void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PresentationDisplayDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PresentationDisplayDirective, "[luPresentationDisplay]", never, {}, {}, never, never, true, never>;
 }
@@ -125,17 +149,10 @@ declare class PresentationDisplayDirective implements OnInit {
 declare class ɵPresentationDisplayDefaultDirective {
     #private;
     constructor();
-    static ngTemplateContextGuard(_dir: ɵPresentationDisplayDefaultDirective, ctx: unknown): ctx is void;
+    static ngTemplateContextGuard(_dir: ɵPresentationDisplayDefaultDirective, _ctx: unknown): _ctx is void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ɵPresentationDisplayDefaultDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ɵPresentationDisplayDefaultDirective, "[luPresentationDisplayDefault]", never, {}, {}, never, never, true, [{ directive: typeof PresentationDisplayDirective; inputs: {}; outputs: {}; }]>;
 }
 
-declare class DataPresentationComponent {
-    readonly label: _angular_core.InputSignal<PortalContent>;
-    readonly noValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataPresentationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataPresentationComponent, "lu-data-presentation", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "noValue": { "alias": "noValue"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-export { DataPresentationComponent, FORM_FIELD_INSTANCE, FormFieldComponent, INPUT_FRAMED_INSTANCE, InputDirective, InputFramedComponent, LU_FORM_FIELD_TRANSLATIONS, PresentationDisplayDirective, luFormFieldTranslations, ɵPresentationDisplayDefaultDirective };
-export type { FormFieldSize, LuFormFieldTranslations };
+export { DataPresentationComponent, FORM_FIELD_INSTANCE, FORM_FIELD_LAYOUT, FORM_FIELD_SIZE, FORM_FIELD_WIDTH, FormFieldComponent, INPUT_FRAMED_INSTANCE, INPUT_FRAMED_SIZE, InputDirective, InputFramedComponent, LU_FORM_FIELD_TRANSLATIONS, PresentationDisplayDirective, luFormFieldTranslations, ɵPresentationDisplayDefaultDirective };
+export type { FormFieldLayout, FormFieldSize, FormFieldWidth, InputFramedSize, LuFormFieldTranslations };

package/types/lucca-front-ng-form-header.d.ts

@@ -9,4 +9,11 @@ declare class FormHeaderComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<FormHeaderComponent, "lu-form-header]", never, { "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { FormHeaderComponent };
+/**
+ * Available FormHeader Types
+ */
+declare const FORM_HEADER_HEADING_LEVEL: readonly [1, 2, 3, 4, 5, 6];
+type FormHeaderHeadingLevel = (typeof FORM_HEADER_HEADING_LEVEL)[number];
+
+export { FORM_HEADER_HEADING_LEVEL, FormHeaderComponent };
+export type { FormHeaderHeadingLevel };

package/types/lucca-front-ng-form-label.d.ts

@@ -1,6 +1,12 @@
 import * as _angular_core from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 
+/**
+ * Available FormLabelComponent Types
+ */
+declare const FORM_LABEL_SIZE: readonly ["XS", "S"];
+type FormLabelSize = (typeof FORM_LABEL_SIZE)[number];
+
 interface LuFormLabelTranslations {
     counterAlt: {
         one: string;
@@ -23,4 +29,5 @@ declare class FormLabelComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormLabelComponent, "label[luFormLabel], legend[luFormLabel]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "counterStatus": { "alias": "counterStatus"; "required": false; "isSignal": true; }; "counterMax": { "alias": "counterMax"; "required": false; "isSignal": true; }; "counterId": { "alias": "counterId"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { FormLabelComponent };
+export { FORM_LABEL_SIZE, FormLabelComponent };
+export type { FormLabelSize };

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

@@ -1,7 +1,9 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken } from '@angular/core';
+import { LuDialogRef } from '@lucca-front/ng/dialog';
 
 declare class FormComponent {
+    protected readonly dialogRef: LuDialogRef<any, any>;
     readonly maxWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly presentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormComponent, never>;

package/types/lucca-front-ng-forms-phone-number-input.d.ts

@@ -1,9 +1,25 @@
-import { CountryCode, CountryCallingCode, E164Number, NumberFormat } from 'libphonenumber-js';
+import { E164Number, NumberFormat, CountryCode, CountryCallingCode } from 'libphonenumber-js';
 export { CountryCode, E164Number, NumberFormat, ValidatePhoneNumberLengthResult } from 'libphonenumber-js';
 import * as _angular_core from '@angular/core';
 import { PipeTransform } from '@angular/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 
+declare class PhoneNumberFormatter {
+    static format(phoneNumber: E164Number, format?: NumberFormat): string;
+}
+
+declare class PhoneNumberFormatPipe implements PipeTransform {
+    transform(value: E164Number, format?: NumberFormat): unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PhoneNumberFormatPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<PhoneNumberFormatPipe, "luPhoneNumberFormat", true>;
+}
+
+/**
+ * Available PhoneNumberInputComponent Autocomplete values
+ */
+declare const PHONE_NUMBER_INPUT_AUTOCOMPLETE: readonly ["off", "tel"];
+type PhoneNumberInputAutocomplete = (typeof PHONE_NUMBER_INPUT_AUTOCOMPLETE)[number];
+
 interface PrefixEntry {
     country: CountryCode;
     prefix: CountryCallingCode;
@@ -66,14 +82,5 @@ declare class PhoneNumberValidators {
     };
 }
 
-declare class PhoneNumberFormatter {
-    static format(phoneNumber: E164Number, format?: NumberFormat): string;
-}
-
-declare class PhoneNumberFormatPipe implements PipeTransform {
-    transform(value: E164Number, format?: NumberFormat): unknown;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PhoneNumberFormatPipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<PhoneNumberFormatPipe, "luPhoneNumberFormat", true>;
-}
-
-export { PhoneNumberFormatPipe, PhoneNumberFormatter, PhoneNumberInputComponent, PhoneNumberValidators };
+export { PHONE_NUMBER_INPUT_AUTOCOMPLETE, PhoneNumberFormatPipe, PhoneNumberFormatter, PhoneNumberInputComponent, PhoneNumberValidators };
+export type { PhoneNumberInputAutocomplete };

package/types/lucca-front-ng-forms-rich-text-input.d.ts

@@ -164,6 +164,7 @@ declare class LinkComponent implements OnDestroy, RichTextPluginComponent {
     readonly active: _angular_core.WritableSignal<boolean>;
     readonly isDisabled: _angular_core.WritableSignal<boolean>;
     readonly intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
+    readonly isEditable: _angular_core.WritableSignal<boolean>;
     setEditorInstance(editor: LexicalEditor): void;
     getLexicalNodes(): (typeof PopoverLinkNode | typeof PopoverAutoLinkNode | {
         replace: typeof LinkNode;

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

@@ -1,9 +1,8 @@
 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';
@@ -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;
@@ -32,16 +39,14 @@ declare class NoopValueAccessorDirective implements ControlValueAccessor {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NoopValueAccessorDirective, "[luNoopValueAccessor]", never, {}, {}, never, never, true, never>;
 }
 
-interface CheckboxInputTranslations {
-    yes: string;
-    no: string;
-}
-
 declare class CheckboxInputComponent implements FilterPillInputComponent {
     framed: boolean;
     parentInput: FilterPillInputComponent;
     formField: FormFieldComponent;
-    intl: CheckboxInputTranslations;
+    intl: {
+        yes: string;
+        no: string;
+    };
     readonly checklist: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Should set aria-checked='mixed' attribute ?
@@ -54,7 +59,9 @@ declare class CheckboxInputComponent implements FilterPillInputComponent {
     isFilterPillClearable: Signal<boolean>;
     hideCombobox: Signal<boolean>;
     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;
@@ -70,16 +77,26 @@ interface MultilanguageTranslation {
 }
 declare const INVARIANT_CULTURE_CODE = "invariant";
 
-interface LuMultilanguageInputTranslations {
-    clear: string;
-    toggleMultilanguage: string;
-    translateTo: string;
-}
-
 declare class MultilanguageInputComponent implements ControlValueAccessor {
     #private;
-    intl: _angular_core.InputSignalWithTransform<LuMultilanguageInputTranslations, Partial<LuMultilanguageInputTranslations>>;
-    formFieldSize: _angular_core.InputSignal<_lucca_front_ng_form_field.FormFieldSize>;
+    intl: _angular_core.InputSignalWithTransform<{
+        clear: string;
+        toggleMultilanguage: string;
+        translateTo: string;
+    } | {
+        clear: string;
+        toggleMultilanguage: string;
+        translateTo: string;
+    }, Partial<{
+        clear: string;
+        toggleMultilanguage: string;
+        translateTo: string;
+    } | {
+        clear: string;
+        toggleMultilanguage: string;
+        translateTo: string;
+    }>>;
+    formFieldSize: _angular_core.InputSignal<"XS" | "S" | "M">;
     protected onTouched: () => void;
     protected onChange: (_value: MultilanguageTranslation[]) => void;
     placeholder: _angular_core.InputSignal<string>;
@@ -123,7 +140,9 @@ 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>;
@@ -159,7 +178,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>;
@@ -178,7 +199,9 @@ declare class NumberInputComponent {
 
 declare class RadioGroupInputComponent {
     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>;
@@ -190,6 +213,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>;
@@ -202,8 +235,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();
@@ -213,8 +248,13 @@ declare class RadioComponent<T = unknown> {
 
 declare class SwitchInputComponent {
     formField: FormFieldComponent;
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
-    intl: CheckboxInputTranslations;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
+    intl: {
+        yes: string;
+        no: string;
+    };
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchInputComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchInputComponent, "lu-switch-input", never, {}, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
@@ -223,7 +263,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>;
@@ -250,7 +292,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>;
@@ -290,6 +334,12 @@ declare class FieldsetComponent {
     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>;
 }
 
+/**
+ * Available FieldsetComponent Types
+ */
+declare const FIELDSET_SIZE: readonly ["S"];
+type FieldsetSize = (typeof FIELDSET_SIZE)[number];
+
 interface ColorOption {
     index: number;
     name: string;
@@ -310,7 +360,9 @@ declare class ColorInputComponent {
     colors: _angular_core.InputSignal<ColorOption[]>;
     clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     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>;
+    });
     currentColorPresentation: Signal<ColorOption | null>;
     constructor();
     filteredColors: Signal<ColorOption[]>;
@@ -318,5 +370,5 @@ declare class ColorInputComponent {
     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-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"];
+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 HighlightComponent {
+    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "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<HighlightComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HighlightComponent, "lu-highlight-text", never, { "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { HighlightComponent };