@lucca-front/ng 21.0.0-rc.1 → 21.0.0-rc.3

package/forms/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, Signal, WritableSignal, AfterViewInit, ElementRef, InjectionToken, OnChanges, EventEmitter, OnInit } from '@angular/core';
+import { OnDestroy, Signal, WritableSignal, AfterViewInit, ElementRef, InjectionToken, OnInit } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
 import { NgModel, FormControlDirective, FormControlName, ControlValueAccessor, ValidatorFn } from '@angular/forms';
 import { FilterPillInputComponent, FilterPillLayout } from '@lucca-front/ng/filter-pills';
@@ -12,14 +12,14 @@ import { LuTranslation, PortalContent } from '@lucca-front/ng/core';
 
 declare class FormFieldIdDirective implements OnDestroy {
     #private;
-    set suffix(suffix: string);
-    labelledByStrategy: 'prepend' | 'append';
-    get id(): string;
+    readonly suffix: _angular_core.InputSignal<string>;
+    readonly labelledByStrategy: _angular_core.InputSignal<"prepend" | "append">;
+    readonly id: _angular_core.Signal<string>;
     constructor();
     private applyLabelledBy;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldIdDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormFieldIdDirective, "[luFormFieldId]", never, { "suffix": { "alias": "luFormFieldId"; "required": true; }; "labelledByStrategy": { "alias": "labelledByStrategy"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormFieldIdDirective, "[luFormFieldId]", never, { "suffix": { "alias": "luFormFieldId"; "required": true; "isSignal": true; }; "labelledByStrategy": { "alias": "labelledByStrategy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare function injectNgControl(): NgModel | FormControlDirective | FormControlName;
@@ -33,30 +33,29 @@ declare class NoopValueAccessorDirective implements ControlValueAccessor {
 }
 
 declare class CheckboxInputComponent implements FilterPillInputComponent {
+    framed: boolean;
     parentInput: FilterPillInputComponent;
     formField: FormFieldComponent;
+    readonly checklist: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Should set aria-checked='mixed' attribute ?
+     */
+    readonly mixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     isFilterPill: _angular_core.WritableSignal<boolean>;
     filterPillInputId: string;
-    checklist: _angular_core.InputSignalWithTransform<boolean, unknown>;
     filterPillLayout: Signal<FilterPillLayout>;
     isFilterPillEmpty: Signal<boolean>;
     isFilterPillClearable: Signal<boolean>;
     hideCombobox: Signal<boolean>;
     showColon: Signal<boolean>;
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
-    /**
-     * Should set aria-checked='mixed' attribute ?
-     */
-    mixed: boolean;
-    framed: boolean;
     constructor();
     clearFilterPillValue(): void;
     registerFilterPillClosePopover(_closeFn: () => void): void;
     enableFilterPillMode?(): void;
     onFilterPillClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxInputComponent, "lu-checkbox-input", never, { "checklist": { "alias": "checklist"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
-    static ngAcceptInputType_mixed: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxInputComponent, "lu-checkbox-input", never, { "checklist": { "alias": "checklist"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 interface MultilanguageTranslation {
@@ -175,37 +174,35 @@ declare class NumberInputComponent {
 declare class RadioGroupInputComponent {
     formField: FormFieldComponent;
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
-    size: 'S' | 'M';
-    framed: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    framedCenter: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    framedSize: _angular_core.InputSignal<"L">;
+    readonly size: _angular_core.InputSignal<"S" | "M">;
+    readonly framed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly framedCenter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly framedSize: _angular_core.InputSignal<"L">;
+    readonly arrow: _angular_core.InputSignal<"default" | "neutral">;
     name: string;
-    arrow?: 'neutral' | 'default';
-    get isFramed(): boolean;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupInputComponent, "lu-radio-group-input", never, { "size": { "alias": "size"; "required": false; }; "framed": { "alias": "framed"; "required": false; "isSignal": true; }; "framedCenter": { "alias": "framedCenter"; "required": false; "isSignal": true; }; "framedSize": { "alias": "framedSize"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupInputComponent, "lu-radio-group-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "framed": { "alias": "framed"; "required": false; "isSignal": true; }; "framedCenter": { "alias": "framedCenter"; "required": false; "isSignal": true; }; "framedSize": { "alias": "framedSize"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
-declare class RadioComponent<T = unknown> implements OnChanges {
+declare class RadioComponent<T = unknown> {
     #private;
-    value: T;
-    disabled: boolean;
-    inlineMessage: PortalContent;
-    tag: string;
-    framedPortal: PortalContent;
-    get arrow(): "default" | "neutral";
-    get framed(): boolean;
-    get framedCenter(): boolean;
-    get framedSize(): "L";
-    get notFramed(): boolean;
+    readonly value: _angular_core.InputSignal<T>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inlineMessage: _angular_core.InputSignal<PortalContent>;
+    readonly tag: _angular_core.InputSignal<string>;
+    readonly framedPortal: _angular_core.InputSignal<PortalContent>;
+    readonly arrow: _angular_core.Signal<"default" | "neutral">;
+    readonly framed: _angular_core.Signal<boolean>;
+    readonly framedCenter: _angular_core.Signal<boolean>;
+    readonly framedSize: _angular_core.Signal<"L">;
+    readonly size: _angular_core.Signal<"S" | "M">;
     get formControl(): _angular_forms.FormControl<any>;
     get name(): string;
     id: string;
-    ngOnChanges(): void;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent<any>, "lu-radio", never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "inlineMessage": { "alias": "inlineMessage"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "framedPortal": { "alias": "framedPortal"; "required": false; }; }, {}, never, ["*", "[illustration]", "[info]"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent<any>, "lu-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inlineMessage": { "alias": "inlineMessage"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "framedPortal": { "alias": "framedPortal"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[illustration]", "[info]"], true, never>;
 }
 
 declare class SwitchInputComponent {
@@ -225,64 +222,60 @@ declare const luTextfieldTranslations: LuTranslation<LuTextfieldLabel>;
 
 type TextFieldType = 'text' | 'email' | 'password' | 'url';
 declare class TextInputComponent {
+    intl: LuTextfieldLabel;
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     readonly mask: _angular_core.InputSignal<string>;
-    placeholder: string;
-    autocomplete: AutoFill;
-    hasClearer: boolean;
-    hasSearchIcon: boolean;
-    valueAlignRight: boolean;
-    inputElementRef: ElementRef<HTMLInputElement>;
-    prefix: TextInputAddon;
-    suffix: TextInputAddon;
-    blur: EventEmitter<FocusEvent>;
-    get type(): TextFieldType;
-    set type(type: TextFieldType);
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly autocomplete: _angular_core.InputSignal<AutoFill>;
+    readonly hasClearer: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hasSearchIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly valueAlignRight: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly prefix: _angular_core.InputSignal<TextInputAddon>;
+    readonly suffix: _angular_core.InputSignal<TextInputAddon>;
     /**
      * Search icon to use for when `hasSearchIcon` is true, defaults to 'search'
      */
-    searchIcon: LuccaIcon;
+    readonly searchIcon: _angular_core.InputSignal<LuccaIcon>;
+    readonly type: _angular_core.InputSignal<TextFieldType>;
+    readonly typeRef: _angular_core.WritableSignal<TextFieldType>;
+    readonly blur: _angular_core.OutputEmitterRef<FocusEvent>;
     protected showPassword: _angular_core.WritableSignal<boolean>;
-    private _type;
     protected hasTogglePasswordVisibilityIcon(): boolean;
-    intl: LuTextfieldLabel;
+    constructor();
     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; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "hasClearer": { "alias": "hasClearer"; "required": false; }; "hasSearchIcon": { "alias": "hasSearchIcon"; "required": false; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "type": { "alias": "type"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; }, { "blur": "blur"; }, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
-    static ngAcceptInputType_hasClearer: unknown;
-    static ngAcceptInputType_hasSearchIcon: unknown;
-    static ngAcceptInputType_valueAlignRight: unknown;
+    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: {}; }]>;
 }
 
 declare class TextareaInputComponent implements OnInit {
     #private;
-    parent?: ElementRef<HTMLElement>;
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
-    placeholder: string;
-    rows?: number;
-    autoResize: boolean;
-    autoResizeScrollIntoView: boolean;
-    disableSpeelcheck: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly parent: _angular_core.Signal<ElementRef<HTMLElement>>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly autoResize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly autoResizeScrollIntoView: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disableSpeelcheck: _angular_core.InputSignalWithTransform<boolean, unknown>;
     cloneValue: string;
     updateScroll(value: string): void;
     ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaInputComponent, "lu-textarea-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "autoResizeScrollIntoView": { "alias": "autoResizeScrollIntoView"; "required": false; }; "disableSpeelcheck": { "alias": "disableSpeelcheck"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
-    static ngAcceptInputType_autoResize: unknown;
-    static ngAcceptInputType_autoResizeScrollIntoView: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaInputComponent, "lu-textarea-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "autoResizeScrollIntoView": { "alias": "autoResizeScrollIntoView"; "required": false; "isSignal": true; }; "disableSpeelcheck": { "alias": "disableSpeelcheck"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class FieldsetComponent {
     readonly heading: _angular_core.InputSignal<PortalContent>;
     readonly helper: _angular_core.InputSignal<PortalContent>;
+    readonly action: _angular_core.InputSignal<PortalContent>;
     readonly size: _angular_core.InputSignal<"S">;
     readonly horizontal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     expanded: _angular_core.ModelSignal<boolean>;
     id: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "lu-fieldset", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "lu-fieldset", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "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 };

package/forms/phone-number-input/index.d.ts

@@ -12,34 +12,34 @@ interface PrefixEntry {
 }
 declare class PhoneNumberInputComponent implements ControlValueAccessor, Validator {
     #private;
-    label: string;
-    autocomplete?: 'off' | 'tel';
-    noAutoPlaceholder: _angular_core.InputSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly autocomplete: _angular_core.InputSignal<"off" | "tel">;
+    /**
+     * Which countries should be shown? Defaults to empty array which means all of them.
+     *
+     * You can use CountryCode to make sure it's properly typed on your end, string is also accepted
+     */
+    readonly allowedCountries: _angular_core.InputSignal<readonly string[]>;
+    readonly noAutoPlaceholder: _angular_core.InputSignal<boolean>;
+    readonly defaultCountryCode: _angular_core.InputSignal<CountryCode>;
+    readonly countryChange: _angular_core.OutputEmitterRef<CountryCode>;
     disabled: boolean;
     prefixEntries: {
         country: CountryCode;
         prefix: CountryCallingCode;
         name: string;
     }[];
-    /**
-     * Which countries should be shown? Defaults to empty array which means all of them.
-     *
-     * You can use CountryCode to make sure it's properly typed on your end, string is also accepted
-     */
-    allowedCountries: _angular_core.InputSignal<readonly string[]>;
     query: _angular_core.WritableSignal<string>;
     protected prefixesDisplay: _angular_core.Signal<{
         country: CountryCode;
         prefix: CountryCallingCode;
         name: string;
     }[]>;
-    defaultCountryCode: _angular_core.InputSignal<CountryCode>;
-    countryChange: _angular_core.OutputEmitterRef<CountryCode>;
     countryCodeSelected: _angular_core.WritableSignal<CountryCode>;
     countryCode: _angular_core.Signal<CountryCode>;
     placeholder: _angular_core.Signal<string>;
     displayedNumber: _angular_core.WritableSignal<string>;
-    prefixEntry: _angular_core.Signal<{
+    readonly prefixEntry: _angular_core.Signal<{
         country: CountryCode;
         prefix: CountryCallingCode;
         name: string;
@@ -57,7 +57,7 @@ declare class PhoneNumberInputComponent implements ControlValueAccessor, Validat
     formatNationalNumber(): void;
     validate(control: AbstractControl<string, string>): ValidationErrors;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PhoneNumberInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PhoneNumberInputComponent, "lu-phone-number-input", never, { "label": { "alias": "label"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "noAutoPlaceholder": { "alias": "noAutoPlaceholder"; "required": false; "isSignal": true; }; "allowedCountries": { "alias": "allowedCountries"; "required": false; "isSignal": true; }; "defaultCountryCode": { "alias": "country"; "required": false; "isSignal": true; }; }, { "countryChange": "countryChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PhoneNumberInputComponent, "lu-phone-number-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "allowedCountries": { "alias": "allowedCountries"; "required": false; "isSignal": true; }; "noAutoPlaceholder": { "alias": "noAutoPlaceholder"; "required": false; "isSignal": true; }; "defaultCountryCode": { "alias": "country"; "required": false; "isSignal": true; }; }, { "countryChange": "countryChange"; }, never, never, true, never>;
 }
 
 declare class PhoneNumberValidators {

package/grid/index.d.ts

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

package/icon/index.d.ts

@@ -1,17 +1,17 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { LuccaIcon } from '@lucca-front/icons';
 
 declare class IconComponent {
-    icon: LuccaIcon;
-    alt: string;
-    size: 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
-    color: 'primary' | 'secondary' | 'product' | 'error' | 'warning' | 'success' | 'light' | 'placeholder' | 'inherit';
-    AI: i0.InputSignalWithTransform<boolean, unknown>;
-    get iconClasses(): {
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    readonly alt: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"XXS" | "XS" | "S" | "M" | "L" | "XL" | "XXL">;
+    readonly color: _angular_core.InputSignal<"error" | "success" | "warning" | "primary" | "secondary" | "product" | "light" | "placeholder" | "inherit">;
+    readonly AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly iconClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "lu-icon", never, { "icon": { "alias": "icon"; "required": true; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "lu-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { IconComponent };

package/inline-message/index.d.ts

@@ -1,20 +1,18 @@
-import * as i0 from '@angular/core';
-import { OnChanges } from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
 type InlineMessageState = 'success' | 'warning' | 'error' | 'default';
 
-declare class InlineMessageComponent implements OnChanges {
+declare class InlineMessageComponent {
     #private;
-    label: PortalContent;
-    state: InlineMessageState;
-    size: 'S' | 'M';
-    withTooltip: boolean;
-    ngOnChanges(): void;
+    readonly label: _angular_core.InputSignal<PortalContent>;
+    readonly state: _angular_core.InputSignal<InlineMessageState>;
+    readonly size: _angular_core.InputSignal<"S" | "M">;
+    readonly withTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor();
     isStringPortalContent(message: PortalContent): message is string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InlineMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageComponent, "lu-inline-message", never, { "label": { "alias": "label"; "required": true; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; "withTooltip": { "alias": "withTooltip"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_withTooltip: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InlineMessageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InlineMessageComponent, "lu-inline-message", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "withTooltip": { "alias": "withTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { InlineMessageComponent };

package/link/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_router from '@angular/router';
 import { RouterLink, Router, ActivatedRoute } from '@angular/router';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { Renderer2, ElementRef, WritableSignal } from '@angular/core';
 import { LocationStrategy } from '@angular/common';
 
@@ -11,30 +11,28 @@ interface LinkTranslate {
 declare class LuRouterLink extends RouterLink {
     constructor(router: Router, route: ActivatedRoute, tabIndexAttribute: string | null | undefined, renderer: Renderer2, el: ElementRef, locationStrategy?: LocationStrategy);
     get publicReactiveHref(): WritableSignal<string | null>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuRouterLink, [null, null, { attribute: "tabindex"; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuRouterLink, "[luRouterLink]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuRouterLink, [null, null, { attribute: "tabindex"; }, null, null, null]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuRouterLink, "[luRouterLink]", never, {}, {}, never, never, true, never>;
 }
 
 declare class LinkComponent {
     #private;
     intl: LinkTranslate;
-    routerLink: LuRouterLink;
     router: Router;
-    readonly luHref: i0.InputSignal<string>;
-    readonly routerLinkCommands: i0.InputSignal<string | readonly any[] | _angular_router.UrlTree>;
-    readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
-    decorationHover: boolean;
-    external: boolean;
+    readonly luHref: _angular_core.InputSignal<string>;
+    readonly routerLinkCommands: _angular_core.InputSignal<string | readonly any[] | _angular_router.UrlTree>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly decorationHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly external: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly publicReactiveHref: _angular_core.Signal<string>;
     get relAttr(): string;
     get targetAttr(): string;
     get roleAttr(): string;
     get disabledClass(): boolean;
     redirect(): void;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "a[luLink], button[luLink]", never, { "luHref": { "alias": "href"; "required": false; "isSignal": true; }; "routerLinkCommands": { "alias": "luLink"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "decorationHover": { "alias": "decorationHover"; "required": false; }; "external": { "alias": "external"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof LuRouterLink; inputs: { "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; }; outputs: {}; }]>;
-    static ngAcceptInputType_decorationHover: unknown;
-    static ngAcceptInputType_external: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "a[luLink], button[luLink]", never, { "luHref": { "alias": "href"; "required": false; "isSignal": true; }; "routerLinkCommands": { "alias": "luLink"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "decorationHover": { "alias": "decorationHover"; "required": false; "isSignal": true; }; "external": { "alias": "external"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof LuRouterLink; inputs: { "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; }; outputs: {}; }]>;
 }
 
 export { LinkComponent, LuRouterLink };

package/mobile-push/index.d.ts

@@ -1,5 +1,4 @@
-import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 interface MobilePushTranslate {
     urlAppStore: string;
@@ -12,10 +11,10 @@ interface MobilePushTranslate {
 
 declare class MobilePushComponent {
     intl: MobilePushTranslate;
-    appStoreLinkClicked: EventEmitter<void>;
-    googlePlayLinkClicked: EventEmitter<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MobilePushComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MobilePushComponent, "lu-mobile-push", never, {}, { "appStoreLinkClicked": "appStoreLinkClicked"; "googlePlayLinkClicked": "googlePlayLinkClicked"; }, never, ["*"], true, never>;
+    appStoreLinkClicked: _angular_core.OutputEmitterRef<void>;
+    googlePlayLinkClicked: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MobilePushComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MobilePushComponent, "lu-mobile-push", never, {}, { "appStoreLinkClicked": "appStoreLinkClicked"; "googlePlayLinkClicked": "googlePlayLinkClicked"; }, never, ["*"], true, never>;
 }
 
 export { MobilePushComponent };

package/new-badge/index.d.ts

@@ -1,10 +1,9 @@
 import * as i0 from '@angular/core';
 
 declare class NewBadgeComponent {
-    label: string;
-    newBadge: boolean;
+    readonly label: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NewBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NewBadgeComponent, "lu-new-badge", never, { "label": { "alias": "label"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewBadgeComponent, "lu-new-badge", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { NewBadgeComponent };

package/numeric-badge/index.d.ts

@@ -1,28 +1,31 @@
 import * as _angular_core from '@angular/core';
-import { OnChanges, SimpleChanges } from '@angular/core';
 import { Palette } from '@lucca-front/ng/core';
 
-declare class NumericBadgeComponent implements OnChanges {
+declare class NumericBadgeComponent {
     #private;
     /**
      * The value to display, number or string contains number only.
      */
-    value: number | string;
+    readonly value: _angular_core.InputSignal<string | number>;
     /**
      * The size of the badge
      */
-    size: 'XS' | 'S' | 'M';
-    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    maxValue: number;
-    disableTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
     /**
      * The palette to use for this badge. Defaults to 'none' (inherits parent palette)
      */
-    palette: Palette;
-    ngOnChanges(changes: SimpleChanges): void;
-    displayValue: () => string | number;
+    readonly palette: _angular_core.InputSignal<Palette>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly maxValue: _angular_core.InputSignal<number>;
+    readonly disableTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly numericBadgeClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    readonly displayValue: _angular_core.Signal<string | number>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumericBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericBadgeComponent, "lu-numeric-badge", never, { "value": { "alias": "value"; "required": true; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disableTooltip": { "alias": "disableTooltip"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericBadgeComponent, "lu-numeric-badge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "disableTooltip": { "alias": "disableTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { NumericBadgeComponent };