@lucca-front/ng 21.2.3-rc.4 → 21.3.0-rc.2

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

@@ -7,7 +7,8 @@ import { LuccaIcon } from '@lucca-front/icons';
 import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills';
 import { PopoverDirective } from '@lucca-front/ng/popover2';
 
-type CalendarMode = 'day' | 'month' | 'year';
+declare const CALENDAR_MODE: readonly ["day", "month", "year"];
+type CalendarMode = (typeof CALENDAR_MODE)[number];
 
 interface Date2Translate {
     from: string;
@@ -79,7 +80,7 @@ interface CalendarYearInfo {
 declare class Calendar2CellDirective {
     #private;
     luCalendar2Cell: _angular_core.InputSignal<number>;
-    luCalendar2Mode: _angular_core.InputSignal<CalendarMode>;
+    luCalendar2Mode: _angular_core.InputSignal<"day" | "month" | "year">;
     luCalendar2Date: _angular_core.InputSignal<Date>;
     get tabindex(): 0 | -1;
     isTabbableDate: _angular_core.Signal<boolean>;
@@ -103,8 +104,8 @@ declare class Calendar2Component implements OnInit {
     disableModeChange: _angular_core.InputSignalWithTransform<boolean, unknown>;
     date: _angular_core.ModelSignal<Date>;
     tabbableDate: _angular_core.ModelSignal<Date>;
-    mode: _angular_core.ModelSignal<CalendarMode>;
-    displayMode: _angular_core.ModelSignal<CalendarMode>;
+    mode: _angular_core.ModelSignal<"day" | "month" | "year">;
+    displayMode: _angular_core.ModelSignal<"day" | "month" | "year">;
     ranges: _angular_core.InputSignal<readonly DateRange[]>;
     getCellInfo: _angular_core.InputSignal<(date: Date, displayMode: CalendarMode) => CellStatus>;
     month: _angular_core.Signal<Date>;
@@ -150,13 +151,20 @@ declare class Calendar2Component implements OnInit {
 
 declare function getDateFormat(locale: string, mode?: CalendarMode): string;
 declare function getSeparator(locale: string): string;
-declare function getLocalizedDateFormat(locale: string, period?: 'year' | 'month' | 'day'): string;
+declare function getLocalizedDateFormat(locale: string, period?: CalendarMode): string;
 
+/**
+ * Available DateComponent Types
+ */
+declare const DATE2_CLEAR_BEHAVIOR: readonly ["clear", "reset"];
+type Date2ClearBehavior = (typeof DATE2_CLEAR_BEHAVIOR)[number];
+declare const DATE_FORMAT_CONST: readonly ["date", "date-iso"];
 declare const DATE_FORMAT: {
     readonly DATE: "date";
     readonly DATE_ISO: "date-iso";
 };
 type DateFormat = (typeof DATE_FORMAT)[keyof typeof DATE_FORMAT];
+declare const DATE_ISO_FORMAT = "yyyy-MM-dd";
 
 declare abstract class AbstractDateComponent {
     protected locale: string;
@@ -176,13 +184,13 @@ declare abstract class AbstractDateComponent {
     readonly hasTodayButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly clearBehavior: _angular_core.InputSignal<"clear" | "reset">;
-    readonly mode: _angular_core.InputSignal<CalendarMode>;
+    readonly mode: _angular_core.InputSignal<"day" | "month" | "year">;
     readonly hideWeekend: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly getCellInfo: _angular_core.InputSignal<(day: Date, mode: CalendarMode) => CellStatus>;
     readonly min: _angular_core.InputSignalWithTransform<Date, string | Date>;
     readonly max: _angular_core.InputSignalWithTransform<Date, string | Date>;
     readonly focusedDate: _angular_core.InputSignalWithTransform<Date, string | Date>;
-    calendarMode: _angular_core.ModelSignal<CalendarMode>;
+    calendarMode: _angular_core.ModelSignal<"day" | "month" | "year">;
     readonly panelOpened: _angular_core.OutputEmitterRef<void>;
     readonly panelClosed: _angular_core.OutputEmitterRef<void>;
     readonly dateFormatLocalized: _angular_core.Signal<string>;
@@ -330,5 +338,5 @@ declare class DateRangeInputComponent extends AbstractDateComponent implements O
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangeInputComponent, "lu-date-range-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "widthAuto": { "alias": "widthAuto"; "required": false; "isSignal": true; }; "shortcuts": { "alias": "shortcuts"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { Calendar2Component, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
-export type { CalendarMode, CalendarShortcut, CellStatus, DateInputValidatorErrorType, DateRange, DateRangeInput };
+export { CALENDAR_MODE, Calendar2Component, DATE2_CLEAR_BEHAVIOR, DATE_FORMAT, DATE_FORMAT_CONST, DATE_ISO_FORMAT, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
+export type { CalendarMode, CalendarShortcut, CellStatus, Date2ClearBehavior, DateFormat, DateInputValidatorErrorType, DateRange, DateRangeInput };

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

@@ -251,6 +251,12 @@ declare const DIALOG_ROUTE_CLOSE_TRIGGER: InjectionToken<DialogRouteCloseTrigger
 declare const DIALOG_ROUTE_DISMISS_TRIGGER: InjectionToken<DialogRouteDismissTrigger>;
 declare const DIALOG_ROUTE_CONFIG: InjectionToken<DialogRouteConfig<unknown>>;
 
+/**
+ * Available DialogComponent Types
+ */
+declare const DIALOG_FANCY_ILLUSTRATION: readonly ["approval", "checklist", "email", "install", "mapping", "save", "users", "welcome", "payment-card"];
+type DialogFancyIllustration = (typeof DIALOG_FANCY_ILLUSTRATION)[number];
+
 declare function configureLuDialog(): EnvironmentProviders;
 declare function provideLuDialog(): Provider;
 
@@ -315,5 +321,5 @@ declare class DialogOpenDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<DialogOpenDirective, "[luDialogOpen]", never, { "dialog": { "alias": "luDialogOpen"; "required": true; "isSignal": true; }; "luDialogConfig": { "alias": "luDialogConfig"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { DIALOG_ROUTE_CLOSE_TRIGGER, DIALOG_ROUTE_CONFIG, DIALOG_ROUTE_DISMISS_TRIGGER, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, DialogHeaderSubtitle, DialogOpenDirective, DialogRoutingContainerComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, LuccaDialogRoutingReuseStrategy, configureLuDialog, createDialogRoute, defaultOnClosedFn, dialogLazyRouteFactory, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideDialogRoutingReuseStrategy, provideLuDialog };
-export type { DialogFactoryConfig, DialogFactoryResult, DialogFactoryResultOptions, DialogRouteCloseTrigger, DialogRouteConfig, DialogRouteDialogConfig, DialogRouteDismissTrigger, LuDialogConfig, LuDialogData, LuDialogHeaderTranslations, LuDialogResult, LuDialogSelfRef, LuDialogSize, ɵDialogDataFlag, ɵDialogResultFlag };
+export { DIALOG_FANCY_ILLUSTRATION, DIALOG_ROUTE_CLOSE_TRIGGER, DIALOG_ROUTE_CONFIG, DIALOG_ROUTE_DISMISS_TRIGGER, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, DialogHeaderSubtitle, DialogOpenDirective, DialogRoutingContainerComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, LuccaDialogRoutingReuseStrategy, configureLuDialog, createDialogRoute, defaultOnClosedFn, dialogLazyRouteFactory, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideDialogRoutingReuseStrategy, provideLuDialog };
+export type { DialogFactoryConfig, DialogFactoryResult, DialogFactoryResultOptions, DialogFancyIllustration, DialogRouteCloseTrigger, DialogRouteConfig, DialogRouteDialogConfig, DialogRouteDismissTrigger, LuDialogConfig, LuDialogData, LuDialogHeaderTranslations, LuDialogResult, LuDialogSelfRef, LuDialogSize, ɵDialogDataFlag, ɵDialogResultFlag };

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

@@ -1,6 +1,12 @@
 import * as _angular_core from '@angular/core';
 import { OnChanges, ElementRef } from '@angular/core';
 
+/**
+ * Available DividerComponent Types
+ */
+declare const DIVIDER_SIZE: readonly ["M", "S"];
+type DividerSize = (typeof DIVIDER_SIZE)[number];
+
 declare class DividerComponent implements OnChanges {
     #private;
     content: ElementRef;
@@ -27,4 +33,5 @@ declare class DividerComponent implements OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "lu-divider", never, { "separatorRole": { "alias": "separatorRole"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "withRole": { "alias": "withRole"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { DividerComponent };
+export { DIVIDER_SIZE, DividerComponent };
+export type { DividerSize };

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
+import { BubbleIllustration } from '@lucca-front/ng/bubble-illustration';
 
 declare class EmptyStatePageIllustration {
     readonly src: _angular_core.InputSignal<string>;
@@ -8,9 +9,6 @@ declare class EmptyStatePageIllustration {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStatePageIllustration, "lu-empty-state-page-illustration", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type Hx = 1 | 2 | 3 | 4 | 5 | 6;
-type HxStyle = 1 | 2;
-
 declare class EmptyStatePageComponent {
     /**
      * Icon image (URL)
@@ -46,8 +44,8 @@ declare class EmptyStatePageComponent {
     readonly illustration: _angular_core.InputSignal<PortalContent>;
     readonly heading: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<PortalContent>;
-    readonly hx: _angular_core.InputSignalWithTransform<Hx, Hx | "1" | "2" | "3" | "4" | "5" | "6">;
-    readonly hxStyle: _angular_core.InputSignalWithTransform<HxStyle, HxStyle | "1" | "2">;
+    readonly hx: _angular_core.InputSignalWithTransform<1 | 2 | 3 | 4 | 5 | 6, 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6">;
+    readonly hxStyle: _angular_core.InputSignalWithTransform<1 | 2, 1 | 2 | "1" | "2">;
     isStringPortalContent(message: PortalContent): message is string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStatePageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStatePageComponent, "lu-empty-state-page", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "topRightBackground": { "alias": "topRightBackground"; "required": false; "isSignal": true; }; "topRightForeground": { "alias": "topRightForeground"; "required": false; "isSignal": true; }; "bottomLeftBackground": { "alias": "bottomLeftBackground"; "required": false; "isSignal": true; }; "bottomLeftForeground": { "alias": "bottomLeftForeground"; "required": false; "isSignal": true; }; "contentBackgroundColor": { "alias": "contentBackgroundColor"; "required": false; "isSignal": true; }; "slotTop": { "alias": "slotTop"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "hx": { "alias": "hx"; "required": false; "isSignal": true; }; "hxStyle": { "alias": "hxStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -77,7 +75,7 @@ declare class EmptyStateSectionComponent {
     /**
      * Define the aria level of the title
      */
-    readonly hx: _angular_core.InputSignalWithTransform<Hx, Hx | "1" | "2" | "3" | "4" | "5" | "6">;
+    readonly hx: _angular_core.InputSignalWithTransform<1 | 2 | 3 | 4 | 5 | 6, 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6">;
     readonly emptyStateClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
@@ -86,4 +84,14 @@ declare class EmptyStateSectionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateSectionComponent, "lu-empty-state-section", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "center": { "alias": "center"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "hx": { "alias": "hx"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { EmptyStatePageComponent, EmptyStatePageIllustration, EmptyStateSectionComponent };
+/**
+ * Available EmptyState Types
+ */
+declare const EMPTY_STATE_HX: readonly [1, 2, 3, 4, 5, 6];
+type Hx = (typeof EMPTY_STATE_HX)[number];
+declare const EMPTY_STATE_HX_STYLE: readonly [1, 2];
+type HxStyle = (typeof EMPTY_STATE_HX_STYLE)[number];
+declare const ICON_TO_ILLUSTRATION: Record<string, BubbleIllustration>;
+
+export { EMPTY_STATE_HX, EMPTY_STATE_HX_STYLE, EmptyStatePageComponent, EmptyStatePageIllustration, EmptyStateSectionComponent, ICON_TO_ILLUSTRATION };
+export type { Hx, HxStyle };

package/types/lucca-front-ng-error-page.d.ts

@@ -1,13 +1,18 @@
 import * as _angular_core from '@angular/core';
 
-type ErrorPageIllustration = '400' | '403' | '404' | '429' | '500' | 'keyboard' | 'lock' | 'map';
-
 declare class ErrorPageComponent {
     readonly heading: _angular_core.InputSignal<string>;
-    readonly illustration: _angular_core.InputSignal<ErrorPageIllustration>;
+    readonly illustration: _angular_core.InputSignal<"400" | "403" | "404" | "429" | "500" | "keyboard" | "lock" | "map">;
     readonly illustrationSrc: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ErrorPageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ErrorPageComponent, "lu-error-page", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { ErrorPageComponent };
+/**
+ * Available ErrorPageComponent Types
+ */
+declare const ERROR_PAGE_ILLUSTRATION: readonly ["400", "403", "404", "429", "500", "keyboard", "lock", "map"];
+type ErrorPageIllustration = (typeof ERROR_PAGE_ILLUSTRATION)[number];
+
+export { ERROR_PAGE_ILLUSTRATION, ErrorPageComponent };
+export type { ErrorPageIllustration };

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

@@ -25,4 +25,11 @@ declare class FancyBoxComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FancyBoxComponent, "lu-fancy-box", never, { "foreground": { "alias": "foreground"; "required": false; "isSignal": true; }; "backgroundLeft": { "alias": "backgroundLeft"; "required": true; "isSignal": true; }; "backgroundRight": { "alias": "backgroundRight"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { FancyBoxComponent };
+/**
+ * Available FancyBoxComponent Types
+ */
+declare const FANCY_BOX_SIZE: readonly ["S"];
+type FancyBoxSize = (typeof FANCY_BOX_SIZE)[number];
+
+export { FANCY_BOX_SIZE, FancyBoxComponent };
+export type { FancyBoxSize };

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

@@ -75,6 +75,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 ["S"];
+type FileEntrySize = (typeof FILE_ENTRY_SIZE)[number];
+
 interface FileEntry {
     name: string;
     size?: number;
@@ -85,7 +93,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 inlineMessageError: _angular_core.InputSignal<string>;
     readonly entry: _angular_core.InputSignal<FileEntry>;
@@ -115,6 +123,14 @@ declare class FileEntryComponent {
     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>;
 }
 
+/**
+ * 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 ["S"];
+type FileUploadSize = (typeof FILE_UPLOAD_SIZE)[number];
+
 declare function formatFileSize(locale: string, size: number): string;
 
 declare class MultiFileUploadComponent extends BaseFileUploadComponent {
@@ -124,7 +140,7 @@ 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 state: _angular_core.InputSignal<"loading" | "success" | "error" | "default">;
     readonly inlineMessageError: _angular_core.InputSignal<string>;
     readonly previewUrl: _angular_core.InputSignal<string>;
     readonly deleteFile: _angular_core.OutputEmitterRef<void>;
@@ -133,5 +149,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, ["*"], 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;
     intl: _angular_core.InputSignalWithTransform<LuFilterPillsLabel, Partial<LuFilterPillsLabel>>;
     elementRef: ElementRef<any>;
-    id: string;
     layout: _angular_core.Signal<"checkable" | "default">;
     childInputComponentRef: _angular_core.Signal<FilterPillInputComponent>;
     registeredInputComponentRef: _angular_core.WritableSignal<FilterPillInputComponent>;
@@ -76,7 +75,6 @@ declare class FilterPillComponent {
     name: _angular_core.InputSignal<string>;
     optional: _angular_core.InputSignalWithTransform<boolean, unknown>;
     disabled: _angular_core.Signal<boolean>;
-    get isHiddenClass(): boolean;
     displayed: _angular_core.ModelSignal<boolean>;
     protected isHidden: _angular_core.Signal<boolean>;
     popoverPositions: ConnectionPositionPair[];
@@ -92,9 +90,6 @@ declare class FilterPillComponent {
     shouldShowColon: _angular_core.Signal<boolean>;
     colonDisplay: _angular_core.Signal<"" | " :" | ":">;
     modCheckbox: _angular_core.Signal<boolean>;
-    get isModCheckbox(): boolean;
-    get isFilled(): boolean;
-    get hideCombobox(): boolean;
     constructor();
     hostClick(): void;
     popoverOpened(): void;

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>;
@@ -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,6 +129,13 @@ 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>;
@@ -130,12 +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>;
-    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 };