@lucca-front/ng 21.0.0-rc.2 → 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 _angular_core from '@angular/core';
-import { EventEmitter, OnChanges, InjectionToken } 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: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    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,16 +21,16 @@ 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;
-    };
+    }>;
+    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, { "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;
+    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 {
@@ -49,16 +42,19 @@ declare class CalloutFeedbackItemComponent {
     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;
+    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; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, 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 {
+declare class CalloutPopoverComponent implements OnDestroy {
+    #private;
+    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)
      */
@@ -74,8 +70,8 @@ declare class CalloutPopoverComponent {
     /**
      * Alternative for the button
      */
-    buttonAlt: _angular_core.InputSignal<string>;
-    headingHiddenIfSingleItem: _angular_core.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
      */
@@ -100,21 +96,33 @@ declare class CalloutPopoverComponent {
      * Heading for the details popover
      */
     readonly heading: _angular_core.InputSignal<PortalContent>;
-    feedbackItems: _angular_core.Signal<readonly CalloutFeedbackItemComponent[]>;
-    contentSize: _angular_core.Signal<"M" | "S">;
-    calloutClasses: _angular_core.Signal<{
+    readonly feedbackItems: _angular_core.Signal<readonly CalloutFeedbackItemComponent[]>;
+    readonly contentSize: _angular_core.Signal<"M" | "S">;
+    readonly calloutOverlayClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    calloutOverlayClasses: _angular_core.Signal<{
+    readonly calloutPalette: _angular_core.Signal<string>;
+    readonly calloutClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    calloutOverlayHeadClasses: _angular_core.Signal<{
+    readonly calloutOverlayHeadClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
+    showContent(): void;
+    private createPanelContent;
+    hideContent(event: MouseEvent | null): void;
+    ngOnDestroy(): void;
     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;
@@ -122,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: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    iconAlt: _angular_core.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: _angular_core.ɵɵFactoryDeclaration<CalloutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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 ɵ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

@@ -9,7 +9,7 @@ interface ChipTranslate {
 
 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>;

package/code/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 
 declare class CodeComponent {
-    block: i0.InputSignalWithTransform<boolean, unknown>;
+    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>;
 }

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/dialog/index.d.ts

@@ -191,11 +191,11 @@ declare class DialogDismissDirective {
 
 declare class DialogOpenDirective {
     #private;
-    dialog: TemplateRef<void>;
-    luDialogConfig: LuDialogConfig<unknown>;
+    readonly dialog: i0.InputSignal<TemplateRef<void>>;
+    readonly luDialogConfig: i0.InputSignal<unknown>;
     click(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogOpenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DialogOpenDirective, "[luDialogOpen]", never, { "dialog": { "alias": "luDialogOpen"; "required": true; }; "luDialogConfig": { "alias": "luDialogConfig"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DialogOpenDirective, "[luDialogOpen]", never, { "dialog": { "alias": "luDialogOpen"; "required": true; "isSignal": true; }; "luDialogConfig": { "alias": "luDialogConfig"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type Deferrable<T> = Promise<T> | Observable<T> | T;

package/empty-state/index.d.ts

@@ -1,5 +1,5 @@
+import * as _angular_core from '@angular/core';
 import { PortalContent, Palette } from '@lucca-front/ng/core';
-import * as i0 from '@angular/core';
 
 type Hx = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -7,53 +7,50 @@ declare class EmptyStatePageComponent {
     /**
      * Icon image (URL)
      */
-    icon: any;
+    readonly icon: _angular_core.InputSignal<string>;
     /**
      * Top right background image (URL)
      */
-    topRightBackground: string;
+    readonly topRightBackground: _angular_core.InputSignal<string>;
     /**
      * Top right foreground image (URL)
      */
-    topRightForeground: string;
+    readonly topRightForeground: _angular_core.InputSignal<string>;
     /**
      * Bottom left background image (URL)
      */
-    bottomLeftBackground: string;
+    readonly bottomLeftBackground: _angular_core.InputSignal<string>;
     /**
      * Bottom left foreground image (URL)
      */
-    bottomLeftForeground: string;
+    readonly bottomLeftForeground: _angular_core.InputSignal<string>;
     /**
      * Background color for content (text)
      */
-    contentBackgroundColor: string;
-    slotTop: PortalContent;
-    heading: string;
-    description: PortalContent;
-    hx: Hx;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStatePageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStatePageComponent, "lu-empty-state-page", never, { "icon": { "alias": "icon"; "required": false; }; "topRightBackground": { "alias": "topRightBackground"; "required": false; }; "topRightForeground": { "alias": "topRightForeground"; "required": false; }; "bottomLeftBackground": { "alias": "bottomLeftBackground"; "required": false; }; "bottomLeftForeground": { "alias": "bottomLeftForeground"; "required": false; }; "contentBackgroundColor": { "alias": "contentBackgroundColor"; "required": false; }; "slotTop": { "alias": "slotTop"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "hx": { "alias": "hx"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_hx: unknown;
+    readonly contentBackgroundColor: _angular_core.InputSignal<string>;
+    readonly slotTop: _angular_core.InputSignal<PortalContent>;
+    readonly heading: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<PortalContent>;
+    readonly hx: _angular_core.InputSignalWithTransform<Hx, Hx | "1" | "2" | "3" | "4" | "5" | "6">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStatePageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStatePageComponent, "lu-empty-state-page", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "topRightBackground": { "alias": "topRightBackground"; "required": false; "isSignal": true; }; "topRightForeground": { "alias": "topRightForeground"; "required": false; "isSignal": true; }; "bottomLeftBackground": { "alias": "bottomLeftBackground"; "required": false; "isSignal": true; }; "bottomLeftForeground": { "alias": "bottomLeftForeground"; "required": false; "isSignal": true; }; "contentBackgroundColor": { "alias": "contentBackgroundColor"; "required": false; "isSignal": true; }; "slotTop": { "alias": "slotTop"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "hx": { "alias": "hx"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class EmptyStateSectionComponent {
     /**
      * Icon URL
      */
-    icon: string;
-    palette: Palette;
-    center: boolean;
-    heading: string;
-    description: PortalContent;
-    hx: Hx;
-    get emptyStateClasses(): {
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly palette: _angular_core.InputSignal<Palette>;
+    readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly heading: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<PortalContent>;
+    readonly hx: _angular_core.InputSignalWithTransform<Hx, Hx | "1" | "2" | "3" | "4" | "5" | "6">;
+    readonly emptyStateClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateSectionComponent, "lu-empty-state-section", never, { "icon": { "alias": "icon"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "center": { "alias": "center"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "hx": { "alias": "hx"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_center: unknown;
-    static ngAcceptInputType_hx: unknown;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStateSectionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateSectionComponent, "lu-empty-state-section", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "center": { "alias": "center"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "hx": { "alias": "hx"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { EmptyStatePageComponent, EmptyStateSectionComponent };

package/fancy-box/index.d.ts

@@ -1,15 +1,16 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 declare class FancyBoxComponent {
-    foreground?: string;
-    get foregroundStyle(): string;
-    backgroundLeft: string;
-    get backgroundLeftStyle(): string;
-    backgroundRight: string;
-    get backgroundRightStyle(): string;
-    size: i0.InputSignal<"S">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FancyBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FancyBoxComponent, "lu-fancy-box", never, { "foreground": { "alias": "foreground"; "required": false; }; "backgroundLeft": { "alias": "backgroundLeft"; "required": true; }; "backgroundRight": { "alias": "backgroundRight"; "required": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    readonly foreground: _angular_core.InputSignal<string>;
+    readonly backgroundLeft: _angular_core.InputSignal<string>;
+    readonly backgroundRight: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"S">;
+    readonly foregroundStyle: _angular_core.Signal<string>;
+    readonly backgroundLeftStyle: _angular_core.Signal<string>;
+    readonly backgroundRightStyle: _angular_core.Signal<string>;
+    buildUrl(text: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FancyBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FancyBoxComponent, "lu-fancy-box", never, { "foreground": { "alias": "foreground"; "required": false; "isSignal": true; }; "backgroundLeft": { "alias": "backgroundLeft"; "required": true; "isSignal": true; }; "backgroundRight": { "alias": "backgroundRight"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { FancyBoxComponent };

package/fesm2022/lucca-front-ng-app-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-app-layout.mjs","sources":["../../../packages/ng/app-layout/app-layout.component.ts","../../../packages/ng/app-layout/app-layout.component.html","../../../packages/ng/app-layout/lucca-front-ng-app-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-app-layout',\n\tstyleUrl: './app-layout.component.scss',\n\ttemplateUrl: './app-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'appLayout',\n\t\t'[class.mod-mobileNavSideBottom]': 'mobileNavSideBottom()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppLayoutComponent {\n\tmobileNavSideBottom = input(false, { transform: booleanAttribute });\n}\n","<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYC,IAAmB,CAAA,mBAAA,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACnE;8GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,wWCb/B,8NAGA,EAAA,MAAA,EAAA,CAAA,q7CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGV,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,iCAAiC,EAAE,uBAAuB;qBAC1D,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8NAAA,EAAA,MAAA,EAAA,CAAA,q7CAAA,CAAA,EAAA;;;AEXhD;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-app-layout.mjs","sources":["../../../packages/ng/app-layout/app-layout.component.ts","../../../packages/ng/app-layout/app-layout.component.html","../../../packages/ng/app-layout/lucca-front-ng-app-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-app-layout',\n\tstyleUrl: './app-layout.component.scss',\n\ttemplateUrl: './app-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'appLayout',\n\t\t'[class.mod-mobileNavSideBottom]': 'mobileNavSideBottom()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppLayoutComponent {\n\treadonly mobileNavSideBottom = input(false, { transform: booleanAttribute });\n}\n","<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYU,IAAmB,CAAA,mBAAA,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC5E;8GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,wWCb/B,8NAGA,EAAA,MAAA,EAAA,CAAA,q7CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGV,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,iCAAiC,EAAE,uBAAuB;qBAC1D,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8NAAA,EAAA,MAAA,EAAA,CAAA,q7CAAA,CAAA,EAAA;;;AEXhD;;AAEG;;;;"}