@lucca-front/ng 21.2.2 → 21.3.0-rc.1

package/types/lucca-front-ng-horizontal-navigation.d.ts

@@ -1,5 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import * as _lucca_front_ng_horizontal_navigation from '@lucca-front/ng/horizontal-navigation';
+import { PortalContent } from '@lucca-front/ng/core';
+import { LuDialogRef } from '@lucca-front/ng/dialog';
 
 declare class HorizontalNavigationLinkDirective {
     template: TemplateRef<any>;
@@ -7,17 +10,51 @@ declare class HorizontalNavigationLinkDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HorizontalNavigationLinkDirective, "[luHorizontalNavigationLink]", never, {}, {}, never, never, true, never>;
 }
 
+declare class HorizontalNavigationTabComponent {
+    protected horizontalNavigationRef: _lucca_front_ng_horizontal_navigation.HorizontalNavigationComponent;
+    readonly label: _angular_core.InputSignal<PortalContent>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly index: _angular_core.Signal<number>;
+    readonly selected: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalNavigationTabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationTabComponent, "lu-horizontal-navigation-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class HorizontalNavigationComponent {
+    readonly dialogRef: LuDialogRef<any, any>;
     readonly links: _angular_core.Signal<readonly HorizontalNavigationLinkDirective[]>;
+    readonly tabs: _angular_core.Signal<readonly HorizontalNavigationTabComponent[]>;
+    readonly buttons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
     readonly noBorder: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "primary" | "grey" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly paletteClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
     /**
      * Which size should the horizontal navigation be? Defaults and small
      */
     readonly size: _angular_core.InputSignal<"S">;
+    readonly isTablist: _angular_core.Signal<boolean>;
+    readonly currentIndex: _angular_core.ModelSignal<number>;
+    readonly selectedIndex: _angular_core.Signal<number>;
+    constructor();
+    navigateToFirstEnabledTab(): void;
+    navigateToLastEnabledTab(): void;
+    getTabIndex(tab: HorizontalNavigationTabComponent): number;
+    navigateToTabByIndex(index: number): void;
+    private findAccessibleTabIndex;
+    changeTab(event: KeyboardEvent, currentIndex: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalNavigationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationComponent, "lu-horizontal-navigation", never, { "noBorder": { "alias": "noBorder"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["links"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationComponent, "lu-horizontal-navigation", never, { "noBorder": { "alias": "noBorder"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "currentIndex": { "alias": "currentIndex"; "required": false; "isSignal": true; }; }, { "currentIndex": "currentIndexChange"; }, ["links", "tabs"], ["*"], true, never>;
 }
 
-export { HorizontalNavigationComponent, HorizontalNavigationLinkDirective };
+/**
+ * Available HorizontalNavigationComponent Types
+ */
+declare const HORIZONTAL_NAVIGATION_SIZE: readonly ["S"];
+type HorizontalNavigationSize = (typeof HORIZONTAL_NAVIGATION_SIZE)[number];
+
+export { HORIZONTAL_NAVIGATION_SIZE, HorizontalNavigationComponent, HorizontalNavigationLinkDirective, HorizontalNavigationTabComponent };
+export type { HorizontalNavigationSize };

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

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as _lucca_front_ng_core_select_user from '@lucca-front/ng/core-select/user';
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { PopoverDirective } from '@lucca-front/ng/popover2';
+import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
+import { ILuUser } from '@lucca-front/ng/user';
+
+interface LuImpersonationTranslations {
+    a11yNavigationDescription: string;
+    switchProfile: string;
+    clear: string;
+}
+
+declare class ImpersonationComponent {
+    protected readonly elementRef: ElementRef<any>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & LuImpersonationTranslations, Partial<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & LuImpersonationTranslations>>;
+    protected readonly currentUserId: number;
+    readonly inputComponentRef: _angular_core.Signal<LuSimpleSelectInputComponent<ILuUser>>;
+    readonly popoverRef: _angular_core.Signal<PopoverDirective>;
+    readonly selectedUser: _angular_core.ModelSignal<ILuUser>;
+    readonly enableFormerEmployees: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isNotMe: _angular_core.Signal<boolean>;
+    readonly clear: _angular_core.OutputEmitterRef<void>;
+    readonly popoverPositions: ConnectionPositionPair[];
+    constructor();
+    closePopover: () => void;
+    updatePosition: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImpersonationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImpersonationComponent, "lu-impersonation", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "selectedUser": { "alias": "selectedUser"; "required": false; "isSignal": true; }; "enableFormerEmployees": { "alias": "enableFormerEmployees"; "required": false; "isSignal": true; }; }, { "selectedUser": "selectedUserChange"; "clear": "clear"; }, never, never, true, never>;
+}
+
+export { ImpersonationComponent };

package/types/lucca-front-ng-index-table.d.ts

@@ -83,6 +83,14 @@ declare class IndexTableRowComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowComponent, "tr[luIndexTableRow]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "stack": { "alias": "stack"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
 }
 
+/**
+ * Available IndexTableComponent types
+ */
+declare const INDEX_TABLE_ALIGN: readonly ["start", "center", "end"];
+type IndexTableAlign = (typeof INDEX_TABLE_ALIGN)[number];
+declare const INDEX_TABLE_SORT: readonly ["none", "ascending", "descending"];
+type IndexTableSort = (typeof INDEX_TABLE_SORT)[number];
+
 declare class IndexTableComponent {
     tableRef: _angular_core.Signal<ElementRef<Element>>;
     selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -101,4 +109,5 @@ declare class IndexTableComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableComponent, "lu-index-table", never, { "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[indexTablePagination]"], true, never>;
 }
 
-export { IndexTableActionComponent, IndexTableActionFileComponent, IndexTableBodyComponent, IndexTableComponent, IndexTableFootComponent, IndexTableHeadComponent, IndexTableRowCellComponent, IndexTableRowCellHeaderComponent, IndexTableRowComponent };
+export { INDEX_TABLE_ALIGN, INDEX_TABLE_SORT, IndexTableActionComponent, IndexTableActionFileComponent, IndexTableBodyComponent, IndexTableComponent, IndexTableFootComponent, IndexTableHeadComponent, IndexTableRowCellComponent, IndexTableRowCellHeaderComponent, IndexTableRowComponent };
+export type { IndexTableAlign, IndexTableSort };

package/types/lucca-front-ng-inline-message.d.ts

@@ -1,7 +1,14 @@
 import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
-type InlineMessageState = 'success' | 'warning' | 'error' | 'default';
+declare const INLINE_MESSAGE_STATE: readonly ["success", "warning", "error", "default"];
+type InlineMessageState = (typeof INLINE_MESSAGE_STATE)[number];
+
+/**
+ * Available InlineMessageComponent Types
+ */
+declare const INLINE_MESSAGE_SIZE: readonly ["S", "M"];
+type InlineMessageSize = (typeof INLINE_MESSAGE_SIZE)[number];
 
 declare class InlineMessageComponent {
     #private;
@@ -12,7 +19,7 @@ declare class InlineMessageComponent {
     /**
      * Inline message state
      */
-    readonly state: _angular_core.InputSignal<InlineMessageState>;
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error" | "default">;
     /**
      * Which size should the inline message be? Default, medium or small
      */
@@ -27,5 +34,5 @@ declare class InlineMessageComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<InlineMessageComponent, "lu-inline-message", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "withTooltip": { "alias": "withTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { InlineMessageComponent };
-export type { InlineMessageState };
+export { INLINE_MESSAGE_SIZE, INLINE_MESSAGE_STATE, InlineMessageComponent };
+export type { InlineMessageSize, InlineMessageState };

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-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-multi-select.d.ts

@@ -132,6 +132,7 @@ declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStr
     readonly mode: i0.Signal<"include" | "exclude" | "none" | "all">;
     readonly values: i0.Signal<TValue[]>;
     readonly totalCount: i0.Signal<number>;
+    readonly clueChange: i0.Signal<string>;
     readonly displayerCount: i0.Signal<number>;
     constructor();
     setSelectAll(selectAll: boolean): void;
@@ -167,6 +168,7 @@ declare class LuMultiSelectCounterDisplayerComponent<T> implements OnInit {
 declare class LuMultiSelectDefaultDisplayerComponent<T> implements OnInit {
     select: LuMultiSelectInputComponent<T>;
     intl: i0.InputSignalWithTransform<_lucca_front_ng_multi_select.ILuMultiSelectDisplayerLabel, Partial<_lucca_front_ng_multi_select.ILuMultiSelectDisplayerLabel>>;
+    valueID: string;
     protected destroyRef: DestroyRef;
     inputElementRef: ElementRef<HTMLInputElement>;
     get value(): T[];
@@ -215,7 +217,7 @@ declare class LuMultiDisplayerDirective<T> {
     private templateRef;
     set select(select: LuMultiSelectInputComponent<T>);
     constructor(templateRef: TemplateRef<LuOptionContext<T[]>>);
-    static ngTemplateContextGuard<T>(_dir: LuMultiDisplayerDirective<T>, ctx: unknown): ctx is LuOptionContext<T[]>;
+    static ngTemplateContextGuard<T>(_dir: LuMultiDisplayerDirective<T>, _ctx: unknown): _ctx is LuOptionContext<T[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiDisplayerDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiDisplayerDirective<any>, "[luMultiDisplayer]", never, { "select": { "alias": "luMultiDisplayerSelect"; "required": false; }; }, {}, never, never, true, never>;
 }

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;
     /**
@@ -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-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)
@@ -8,7 +14,7 @@ declare class ProgressBarComponent {
     /**
      * Progress bar state
      */
-    readonly state: _angular_core.InputSignal<"success" | "error" | "null">;
+    readonly state: _angular_core.InputSignal<"success" | "error">;
     /**
      * Displays a loading state without progress information
      */
@@ -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

@@ -25,8 +25,9 @@ declare class LuSimpleSelectPanelRefFactory {
 
 declare class LuSimpleSelectInputComponent<T> extends ALuSelectInputComponent<T, T> implements ControlValueAccessor {
     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;
     autocomplete: _angular_core.InputSignal<AutoFill>;
+    impersonation: _angular_core.InputSignalWithTransform<boolean, unknown>;
     filterPillPanelAnchorRef: _angular_core.Signal<ViewContainerRef>;
     protected panelRefFactory: LuSimpleSelectPanelRefFactory;
     protected buildPanelRef(): LuSelectPanelRef<T, T>;
@@ -34,7 +35,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> {

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

@@ -13,7 +13,12 @@ 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 SkeletonDataTableComponent {
     /**
      * Skeleton only show in data table body
@@ -23,7 +28,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)
      */
@@ -44,6 +49,10 @@ declare class SkeletonFieldComponent {
      * Hide the field label skeleton
      */
     readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, boolean | "false" | "true">;
+    /**
+     * Changes the size of the skeleton field
+     */
+    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
     /**
      * Defines the number of row
      */
@@ -51,7 +60,7 @@ declare class SkeletonFieldComponent {
     readonly lines: _angular_core.Signal<unknown[]>;
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonFieldComponent, "lu-skeleton-field", never, { "dark": { "alias": "dark"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonHeaderComponent {
@@ -63,7 +72,6 @@ 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 SkeletonIndexTableComponent {
     /**
      * Skeleton only show in index table body
@@ -73,7 +81,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)
      */
@@ -91,7 +99,7 @@ declare class SkeletonResourceCardComponent {
      */
     descriptionLines: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly lines: _angular_core.Signal<unknown[]>;
-    getRandomPercent: (min?: number, max?: number) => string;
+    readonly 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>;
 }
@@ -106,17 +114,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, SkeletonDataTableComponent, SkeletonFieldComponent, SkeletonHeaderComponent, SkeletonIndexTableComponent, SkeletonResourceCardComponent, SkeletonTableComponent, SkeletonUserPopoverComponent };
+export type { ColAlignTable, SkeletonButtonSize, SkeletonColsAlign };

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

@@ -0,0 +1,31 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, InjectionToken } from '@angular/core';
+import * as _lucca_front_ng_software_icon_wrapper from '@lucca-front/ng/software-icon-wrapper';
+import { LuTranslation } from '@lucca-front/ng/core';
+
+declare class SoftwareIconWrapperItemDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SoftwareIconWrapperItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SoftwareIconWrapperItemDirective, "[SoftwareIconWrapperItem]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SoftwareIconWrapperComponent {
+    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly size: _angular_core.InputSignal<"" | "XS" | "S">;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_software_icon_wrapper.SoftwareIconWrapperTranslations, Partial<_lucca_front_ng_software_icon_wrapper.SoftwareIconWrapperTranslations>>;
+    protected readonly items: _angular_core.Signal<readonly TemplateRef<any>[]>;
+    readonly hiddenIcons: _angular_core.Signal<readonly TemplateRef<unknown>[]>;
+    readonly visibleIcons: _angular_core.Signal<readonly TemplateRef<unknown>[]>;
+    readonly hiddenCount: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SoftwareIconWrapperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SoftwareIconWrapperComponent, "lu-software-icon-wrapper", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, ["items"], never, true, never>;
+}
+
+declare const LU_SOFTWARE_ICON_WRAPPER_TRANSLATIONS: InjectionToken<LuTranslation<SoftwareIconWrapperTranslations>>;
+type SoftwareIconWrapperTranslations = {
+    seeMore: string;
+};
+declare const luSoftwareIconWrapperTranslations: LuTranslation<SoftwareIconWrapperTranslations>;
+
+export { LU_SOFTWARE_ICON_WRAPPER_TRANSLATIONS, SoftwareIconWrapperComponent, SoftwareIconWrapperItemDirective, luSoftwareIconWrapperTranslations };
+export type { SoftwareIconWrapperTranslations };

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

@@ -1,19 +1,30 @@
 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", "administration", "cloud-control", "client-center", "sandbox", "store", "ask-lucca", "lucca"];
-type SoftwareIcon = (typeof SoftwareIconList)[number];
+declare const LU_SOFTWARE_ICON_WRAPPER: InjectionToken<boolean>;
 
 declare class SoftwareIconComponent {
+    readonly wrapper: boolean;
     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" | "administration" | "cloud-control" | "client-center" | "sandbox" | "store" | "ask-lucca" | "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" | "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>;
     readonly size: _angular_core.InputSignal<"" | "XXS" | "XS" | "S" | "L">;
     readonly iconUrl: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SoftwareIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SoftwareIconComponent, "lu-software-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    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 { 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", "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-status-badge.d.ts

@@ -1,6 +1,12 @@
 import * as _angular_core from '@angular/core';
 import { OnChanges } from '@angular/core';
 
+/**
+ * Available StatusBadgeComponent Types
+ */
+declare const STATUS_BADGE_SIZE: readonly ["L", "M"];
+type StatusBadgeSize = (typeof STATUS_BADGE_SIZE)[number];
+
 declare class StatusBadgeComponent implements OnChanges {
     #private;
     /**
@@ -24,4 +30,5 @@ declare class StatusBadgeComponent implements OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "lu-status-badge", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { StatusBadgeComponent };
+export { STATUS_BADGE_SIZE, StatusBadgeComponent };
+export type { StatusBadgeSize };