@lucca-front/ng 22.0.0-rc.2 → 22.0.0-rc.4

package/types/lucca-front-ng-link.d.ts

@@ -1,5 +1,7 @@
+import * as _lucca_front_ng_data_table from '@lucca-front/ng/data-table';
+import * as _lucca_front_ng_index_table from '@lucca-front/ng/index-table';
 import * as _angular_core from '@angular/core';
-import { Renderer2, ElementRef, WritableSignal } from '@angular/core';
+import { Renderer2, ElementRef, WritableSignal, InjectionToken } from '@angular/core';
 import { LocationStrategy, Location } from '@angular/common';
 import { RouterLink, Router, ActivatedRoute, UrlTree } from '@angular/router';
 
@@ -20,6 +22,8 @@ declare class LinkComponent {
     readonly routerLink: LuRouterLink;
     readonly router: Router;
     readonly location: Location;
+    readonly insideIndexTable: _lucca_front_ng_index_table.IndexTableComponent;
+    readonly insideDataTable: _lucca_front_ng_data_table.DataTableComponent;
     /**
      * Target page address. Use only for external links or pages not recognized by the router.
      */
@@ -40,11 +44,17 @@ declare class LinkComponent {
      * Indicates that the link will open in a new tab
      */
     readonly external: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * External icon only visible on hover/focus
+     */
+    readonly hiddenIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
     hrefBackup: string;
     constructor();
     redirect(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "a[luLink], button[luLink]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "luHref": { "alias": "href"; "required": false; "isSignal": true; }; "routerLinkCommands": { "alias": "luLink"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "decorationHover": { "alias": "decorationHover"; "required": false; "isSignal": true; }; "external": { "alias": "external"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof LuRouterLink; inputs: { "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "a[luLink], button[luLink]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "luHref": { "alias": "href"; "required": false; "isSignal": true; }; "routerLinkCommands": { "alias": "luLink"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "decorationHover": { "alias": "decorationHover"; "required": false; "isSignal": true; }; "external": { "alias": "external"; "required": false; "isSignal": true; }; "hiddenIcon": { "alias": "hiddenIcon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof LuRouterLink; inputs: { "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; }; outputs: {}; }]>;
 }
 
-export { LinkComponent, LuRouterLink };
+declare const LU_LINK_INSTANCE: InjectionToken<boolean>;
+
+export { LU_LINK_INSTANCE, LinkComponent, LuRouterLink };

package/types/lucca-front-ng-listbox.d.ts

@@ -1,5 +1,11 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available ListboxComponent Types
+ */
+declare const LISTBOX_STATE: readonly ["loading", "empty"];
+type ListboxState = (typeof LISTBOX_STATE)[number];
+
 declare class ListboxComponent {
     /**
      * Applies multiple mod to the listbox
@@ -47,4 +53,5 @@ declare class OptionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionComponent, "lu-listbox-option", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hovered": { "alias": "hovered"; "required": false; "isSignal": true; }; "add": { "alias": "add"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "select": { "alias": "select"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; }, {}, ["treeitemContent"], ["*", "[optgroup]", "[treeitem]"], true, never>;
 }
 
-export { ListboxComponent, OptionComponent, Treeitem };
+export { LISTBOX_STATE, ListboxComponent, OptionComponent, Treeitem };
+export type { ListboxState };

package/types/lucca-front-ng-listing.d.ts

@@ -38,7 +38,7 @@ declare class ListingComponent {
     /**
      * Applies a color palette to the listing
      */
-    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
+    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand">;
     /**
      * Allows you to start a list at a value other than 1
      */

package/types/lucca-front-ng-loading.d.ts

@@ -1,5 +1,11 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available LoadingComponent Types
+ */
+declare const LOADING_SIZE: readonly ["L"];
+type LoadingSize = (typeof LOADING_SIZE)[number];
+
 type DisplayMode = 'popin' | 'drawer' | 'fullPage'
 /** @deprecated use 'fullPage' instead */
  | 'fullpage';
@@ -15,4 +21,5 @@ declare class LoadingComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadingComponent, "lu-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "invert": { "alias": "invert"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { LoadingComponent };
+export { LOADING_SIZE, LoadingComponent };
+export type { LoadingSize };

package/types/lucca-front-ng-modal.d.ts

@@ -140,7 +140,7 @@ declare class LuModal {
     protected _factory: _lucca_front_ng_modal.IModalRefFactory;
     protected _config: LuModalConfig;
     protected luDialogService: LuDialogService;
-    open<T extends ILuModalContent, D>(component: ComponentType<T>, data: D, config?: Partial<LuModalConfig>): ILuModalRef<D, LuModalContentResult<T>>;
+    open<T extends ILuModalContent, D>(component: ComponentType<T>, data?: D | undefined, config?: Partial<LuModalConfig>): ILuModalRef<D, LuModalContentResult<T>>;
     legacyOpen<T extends ILuModalContent, D>(component: ComponentType<T>, data?: D | undefined, config?: Partial<LuModalConfig>): ILuModalRef<D, LuModalContentResult<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuModal, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LuModal>;

package/types/lucca-front-ng-multi-select.d.ts

@@ -130,6 +130,7 @@ declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStr
     readonly mode: _angular_core.Signal<"include" | "exclude" | "none" | "all">;
     readonly values: _angular_core.Signal<TValue[]>;
     readonly totalCount: _angular_core.Signal<number>;
+    readonly clueChange: _angular_core.Signal<string>;
     readonly displayerCount: _angular_core.Signal<number>;
     constructor();
     setSelectAll(selectAll: boolean): void;
@@ -164,8 +165,10 @@ declare class LuMultiSelectCounterDisplayerComponent<T> implements OnInit {
 }
 
 declare class LuMultiSelectDefaultDisplayerComponent<T> implements OnInit {
+    #private;
     readonly select: LuMultiSelectInputComponent<T>;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_multi_select.ILuMultiSelectDisplayerLabel, Partial<_lucca_front_ng_multi_select.ILuMultiSelectDisplayerLabel>>;
+    valueID: string;
     protected destroyRef: DestroyRef;
     readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     get value(): T[];

package/types/lucca-front-ng-numeric-badge.d.ts

@@ -1,5 +1,11 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available NumericBadgeComponent Types
+ */
+declare const NUMERIC_BADGE_SIZE: readonly ["XS", "S", "M"];
+type NumericBadgeSize = (typeof NUMERIC_BADGE_SIZE)[number];
+
 declare class NumericBadgeComponent {
     #private;
     /**
@@ -13,7 +19,7 @@ declare class NumericBadgeComponent {
     /**
      * The palette to use for this badge. Defaults to 'none' (inherits parent palette)
      */
-    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
+    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand">;
     /**
      * Applies the loading state
      */
@@ -36,4 +42,5 @@ declare class NumericBadgeComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericBadgeComponent, "lu-numeric-badge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "disableTooltip": { "alias": "disableTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { NumericBadgeComponent };
+export { NUMERIC_BADGE_SIZE, NumericBadgeComponent };
+export type { NumericBadgeSize };

package/types/lucca-front-ng-pagination.d.ts

@@ -1,5 +1,11 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available PaginationComponent Mods
+ */
+declare const PAGINATION_MOD: readonly ["default", "compact"];
+type PaginationMod = (typeof PAGINATION_MOD)[number];
+
 interface LuPaginationLabel {
     results: string;
     previous: string;
@@ -46,4 +52,5 @@ declare class PaginationComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "lu-pagination", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "isFirstPage": { "alias": "isFirstPage"; "required": false; "isSignal": true; }; "isLastPage": { "alias": "isLastPage"; "required": false; "isSignal": true; }; "from": { "alias": "from"; "required": false; "isSignal": true; }; "to": { "alias": "to"; "required": false; "isSignal": true; }; "itemsCount": { "alias": "itemsCount"; "required": false; "isSignal": true; }; "mod": { "alias": "mod"; "required": false; "isSignal": true; }; }, { "previousPage": "previousPage"; "nextPage": "nextPage"; }, never, never, true, never>;
 }
 
-export { PaginationComponent };
+export { PAGINATION_MOD, PaginationComponent };
+export type { PaginationMod };

package/types/lucca-front-ng-popover2.d.ts

@@ -10,6 +10,12 @@ interface LuCalloutLabel {
 }
 
 type PopoverPosition = 'above' | 'below' | 'before' | 'after';
+interface PopoverOpenOptions {
+    /** Prevents focusing the close button (or first focusable element) when the popover opens. */
+    disableCloseButtonFocus?: boolean;
+    /** Prevents giving the focus back to the trigger element when the popover closes. */
+    disableInitialTriggerFocus?: boolean;
+}
 declare class PopoverDirective implements OnDestroy {
     #private;
     readonly overlay: Overlay;
@@ -17,6 +23,8 @@ declare class PopoverDirective implements OnDestroy {
     readonly intl: _angular_core.InputSignalWithTransform<LuCalloutLabel, Partial<LuCalloutLabel>>;
     readonly luPopover2: InputSignal<TemplateRef<unknown> | Type<unknown>>;
     readonly luPopoverPosition: InputSignal<PopoverPosition>;
+    readonly luPopoverMaxBlockSize: InputSignal<string>;
+    readonly luPopoverMaxInlineSize: InputSignal<string>;
     readonly overlayScrollStrategy: InputSignal<"reposition" | "block" | "close">;
     readonly luPopoverDisabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly luPopoverTrigger: _angular_core.ModelSignal<"click" | "click+hover" | "hover+focus">;
@@ -30,6 +38,12 @@ declare class PopoverDirective implements OnDestroy {
      * for placement purpose
      */
     readonly luPopoverAnchor: InputSignal<FlexibleConnectedPositionStrategyOrigin>;
+    /**
+     * Extra element(s) to treat as "inside" the popover for outside-pointer detection. Pointer events
+     * originating from them won't close the popover. Useful when an external control opens the popover
+     * (e.g. an input opening it on focus) and clicking it again should not trigger a close-then-reopen.
+     */
+    readonly luPopoverIgnoredOutsidePointerTargets: InputSignal<HTMLElement | HTMLElement[]>;
     readonly luPopoverOpenDelay: InputSignal<number>;
     readonly luPopoverCloseDelay: InputSignal<number>;
     readonly luPopoverPositionRef: _angular_core.WritableSignal<PopoverPosition>;
@@ -52,12 +66,17 @@ declare class PopoverDirective implements OnDestroy {
     onMouseLeave(): void;
     onMouseClick(): void;
     close(): void;
+    openPopover(options?: PopoverOpenOptions): void;
+    /**
+     * @deprecated The boolean signature is kept only for backward compatibility. `withBackdrop` is now ignored
+     * (the popover no longer creates a blocking backdrop). Prefer `openPopover({ disableCloseButtonFocus, disableInitialTriggerFocus })`.
+     */
     openPopover(withBackdrop?: boolean, disableCloseButtonFocus?: boolean, disableInitialTriggerFocus?: boolean): void;
     focusBackToContent(event: Event): void;
     focusOutBefore(): void;
     updatePosition(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[luPopover2]", ["luPopover2"], { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "luPopover2": { "alias": "luPopover2"; "required": false; "isSignal": true; }; "luPopoverPosition": { "alias": "luPopoverPosition"; "required": false; "isSignal": true; }; "overlayScrollStrategy": { "alias": "overlayScrollStrategy"; "required": false; "isSignal": true; }; "luPopoverDisabledInput": { "alias": "luPopoverDisabled"; "required": false; "isSignal": true; }; "luPopoverTrigger": { "alias": "luPopoverTrigger"; "required": false; "isSignal": true; }; "customPositionsInput": { "alias": "customPositions"; "required": false; "isSignal": true; }; "luPopoverNoCloseButtonInput": { "alias": "luPopoverNoCloseButton"; "required": false; "isSignal": true; }; "luPopoverAnchor": { "alias": "luPopoverAnchor"; "required": false; "isSignal": true; }; "luPopoverOpenDelay": { "alias": "luPopoverOpenDelay"; "required": false; "isSignal": true; }; "luPopoverCloseDelay": { "alias": "luPopoverCloseDelay"; "required": false; "isSignal": true; }; }, { "luPopoverTrigger": "luPopoverTriggerChange"; "luPopoverClosed": "luPopoverClosed"; "luPopoverOpened": "luPopoverOpened"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[luPopover2]", ["luPopover2"], { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "luPopover2": { "alias": "luPopover2"; "required": false; "isSignal": true; }; "luPopoverPosition": { "alias": "luPopoverPosition"; "required": false; "isSignal": true; }; "luPopoverMaxBlockSize": { "alias": "luPopoverMaxBlockSize"; "required": false; "isSignal": true; }; "luPopoverMaxInlineSize": { "alias": "luPopoverMaxInlineSize"; "required": false; "isSignal": true; }; "overlayScrollStrategy": { "alias": "overlayScrollStrategy"; "required": false; "isSignal": true; }; "luPopoverDisabledInput": { "alias": "luPopoverDisabled"; "required": false; "isSignal": true; }; "luPopoverTrigger": { "alias": "luPopoverTrigger"; "required": false; "isSignal": true; }; "customPositionsInput": { "alias": "customPositions"; "required": false; "isSignal": true; }; "luPopoverNoCloseButtonInput": { "alias": "luPopoverNoCloseButton"; "required": false; "isSignal": true; }; "luPopoverAnchor": { "alias": "luPopoverAnchor"; "required": false; "isSignal": true; }; "luPopoverIgnoredOutsidePointerTargets": { "alias": "luPopoverIgnoredOutsidePointerTargets"; "required": false; "isSignal": true; }; "luPopoverOpenDelay": { "alias": "luPopoverOpenDelay"; "required": false; "isSignal": true; }; "luPopoverCloseDelay": { "alias": "luPopoverCloseDelay"; "required": false; "isSignal": true; }; }, { "luPopoverTrigger": "luPopoverTriggerChange"; "luPopoverClosed": "luPopoverClosed"; "luPopoverOpened": "luPopoverOpened"; }, never, never, true, never>;
 }
 
 declare class PopoverContentComponent implements AfterViewInit, OnDestroy {
@@ -95,6 +114,8 @@ interface PopoverConfig {
     content: TemplateRef<unknown> | Type<unknown>;
     ref: OverlayRef;
     contentId: string;
+    maxBlockSize: string | null;
+    maxInlineSize: string | null;
     disableCloseButtonFocus: boolean;
     disableInitialTriggerFocus: boolean;
     noCloseButton: boolean;
@@ -102,4 +123,4 @@ interface PopoverConfig {
 declare const POPOVER_CONFIG: InjectionToken<PopoverConfig>;
 
 export { LU_POPOVER2_TRANSLATIONS, POPOVER_CONFIG, PopoverContentComponent, PopoverDirective, configureLuPopover, luPopoverTranslations };
-export type { ILuPopover2Label, PopoverConfig, PopoverPosition };
+export type { ILuPopover2Label, PopoverConfig, PopoverOpenOptions, PopoverPosition };

package/types/lucca-front-ng-progress-bar.d.ts

@@ -1,5 +1,11 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available ProgressBarComponent Types
+ */
+declare const PROGRESS_BAR_STATE: readonly ["success", "error"];
+type ProgressBarState = (typeof PROGRESS_BAR_STATE)[number];
+
 declare class ProgressBarComponent {
     /**
      * Progress percentage (0 to 100)
@@ -20,4 +26,5 @@ declare class ProgressBarComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "lu-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { ProgressBarComponent };
+export { PROGRESS_BAR_STATE, ProgressBarComponent };
+export type { ProgressBarState };

package/types/lucca-front-ng-progress-stepper.d.ts

@@ -3,6 +3,12 @@ import * as _lucca_front_ng_progress_stepper from '@lucca-front/ng/progress-step
 import { UrlTree } from '@angular/router';
 import { RouterLinkParam, isRouterLinkParam } from '@lucca-front/ng/core';
 
+/**
+ * Available ProgressStepperStepComponent States
+ */
+declare const PROGRESS_STEPPER_STEP_STATE: readonly ["success", "critical"];
+type ProgressStepperStepState = (typeof PROGRESS_STEPPER_STEP_STATE)[number];
+
 declare class ProgressStepperStepComponent {
     protected readonly progressStepperRef: _lucca_front_ng_progress_stepper.ProgressStepperComponent;
     readonly label: _angular_core.InputSignal<string>;
@@ -21,4 +27,5 @@ declare class ProgressStepperComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressStepperComponent, "lu-progress-stepper", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, ["steps"], ["*"], true, never>;
 }
 
-export { ProgressStepperComponent, ProgressStepperStepComponent };
+export { PROGRESS_STEPPER_STEP_STATE, ProgressStepperComponent, ProgressStepperStepComponent };
+export type { ProgressStepperStepState };

package/types/lucca-front-ng-read-more.d.ts

@@ -42,4 +42,11 @@ declare class ReadMoreComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReadMoreComponent, "lu-read-more", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; "openOnly": { "alias": "openOnly"; "required": false; "isSignal": true; }; "textFlow": { "alias": "textFlow"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "innerContent": { "alias": "innerContent"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { ReadMoreComponent };
+/**
+ * Available ReadMoreComponent Types
+ */
+declare const READ_MORE_SURFACE: readonly ["sunken", "default"];
+type ReadMoreSurface = (typeof READ_MORE_SURFACE)[number];
+
+export { READ_MORE_SURFACE, ReadMoreComponent };
+export type { ReadMoreSurface };

package/types/lucca-front-ng-resource-card.d.ts

@@ -18,6 +18,14 @@ declare class ResourceCardLinkComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceCardLinkComponent, "a[luResourceCardAction]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Available ResourceCard Types
+ */
+declare const RESOURCE_CARD_HEADING_LEVEL: readonly ["1", "2", "3", "4", "5", "6"];
+type ResourceCardHeadingLevel = (typeof RESOURCE_CARD_HEADING_LEVEL)[number];
+declare const RESOURCE_CARD_SIZE: readonly ["S"];
+type ResourceCardSize = (typeof RESOURCE_CARD_SIZE)[number];
+
 declare class ResourceCardComponent {
     readonly wrapperRef: ResourceCardComponent;
     readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -36,4 +44,5 @@ declare class ResourceCardWrapperComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceCardWrapperComponent, "lu-resource-card-wrapper", never, { "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { ResourceCardButtonComponent, ResourceCardComponent, ResourceCardLinkComponent, ResourceCardWrapperComponent };
+export { RESOURCE_CARD_HEADING_LEVEL, RESOURCE_CARD_SIZE, ResourceCardButtonComponent, ResourceCardComponent, ResourceCardLinkComponent, ResourceCardWrapperComponent };
+export type { ResourceCardHeadingLevel, ResourceCardSize };

package/types/lucca-front-ng-segmented-control-tabs.d.ts

@@ -31,6 +31,8 @@ declare class SegmentedControlTabsComponent<T = unknown> implements AfterContent
     readonly currentIndex: _angular_core.Signal<number>;
     previous(): void;
     next(): void;
+    first(): void;
+    last(): void;
     setActiveTab(index: number): void;
     ngAfterContentInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlTabsComponent<any>, never>;

package/types/lucca-front-ng-segmented-control.d.ts

@@ -20,13 +20,15 @@ declare class SegmentedControlFilterComponent<T = unknown> {
     readonly label: _angular_core.InputSignal<PortalContent>;
     readonly id: string;
     readonly name: string;
-    get formControl(): _angular_forms.FormControl<any>;
+    get formControl(): _angular_forms.FormControl<any> | (_angular_forms.AbstractControl<any, any, any> & _angular_forms.FormControl<any>);
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlFilterComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlFilterComponent<any>, "lu-segmented-control-filter", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SegmentedControlComponent {
-    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
+        control: _angular_forms.FormControl<any>;
+    });
     /**
      * Applies small size to segmented control
      */

package/types/lucca-front-ng-simple-select.d.ts

@@ -1,11 +1,10 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, Injector, ViewContainerRef, AfterViewInit, TrackByFunction, InjectionToken } from '@angular/core';
+import { ElementRef, Injector, ViewContainerRef, AfterViewInit, InjectionToken } from '@angular/core';
 import * as _lucca_front_ng_simple_select from '@lucca-front/ng/simple-select';
 import * as _lucca_front_ng_core_select from '@lucca-front/ng/core-select';
-import { LuSelectPanelRef, ALuSelectInputComponent, CoreSelectPanelInstance, TreeNode, LuOptionGroup, ɵCoreSelectPanelElement as _CoreSelectPanelElement, CoreSelectKeyManager } from '@lucca-front/ng/core-select';
+import { LuSelectPanelRef, ALuSelectInputComponent, CoreSelectPanelInstance, ɵCoreSelectPanelElement as _CoreSelectPanelElement, CoreSelectKeyManager } from '@lucca-front/ng/core-select';
 import { ControlValueAccessor } from '@angular/forms';
 import { Overlay, OverlayPositionBuilder, ScrollStrategyOptions, OverlayConfig } from '@angular/cdk/overlay';
-import * as rxjs from 'rxjs';
 import { LuTranslation } from '@lucca-front/ng/core';
 
 declare class LuSimpleSelectPanelRefFactory {
@@ -25,8 +24,9 @@ declare class LuSimpleSelectPanelRefFactory {
 
 declare class LuSimpleSelectInputComponent<T> extends ALuSelectInputComponent<T, T> implements ControlValueAccessor {
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_simple_select.ILuSimpleSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_simple_select.ILuSimpleSelectLabel>>;
-    get filterPillClass(): boolean;
+    valueID: string;
     readonly autocomplete: _angular_core.InputSignal<AutoFill>;
+    readonly impersonation: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly filterPillPanelAnchorRef: _angular_core.Signal<ViewContainerRef>;
     protected panelRefFactory: LuSimpleSelectPanelRefFactory;
     protected buildPanelRef(): LuSelectPanelRef<T, T>;
@@ -34,7 +34,7 @@ declare class LuSimpleSelectInputComponent<T> extends ALuSelectInputComponent<T,
     protected hasValue(): boolean;
     enableFilterPillMode(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSimpleSelectInputComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuSimpleSelectInputComponent<any>, "lu-simple-select", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuSimpleSelectInputComponent<any>, "lu-simple-select", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "impersonation": { "alias": "impersonation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuSelectPanelComponent<T> implements AfterViewInit, CoreSelectPanelInstance<T> {
@@ -42,27 +42,26 @@ declare class LuSelectPanelComponent<T> implements AfterViewInit, CoreSelectPane
     panelRef: LuSelectPanelRef<T, T>;
     selectId: number;
     intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_simple_select.ILuSimpleSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_simple_select.ILuSimpleSelectLabel>>;
-    readonly options$: rxjs.ReplaySubject<readonly T[]>;
+    readonly dataSourceOptions: _angular_core.Signal<readonly T[]>;
     readonly grouping: _angular_core.WritableSignal<_lucca_front_ng_core_select.LuOptionGrouping<T, unknown>>;
-    treeGenerator: _lucca_front_ng_core_select.TreeGenerator<T, TreeNode<T>>;
-    readonly loading: _angular_core.Signal<boolean>;
-    readonly loading$: rxjs.Observable<boolean>;
+    treeGenerator: _lucca_front_ng_core_select.TreeGenerator<T, _lucca_front_ng_core_select.TreeNode<T>>;
+    readonly loading: _angular_core.WritableSignal<boolean>;
     searchable: boolean;
     readonly optionComparer: _angular_core.WritableSignal<_lucca_front_ng_core_select.LuOptionComparer<T>>;
     readonly optionKey: _angular_core.WritableSignal<(option: T) => unknown>;
     colorPanel: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    trackOptionsBy: TrackByFunction<T>;
-    trackGroupsBy: TrackByFunction<LuOptionGroup<T, unknown>>;
-    trackBranchesBy: TrackByFunction<TreeNode<T>>;
     initialValue: T | null;
     readonly optionTpl: _angular_core.ModelSignal<_angular_core.Type<unknown> | _angular_core.TemplateRef<_lucca_front_ng_core_select.LuOptionContext<T>>>;
     readonly options: _angular_core.WritableSignal<_CoreSelectPanelElement<T>[]>;
-    keyManager: CoreSelectKeyManager<T>;
+    readonly pointerNavigation: _angular_core.WritableSignal<boolean>;
+    onKeydown(): void;
+    onMousemove(): void;
+    readonly keyManager: CoreSelectKeyManager<T>;
     readonly selected: _angular_core.Signal<T>;
-    readonly hasGrouping$: rxjs.Observable<boolean>;
-    clueChange$: rxjs.Observable<string>;
-    shouldDisplayAddOption$: rxjs.Observable<boolean>;
-    groupTemplateLocation$: rxjs.Observable<"group-header" | "option" | "none">;
+    readonly hasGrouping: _angular_core.Signal<boolean>;
+    readonly clue: _angular_core.Signal<string>;
+    shouldDisplayAddOption: _angular_core.Signal<boolean>;
+    groupTemplateLocation: _angular_core.Signal<"group-header" | "option" | "none">;
     onScroll(evt: Event): void;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSelectPanelComponent<any>, never>;

package/types/lucca-front-ng-skeleton.d.ts

@@ -13,7 +13,23 @@ declare class SkeletonButtonComponent {
     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>;
 }
 
-type ColAlignDataTable = 'start' | 'center' | 'end';
+/**
+ * Available SkeletonButtonComponent Sizes
+ */
+declare const SKELETON_BUTTON_SIZE: readonly ["XS", "S", "M"];
+type SkeletonButtonSize = (typeof SKELETON_BUTTON_SIZE)[number];
+
+declare class SkeletonCardComponent {
+    /**
+     * Defines the number of description lines in card
+     */
+    readonly descriptionLines: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly lines: _angular_core.Signal<unknown[]>;
+    readonly getRandomPercent: (min?: number, max?: number) => string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCardComponent, "lu-skeleton-card", never, { "descriptionLines": { "alias": "descriptionLines"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class SkeletonDataTableComponent {
     /**
      * Skeleton only show in data table body
@@ -23,7 +39,7 @@ declare class SkeletonDataTableComponent {
      * Defines the number of cols (5 by default)
      */
     readonly cols: _angular_core.InputSignal<number>;
-    readonly colsAlign: _angular_core.InputSignal<Record<number, ColAlignDataTable>>;
+    readonly colsAlign: _angular_core.InputSignal<Record<number, "start" | "center" | "end">>;
     /**
      * Defines the number of row (8 by default)
      */
@@ -35,6 +51,12 @@ declare class SkeletonDataTableComponent {
     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; }; "colsAlign": { "alias": "colsAlign"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class SkeletonFancyBoxComponent {
+    readonly getRandomPercent: (min?: number, max?: number) => string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonFancyBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonFancyBoxComponent, "lu-skeleton-fancy-box", never, {}, {}, never, never, true, never>;
+}
+
 declare class SkeletonFieldComponent {
     /**
      * Applies dark color for skeleton
@@ -67,7 +89,16 @@ declare class SkeletonHeaderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonHeaderComponent, "lu-skeleton-header", never, { "dark": { "alias": "dark"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type ColAlignIndexTable = 'start' | 'center' | 'end';
+declare class SkeletonHighlightDataComponent {
+    /**
+     * Applies dark color for skeleton
+     */
+    readonly dark: _angular_core.InputSignalWithTransform<boolean, boolean | "false" | "true">;
+    readonly getRandomPercent: (min?: number, max?: number) => string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonHighlightDataComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonHighlightDataComponent, "lu-skeleton-highlight-data", never, { "dark": { "alias": "dark"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class SkeletonIndexTableComponent {
     /**
      * Skeleton only show in index table body
@@ -77,7 +108,7 @@ declare class SkeletonIndexTableComponent {
      * Defines the number of cols (5 by default)
      */
     readonly cols: _angular_core.InputSignal<number>;
-    readonly colsAlign: _angular_core.InputSignal<Record<number, ColAlignIndexTable>>;
+    readonly colsAlign: _angular_core.InputSignal<Record<number, "start" | "center" | "end">>;
     /**
      * Defines the number of row (8 by default)
      */
@@ -89,17 +120,6 @@ declare class SkeletonIndexTableComponent {
     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; }; "colsAlign": { "alias": "colsAlign"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class SkeletonResourceCardComponent {
-    /**
-     * Defines the number of description lines in resource card
-     */
-    readonly descriptionLines: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly lines: _angular_core.Signal<unknown[]>;
-    getRandomPercent: (min?: number, max?: number) => string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonResourceCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonResourceCardComponent, "lu-skeleton-resource-card", never, { "descriptionLines": { "alias": "descriptionLines"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 type ColAlignTable = 'start' | 'center' | 'end';
 declare class SkeletonTableComponent {
     /**
@@ -110,17 +130,29 @@ declare class SkeletonTableComponent {
      * Defines the number of cols (5 by default)
      */
     readonly cols: _angular_core.InputSignal<number>;
-    readonly colsAlign: _angular_core.InputSignal<Record<number, ColAlignTable>>;
+    readonly colsAlign: _angular_core.InputSignal<Record<number, "start" | "center" | "end">>;
     /**
      * Defines the number of row (8 by default)
      */
     readonly rows: _angular_core.InputSignal<number>;
     readonly colsNumber: _angular_core.Signal<unknown[]>;
     readonly rowsNumber: _angular_core.Signal<unknown[]>;
-    readonly randomPercent: string;
+    readonly getRandomPercent: (min?: number, max?: number) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonTableComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonTableComponent, "lu-skeleton-table", never, { "tableBodyOnly": { "alias": "tableBodyOnly"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "colsAlign": { "alias": "colsAlign"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { SkeletonButtonComponent, SkeletonDataTableComponent, SkeletonFieldComponent, SkeletonHeaderComponent, SkeletonIndexTableComponent, SkeletonResourceCardComponent, SkeletonTableComponent };
-export type { ColAlignDataTable, ColAlignIndexTable, ColAlignTable };
+declare class SkeletonUserPopoverComponent {
+    readonly getRandomPercent: (min?: number, max?: number) => string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonUserPopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonUserPopoverComponent, "lu-skeleton-user-popover", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Available SkeletonComponent Types
+ */
+declare const SKELETON_COLS_ALIGN: readonly ["start", "center", "end"];
+type SkeletonColsAlign = (typeof SKELETON_COLS_ALIGN)[number];
+
+export { SKELETON_BUTTON_SIZE, SKELETON_COLS_ALIGN, SkeletonButtonComponent, SkeletonCardComponent, SkeletonDataTableComponent, SkeletonFancyBoxComponent, SkeletonFieldComponent, SkeletonHeaderComponent, SkeletonHighlightDataComponent, SkeletonIndexTableComponent, SkeletonTableComponent, SkeletonUserPopoverComponent };
+export type { ColAlignTable, SkeletonButtonSize, SkeletonColsAlign };

package/types/lucca-front-ng-software-icon.d.ts

@@ -1,9 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken } from '@angular/core';
 
-declare const SoftwareIconList: readonly ["absences", "timesheet", "office", "projects", "shifts", "performance", "engagement", "training", "recruitment", "mood", "analytics", "employee-administration", "shared-documents", "faces", "business-expenses", "invoices", "payment-methods", "accounting-assistant", "certified-einvoicing-platform", "compensation", "payslip", "benefits", "payroll-assistant", "cloud-control", "ask-lucca", "calendar", "administration", "client-center", "sandbox", "store", "lucca"];
-type SoftwareIcon = (typeof SoftwareIconList)[number];
-
 declare const LU_SOFTWARE_ICON_WRAPPER: InjectionToken<boolean>;
 
 declare class SoftwareIconComponent {
@@ -11,7 +8,7 @@ declare class SoftwareIconComponent {
     readonly domain = "https://cdn.lucca.fr";
     readonly path = "/transverse/prisme/visuals/software-icon/";
     readonly extension = ".svg";
-    readonly icon: _angular_core.InputSignal<"absences" | "timesheet" | "office" | "projects" | "shifts" | "performance" | "engagement" | "training" | "recruitment" | "mood" | "analytics" | "employee-administration" | "shared-documents" | "faces" | "business-expenses" | "invoices" | "payment-methods" | "accounting-assistant" | "certified-einvoicing-platform" | "compensation" | "payslip" | "benefits" | "payroll-assistant" | "cloud-control" | "ask-lucca" | "calendar" | "administration" | "client-center" | "sandbox" | "store" | "lucca">;
+    readonly icon: _angular_core.InputSignal<"absences" | "timesheet" | "office" | "projects" | "shifts" | "performance" | "engagement" | "training" | "recruitment" | "mood" | "analytics" | "employee-administration" | "shared-documents" | "faces" | "business-expenses" | "invoices" | "payment-methods" | "accounting-assistant" | "certified-einvoicing-platform" | "compensation" | "payslip" | "benefits" | "payroll-assistant" | "cloud-control" | "ask-lucca" | "ask-salesforce" | "calendar" | "administration" | "client-center" | "sandbox" | "store" | "lucca">;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly withTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly iconAlt: _angular_core.InputSignal<string>;
@@ -21,5 +18,13 @@ declare class SoftwareIconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SoftwareIconComponent, "lu-software-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "withTooltip": { "alias": "withTooltip"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { LU_SOFTWARE_ICON_WRAPPER, SoftwareIconComponent, SoftwareIconList };
-export type { SoftwareIcon };
+/**
+ * Available SoftwareIconComponent Types
+ */
+declare const SOFTWARE_ICON_SIZE: readonly ["XXS", "XS", "S", "L"];
+type SoftwareIconSize = (typeof SOFTWARE_ICON_SIZE)[number];
+declare const SOFTWARE_ICON: readonly ["absences", "timesheet", "office", "projects", "shifts", "performance", "engagement", "training", "recruitment", "mood", "analytics", "employee-administration", "shared-documents", "faces", "business-expenses", "invoices", "payment-methods", "accounting-assistant", "certified-einvoicing-platform", "compensation", "payslip", "benefits", "payroll-assistant", "cloud-control", "ask-lucca", "ask-salesforce", "calendar", "administration", "client-center", "sandbox", "store", "lucca"];
+type SoftwareIcon = (typeof SOFTWARE_ICON)[number];
+
+export { LU_SOFTWARE_ICON_WRAPPER, SOFTWARE_ICON, SOFTWARE_ICON_SIZE, SoftwareIconComponent };
+export type { SoftwareIcon, SoftwareIconSize };

package/types/lucca-front-ng-sortable-list.d.ts

@@ -1,10 +1,11 @@
 import * as _angular_core from '@angular/core';
+import { PortalContent } from '@lucca-front/ng/core';
 
 declare class SortableListItemComponent {
     /**
      * Changes the text displayed by the sortable list item
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<PortalContent>;
     /**
      * Adds descriptive help text below the label
      */