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

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

@@ -26,6 +26,7 @@ interface LuFileUploadLabel {
     all: string;
     file: string;
     download: string;
+    preview: string;
     downloadFile: string;
     delete: string;
     deleteFile: string;
@@ -75,6 +76,14 @@ declare class FileDropzoneComponent extends BaseFileUploadComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileDropzoneComponent, "lu-file-dropzone", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Available FileEntryComponent Types
+ */
+declare const FILE_ENTRY_STATE: readonly ["success", "loading", "error", "default"];
+type FileEntryState = (typeof FILE_ENTRY_STATE)[number];
+declare const FILE_ENTRY_SIZE: readonly ["L"];
+type FileEntrySize = (typeof FILE_ENTRY_SIZE)[number];
+
 interface FileEntry {
     name: string;
     size?: number;
@@ -85,7 +94,7 @@ interface FileEntry {
 declare class FileEntryComponent {
     #private;
     readonly intl: _angular_core.InputSignalWithTransform<LuFileUploadLabel, Partial<LuFileUploadLabel>>;
-    readonly state: _angular_core.InputSignal<"success" | "loading" | "error" | "default">;
+    readonly state: _angular_core.InputSignal<"loading" | "success" | "error" | "default">;
     readonly displayFileName: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly structure: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly inlineMessageError: _angular_core.InputSignal<string>;
@@ -93,6 +102,7 @@ declare class FileEntryComponent {
     readonly size: _angular_core.InputSignal<"L">;
     readonly iconOverride: _angular_core.InputSignal<string>;
     readonly downloadURL: _angular_core.InputSignal<string>;
+    readonly openInNewTab: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly password: _angular_core.InputSignal<string>;
     readonly passwordChange$: Subject<string>;
     passwordChange: _angular_core.OutputRef<string>;
@@ -113,9 +123,17 @@ declare class FileEntryComponent {
         [x: string]: boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileEntryComponent, 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; }; "structure": { "alias": "structure"; "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; }; "structure": { "alias": "structure"; "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; }; "openInNewTab": { "alias": "openInNewTab"; "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>;
 }
 
+/**
+ * Available FileUploadComponent Types
+ */
+declare const FILE_UPLOAD_STATE: readonly ["loading", "success", "error", "default"];
+type FileUploadState = (typeof FILE_UPLOAD_STATE)[number];
+declare const FILE_UPLOAD_SIZE: readonly ["L"];
+type FileUploadSize = (typeof FILE_UPLOAD_SIZE)[number];
+
 declare function formatFileSize(locale: string, size: number): string;
 
 declare class MultiFileUploadComponent extends BaseFileUploadComponent {
@@ -124,15 +142,9 @@ declare class MultiFileUploadComponent extends BaseFileUploadComponent {
 }
 
 declare class SingleFileUploadComponent extends BaseFileUploadComponent {
-    readonly entry: _angular_core.InputSignal<FileEntry>;
-    readonly state: _angular_core.InputSignal<"success" | "loading" | "error" | "default">;
-    readonly inlineMessageError: _angular_core.InputSignal<string>;
-    readonly previewUrl: _angular_core.InputSignal<string>;
-    readonly deleteFile: _angular_core.OutputEmitterRef<void>;
-    readonly displayFileName: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SingleFileUploadComponent, never>;
-    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, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SingleFileUploadComponent, "lu-single-file-upload", never, {}, {}, never, ["*"], true, never>;
 }
 
-export { FileDropzoneComponent, FileEntryComponent, MultiFileUploadComponent, SingleFileUploadComponent, formatFileSize };
-export type { FileEntry };
+export { FILE_ENTRY_SIZE, FILE_ENTRY_STATE, FILE_UPLOAD_SIZE, FILE_UPLOAD_STATE, FileDropzoneComponent, FileEntryComponent, MultiFileUploadComponent, SingleFileUploadComponent, formatFileSize };
+export type { FileEntry, FileEntrySize, FileEntryState, FileUploadSize, FileUploadState };

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

@@ -63,7 +63,6 @@ declare class FilterPillComponent {
     #private;
     readonly intl: _angular_core.InputSignalWithTransform<LuFilterPillsLabel, Partial<LuFilterPillsLabel>>;
     readonly elementRef: ElementRef<any>;
-    id: string;
     readonly layout: _angular_core.Signal<"checkable" | "default">;
     readonly childInputComponentRef: _angular_core.Signal<FilterPillInputComponent>;
     readonly registeredInputComponentRef: _angular_core.WritableSignal<FilterPillInputComponent>;

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

@@ -1,5 +1,13 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available FooterComponent Types
+ */
+declare const FOOTER_NARROW_AT_MEDIA_MAX: readonly ["XXS", "XS", "S", "M"];
+type FooterNarrowAtMediaMax = (typeof FOOTER_NARROW_AT_MEDIA_MAX)[number];
+declare const FOOTER_CONTAINER_MAX: readonly ["M", "L", "XL", "XXL", "XXXL"];
+type FooterContainerMax = (typeof FOOTER_CONTAINER_MAX)[number];
+
 declare class FooterComponent {
     readonly sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -9,7 +17,7 @@ declare class FooterComponent {
     readonly containerMax: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
     readonly forceNarrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly dialog: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly narrowAtMediaMax: _angular_core.InputSignal<"M" | "XXS" | "XS" | "S">;
+    readonly narrowAtMediaMax: _angular_core.InputSignal<"XXS" | "XS" | "S" | "M">;
     readonly breakpointClass: _angular_core.Signal<"mod-narrow" | {
         [x: string]: boolean;
     }>;
@@ -17,4 +25,5 @@ declare class FooterComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FooterComponent, "lu-footer", never, { "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "containerMax": { "alias": "containerMax"; "required": false; "isSignal": true; }; "forceNarrow": { "alias": "forceNarrow"; "required": false; "isSignal": true; }; "dialog": { "alias": "dialog"; "required": false; "isSignal": true; }; "narrowAtMediaMax": { "alias": "narrowAtMediaMax"; "required": false; "isSignal": true; }; }, {}, never, ["[footerContent]", "*"], true, never>;
 }
 
-export { FooterComponent };
+export { FOOTER_CONTAINER_MAX, FOOTER_NARROW_AT_MEDIA_MAX, FooterComponent };
+export type { FooterContainerMax, FooterNarrowAtMediaMax };

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>;
@@ -22,7 +31,6 @@ declare class InputDirective implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputDirective, "[luInput]", never, { "standalone": { "alias": "luInputStandalone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-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>>;
@@ -31,10 +39,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>[]>;
     readonly forceInputRequired: _angular_core.WritableSignal<boolean>;
     readonly isInputRequired: _angular_core.Signal<boolean>;
     readonly label: _angular_core.InputSignal<PortalContent>;
@@ -51,7 +62,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>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, boolean>;
     readonly inlineMessage: _angular_core.InputSignal<PortalContent>;
@@ -62,8 +73,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
      */
@@ -90,7 +101,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>;
@@ -101,6 +112,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>;
@@ -111,6 +128,14 @@ 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>;
+    readonly size: _angular_core.InputSignal<"S">;
+    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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class PresentationDisplayDirective implements OnInit {
     #private;
     readonly templateRef: TemplateRef<unknown>;
@@ -129,13 +154,5 @@ declare class ɵPresentationDisplayDefaultDirective {
     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>;
-    readonly size: _angular_core.InputSignal<"S">;
-    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; }; "size": { "alias": "size"; "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

@@ -6,7 +6,14 @@ declare class FormHeaderComponent {
      */
     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>;
+    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,16 +1,23 @@
 import * as _angular_core from '@angular/core';
+import { LuPluralForms } from '@lucca-front/ng/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;
-        other: string;
-    };
+    counterAlt: LuPluralForms;
     tooltipAlt: string;
 }
 
 declare class FormLabelComponent {
     protected readonly intl: _angular_core.InputSignalWithTransform<LuFormLabelTranslations, Partial<LuFormLabelTranslations>>;
+    readonly locale: string;
+    readonly pluralRules: Intl.PluralRules;
+    readonly counterAltLabel: _angular_core.Signal<string>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly error: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly tooltip: _angular_core.InputSignal<string | SafeHtml>;
@@ -23,4 +30,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

@@ -2,9 +2,11 @@ import * as _angular_core from '@angular/core';
 import { InjectionToken, Signal, WritableSignal, OnInit, OnDestroy, ElementRef, ViewContainerRef, TemplateRef } from '@angular/core';
 import * as lexical from 'lexical';
 import { LexicalEditor, Klass, LexicalNode, LexicalNodeReplacement, NodeKey, EditorConfig, DOMExportOutput, DecoratorNode, DOMConversionMap, Spread, SerializedLexicalNode, LexicalUpdateJSON, TextFormatType } from 'lexical';
+import { DomPortal } from '@angular/cdk/portal';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
 import { LinkNode, LinkAttributes, SerializedLinkNode, AutoLinkNode, SerializedAutoLinkNode } from '@lexical/link';
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { LuccaIcon } from '@lucca-front/icons';
 
 type UnregisterFn = () => void;
@@ -39,10 +41,10 @@ interface ILuRichTextInputLabel {
     stylesUnderline: string;
     stylesStrikethrough: string;
     insertTag: string;
+    selectTag: string;
 }
 
 declare const INITIAL_UPDATE_TAG = "initial-update";
-declare const SKIP_DOM_SELECTION_TAG = "skip-dom-selection";
 interface RichTextPluginComponent {
     setEditorInstance(editor: LexicalEditor): void;
     getLexicalNodes?(): (Klass<LexicalNode> | LexicalNodeReplacement)[];
@@ -61,9 +63,11 @@ declare class RichTextInputComponent implements OnInit, OnDestroy, ControlValueA
     readonly content: Signal<ElementRef<HTMLElement>>;
     readonly contentPresentation: Signal<ElementRef<HTMLElement>>;
     readonly pluginComponents: Signal<readonly RichTextPluginComponent[]>;
+    readonly toolsProjection: Signal<ElementRef<HTMLElement>>;
     readonly currentCanShowPlaceholder: WritableSignal<boolean>;
     readonly isDisabled: WritableSignal<boolean>;
     readonly formFieldId: Signal<string>;
+    readonly toolsPortal: Signal<DomPortal<HTMLElement>>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -200,6 +204,8 @@ declare class ListStyleToolbarComponent implements OnDestroy, RichTextPluginComp
 type Tag = {
     key: string;
     description?: string;
+    secondary?: boolean;
+    group?: string;
 };
 
 declare class RichTextPluginTagComponent implements RichTextPluginComponent, OnDestroy {
@@ -209,6 +215,14 @@ declare class RichTextPluginTagComponent implements RichTextPluginComponent, OnD
     readonly isDisabled: _angular_core.WritableSignal<boolean>;
     readonly focusIndex: _angular_core.WritableSignal<number>;
     readonly focusableElements: _angular_core.Signal<readonly ElementRef<any>[]>;
+    readonly addTagButton: _angular_core.Signal<ElementRef<any>>;
+    readonly primaryTags: _angular_core.Signal<Tag[]>;
+    readonly secondaryTags: _angular_core.Signal<Tag[]>;
+    readonly filteredSecondaryTags: _angular_core.Signal<Tag[]>;
+    readonly secondaryHasGroup: _angular_core.Signal<boolean>;
+    readonly tagSearch: _angular_core.WritableSignal<string>;
+    readonly selectedTagControl: FormControl<Tag>;
+    readonly popoverPositions: ConnectionPositionPair[];
     editor: LexicalEditor | null;
     constructor();
     setEditorInstance(editor: LexicalEditor): void;
@@ -218,6 +232,7 @@ declare class RichTextPluginTagComponent implements RichTextPluginComponent, OnD
     focus(): void;
     focusTag(event: Event, direction: -1 | 1): void;
     ngOnDestroy(): void;
+    groupByTagGroup(tag: Tag): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextPluginTagComponent, 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>;
 }
@@ -293,5 +308,5 @@ declare class RichTextInputToolbarComponent implements RichTextPluginComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextInputToolbarComponent, "lu-rich-text-input-toolbar", never, {}, {}, never, never, true, never>;
 }
 
-export { $createTagNode, $isTagNode, ClearFormatComponent, HeadingsComponent, INITIAL_UPDATE_TAG, LinkComponent, ListStyleToolbarComponent, RICH_TEXT_FORMATTER, RICH_TEXT_PLUGIN_COMPONENT, RichTextFormatter, RichTextInputComponent, RichTextInputToolbarComponent, RichTextPluginTagComponent, SKIP_DOM_SELECTION_TAG, TagNode, TextStyleComponent, TextStyleToolbarComponent };
+export { $createTagNode, $isTagNode, ClearFormatComponent, HeadingsComponent, INITIAL_UPDATE_TAG, LinkComponent, ListStyleToolbarComponent, RICH_TEXT_FORMATTER, RICH_TEXT_PLUGIN_COMPONENT, RichTextFormatter, RichTextInputComponent, RichTextInputToolbarComponent, RichTextPluginTagComponent, TagNode, TextStyleComponent, TextStyleToolbarComponent };
 export type { RichTextPluginComponent, SerializedTagNode, Tag };