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

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

@@ -74,12 +74,12 @@ declare class LuEstablishmentSelectInputComponent<D extends ILuEstablishment = I
     isSearching: boolean;
     groupByLu: boolean;
     get sort(): string;
-    intl: _lucca_front_ng_establishment.ILuEstablishmentSelectInputLabel;
+    intl: i0.InputSignalWithTransform<_lucca_front_ng_establishment.ILuEstablishmentSelectInputLabel, Partial<_lucca_front_ng_establishment.ILuEstablishmentSelectInputLabel>>;
     constructor(_changeDetectorRef: ChangeDetectorRef, _overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2, customLuService: LuLegalUnitService, defaultLuService: LuLegalUnitService, customEstablishmentService: LuEstablishmentService, defaultEstablishmentService: LuEstablishmentService);
     ngOnInit(): void;
     onIsSearchingChanged(isSearching: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuEstablishmentSelectInputComponent<any, any>, [null, null, null, null, null, { optional: true; }, { self: true; }, { optional: true; }, { self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuEstablishmentSelectInputComponent<any, any>, "lu-establishment-select", never, { "filters": { "alias": "filters"; "required": false; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuEstablishmentSelectInputComponent<any, any>, "lu-establishment-select", never, { "filters": { "alias": "filters"; "required": false; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuEstablishmentSearcherComponent implements ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuOnCloseSubscriber, ILuOptionOperator<ILuEstablishment> {
@@ -170,15 +170,6 @@ declare class LuEstablishmentModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuEstablishmentModule>;
 }
 
-/**
- * @deprecated use `LuForLegalUnitsDirective` instead
- */
-declare class LuForLegalUnitsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuForLegalUnitsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuForLegalUnitsModule, never, [typeof LuForLegalUnitsDirective], [typeof LuForLegalUnitsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuForLegalUnitsModule>;
-}
-
 /**
  * @deprecated use `LuEstablishmentSelectInputComponent` instead
  */
@@ -194,32 +185,5 @@ interface ILuEstablishmentSelectInputLabel {
 }
 declare const luEstablishmentSelectInputTranslations: LuTranslation<ILuEstablishmentSelectInputLabel>;
 
-/**
- * @deprecated use `LuEstablishmentSearcherComponent` instead
- */
-declare class LuEstablishmentSearcherModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuEstablishmentSearcherModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuEstablishmentSearcherModule, never, [typeof LuEstablishmentSearcherComponent], [typeof LuEstablishmentSearcherComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuEstablishmentSearcherModule>;
-}
-
-/**
- * @deprecated use `LuEstablishmentSelectAllComponent` instead
- */
-declare class LuEstablishmentSelectAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuEstablishmentSelectAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuEstablishmentSelectAllModule, never, [typeof LuEstablishmentSelectAllComponent], [typeof LuEstablishmentSelectAllComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuEstablishmentSelectAllModule>;
-}
-
-/**
- * @deprecated use `LuLegalUnitSelectorDirective` instead
- */
-declare class LuLegalUnitSelectorModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuLegalUnitSelectorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuLegalUnitSelectorModule, never, [typeof LuLegalUnitSelectorDirective], [typeof LuLegalUnitSelectorDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuLegalUnitSelectorModule>;
-}
-
-export { ALuEstablishmentService, ALuLegalUnitService, LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS, LuEstablishmentModule, LuEstablishmentSearcherComponent, LuEstablishmentSearcherModule, LuEstablishmentSelectAllComponent, LuEstablishmentSelectAllModule, LuEstablishmentSelectInputComponent, LuEstablishmentSelectInputModule, LuEstablishmentSelectModule, LuEstablishmentService, LuForLegalUnitsDirective, LuForLegalUnitsModule, LuLegalUnitSelectorDirective, LuLegalUnitSelectorModule, LuLegalUnitService, luEstablishmentSelectInputTranslations };
+export { ALuEstablishmentService, ALuLegalUnitService, LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS, LuEstablishmentModule, LuEstablishmentSearcherComponent, LuEstablishmentSelectAllComponent, LuEstablishmentSelectInputComponent, LuEstablishmentSelectInputModule, LuEstablishmentSelectModule, LuEstablishmentService, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuLegalUnitService, luEstablishmentSelectInputTranslations };
 export type { ILuEstablishment, ILuEstablishmentSelectInputLabel, ILuEstablishmentService, ILuLegalUnit, ILuLegalUnitService };

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

@@ -2,9 +2,21 @@ import * as _angular_core from '@angular/core';
 
 declare class FancyBoxComponent {
     #private;
+    /**
+     * foreground image (URL)
+     */
     readonly foreground: _angular_core.InputSignal<string>;
+    /**
+     * Background left image (URL)
+     */
     readonly backgroundLeft: _angular_core.InputSignal<string>;
+    /**
+     * Background right image (URL)
+     */
     readonly backgroundRight: _angular_core.InputSignal<string>;
+    /**
+     * Which size should the callout be? Defaults to small
+     */
     readonly size: _angular_core.InputSignal<"S">;
     readonly foregroundStyle: _angular_core.Signal<string>;
     readonly backgroundLeftStyle: _angular_core.Signal<string>;

package/types/lucca-front-ng-file-upload.d.ts

@@ -1,5 +1,5 @@
-import * as _angular_core from '@angular/core';
 import * as _lucca_front_ng_form_field from '@lucca-front/ng/form-field';
+import * as _angular_core from '@angular/core';
 import { Subject } from 'rxjs';
 
 interface LuFileUploadLabel {
@@ -37,13 +37,21 @@ declare abstract class BaseFileUploadComponent {
     protected locale: string;
     protected idSuffix: number;
     protected droppable: boolean;
-    intl: LuFileUploadLabel;
+    intl: _angular_core.InputSignalWithTransform<LuFileUploadLabel, Partial<LuFileUploadLabel>>;
     protected formFieldRef: _lucca_front_ng_form_field.FormFieldComponent;
     filePicked: _angular_core.OutputEmitterRef<File>;
     accept: _angular_core.InputSignal<{
         format: string;
         name?: string;
     }[]>;
+    protected defaultAccept: _angular_core.Signal<{
+        format: string;
+        name: string;
+    }[]>;
+    protected resolvedAccept: _angular_core.Signal<{
+        format: string;
+        name?: string;
+    }[]>;
     acceptNames: _angular_core.Signal<string[]>;
     acceptAttribute: _angular_core.Signal<string[]>;
     acceptAll: _angular_core.Signal<boolean>;
@@ -52,13 +60,13 @@ declare abstract class BaseFileUploadComponent {
     maxSizeDisplay: _angular_core.Signal<string>;
     size: _angular_core.InputSignal<"S">;
     password: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    illustration: _angular_core.InputSignal<"picture" | "paper">;
-    illustrationUrl: _angular_core.Signal<"https://cdn.lucca.fr/transverse/prisme/visuals/empty-states/icons/iconPictureAction.svg" | "https://cdn.lucca.fr/transverse/prisme/visuals/empty-states/icons/iconPaperAction.svg">;
+    illustration: _angular_core.InputSignal<"paper" | "picture" | "invoice">;
+    illus: _angular_core.Signal<"picture" | "invoice">;
     required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     constructor();
     filesChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseFileUploadComponent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseFileUploadComponent, never, never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "structure": { "alias": "structure"; "required": false; "isSignal": true; }; "fileMaxSize": { "alias": "fileMaxSize"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "password": { "alias": "password"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "filePicked": "filePicked"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseFileUploadComponent, never, never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "structure": { "alias": "structure"; "required": false; "isSignal": true; }; "fileMaxSize": { "alias": "fileMaxSize"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "password": { "alias": "password"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "filePicked": "filePicked"; }, never, never, true, never>;
 }
 
 declare class FileDropzoneComponent extends BaseFileUploadComponent {
@@ -75,7 +83,7 @@ interface FileEntry {
 
 declare class FileEntryComponent {
     #private;
-    readonly intl: LuFileUploadLabel;
+    readonly intl: _angular_core.InputSignalWithTransform<LuFileUploadLabel, Partial<LuFileUploadLabel>>;
     readonly state: _angular_core.InputSignal<"success" | "loading" | "error" | "default">;
     readonly displayFileName: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly inlineMessageError: _angular_core.InputSignal<string>;
@@ -103,9 +111,11 @@ declare class FileEntryComponent {
         [x: string]: boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileEntryComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileEntryComponent, "lu-file-entry", never, { "state": { "alias": "state"; "required": false; "isSignal": true; }; "displayFileName": { "alias": "displayFileName"; "required": false; "isSignal": true; }; "inlineMessageError": { "alias": "inlineMessageError"; "required": false; "isSignal": true; }; "entry": { "alias": "entry"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconOverride": { "alias": "iconOverride"; "required": false; "isSignal": true; }; "downloadURL": { "alias": "downloadURL"; "required": false; "isSignal": true; }; "password": { "alias": "password"; "required": false; "isSignal": true; }; "media": { "alias": "media"; "required": false; "isSignal": true; }; "previewUrl": { "alias": "previewUrl"; "required": false; "isSignal": true; }; }, { "passwordChange": "passwordChange"; "deleteFile": "deleteFile"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileEntryComponent, "lu-file-entry", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "displayFileName": { "alias": "displayFileName"; "required": false; "isSignal": true; }; "inlineMessageError": { "alias": "inlineMessageError"; "required": false; "isSignal": true; }; "entry": { "alias": "entry"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconOverride": { "alias": "iconOverride"; "required": false; "isSignal": true; }; "downloadURL": { "alias": "downloadURL"; "required": false; "isSignal": true; }; "password": { "alias": "password"; "required": false; "isSignal": true; }; "media": { "alias": "media"; "required": false; "isSignal": true; }; "previewUrl": { "alias": "previewUrl"; "required": false; "isSignal": true; }; }, { "passwordChange": "passwordChange"; "deleteFile": "deleteFile"; }, never, never, true, never>;
 }
 
+declare function formatFileSize(locale: string, size: number): string;
+
 declare class MultiFileUploadComponent extends BaseFileUploadComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiFileUploadComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiFileUploadComponent, "lu-multi-file-upload", never, {}, {}, never, never, true, never>;
@@ -122,5 +132,5 @@ declare class SingleFileUploadComponent extends BaseFileUploadComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SingleFileUploadComponent, "lu-single-file-upload", never, { "entry": { "alias": "entry"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "inlineMessageError": { "alias": "inlineMessageError"; "required": false; "isSignal": true; }; "previewUrl": { "alias": "previewUrl"; "required": false; "isSignal": true; }; "displayFileName": { "alias": "displayFileName"; "required": false; "isSignal": true; }; }, { "deleteFile": "deleteFile"; }, never, never, true, never>;
 }
 
-export { FileDropzoneComponent, FileEntryComponent, MultiFileUploadComponent, SingleFileUploadComponent };
+export { FileDropzoneComponent, FileEntryComponent, MultiFileUploadComponent, SingleFileUploadComponent, formatFileSize };
 export type { FileEntry };

package/types/lucca-front-ng-filter-pills.d.ts

@@ -61,7 +61,7 @@ declare class FilterPillLabelDirective {
 
 declare class FilterPillComponent {
     #private;
-    intl: LuFilterPillsLabel;
+    intl: _angular_core.InputSignalWithTransform<LuFilterPillsLabel, Partial<LuFilterPillsLabel>>;
     elementRef: ElementRef<any>;
     id: string;
     layout: _angular_core.Signal<"checkable" | "default">;
@@ -81,7 +81,8 @@ declare class FilterPillComponent {
     protected isHidden: _angular_core.Signal<boolean>;
     popoverPositions: ConnectionPositionPair[];
     label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.Signal<string>;
+    placeholderOverride: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<LuccaIcon>;
     defaultIcon: _angular_core.Signal<LuccaIcon>;
     displayedIcon: _angular_core.Signal<LuccaIcon>;
@@ -102,18 +103,18 @@ declare class FilterPillComponent {
     clear(): void;
     registerInput(input: FilterPillInputComponent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterPillComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterPillComponent, "lu-filter-pill", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "displayed": { "alias": "displayed"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "displayed": "displayedChange"; }, ["childInputComponentRef"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterPillComponent, "lu-filter-pill", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "displayed": { "alias": "displayed"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholderOverride": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "displayed": "displayedChange"; }, ["childInputComponentRef"], ["*"], true, never>;
 }
 
 declare class FilterBarComponent {
-    intl: LuFilterPillsLabel;
+    intl: _angular_core.InputSignalWithTransform<LuFilterPillsLabel, Partial<LuFilterPillsLabel>>;
     addonBefore: _angular_core.WritableSignal<TemplateRef<unknown>>;
     addonAfter: _angular_core.WritableSignal<TemplateRef<unknown>>;
     popoverPositions: ConnectionPositionPair[];
     pills: _angular_core.Signal<readonly FilterPillComponent[]>;
     optionalPills: _angular_core.Signal<FilterPillComponent[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterBarComponent, "lu-filter-bar", never, {}, {}, ["pills"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterBarComponent, "lu-filter-bar", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, ["pills"], ["*"], true, never>;
 }
 
 declare class FilterPillAddonBeforeDirective {

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

@@ -2,6 +2,9 @@ import * as _angular_core from '@angular/core';
 
 declare class FooterComponent {
     readonly sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Applies a container around the Page Header content
+     */
     readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly forceNarrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly dialog: _angular_core.InputSignalWithTransform<boolean, unknown>;

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

@@ -1,3 +1,4 @@
+import * as _lucca_front_ng_form from '@lucca-front/ng/form';
 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';
@@ -25,7 +26,8 @@ declare class InputDirective implements OnInit {
 type FormFieldWidth = 20 | 30 | 40 | 50 | 60;
 declare class FormFieldComponent implements OnDestroy, DoCheck {
     #private;
-    readonly intl: _lucca_front_ng_form_field.LuFormFieldTranslations;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_form_field.LuFormFieldTranslations, Partial<_lucca_front_ng_form_field.LuFormFieldTranslations>>;
+    protected parentForm: _lucca_front_ng_form.FormComponent;
     framed: boolean;
     readonly formFieldChildren: _angular_core.Signal<readonly FormFieldComponent[]>;
     readonly requiredValidators: _angular_core.Signal<readonly RequiredValidator[]>;
@@ -73,6 +75,7 @@ declare class FormFieldComponent implements OnDestroy, DoCheck {
      */
     readonly counter: _angular_core.InputSignal<number>;
     readonly presentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly presentationMode: _angular_core.Signal<boolean>;
     readonly presentationDisplayTpl: _angular_core.WritableSignal<TemplateRef<unknown>>;
     get contentLength(): number;
     addInput(input: InputDirective): void;
@@ -88,7 +91,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, { "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"], ["*"], true, never>;
 }
 
 declare const FORM_FIELD_INSTANCE: InjectionToken<FormFieldComponent>;
@@ -127,5 +130,11 @@ declare class ɵPresentationDisplayDefaultDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ɵPresentationDisplayDefaultDirective, "[luPresentationDisplayDefault]", never, {}, {}, never, never, true, [{ directive: typeof PresentationDisplayDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { FORM_FIELD_INSTANCE, FormFieldComponent, INPUT_FRAMED_INSTANCE, InputDirective, InputFramedComponent, LU_FORM_FIELD_TRANSLATIONS, PresentationDisplayDirective, luFormFieldTranslations, ɵPresentationDisplayDefaultDirective };
+declare class DataPresentationComponent {
+    readonly label: _angular_core.InputSignal<PortalContent>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataPresentationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataPresentationComponent, "lu-data-presentation", never, { "label": { "alias": "label"; "required": true; "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 };

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

@@ -1,6 +1,9 @@
 import * as i0 from '@angular/core';
 
 declare class FormHeaderComponent {
+    /**
+     * Define the aria level of the title
+     */
     readonly headingLevel: i0.InputSignal<1 | 2 | 3 | 4 | 5 | 6>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormHeaderComponent, "lu-form-header]", never, { "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

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

@@ -1,9 +1,13 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
 
 declare class FormComponent {
-    readonly maxWidth: i0.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "form[luForm]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    readonly maxWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly presentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormComponent, "form[luForm]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "presentation": { "alias": "presentation"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { FormComponent };
+declare const LU_FORM_INSTANCE: InjectionToken<FormComponent>;
+
+export { FormComponent, LU_FORM_INSTANCE };

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

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, Signal, WritableSignal, OnInit, OnDestroy, ElementRef, ViewContainerRef, TemplateRef, AfterViewInit } from '@angular/core';
 import * as lexical from 'lexical';
-import { LexicalEditor, Klass, LexicalNode, LexicalNodeReplacement, CommandPayloadType, DOMExportOutput, Spread, SerializedLexicalNode, DecoratorNode, NodeKey, EditorConfig, DOMConversionMap, LexicalUpdateJSON, TextFormatType } from 'lexical';
+import { LexicalEditor, Klass, LexicalNode, LexicalNodeReplacement, DOMExportOutput, Spread, SerializedLexicalNode, DecoratorNode, NodeKey, EditorConfig, DOMConversionMap, LexicalUpdateJSON, TextFormatType } from 'lexical';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
 import { LinkNode } from '@lexical/link';
@@ -59,10 +59,12 @@ declare class RichTextInputComponent implements OnInit, OnDestroy, ControlValueA
     readonly autoResize: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly hideToolbar: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly content: Signal<ElementRef<HTMLElement>>;
+    readonly contentPresentation: Signal<ElementRef<HTMLElement>>;
     readonly pluginComponents: Signal<readonly RichTextPluginComponent[]>;
     readonly currentCanShowPlaceholder: WritableSignal<boolean>;
     readonly isDisabled: WritableSignal<boolean>;
     readonly formFieldId: Signal<string>;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: string | null): void;
@@ -78,7 +80,7 @@ declare class RichTextInputComponent implements OnInit, OnDestroy, ControlValueA
 
 declare class ClearFormatComponent implements RichTextPluginComponent, OnDestroy {
     #private;
-    readonly intl: ILuRichTextInputLabel;
+    readonly intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
     readonly element: _angular_core.Signal<ElementRef<any>>;
     readonly tabindex: _angular_core.WritableSignal<number>;
     readonly isDisabled: _angular_core.WritableSignal<boolean>;
@@ -88,19 +90,17 @@ declare class ClearFormatComponent implements RichTextPluginComponent, OnDestroy
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClearFormatComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearFormatComponent, "lu-rich-text-plugin-clear-format", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearFormatComponent, "lu-rich-text-plugin-clear-format", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const FORMAT_HEADINGS: lexical.LexicalCommand<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph">;
-
 declare class HeadingsComponent implements OnDestroy, RichTextPluginComponent {
     #private;
     readonly element: _angular_core.Signal<LuSimpleSelectInputComponent<string>>;
     readonly tabindex: _angular_core.WritableSignal<number>;
     readonly maxHeadingLevel: _angular_core.InputSignal<1 | 2 | 3 | 4 | 5 | 6>;
     readonly headingOptions: _angular_core.Signal<("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph")[]>;
-    readonly intl: ILuRichTextInputLabel;
-    readonly headingLabels: Record<CommandPayloadType<typeof FORMAT_HEADINGS>, [string, number]>;
+    readonly intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
+    readonly headingLabels: _angular_core.Signal<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph", [string, number]>>;
     readonly formControl: FormControl<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph">;
     setEditorInstance(editor: LexicalEditor): void;
     getLexicalNodes(): Klass<LexicalNode>[];
@@ -108,7 +108,7 @@ declare class HeadingsComponent implements OnDestroy, RichTextPluginComponent {
     focus(): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeadingsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeadingsComponent, "lu-rich-text-plugin-headings", never, { "maxHeadingLevel": { "alias": "maxHeadingLevel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeadingsComponent, "lu-rich-text-plugin-headings", never, { "maxHeadingLevel": { "alias": "maxHeadingLevel"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class PopoverLinkNode extends LinkNode {
@@ -128,7 +128,7 @@ declare class LinkComponent implements OnDestroy, AfterViewInit, RichTextPluginC
     readonly tabindex: _angular_core.WritableSignal<number>;
     readonly active: _angular_core.WritableSignal<boolean>;
     readonly isDisabled: _angular_core.WritableSignal<boolean>;
-    intl: ILuRichTextInputLabel;
+    intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
     constructor();
     ngAfterViewInit(): void;
     setEditorInstance(editor: LexicalEditor): void;
@@ -143,19 +143,19 @@ declare class LinkComponent implements OnDestroy, AfterViewInit, RichTextPluginC
     focus(): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "lu-rich-text-plugin-link", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "lu-rich-text-plugin-link", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ListStyleToolbarComponent implements OnDestroy, RichTextPluginComponent {
     #private;
     pluginComponents: _angular_core.Signal<readonly RichTextPluginComponent[]>;
-    intl: ILuRichTextInputLabel;
+    intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
     setEditorInstance(editor: LexicalEditor): void;
     getLexicalNodes?(): Klass<LexicalNode>[];
     setDisabledState(isDisabled: boolean): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListStyleToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListStyleToolbarComponent, "lu-rich-text-toolbar-list-style", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListStyleToolbarComponent, "lu-rich-text-toolbar-list-style", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type Tag = {
@@ -165,7 +165,7 @@ type Tag = {
 
 declare class RichTextPluginTagComponent implements RichTextPluginComponent, OnDestroy {
     #private;
-    readonly intl: ILuRichTextInputLabel;
+    readonly intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
     readonly tags: _angular_core.InputSignal<Tag[]>;
     readonly isDisabled: _angular_core.WritableSignal<boolean>;
     readonly focusIndex: _angular_core.WritableSignal<number>;
@@ -180,7 +180,7 @@ declare class RichTextPluginTagComponent implements RichTextPluginComponent, OnD
     focusTag(event: Event, direction: -1 | 1): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextPluginTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextPluginTagComponent, "lu-rich-text-plugin-tag", never, { "tags": { "alias": "tags"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextPluginTagComponent, "lu-rich-text-plugin-tag", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type SerializedTagNode = Spread<{
@@ -237,11 +237,11 @@ declare class TextStyleComponent implements OnDestroy, RichTextPluginComponent {
 
 declare class TextStyleToolbarComponent implements RichTextPluginComponent {
     pluginComponents: _angular_core.Signal<readonly RichTextPluginComponent[]>;
-    intl: ILuRichTextInputLabel;
+    intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
     setEditorInstance(editor: LexicalEditor): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextStyleToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextStyleToolbarComponent, "lu-rich-text-toolbar-text-style", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextStyleToolbarComponent, "lu-rich-text-toolbar-text-style", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class RichTextInputToolbarComponent implements RichTextPluginComponent {

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

@@ -70,6 +70,7 @@ interface MultilanguageTranslation {
     cultureCode: string;
     value: string;
 }
+declare const INVARIANT_CULTURE_CODE = "invariant";
 
 interface LuMultilanguageInputTranslations {
     clear: string;
@@ -79,12 +80,13 @@ interface LuMultilanguageInputTranslations {
 
 declare class MultilanguageInputComponent implements ControlValueAccessor {
     #private;
-    intl: LuMultilanguageInputTranslations;
+    intl: _angular_core.InputSignalWithTransform<LuMultilanguageInputTranslations, Partial<LuMultilanguageInputTranslations>>;
     formFieldSize: _angular_core.InputSignal<_lucca_front_ng_form_field.FormFieldSize>;
     protected onTouched: () => void;
     protected onChange: (_value: MultilanguageTranslation[]) => void;
     placeholder: _angular_core.InputSignal<string>;
     openOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    autocomplete: _angular_core.InputSignal<AutoFill>;
     disabledInternal: WritableSignal<boolean>;
     model: WritableSignal<MultilanguageTranslation[]>;
     invariant: _angular_core.Signal<MultilanguageTranslation | {
@@ -100,11 +102,12 @@ declare class MultilanguageInputComponent implements ControlValueAccessor {
     setDisabledState?(isDisabled: boolean): void;
     valueChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultilanguageInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultilanguageInputComponent, "lu-multilanguage-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "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; }; }, {}, never, never, true, never>;
 }
 
 declare function areAllLanguagesFilled(model: MultilanguageTranslation[]): boolean;
-declare const MultiLanguageInputValidators: Record<string, ValidatorFn>;
+declare function isInvariantFilled(model: MultilanguageTranslation[]): boolean;
+declare const MultiLanguageInputValidators: Record<'allLanguagesRequired' | 'invariantRequired', ValidatorFn>;
 
 interface LuNumberFormatFieldLabel {
     clear: string;
@@ -125,7 +128,7 @@ declare class NumberFormatInputComponent implements AfterViewInit {
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
     ngAfterViewInit(): void;
     readonly formatStyle: _angular_core.InputSignal<NumberFormatStyle>;
-    readonly useAutoPrefixSuffix: _angular_core.InputSignal<boolean>;
+    readonly useAutoPrefixSuffix: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly prefix: _angular_core.InputSignal<TextInputAddon>;
     readonly suffix: _angular_core.InputSignal<TextInputAddon>;
     readonly currency: _angular_core.InputSignal<string>;
@@ -151,10 +154,10 @@ declare class NumberFormatInputComponent implements AfterViewInit {
         unitDisplay: NumberFormatUnitDisplay;
     }>;
     formattedValue: _angular_core.Signal<string>;
-    readonly intl: LuNumberFormatFieldLabel;
+    readonly intl: _angular_core.InputSignalWithTransform<LuNumberFormatFieldLabel, Partial<LuNumberFormatFieldLabel>>;
     clearValue(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberFormatInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFormatInputComponent, "lu-number-format-input", never, { "formatStyle": { "alias": "formatStyle"; "required": false; "isSignal": true; }; "useAutoPrefixSuffix": { "alias": "useAutoPrefixSuffix"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFormatInputComponent, "lu-number-format-input", never, { "formatStyle": { "alias": "formatStyle"; "required": false; "isSignal": true; }; "useAutoPrefixSuffix": { "alias": "useAutoPrefixSuffix"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class NumberInputComponent {
@@ -169,10 +172,10 @@ declare class NumberInputComponent {
     readonly min: _angular_core.InputSignal<number>;
     readonly max: _angular_core.InputSignal<number>;
     readonly valueAlignRight: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly intl: _lucca_front_ng_forms.LuNumberFieldLabel;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_forms.LuNumberFieldLabel, Partial<_lucca_front_ng_forms.LuNumberFieldLabel>>;
     clearValue(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInputComponent, "lu-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "noSpinButtons": { "alias": "noSpinButtons"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInputComponent, "lu-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "noSpinButtons": { "alias": "noSpinButtons"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RadioGroupInputComponent {
@@ -221,7 +224,7 @@ declare class SwitchInputComponent {
 
 type TextFieldType = 'text' | 'email' | 'password' | 'url';
 declare class TextInputComponent {
-    readonly intl: _lucca_front_ng_forms.LuTextfieldLabel;
+    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 inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     readonly mask: _angular_core.InputSignal<string>;
@@ -245,7 +248,7 @@ declare class TextInputComponent {
     clearValue(): void;
     togglePasswordVisibility(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextInputComponent, "lu-text-input", never, { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "hasSearchIcon": { "alias": "hasSearchIcon"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "blur": "blur"; }, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextInputComponent, "lu-text-input", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "hasSearchIcon": { "alias": "hasSearchIcon"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "blur": "blur"; }, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class TextareaInputComponent implements OnInit {
@@ -290,5 +293,31 @@ 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>;
 }
 
-export { CheckboxInputComponent, FieldsetComponent, FormFieldIdDirective, LU_NUMBERFIELD_TRANSLATIONS, LU_TEXTFIELD_TRANSLATIONS, MultiLanguageInputValidators, MultilanguageInputComponent, NoopValueAccessorDirective, NumberFormatInputComponent, NumberInputComponent, RadioComponent, RadioGroupInputComponent, SwitchInputComponent, TextInputComponent, TextareaInputComponent, areAllLanguagesFilled, injectNgControl, luNumberFieldTranslations, luTextfieldTranslations };
-export type { LuNumberFieldLabel, LuTextfieldLabel, MultilanguageTranslation, TextInputAddon, TextfieldIconAddon, TextfieldTextAddon };
+interface ColorOption {
+    index: number;
+    name: string;
+    background: string;
+    borderColor?: string;
+}
+
+interface LuColorLabel {
+    color: string;
+}
+
+declare class ColorInputComponent {
+    intl: _angular_core.InputSignalWithTransform<LuColorLabel, Partial<LuColorLabel>>;
+    mouseHighlighted: _angular_core.WritableSignal<string>;
+    keyboardHighlighted: _angular_core.WritableSignal<string>;
+    highlighted: _angular_core.Signal<string>;
+    clue: _angular_core.WritableSignal<string>;
+    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;
+    filteredColors: _angular_core.Signal<ColorOption[]>;
+    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 };