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

package/scroll/index.d.ts

@@ -1,43 +1,41 @@
-import * as i0 from '@angular/core';
-import { OnInit, ElementRef, EventEmitter } from '@angular/core';
-import { Observable } from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { OutputEmitterRef, OnInit, ElementRef } from '@angular/core';
 
 interface ILuScrollable {
-    onScroll: Observable<Event>;
-    onScrollTop: Observable<Event>;
-    onScrollBottom: Observable<Event>;
-    onScrollLeft: Observable<Event>;
-    onScrollRight: Observable<Event>;
+    onScroll: OutputEmitterRef<Event>;
+    onScrollTop: OutputEmitterRef<Event>;
+    onScrollBottom: OutputEmitterRef<Event>;
+    onScrollLeft: OutputEmitterRef<Event>;
+    onScrollRight: OutputEmitterRef<Event>;
 }
 
 /**
  * emits on scroll events
  */
 declare class LuScrollDirective implements ILuScrollable, OnInit {
+    #private;
     protected _elementRef: ElementRef<HTMLElement>;
-    debounceTime: number;
-    onScroll: EventEmitter<Event>;
-    onScrollTop: EventEmitter<Event>;
-    onScrollBottom: EventEmitter<Event>;
-    onScrollLeft: EventEmitter<Event>;
-    onScrollRight: EventEmitter<Event>;
-    private scrollSubject;
-    private scroll$;
-    _scroll($event: Event): void;
+    readonly debounceTime: _angular_core.InputSignal<number>;
+    readonly onScroll: _angular_core.OutputEmitterRef<Event>;
+    readonly onScrollTop: _angular_core.OutputEmitterRef<Event>;
+    readonly onScrollBottom: _angular_core.OutputEmitterRef<Event>;
+    readonly onScrollLeft: _angular_core.OutputEmitterRef<Event>;
+    readonly onScrollRight: _angular_core.OutputEmitterRef<Event>;
+    scroll(event: Event): void;
     ngOnInit(): void;
     private emitScrollEvents;
     constructor(_elementRef: ElementRef<HTMLElement>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuScrollDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuScrollDirective, "[luScroll]", ["luScroll"], { "debounceTime": { "alias": "debounceTime"; "required": false; }; }, { "onScroll": "onScroll"; "onScrollTop": "onScrollTop"; "onScrollBottom": "onScrollBottom"; "onScrollLeft": "onScrollLeft"; "onScrollRight": "onScrollRight"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuScrollDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuScrollDirective, "[luScroll]", ["luScroll"], { "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "onScroll": "onScroll"; "onScrollTop": "onScrollTop"; "onScrollBottom": "onScrollBottom"; "onScrollLeft": "onScrollLeft"; "onScrollRight": "onScrollRight"; }, never, never, true, never>;
 }
 
 /**
  * @deprecated use `LuScrollDirective` instead
  */
 declare class LuScrollModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuScrollModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuScrollModule, never, [typeof LuScrollDirective], [typeof LuScrollDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuScrollModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuScrollModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LuScrollModule, never, [typeof LuScrollDirective], [typeof LuScrollDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LuScrollModule>;
 }
 
 export { LuScrollDirective, LuScrollModule };

package/scroll-box/index.d.ts

@@ -1,15 +1,16 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, ElementRef } from '@angular/core';
+import { OnInit } from '@angular/core';
 
 declare class ScrollBoxComponent implements OnInit {
-    first: _angular_core.Signal<ElementRef<HTMLElement>>;
-    last: _angular_core.Signal<ElementRef<HTMLElement>>;
+    #private;
     isFirstVisible: _angular_core.WritableSignal<boolean>;
     isLastVisible: _angular_core.WritableSignal<boolean>;
-    initObserver(element: Element, isFirst: boolean): void;
+    vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    scroll(): void;
+    constructor();
     ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollBoxComponent, "lu-scroll-box", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollBoxComponent, "lu-scroll-box", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { ScrollBoxComponent };

package/skeleton/index.d.ts

@@ -1,23 +1,21 @@
 import * as _angular_core from '@angular/core';
 
 declare class SkeletonButtonComponent {
-    dark: boolean;
-    size: 'XS' | 'S' | 'M';
+    readonly dark: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonButtonComponent, "lu-skeleton-button", never, { "dark": { "alias": "dark"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_dark: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonButtonComponent, "lu-skeleton-button", never, { "dark": { "alias": "dark"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonDataTableComponent {
-    dataTableBodyOnly: boolean;
-    cols: _angular_core.InputSignal<number>;
-    colsNumber: _angular_core.Signal<unknown[]>;
-    rows: _angular_core.InputSignal<number>;
-    rowsNumber: _angular_core.Signal<unknown[]>;
-    getRandomPercent: (min?: number, max?: number) => string;
+    readonly dataTableBodyOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly cols: _angular_core.InputSignal<number>;
+    readonly colsNumber: _angular_core.Signal<unknown[]>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly rowsNumber: _angular_core.Signal<unknown[]>;
+    readonly getRandomPercent: (min?: number, max?: number) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonDataTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonDataTableComponent, "lu-skeleton-data-table", never, { "dataTableBodyOnly": { "alias": "dataTableBodyOnly"; "required": false; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_dataTableBodyOnly: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonDataTableComponent, "lu-skeleton-data-table", never, { "dataTableBodyOnly": { "alias": "dataTableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonFieldComponent {
@@ -25,40 +23,37 @@ declare class SkeletonFieldComponent {
     readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, boolean | "false" | "true">;
     readonly rows: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     readonly lines: _angular_core.Signal<unknown[]>;
-    readonly getRandomPercent: (min?: number, max?: number) => number;
+    readonly getRandomPercent: (min?: number, max?: number) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonFieldComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonFieldComponent, "lu-skeleton-field", never, { "dark": { "alias": "dark"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonHeaderComponent {
-    dark: boolean;
+    readonly dark: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonHeaderComponent, "lu-skeleton-header", never, { "dark": { "alias": "dark"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_dark: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonHeaderComponent, "lu-skeleton-header", never, { "dark": { "alias": "dark"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonIndexTableComponent {
-    tableBodyOnly: boolean;
-    cols: _angular_core.InputSignal<number>;
-    colsNumber: _angular_core.Signal<unknown[]>;
-    rows: _angular_core.InputSignal<number>;
-    rowsNumber: _angular_core.Signal<unknown[]>;
-    getRandomPercent: (min?: number, max?: number) => string;
+    readonly tableBodyOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly cols: _angular_core.InputSignal<number>;
+    readonly colsNumber: _angular_core.Signal<unknown[]>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly rowsNumber: _angular_core.Signal<unknown[]>;
+    readonly getRandomPercent: (min?: number, max?: number) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonIndexTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonIndexTableComponent, "lu-skeleton-index-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_tableBodyOnly: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonIndexTableComponent, "lu-skeleton-index-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonTableComponent {
-    tableBodyOnly: boolean;
-    cols: _angular_core.InputSignal<number>;
-    colsNumber: _angular_core.Signal<unknown[]>;
-    rows: _angular_core.InputSignal<number>;
-    rowsNumber: _angular_core.Signal<unknown[]>;
-    getRandomPercent: (min?: number, max?: number) => string;
+    readonly tableBodyOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly cols: _angular_core.InputSignal<number>;
+    readonly colsNumber: _angular_core.Signal<unknown[]>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly rowsNumber: _angular_core.Signal<unknown[]>;
+    readonly randomPercent: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonTableComponent, "lu-skeleton-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_tableBodyOnly: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonTableComponent, "lu-skeleton-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SkeletonButtonComponent, SkeletonDataTableComponent, SkeletonFieldComponent, SkeletonHeaderComponent, SkeletonIndexTableComponent, SkeletonTableComponent };

package/src/components/cdk/_global.scss

@@ -1,4 +1,22 @@
 @use '@lucca-front/scss/src/commons/utils/overflow';
+@use '@lucca-front/scss/src/commons/utils/media';
+
+@mixin stacked($level) {
+  $selector: '';
+  $string: '~ .cdk-global-overlay-wrapper';
+
+	@for $i from 1 through $level {
+    $selector: $selector + $string;
+  }
+
+  &:has(#{$selector}) {
+      .dialog {
+				&.mod-stacked {
+					--components-dialog-level: #{$level};
+				}
+			}
+  }
+}
 
 .cdk-global-overlay-wrapper {
 	block-size: 100%;
@@ -9,6 +27,10 @@
 	display: flex;
 	position: absolute;
 	z-index: 1000;
+
+	@for $i from 1 through 3 {
+		@include stacked($i);
+	}
 }
 
 .cdk-global-scrollblock {
@@ -17,4 +39,3 @@
 
 	@include overflow.scrollblock('!important');
 }
-

package/tag/index.d.ts

@@ -3,37 +3,39 @@ import { LuccaIcon } from '@lucca-front/icons';
 import { Palette, DecorativePalette } from '@lucca-front/ng/core';
 
 declare class TagComponent {
-    withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    label: string;
     /**
-     * Which size should the callout be? Defaults to medium
+     * Which text should the tag be? Defaults to medium
      */
-    size: 'S' | 'M' | 'L';
+    readonly label: _angular_core.InputSignal<string>;
     /**
-     * Which palette should be used for the entire callout.
+     * Which size should the tag be? Defaults to medium
+     */
+    readonly size: _angular_core.InputSignal<"S" | "M" | "L">;
+    /**
+     * Which palette should be used for the entire tag.
      * Defaults to none (inherits parent palette)
      */
-    palette: Palette | DecorativePalette;
+    readonly palette: _angular_core.InputSignal<Palette | DecorativePalette>;
     /**
      * Should display be outlined?
      */
-    outlined: boolean;
+    readonly outlined: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * For routerLink usage
      */
-    link: string;
+    readonly link: _angular_core.InputSignal<string>;
     /**
-     * Which icon should we display in the callout if any?
+     * Which icon should we display in the tag if any?
      * Defaults to no icon.
      */
-    icon: LuccaIcon | undefined;
-    AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    get tagClasses(): {
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    readonly withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly tagClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
+    }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "lu-tag", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; }; "size": { "alias": "size"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "link": { "alias": "link"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_outlined: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "lu-tag", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { TagComponent };

package/time/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, ModelSignal, EventEmitter, ElementRef } from '@angular/core';
+import { InjectionToken, ModelSignal, ElementRef } from '@angular/core';
 import { LuTranslation } from '@lucca-front/ng/core';
 import { ControlValueAccessor } from '@angular/forms';
 
@@ -28,10 +28,10 @@ declare class TimePickerPartComponent {
     hideValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     focused: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    prevRequest: EventEmitter<void>;
-    nextRequest: EventEmitter<void>;
-    inputControlClick: EventEmitter<PickerControlDirection>;
-    touched: EventEmitter<void>;
+    prevRequest: _angular_core.OutputEmitterRef<void>;
+    nextRequest: _angular_core.OutputEmitterRef<void>;
+    inputControlClick: _angular_core.OutputEmitterRef<PickerControlDirection>;
+    touched: _angular_core.OutputEmitterRef<void>;
     timePickerInput?: ElementRef<HTMLInputElement>;
     valueLabel: _angular_core.Signal<string | number>;
     protected inputId: string;

package/toast/index.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, OnDestroy } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import { LuTranslation, PortalContent } from '@lucca-front/ng/core';
 import * as rxjs from 'rxjs';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { Observable, BehaviorSubject } from 'rxjs';
 
 declare const LU_TOAST_TRANSLATIONS: InjectionToken<LuTranslation<ILuToastLabel>>;
 interface ILuToastLabel {
@@ -33,33 +33,20 @@ interface LuToast extends LuToastInput {
     id: string;
 }
 
-declare class LuToastsService {
-    toasts$: BehaviorSubject<LuToast[]>;
-    addToast(toastInput: LuToastInput): LuToast;
-    removeToast(toast: LuToast): void;
-    isOnlyDismissibleManually({ duration }: LuToastInput): boolean;
-    private getToast;
-    private generateId;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuToastsService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuToastsService>;
-}
-
-declare class LuToastsComponent implements OnDestroy {
-    private toastsService;
-    bottom: boolean;
-    set sources(sources: Array<Observable<LuToastInput>>);
-    toasts$: rxjs.BehaviorSubject<LuToast[]>;
-    private destroy$;
-    intl: ILuToastLabel;
-    constructor(toastsService: LuToastsService);
-    ngOnDestroy(): void;
-    iconClassByToastType: Record<LuToastType, string>;
-    paletteClassByToastType: Record<LuToastType, string>;
+declare class LuToastsComponent {
+    #private;
+    readonly bottom: i0.InputSignal<boolean>;
+    readonly sources: i0.InputSignal<Observable<LuToastInput>[]>;
+    constructor();
+    readonly toasts$: rxjs.BehaviorSubject<LuToast[]>;
+    readonly intl: ILuToastLabel;
+    readonly iconClassByToastType: Record<LuToastType, string>;
+    readonly paletteClassByToastType: Record<LuToastType, string>;
     isStringPortalContent(message: PortalContent): message is string;
     removeToast(toast: LuToast): void;
     isOnlyDismissibleManually(toast: LuToast): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuToastsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuToastsComponent, "lu-toasts", never, { "bottom": { "alias": "bottom"; "required": false; }; "sources": { "alias": "sources"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuToastsComponent, "lu-toasts", never, { "bottom": { "alias": "bottom"; "required": false; "isSignal": true; }; "sources": { "alias": "sources"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -71,5 +58,16 @@ declare class LuToastsModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuToastsModule>;
 }
 
+declare class LuToastsService {
+    toasts$: BehaviorSubject<LuToast[]>;
+    addToast(toastInput: LuToastInput): LuToast;
+    removeToast(toast: LuToast): void;
+    isOnlyDismissibleManually({ duration }: LuToastInput): boolean;
+    private getToast;
+    private generateId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuToastsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LuToastsService>;
+}
+
 export { LU_TOAST_TRANSLATIONS, LuToastsComponent, LuToastsModule, LuToastsService, defaultToastDuration, luToastTranslations };
 export type { ILuToastLabel, LuToast, LuToastInput, LuToastType };

package/tooltip/index.d.ts

@@ -1,8 +1,8 @@
 import { AnimationTriggerMetadata } from '@angular/animations';
+import * as _angular_core from '@angular/core';
+import { DestroyRef, OnDestroy } from '@angular/core';
 import * as i2 from '@angular/cdk/overlay';
 import { HorizontalConnectionPos, VerticalConnectionPos, FlexibleConnectedPositionStrategyOrigin, OverlayRef } from '@angular/cdk/overlay';
-import * as i0 from '@angular/core';
-import { DestroyRef, Signal, AfterContentInit, OnDestroy } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { Subject, Observable } from 'rxjs';
 import { LuPopoverPosition } from '@lucca-front/ng/popover';
@@ -10,54 +10,49 @@ import { LuPopoverPosition } from '@lucca-front/ng/popover';
 declare const luTransformTooltip: AnimationTriggerMetadata;
 
 declare class LuTooltipPanelComponent {
-    destroyRef: DestroyRef;
-    mouseEnter$: Subject<void>;
-    mouseEnter(): void;
-    mouseLeave$: Subject<void>;
-    mouseLeave(): void;
-    content: Signal<string | SafeHtml>;
-    id: string;
-    contentPositionClasses: Record<string, boolean>;
+    readonly destroyRef: DestroyRef;
+    readonly mouseEnter$: Subject<void>;
+    readonly mouseLeave$: Subject<void>;
+    readonly content: _angular_core.WritableSignal<string | SafeHtml>;
+    readonly id: _angular_core.WritableSignal<string>;
+    readonly contentPositionClasses: _angular_core.WritableSignal<Record<string, boolean>>;
     setPanelPosition(posX: HorizontalConnectionPos, posY: VerticalConnectionPos): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuTooltipPanelComponent, "lu-tooltip-panel", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuTooltipPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuTooltipPanelComponent, "lu-tooltip-panel", never, {}, {}, never, never, true, never>;
 }
 
 /**
  * @deprecated use `LuTooltipPanelComponent` instead
  */
 declare class LuTooltipPanelModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipPanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuTooltipPanelModule, never, [typeof LuTooltipPanelComponent], [typeof LuTooltipPanelComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuTooltipPanelModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuTooltipPanelModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LuTooltipPanelModule, never, [typeof LuTooltipPanelComponent], [typeof LuTooltipPanelComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LuTooltipPanelModule>;
 }
 
-declare class LuTooltipTriggerDirective implements AfterContentInit, OnDestroy {
+declare class LuTooltipTriggerDirective implements OnDestroy {
     #private;
-    luTooltip: i0.InputSignal<string | SafeHtml>;
-    set luTooltipEnterDelay(delay: number);
-    set luTooltipLeaveDelay(delay: number);
-    luTooltipDisabled: i0.InputSignalWithTransform<boolean, unknown>;
-    luTooltipOnlyForDisplay: boolean;
-    luTooltipPosition: LuPopoverPosition;
-    luTooltipWhenEllipsis: i0.InputSignalWithTransform<boolean, unknown>;
-    luTooltipAnchor: i0.InputSignal<FlexibleConnectedPositionStrategyOrigin>;
-    resize$: Observable<void>;
-    open$: Subject<void>;
-    close$: Subject<void>;
+    readonly luTooltip: _angular_core.InputSignal<string | SafeHtml>;
+    readonly luTooltipEnterDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly luTooltipLeaveDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly luTooltipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly luTooltipOnlyForDisplay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly luTooltipPosition: _angular_core.InputSignal<LuPopoverPosition>;
+    readonly luTooltipWhenEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly luTooltipAnchor: _angular_core.InputSignal<FlexibleConnectedPositionStrategyOrigin>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly resize$: Observable<void>;
     onMouseEnter(): void;
     onMouseLeave(): void;
     onFocus(): void;
     onBlur(): void;
-    _id: string;
-    get ariaDescribedBy(): string;
+    readonly ariaDescribedBy: _angular_core.Signal<string>;
     overlayRef?: OverlayRef;
     constructor();
     ngOnDestroy(): void;
     private openTooltip;
     private closeTooltip;
     private setAccessibilityProperties;
-    ngAfterContentInit(): void;
     private runOutsideZoneJS;
     /**********************
      *
@@ -67,29 +62,28 @@ declare class LuTooltipTriggerDirective implements AfterContentInit, OnDestroy {
     private legacyPositionBuilder;
     private invertVerticalPos;
     private invertHorizontalPos;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuTooltipTriggerDirective, "[luTooltip]", ["luTooltip"], { "luTooltip": { "alias": "luTooltip"; "required": false; "isSignal": true; }; "luTooltipEnterDelay": { "alias": "luTooltipEnterDelay"; "required": false; }; "luTooltipLeaveDelay": { "alias": "luTooltipLeaveDelay"; "required": false; }; "luTooltipDisabled": { "alias": "luTooltipDisabled"; "required": false; "isSignal": true; }; "luTooltipOnlyForDisplay": { "alias": "luTooltipOnlyForDisplay"; "required": false; }; "luTooltipPosition": { "alias": "luTooltipPosition"; "required": false; }; "luTooltipWhenEllipsis": { "alias": "luTooltipWhenEllipsis"; "required": false; "isSignal": true; }; "luTooltipAnchor": { "alias": "luTooltipAnchor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_luTooltipEnterDelay: unknown;
-    static ngAcceptInputType_luTooltipLeaveDelay: unknown;
-    static ngAcceptInputType_luTooltipOnlyForDisplay: unknown;
+    requestClose(): void;
+    requestOpen(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuTooltipTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuTooltipTriggerDirective, "[luTooltip]", ["luTooltip"], { "luTooltip": { "alias": "luTooltip"; "required": false; "isSignal": true; }; "luTooltipEnterDelay": { "alias": "luTooltipEnterDelay"; "required": false; "isSignal": true; }; "luTooltipLeaveDelay": { "alias": "luTooltipLeaveDelay"; "required": false; "isSignal": true; }; "luTooltipDisabled": { "alias": "luTooltipDisabled"; "required": false; "isSignal": true; }; "luTooltipOnlyForDisplay": { "alias": "luTooltipOnlyForDisplay"; "required": false; "isSignal": true; }; "luTooltipPosition": { "alias": "luTooltipPosition"; "required": false; "isSignal": true; }; "luTooltipWhenEllipsis": { "alias": "luTooltipWhenEllipsis"; "required": false; "isSignal": true; }; "luTooltipAnchor": { "alias": "luTooltipAnchor"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
  * @deprecated use `LuTooltipTriggerDirective, OverlayModule` instead
  */
 declare class LuTooltipTriggerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipTriggerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuTooltipTriggerModule, never, [typeof LuTooltipTriggerDirective, typeof i2.OverlayModule], [typeof LuTooltipTriggerDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuTooltipTriggerModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuTooltipTriggerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LuTooltipTriggerModule, never, [typeof LuTooltipTriggerDirective, typeof i2.OverlayModule], [typeof LuTooltipTriggerDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LuTooltipTriggerModule>;
 }
 
 /**
  * @deprecated use `LuTooltipTriggerDirective, OverlayModule, LuTooltipPanelComponent` instead
  */
 declare class LuTooltipModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuTooltipModule, never, [typeof LuTooltipTriggerModule, typeof LuTooltipPanelModule], [typeof LuTooltipTriggerModule, typeof LuTooltipPanelModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuTooltipModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuTooltipModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LuTooltipModule, never, [typeof LuTooltipTriggerModule, typeof LuTooltipPanelModule], [typeof LuTooltipTriggerModule, typeof LuTooltipPanelModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LuTooltipModule>;
 }
 
 export { LuTooltipModule, LuTooltipPanelComponent, LuTooltipPanelModule, LuTooltipTriggerDirective, LuTooltipTriggerModule, luTransformTooltip };

package/user/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PipeTransform, OnChanges, AfterViewInit, ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, OnInit, OnDestroy, TemplateRef } from '@angular/core';
+import { InjectionToken, PipeTransform, AfterViewInit, ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, OnInit, OnDestroy, TemplateRef } from '@angular/core';
 import { EnumValue, LuTranslation, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuOnCloseSubscriber } from '@lucca-front/ng/core';
 import { Overlay } from '@angular/cdk/overlay';
 import { ControlValueAccessor, FormGroup } from '@angular/forms';
@@ -91,33 +91,27 @@ interface LuUserTileUserInput {
  */
 declare class LuUserTileComponent {
     #private;
-    displayPictureFormat: LuDisplayInitials;
-    private _user;
     /**
      * LuUserTileUserInput to display.
      */
-    set user(user: LuUserTileUserInput);
-    get user(): LuUserTileUserInput;
-    private _displayFormat;
+    readonly user: i0.InputSignal<LuUserTileUserInput>;
     /**
      * User Display format.
      * It is set to 'LU_DEFAULT_DISPLAY_POLICY' by default
      */
-    set displayFormat(displayFormat: LuDisplayFormat);
-    get displayFormat(): LuDisplayFormat;
-    private _role;
+    readonly displayFormat: i0.InputSignal<LuDisplayFormat>;
     /**
      * LuUserTileUserInput role to display
      */
-    set role(role: string);
-    get role(): string;
+    readonly role: i0.InputSignal<string>;
     /**
      * Which size should the user tile be? Defaults to medium
      */
-    size: i0.InputSignal<"L" | "XS" | "S" | "M">;
+    readonly size: i0.InputSignal<"L" | "XS" | "S" | "M">;
+    readonly displayPictureFormat: i0.Signal<LuDisplayInitials>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserTileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserTileComponent, "lu-user-tile", never, { "user": { "alias": "user"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "role": { "alias": "role"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserTileComponent, "lu-user-tile", never, { "user": { "alias": "user"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -140,37 +134,35 @@ interface LuUserPictureUserInput {
 /**
  * Displays user's picture or a placeholder with his/her initials and random bg color'
  */
-declare class LuUserPictureComponent implements OnChanges {
+declare class LuUserPictureComponent {
+    #private;
     /**
      * User Display format.
      * It is set to 'LU_DEFAULT_DISPLAY_POLICY' by default
      */
-    displayFormat: LuDisplayInitials;
+    readonly displayFormat: i0.InputSignal<LuDisplayInitials>;
+    readonly user: i0.InputSignal<LuUserPictureUserInput>;
+    readonly AI: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly size: i0.InputSignal<"L" | "XS" | "S" | "M" | "XL" | "XXL" | "XXXL">;
     /**
      * Image loading attribute
      * It is set to 'lazy' by default
      *
      * (more info: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#loading)
      */
-    imageLoadingAttribute: HTMLImageElement['loading'];
-    /**
-     * UserPictureUserInput whose picture you want to display.
-     */
-    private _user;
-    set user(user: LuUserPictureUserInput);
-    AI: i0.InputSignalWithTransform<boolean, unknown>;
-    size: i0.InputSignal<"L" | "XS" | "S" | "M" | "XL" | "XXL" | "XXXL">;
-    get user(): LuUserPictureUserInput;
-    initials: string;
-    hasPicture: boolean;
-    pictureHref: string;
-    style: {};
-    modSize: i0.Signal<string>;
-    ngOnChanges(): void;
+    readonly imageLoadingAttribute: i0.InputSignal<"eager" | "lazy">;
+    readonly initials: i0.Signal<string>;
+    readonly modSize: i0.Signal<string>;
+    readonly hasPicture: i0.WritableSignal<boolean>;
+    readonly pictureHref: i0.Signal<string>;
+    readonly style: i0.WritableSignal<{
+        'background-color': string;
+    } | {
+        'background-color'?: undefined;
+    }>;
     pictureError(): void;
-    private getNameHue;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserPictureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; }; "user": { "alias": "user"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**