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

package/forms/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, Signal, WritableSignal, AfterViewInit, ElementRef, InjectionToken, OnInit } from '@angular/core';
+import { OnDestroy, Signal, WritableSignal, AfterViewInit, ElementRef, InjectionToken, OnChanges, EventEmitter, 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;
-    readonly suffix: _angular_core.InputSignal<string>;
-    readonly labelledByStrategy: _angular_core.InputSignal<"prepend" | "append">;
-    readonly id: _angular_core.Signal<string>;
+    set suffix(suffix: string);
+    labelledByStrategy: 'prepend' | 'append';
+    get id(): 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; "isSignal": true; }; "labelledByStrategy": { "alias": "labelledByStrategy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormFieldIdDirective, "[luFormFieldId]", never, { "suffix": { "alias": "luFormFieldId"; "required": true; }; "labelledByStrategy": { "alias": "labelledByStrategy"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare function injectNgControl(): NgModel | FormControlDirective | FormControlName;
@@ -33,29 +33,30 @@ 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; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    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;
 }
 
 interface MultilanguageTranslation {
@@ -174,35 +175,37 @@ declare class NumberInputComponent {
 declare class RadioGroupInputComponent {
     formField: FormFieldComponent;
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
-    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">;
+    size: 'S' | 'M';
+    framed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    framedCenter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    framedSize: _angular_core.InputSignal<"L">;
     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; "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: {}; }]>;
+    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: {}; }]>;
 }
 
-declare class RadioComponent<T = unknown> {
+declare class RadioComponent<T = unknown> implements OnChanges {
     #private;
-    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">;
+    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;
     get formControl(): _angular_forms.FormControl<any>;
     get name(): string;
     id: string;
-    constructor();
+    ngOnChanges(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent<any>, never>;
-    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>;
+    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;
 }
 
 declare class SwitchInputComponent {
@@ -222,47 +225,52 @@ 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>;
-    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>;
+    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);
     /**
      * Search icon to use for when `hasSearchIcon` is true, defaults to 'search'
      */
-    readonly searchIcon: _angular_core.InputSignal<LuccaIcon>;
-    readonly type: _angular_core.InputSignal<TextFieldType>;
-    readonly typeRef: _angular_core.WritableSignal<TextFieldType>;
-    readonly blur: _angular_core.OutputEmitterRef<FocusEvent>;
+    searchIcon: LuccaIcon;
     protected showPassword: _angular_core.WritableSignal<boolean>;
+    private _type;
     protected hasTogglePasswordVisibilityIcon(): boolean;
-    constructor();
+    intl: LuTextfieldLabel;
     clearValue(): void;
     togglePasswordVisibility(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextInputComponent, "lu-text-input", never, { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "hasSearchIcon": { "alias": "hasSearchIcon"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "blur": "blur"; }, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextInputComponent, "lu-text-input", never, { "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;
 }
 
 declare class TextareaInputComponent implements OnInit {
     #private;
+    parent?: ElementRef<HTMLElement>;
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
-    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>;
+    placeholder: string;
+    rows?: number;
+    autoResize: boolean;
+    autoResizeScrollIntoView: boolean;
+    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; "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: {}; }]>;
+    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;
 }
 
 declare class FieldsetComponent {

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

@@ -12,34 +12,34 @@ interface PrefixEntry {
 }
 declare class PhoneNumberInputComponent implements ControlValueAccessor, Validator {
     #private;
-    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>;
+    label: string;
+    autocomplete?: 'off' | 'tel';
+    noAutoPlaceholder: _angular_core.InputSignal<boolean>;
     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>;
-    readonly prefixEntry: _angular_core.Signal<{
+    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; "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>;
+    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>;
 }
 
 declare class PhoneNumberValidators {

package/icon/index.d.ts

@@ -1,17 +1,17 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
 import { LuccaIcon } from '@lucca-front/icons';
 
 declare class IconComponent {
-    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<{
+    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(): {
         [x: string]: boolean;
-    }>;
-    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>;
+    };
+    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>;
 }
 
 export { IconComponent };

package/inline-message/index.d.ts

@@ -1,18 +1,20 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
+import { OnChanges } from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
 type InlineMessageState = 'success' | 'warning' | 'error' | 'default';
 
-declare class InlineMessageComponent {
+declare class InlineMessageComponent implements OnChanges {
     #private;
-    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();
+    label: PortalContent;
+    state: InlineMessageState;
+    size: 'S' | 'M';
+    withTooltip: boolean;
+    ngOnChanges(): void;
     isStringPortalContent(message: PortalContent): message is string;
-    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>;
+    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;
 }
 
 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 _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
 import { Renderer2, ElementRef, WritableSignal } from '@angular/core';
 import { LocationStrategy } from '@angular/common';
 
@@ -11,28 +11,30 @@ 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: _angular_core.ɵɵFactoryDeclaration<LuRouterLink, [null, null, { attribute: "tabindex"; }, null, null, null]>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuRouterLink, "[luRouterLink]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuRouterLink, [null, null, { attribute: "tabindex"; }, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuRouterLink, "[luRouterLink]", never, {}, {}, never, never, true, never>;
 }
 
 declare class LinkComponent {
     #private;
     intl: LinkTranslate;
+    routerLink: LuRouterLink;
     router: Router;
-    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>;
+    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;
     get relAttr(): string;
     get targetAttr(): string;
     get roleAttr(): string;
     get disabledClass(): boolean;
     redirect(): void;
     constructor();
-    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: {}; }]>;
+    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;
 }
 
 export { LinkComponent, LuRouterLink };

package/mobile-push/index.d.ts

@@ -1,4 +1,5 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
 
 interface MobilePushTranslate {
     urlAppStore: string;
@@ -11,10 +12,10 @@ interface MobilePushTranslate {
 
 declare class MobilePushComponent {
     intl: MobilePushTranslate;
-    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>;
+    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>;
 }
 
 export { MobilePushComponent };

package/new-badge/index.d.ts

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

package/numeric-badge/index.d.ts

@@ -1,31 +1,28 @@
 import * as _angular_core from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { Palette } from '@lucca-front/ng/core';
 
-declare class NumericBadgeComponent {
+declare class NumericBadgeComponent implements OnChanges {
     #private;
     /**
      * The value to display, number or string contains number only.
      */
-    readonly value: _angular_core.InputSignal<string | number>;
+    value: number | string;
     /**
      * The size of the badge
      */
-    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
+    size: 'XS' | 'S' | 'M';
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    maxValue: number;
+    disableTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * The palette to use for this badge. Defaults to 'none' (inherits parent palette)
      */
-    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();
+    palette: Palette;
+    ngOnChanges(changes: SimpleChanges): void;
+    displayValue: () => string | number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumericBadgeComponent, 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>;
+    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>;
 }
 
 export { NumericBadgeComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/ng",
-  "version": "21.0.0-rc.3",
+  "version": "21.0.0-rc.4",
   "description": "A library of icons made by the team @Lucca",
   "repository": {
     "type": "git",
@@ -27,8 +27,8 @@
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
     "@angular/animations": "^20.0.0",
-    "@lucca-front/icons": "21.0.0-rc.3",
-    "@lucca-front/scss": "21.0.0-rc.3",
+    "@lucca-front/icons": "21.0.0-rc.4",
+    "@lucca-front/scss": "21.0.0-rc.4",
     "isomorphic-dompurify": "^2.17.0",
     "date-fns": "^3.6.0",
     "ngx-mask": "^20.0.3",
@@ -90,6 +90,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/lucca-front-ng.mjs"
     },
+    "./api": {
+      "types": "./api/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-api.mjs"
+    },
+    "./box": {
+      "types": "./box/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-box.mjs"
+    },
     "./animations": {
       "types": "./animations/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-animations.mjs"
@@ -102,14 +110,6 @@
       "types": "./a11y/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-a11y.mjs"
     },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-api.mjs"
-    },
-    "./box": {
-      "types": "./box/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-box.mjs"
-    },
     "./breadcrumbs": {
       "types": "./breadcrumbs/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-breadcrumbs.mjs"
@@ -142,6 +142,10 @@
       "types": "./container/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-container.mjs"
     },
+    "./core-select": {
+      "types": "./core-select/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-core-select.mjs"
+    },
     "./core": {
       "types": "./core/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-core.mjs"
@@ -150,10 +154,6 @@
       "types": "./data-table/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-data-table.mjs"
     },
-    "./core-select": {
-      "types": "./core-select/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-core-select.mjs"
-    },
     "./date": {
       "types": "./date/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-date.mjs"
@@ -166,14 +166,14 @@
       "types": "./department/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-department.mjs"
     },
-    "./divider": {
-      "types": "./divider/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-divider.mjs"
-    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-dialog.mjs"
     },
+    "./divider": {
+      "types": "./divider/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-divider.mjs"
+    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-dropdown.mjs"
@@ -182,14 +182,14 @@
       "types": "./empty-state/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-empty-state.mjs"
     },
-    "./fancy-box": {
-      "types": "./fancy-box/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-fancy-box.mjs"
-    },
     "./establishment": {
       "types": "./establishment/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-establishment.mjs"
     },
+    "./fancy-box": {
+      "types": "./fancy-box/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-fancy-box.mjs"
+    },
     "./file-upload": {
       "types": "./file-upload/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-file-upload.mjs"
@@ -266,14 +266,14 @@
       "types": "./listing/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-listing.mjs"
     },
-    "./loading": {
-      "types": "./loading/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-loading.mjs"
-    },
     "./main-layout": {
       "types": "./main-layout/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-main-layout.mjs"
     },
+    "./loading": {
+      "types": "./loading/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-loading.mjs"
+    },
     "./mobile-push": {
       "types": "./mobile-push/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-mobile-push.mjs"
@@ -482,14 +482,14 @@
       "types": "./simple-select/api/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-simple-select-api.mjs"
     },
-    "./forms/rich-text-input/formatters/markdown": {
-      "types": "./forms/rich-text-input/formatters/markdown/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs"
-    },
     "./forms/rich-text-input/formatters/html": {
       "types": "./forms/rich-text-input/formatters/html/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs"
     },
+    "./forms/rich-text-input/formatters/markdown": {
+      "types": "./forms/rich-text-input/formatters/markdown/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs"
+    },
     "./forms/rich-text-input/formatters/plain-text": {
       "types": "./forms/rich-text-input/formatters/plain-text/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs"