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

package/app-layout/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 
 declare class AppLayoutComponent {
-    mobileNavSideBottom: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly mobileNavSideBottom: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppLayoutComponent, "lu-app-layout", never, { "mobileNavSideBottom": { "alias": "mobileNavSideBottom"; "required": false; "isSignal": true; }; }, {}, never, ["[appLayoutBanner]", "[appLayoutNavSide]", "*"], true, never>;
 }

package/box/index.d.ts

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
 
 declare class BoxComponent {
-    toggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    neutral: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    killable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly toggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly neutral: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly killable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BoxComponent, "lu-box", never, { "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "neutral": { "alias": "neutral"; "required": false; "isSignal": true; }; "killable": { "alias": "killable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/breadcrumbs/index.d.ts

@@ -13,9 +13,9 @@ interface LuBreadcrumbsLabel {
 
 declare class BreadcrumbsComponent {
     intl: LuBreadcrumbsLabel;
-    disableCompact: i0.InputSignalWithTransform<boolean, unknown>;
-    links: i0.Signal<readonly BreadcrumbsLinkDirective[]>;
-    isCompact: i0.Signal<boolean>;
+    readonly disableCompact: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly links: i0.Signal<readonly BreadcrumbsLinkDirective[]>;
+    readonly isCompact: i0.Signal<boolean>;
     readonly id: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "lu-breadcrumbs", never, { "disableCompact": { "alias": "disableCompact"; "required": false; "isSignal": true; }; }, {}, ["links"], never, true, never>;

package/button/index.d.ts

@@ -1,35 +1,40 @@
-import * as i0 from '@angular/core';
-import { OnChanges, ElementRef, SimpleChanges } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { Palette } from '@lucca-front/ng/core';
 
-declare class ButtonComponent implements OnChanges {
+declare class ButtonComponent {
     #private;
-    notifyError: i0.WritableSignal<boolean>;
-    size: 'M' | 'S' | 'XS';
-    block: boolean;
-    critical: boolean;
-    delete: boolean;
-    disclosure: boolean;
-    palette: Palette;
-    state: 'default' | 'loading' | 'error' | 'success';
+    readonly notifyError: _angular_core.WritableSignal<boolean>;
+    readonly size: _angular_core.InputSignal<"M" | "S" | "XS">;
+    readonly block: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly critical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly delete: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disclosure: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly palette: _angular_core.InputSignal<Palette>;
+    readonly state: _angular_core.InputSignal<"success" | "error" | "default" | "loading">;
     /**
      * '' is the default value when you just set the `luButton` directive without a value attached to it.
      * We just make this explicit here.
      */
-    luButton: '' | 'outlined' | 'AI' | 'ghost' | 'ghost-invert' | 'text' | 'text-invert';
-    set iconComponentRef(ref: ElementRef<HTMLElement>);
+    readonly luButton: _angular_core.InputSignal<"" | "outlined" | "AI" | "ghost" | "ghost-invert" | "text" | "text-invert">;
+    readonly iconComponentRef: _angular_core.Signal<ElementRef<HTMLElement>>;
+    readonly classesConfig: _angular_core.Signal<{
+        [x: string]: boolean;
+        "mod-block": boolean;
+        "mod-onlyIcon": boolean;
+        "mod-iconOnLeft": boolean;
+        "mod-iconOnRight": boolean;
+        "mod-withIcon": boolean;
+        "mod-critical": boolean;
+        "mod-disclosure": boolean;
+    }>;
     private get iconOnly();
     private get iconOnLeft();
     private get iconOnRight();
-    ngOnChanges({ state }: SimpleChanges): void;
+    constructor();
     triggerErrorIfNeeded(): void;
-    updateClasses(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[luButton],a[luButton]", never, { "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "critical": { "alias": "critical"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "disclosure": { "alias": "disclosure"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "state": { "alias": "state"; "required": false; }; "luButton": { "alias": "luButton"; "required": false; }; }, {}, ["iconComponentRef"], ["*"], true, never>;
-    static ngAcceptInputType_block: unknown;
-    static ngAcceptInputType_critical: unknown;
-    static ngAcceptInputType_delete: unknown;
-    static ngAcceptInputType_disclosure: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "button[luButton],a[luButton]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "critical": { "alias": "critical"; "required": false; "isSignal": true; }; "delete": { "alias": "delete"; "required": false; "isSignal": true; }; "disclosure": { "alias": "disclosure"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "luButton": { "alias": "luButton"; "required": false; "isSignal": true; }; }, {}, ["iconComponentRef"], ["*"], true, never>;
 }
 
 export { ButtonComponent };

package/callout/index.d.ts

@@ -1,26 +1,19 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, OnChanges, OnDestroy, ElementRef, TemplateRef, InjectionToken } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef, TemplateRef, InjectionToken } from '@angular/core';
 import { LuccaIcon } from '@lucca-front/icons';
-import { Palette, PortalContent, LuTranslation } from '@lucca-front/ng/core';
+import { PortalContent, Palette, LuTranslation } from '@lucca-front/ng/core';
 
 declare class CalloutActionsComponent {
-    inline: i0.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutActionsComponent, "lu-callout-actions", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutActionsComponent, "lu-callout-actions", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare const CalloutStates: readonly ["success", "warning", "error"];
-type CalloutState = (typeof CalloutStates)[number];
-declare const CalloutStateMap: Record<CalloutState, {
-    icon: LuccaIcon;
-    palette: Palette;
-}>;
-
 declare class CalloutDisclosureComponent {
-    icon: LuccaIcon;
-    heading: PortalContent;
-    palette: Palette;
-    size: 'M' | 'S';
+    readonly heading: _angular_core.InputSignal<PortalContent>;
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    readonly palette: _angular_core.InputSignal<Palette>;
+    readonly size: _angular_core.InputSignal<"M" | "S">;
     /**
      * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
      * the provided state.
@@ -28,71 +21,69 @@ declare class CalloutDisclosureComponent {
      * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
      * state (so setting state to success and palette to warning will make the palette warning)
      */
-    state: CalloutState;
-    open: boolean;
-    openChange: EventEmitter<boolean>;
-    onToggle(event: Event): void;
-    get calloutClasses(): {
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
+    readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly calloutPalette: _angular_core.Signal<string>;
+    readonly calloutClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutDisclosureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutDisclosureComponent, "lu-callout-disclosure", never, { "icon": { "alias": "icon"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_open: unknown;
+    }>;
+    openChange: _angular_core.OutputEmitterRef<boolean>;
+    onToggle(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutDisclosureComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutDisclosureComponent, "lu-callout-disclosure", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
 }
 
 declare class CalloutFeedbackItemDescriptionDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutFeedbackItemDescriptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CalloutFeedbackItemDescriptionDirective, "lu-feedback-item-description", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackItemDescriptionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CalloutFeedbackItemDescriptionDirective, "lu-feedback-item-description", never, {}, {}, never, never, true, never>;
 }
 declare class CalloutFeedbackItemComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutFeedbackItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutFeedbackItemComponent, "li[lu-callout-feedback-item]", never, {}, {}, never, ["lu-feedback-item-description", "[lu-feedback-item-action]"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutFeedbackItemComponent, "li[lu-callout-feedback-item]", never, {}, {}, never, ["lu-feedback-item-description", "[lu-feedback-item-action]"], true, never>;
 }
 
-declare class CalloutFeedbackListComponent implements OnChanges {
+declare class CalloutFeedbackListComponent {
     #private;
-    palette: Palette;
-    size: 'M' | 'S';
-    ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutFeedbackListComponent, "ul[lu-callout-feedback-list]", never, { "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    readonly palette: _angular_core.InputSignal<Palette>;
+    readonly size: _angular_core.InputSignal<"M" | "S">;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutFeedbackListComponent, "ul[lu-callout-feedback-list]", never, { "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CalloutPopoverComponent implements OnDestroy {
     #private;
-    overlayOrigin: ElementRef;
-    overlayContent: TemplateRef<unknown>;
-    private _hideDelayId;
-    private _showDelayId;
+    readonly overlayOrigin: _angular_core.Signal<ElementRef<any>>;
+    readonly overlayContent: _angular_core.Signal<TemplateRef<unknown>>;
     /**
      * Debounce for the popover to open (mouse will have to be on the element fox openDelay milliseconds for popover to show)
      */
-    readonly openDelay = 50;
+    readonly openDelay: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Debounce for the popover to close (mouse will have to be out of both popover and trigger for closeDelay milliseconds for it to close)
      */
-    readonly closeDelay = 500;
+    readonly closeDelay: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Label (visual only) to put inside the button, often used to show just a number
      */
-    buttonLabel: string;
+    readonly buttonLabel: _angular_core.InputSignal<string>;
     /**
      * Alternative for the button
      */
-    buttonAlt: i0.InputSignal<string>;
-    headingHiddenIfSingleItem: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly buttonAlt: _angular_core.InputSignal<string>;
+    readonly headingHiddenIfSingleItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Palette for both the button and the popover content
      */
-    palette: Palette;
+    readonly palette: _angular_core.InputSignal<Palette>;
     /**
      * Size for both button and popover content
      */
-    size?: 'M' | 'S' | 'XS';
+    readonly size: _angular_core.InputSignal<"M" | "S" | "XS">;
     /**
      * Icon shows in button and next to popover's title
      */
-    icon: LuccaIcon;
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
     /**
      * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
      * the provided state.
@@ -100,32 +91,38 @@ declare class CalloutPopoverComponent implements OnDestroy {
      * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
      * state (so setting state to success and palette to warning will make the palette warning)
      */
-    state: CalloutState;
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
     /**
      * Heading for the details popover
      */
-    heading: PortalContent;
-    feedbackItems: i0.Signal<readonly CalloutFeedbackItemComponent[]>;
-    get contentSize(): 'S' | 'M' | undefined;
-    get calloutClasses(): {
+    readonly heading: _angular_core.InputSignal<PortalContent>;
+    readonly feedbackItems: _angular_core.Signal<readonly CalloutFeedbackItemComponent[]>;
+    readonly contentSize: _angular_core.Signal<"M" | "S">;
+    readonly calloutOverlayClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    get calloutOverlayClasses(): {
+    }>;
+    readonly calloutPalette: _angular_core.Signal<string>;
+    readonly calloutClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    get calloutOverlayHeadClasses(): {
+    }>;
+    readonly calloutOverlayHeadClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
+    }>;
     showContent(): void;
     private createPanelContent;
     hideContent(event: MouseEvent | null): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutPopoverComponent, "lu-callout-popover", never, { "openDelay": { "alias": "openDelay"; "required": false; }; "closeDelay": { "alias": "closeDelay"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "buttonAlt": { "alias": "buttonAlt"; "required": false; "isSignal": true; }; "headingHiddenIfSingleItem": { "alias": "headingHiddenIfSingleItem"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "state": { "alias": "state"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; }, {}, ["feedbackItems"], ["*"], true, never>;
-    static ngAcceptInputType_openDelay: unknown;
-    static ngAcceptInputType_closeDelay: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutPopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutPopoverComponent, "lu-callout-popover", never, { "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "buttonAlt": { "alias": "buttonAlt"; "required": false; "isSignal": true; }; "headingHiddenIfSingleItem": { "alias": "headingHiddenIfSingleItem"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; }, {}, ["feedbackItems"], ["*"], true, never>;
 }
 
+declare const CalloutStates: readonly ["success", "warning", "error"];
+type CalloutState = (typeof CalloutStates)[number];
+declare const CalloutStateMap: Record<CalloutState, {
+    icon: LuccaIcon;
+    palette: Palette;
+}>;
+
 declare const LU_CALLOUT_TRANSLATIONS: InjectionToken<LuTranslation<LuCalloutLabel>>;
 interface LuCalloutLabel {
     close: string;
@@ -133,52 +130,59 @@ interface LuCalloutLabel {
 declare const luCalloutTranslations: LuTranslation<LuCalloutLabel>;
 
 declare class CalloutComponent {
+    intl: LuCalloutLabel;
     /**
      * The title of the callout
      */
-    heading: PortalContent;
+    readonly heading: _angular_core.InputSignal<PortalContent>;
     /**
      * Which palette should be used for the entire callout.
      * Defaults to none (inherits parent palette)
      */
-    palette: Palette;
+    readonly palette: _angular_core.InputSignal<Palette>;
     /**
      * Which size should the callout be? Defaults to medium
      */
-    size: 'M' | 'S';
+    readonly size: _angular_core.InputSignal<"M" | "S">;
     /**
-     * Should we display the remove icon?
+     * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
+     * the provided state.
+     *
+     * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
+     * state (so setting state to success and palette to warning will make the palette warning)
      */
-    removable: boolean;
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
     /**
      * Which icon should we display in the callout if any?
      * Defaults to no icon.
      */
-    icon: LuccaIcon;
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
     /**
-     * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
-     * the provided state.
-     *
-     * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
-     * state (so setting state to success and palette to warning will make the palette warning)
+     * Should we display the remove icon?
      */
-    state: CalloutState;
+    readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Is the callout removed? Works with two way binding too.
      */
-    removed: boolean;
-    get hiddenAttr(): 'hidden' | null;
-    removedChange: EventEmitter<boolean>;
-    AI: i0.InputSignalWithTransform<boolean, unknown>;
-    iconAlt: i0.InputSignal<string>;
-    intl: LuCalloutLabel;
-    get calloutClasses(): {
+    readonly removed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the icon’s alt attribute used for accessibility
+     */
+    readonly iconAlt: _angular_core.InputSignal<string>;
+    /**
+     * Displayed in AI mode
+     */
+    readonly AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emit event when button removed is click
+     */
+    readonly removedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly removedRef: _angular_core.WritableSignal<boolean>;
+    readonly calloutClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "lu-callout", never, { "heading": { "alias": "heading"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "state": { "alias": "state"; "required": false; }; "removed": { "alias": "removed"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_removable: unknown;
-    static ngAcceptInputType_removed: unknown;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutComponent, "lu-callout", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removed": { "alias": "removed"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, never>;
 }
 
 export { CalloutActionsComponent, CalloutComponent, CalloutDisclosureComponent, CalloutFeedbackItemComponent, CalloutFeedbackItemDescriptionDirective, CalloutFeedbackListComponent, CalloutPopoverComponent, CalloutStateMap, CalloutStates, LU_CALLOUT_TRANSLATIONS, luCalloutTranslations };

package/chip/index.d.ts

@@ -1,19 +1,28 @@
 import * as _angular_core from '@angular/core';
+import { LuccaIcon } from '@lucca-front/icons';
 
 interface ChipTranslate {
     delete: string;
+    error: string;
+    warning: string;
 }
 
 declare class ChipComponent {
     intl: ChipTranslate;
-    withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly unkillable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly palette: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly classPalette: _angular_core.Signal<boolean>;
+    readonly size: _angular_core.InputSignal<"S">;
+    readonly state: _angular_core.InputSignal<"warning" | "critical">;
+    readonly stateAlt: _angular_core.Signal<string>;
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
     readonly kill: _angular_core.OutputEmitterRef<Event>;
+    readonly isWarning: _angular_core.Signal<boolean>;
+    readonly isCritical: _angular_core.Signal<boolean>;
+    readonly displayedIcon: _angular_core.Signal<LuccaIcon>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lu-chip", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "unkillable": { "alias": "unkillable"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "kill": "kill"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lu-chip, button[luChip], a[luChip]", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "unkillable": { "alias": "unkillable"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "kill": "kill"; }, never, ["*"], true, never>;
 }
 
 export { ChipComponent };

package/clear/index.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { EventEmitter, ElementRef } from '@angular/core';
+import { Palette } from '@lucca-front/ng/core';
 import { Observable } from 'rxjs';
 
 interface LuClearLabel {
@@ -14,16 +15,18 @@ declare abstract class ALuClear<T> implements ILuClear<T> {
 }
 
 declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
+    #private;
     intl: LuClearLabel;
     size: _angular_core.InputSignal<"S">;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    product: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    palette: _angular_core.InputSignal<Palette>;
     inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
     onClear: EventEmitter<T>;
     contentRef: _angular_core.Signal<readonly ElementRef<any>[]>;
+    constructor();
     clear($event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClearComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearComponent<any>, "lu-clear", ["luClearer"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "product": { "alias": "product"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; }, { "onClear": "onClear"; }, ["contentRef"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearComponent<any>, "lu-clear", ["luClearer"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; }, { "onClear": "onClear"; }, ["contentRef"], ["*"], true, never>;
 }
 
 export { ALuClear, ClearComponent };

package/code/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 
-declare class codeComponent {
-    block: i0.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<codeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<codeComponent, "lu-code", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+declare class CodeComponent {
+    readonly block: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeComponent, "lu-code", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { codeComponent };
+export { CodeComponent };

package/comment/index.d.ts

@@ -27,21 +27,18 @@ declare class CommentComponent {
 
 declare class CommentBlockComponent {
     #private;
-    compact: boolean;
-    small: boolean;
-    chatAnswer: boolean;
-    comments: _angular_core.Signal<readonly CommentComponent[]>;
-    authorName: _angular_core.InputSignal<PortalContent>;
-    avatar: _angular_core.InputSignal<TemplateRef<unknown>>;
-    size: _angular_core.InputSignal<"S" | "M">;
-    noAvatar: _angular_core.Signal<boolean>;
-    isSingleComment: _angular_core.Signal<boolean>;
-    role: string;
+    readonly comments: _angular_core.Signal<readonly CommentComponent[]>;
+    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly chatAnswer: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly authorName: _angular_core.InputSignal<PortalContent>;
+    readonly avatar: _angular_core.InputSignal<TemplateRef<unknown>>;
+    readonly size: _angular_core.InputSignal<"S" | "M">;
+    readonly noAvatar: _angular_core.Signal<boolean>;
+    readonly isSingleComment: _angular_core.Signal<boolean>;
+    readonly role: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommentBlockComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentBlockComponent, "lu-comment-block", never, { "compact": { "alias": "compact"; "required": false; }; "small": { "alias": "small"; "required": false; }; "chatAnswer": { "alias": "chatAnswer"; "required": false; }; "authorName": { "alias": "authorName"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["comments"], ["*"], true, never>;
-    static ngAcceptInputType_compact: unknown;
-    static ngAcceptInputType_small: unknown;
-    static ngAcceptInputType_chatAnswer: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentBlockComponent, "lu-comment-block", never, { "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "chatAnswer": { "alias": "chatAnswer"; "required": false; "isSignal": true; }; "authorName": { "alias": "authorName"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["comments"], ["*"], true, never>;
 }
 
 declare class CommentChatComponent {

package/core/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, TemplateRef, Type, OnDestroy, Signal, CreateEffectOptions, PipeTransform } from '@angular/core';
+import { InjectionToken, TemplateRef, Type, OnDestroy, Signal, EffectCleanupRegisterFn, CreateEffectOptions, EffectRef, PipeTransform } from '@angular/core';
 
 /**
  * Extracts the values of an enum as a union type.
@@ -184,7 +184,7 @@ declare class PortalDirective<T = unknown> implements OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<PortalDirective<any>, "[luPortal]", never, { "luPortal": { "alias": "luPortal"; "required": true; "isSignal": true; }; "luPortalContext": { "alias": "luPortalContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type EffectWithDepsValues<T> = T extends readonly unknown[] ? TupleOfSignalValues<T> : [RecordOfSignalValues<T>];
+type SignalsValue<T> = T extends readonly unknown[] ? TupleOfSignalValues<T> : [RecordOfSignalValues<T>];
 type TupleOfSignalValues<T> = T extends readonly [Signal<infer U>, ...infer R] ? [U, ...TupleOfSignalValues<R>] : [];
 type RecordOfSignalValues<T> = {
     [K in keyof T]: T[K] extends Signal<infer U> ? U : never;
@@ -193,9 +193,9 @@ type EffectWithDepsInput = ReadonlyArray<Signal<unknown>> | Record<string, Signa
 /**
  * Effect peut être dangereux car l'action accomplie peut elle-même déclencher des écritures dans des signaux.
  * C'est une mauvaise pratique, interdite par défaut par Angular.
- * La plupars du temps, seule la lecture des signaux est intéressante à tracker, pas les actions qui en découlent.
+ * La plupart du temps, seule la lecture des signaux est intéressante à tracker, pas les actions qui en découlent.
  */
-declare function ɵeffectWithDeps<const T extends EffectWithDepsInput>(dependencies: T, action: (...values: EffectWithDepsValues<T>) => unknown, options?: CreateEffectOptions): void;
+declare function ɵeffectWithDeps<const T extends EffectWithDepsInput>(dependencies: T, action: (...values: [...SignalsValue<T>, EffectCleanupRegisterFn]) => unknown, options?: CreateEffectOptions): EffectRef;
 
 type LuClassSupportedTypes = string | string[] | Set<string> | {
     [klass: string]: boolean;
@@ -237,4 +237,4 @@ interface ILuTree<T> {
 }
 
 export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuClass, LuNativeDateAdapter, LuStringDateAdapter, PORTAL_CONTEXT, PortalDirective, generateId, getIntl, isNil, isNotNil, luDefaultNativeDateAdapterOptions, ɵeffectWithDeps };
-export type { At, Breakpoint, DecorativePalette, EnumValue, ILuDateAdapter, ILuGroup, ILuNativeDateAdapterOptions, ILuOnCloseSubscriber, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuTranslation, ILuTree, LuDateGranularity, LuTranslation, Palette, PortalContent, ResponsiveConfig, ResponsiveProperty };
+export type { At, Breakpoint, DecorativePalette, EffectWithDepsInput, EnumValue, ILuDateAdapter, ILuGroup, ILuNativeDateAdapterOptions, ILuOnCloseSubscriber, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuTranslation, ILuTree, LuDateGranularity, LuTranslation, Palette, PortalContent, ResponsiveConfig, ResponsiveProperty };

package/core-select/index.d.ts

@@ -293,10 +293,12 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
      */
     set grouping(grouping: LuOptionGrouping<TOption, unknown> | undefined);
     treeGenerator?: TreeGenerator<TOption, TreeNode<TOption>>;
-    clueChange: EventEmitter<string>;
-    nextPage: EventEmitter<void>;
-    previousPage: EventEmitter<void>;
-    addOption: EventEmitter<string>;
+    clueChange$: Subject<string>;
+    clueChange: i0.OutputRef<string>;
+    nextPage$: Subject<void>;
+    nextPage: i0.OutputRef<void>;
+    previousPage: i0.OutputEmitterRef<void>;
+    addOption: i0.OutputEmitterRef<string>;
     valueSignal: i0.WritableSignal<TValue>;
     isFilterPillEmpty: i0.Signal<boolean>;
     isFilterPillClearable: i0.Signal<boolean>;

package/core-select/user/index.d.ts

@@ -71,12 +71,13 @@ declare class LuCoreSelectUsersDirective<T extends LuCoreSelectUser = LuCoreSele
 }
 declare class LuCoreSelectUserOptionDirective<T extends LuCoreSelectUser = LuCoreSelectUser> {
     #private;
-    set usersDirective(usersDirective: LuCoreSelectUsersDirective<T>);
+    readonly usersDirective: _angular_core.InputSignal<LuCoreSelectUsersDirective<T>>;
+    constructor();
     static ngTemplateContextGuard<T extends LuCoreSelectUser>(_dir: LuCoreSelectUserOptionDirective<T>, ctx: unknown): ctx is {
         $implicit: T;
     };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuCoreSelectUserOptionDirective<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectUserOptionDirective<any>, "[luUserOption]", never, { "usersDirective": { "alias": "luUserOptionUsersRef"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectUserOptionDirective<any>, "[luUserOption]", never, { "usersDirective": { "alias": "luUserOptionUsersRef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { LU_CORE_SELECT_USER_TRANSLATIONS, LuCoreSelectUserOptionDirective, LuCoreSelectUsersDirective, luCoreSelectUserTranslations, provideCoreSelectCurrentUserId, provideCoreSelectUsersContext };

package/data-table/index.d.ts

@@ -1,6 +1,6 @@
 import * as _lucca_front_ng_data_table from '@lucca-front/ng/data-table';
 import * as _angular_core from '@angular/core';
-import { AfterContentInit, ElementRef } from '@angular/core';
+import { AfterContentInit, ElementRef, OnInit } from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
 declare class DataTableBodyComponent {
@@ -85,7 +85,7 @@ declare class DataTableRowComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowComponent, "tr[luDataTableRow]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
 }
 
-declare class DataTableComponent {
+declare class DataTableComponent implements OnInit {
     #private;
     tableRef: _angular_core.Signal<ElementRef<Element>>;
     readonly hover: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -127,6 +127,7 @@ declare class DataTableComponent {
     }>;
     scroll(): void;
     constructor();
+    ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent, "lu-data-table", never, { "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "cellBorder": { "alias": "cellBorder"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; "drag": { "alias": "drag"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "stickyColsStart": { "alias": "stickyColsStart"; "required": false; "isSignal": true; }; "stickyColsEnd": { "alias": "stickyColsEnd"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[dataTablePagination]"], true, never>;
 }