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

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

@@ -1,10 +1,10 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, ViewRef, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
 import { ILuClear } from '@lucca-front/ng/clear';
 import { ILuInput, ILuInputDisplayer } from '@lucca-front/ng/input';
-import { ILuPickerPanel, ILuInputWithPicker } from '@lucca-front/ng/picker';
+import { ILuPickerPanel, ILuInputWithPicker, ALuPickerPanel } from '@lucca-front/ng/picker';
 import { ALuPopoverTrigger } from '@lucca-front/ng/popover';
 import { Subscription } from 'rxjs';
 
@@ -69,30 +69,32 @@ declare abstract class ALuSelectInputComponent<T, TPicker extends ILuPickerPanel
     protected _elementRef: ElementRef<HTMLElement>;
     protected _viewContainerRef: ViewContainerRef;
     protected _renderer: Renderer2;
-    protected set _vcDisplayContainer(vcr: ViewContainerRef);
+    private readonly _vcDisplayContainer;
     tabindex: number;
-    set overlapInput(o: boolean);
-    set inputPlaceholder(p: string);
-    set inputMultiple(m: boolean | string);
+    readonly pickerOverlap: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly placeholderInput: _angular_core.InputSignal<string>;
+    readonly multipleInput: _angular_core.InputSignal<string | boolean>;
+    readonly disabledInput: _angular_core.InputSignal<boolean>;
+    readonly pickerOverlapRef: _angular_core.WritableSignal<boolean>;
+    readonly onOpen: EventEmitter<void>;
+    readonly onClose: EventEmitter<void>;
     /** Event emitted when the associated popover is opened. */
-    onOpen: EventEmitter<void>;
+    protected readonly onOpenOutput: _angular_core.OutputRef<void>;
     /** Event emitted when the associated popover is closed. */
-    onClose: EventEmitter<void>;
+    protected readonly onCloseOutput: _angular_core.OutputRef<void>;
     constructor(_changeDetectorRef: ChangeDetectorRef, _overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2);
-    get isDisabled(): boolean;
-    set inputDisabled(d: boolean);
     get isFocused(): boolean;
     get modMultiple(): boolean;
     get isClearable(): boolean;
     /**
      * popover trigger class extension
      */
-    readonly ccPicker: TPicker;
-    readonly vcPicker: TPicker;
-    readonly ccDisplayer: ILuInputDisplayer<T>;
-    readonly vcDisplayer: ILuInputDisplayer<T>;
-    readonly ccClearer: ILuClear<T>;
-    readonly vcClearer: ILuClear<T>;
+    readonly ccPicker: _angular_core.Signal<ALuPickerPanel<any>>;
+    readonly vcPicker: _angular_core.Signal<ALuPickerPanel<any>>;
+    readonly ccDisplayer: _angular_core.Signal<ILuInputDisplayer<T>>;
+    readonly vcDisplayer: _angular_core.Signal<ILuInputDisplayer<T>>;
+    readonly ccClearer: _angular_core.Signal<ILuClear<T>>;
+    readonly vcClearer: _angular_core.Signal<ILuClear<T>>;
     onClick(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
@@ -103,8 +105,8 @@ declare abstract class ALuSelectInputComponent<T, TPicker extends ILuPickerPanel
     ngOnDestroy(): void;
     protected _emitOpen(): void;
     protected _emitClose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ALuSelectInputComponent<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "overlapInput": { "alias": "pickerOverlap"; "required": false; }; "inputPlaceholder": { "alias": "placeholder"; "required": false; }; "inputMultiple": { "alias": "multiple"; "required": false; }; "inputDisabled": { "alias": "disabled"; "required": false; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, ["ccPicker", "ccDisplayer", "ccClearer"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ALuSelectInputComponent<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "pickerOverlap": { "alias": "pickerOverlap"; "required": false; "isSignal": true; }; "placeholderInput": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onOpenOutput": "onOpen"; "onCloseOutput": "onClose"; }, ["ccPicker", "ccDisplayer", "ccClearer"], never, true, never>;
 }
 /**
  * select input
@@ -119,30 +121,30 @@ declare class LuSelectInputComponent<T> extends ALuSelectInputComponent<T> imple
     protected _renderer: Renderer2;
     get modMultipleView(): boolean;
     constructor(_changeDetectorRef: ChangeDetectorRef, _overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2);
-    readonly clearerEltRef: ElementRef<HTMLElement>;
-    readonly suffixEltRef: ElementRef<HTMLElement>;
+    readonly clearerEltRef: _angular_core.Signal<ElementRef<any>>;
+    readonly suffixEltRef: _angular_core.Signal<ElementRef<any>>;
     displayClearer(): void;
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuSelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuSelectInputComponent<any>, "lu-select", never, {}, {}, ["clearerEltRef"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSelectInputComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuSelectInputComponent<any>, "lu-select", never, {}, {}, ["clearerEltRef"], never, true, never>;
 }
 
 /**
  * @deprecated prefer SimpleSelect or MultipleSelect
  */
 declare class LuSelectInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuSelectInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuSelectInputModule, never, [typeof LuSelectInputComponent], [typeof LuSelectInputComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuSelectInputModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSelectInputModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LuSelectInputModule, never, [typeof LuSelectInputComponent], [typeof LuSelectInputComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LuSelectInputModule>;
 }
 
 /**
  * @deprecated prefer SimpleSelect or MultipleSelect
  */
 declare class LuSelectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuSelectModule, never, [typeof LuSelectInputModule], [typeof LuSelectInputModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuSelectModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuSelectModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LuSelectModule, never, [typeof LuSelectInputModule], [typeof LuSelectInputModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LuSelectModule>;
 }
 
 export { ALuSelectInput, ALuSelectInputComponent, LuSelectInputComponent, LuSelectInputModule, LuSelectModule };

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.BehaviorSubject<boolean>;
+    treeGenerator: _lucca_front_ng_core_select.TreeGenerator<T, _lucca_front_ng_core_select.TreeNode<T>>;
+    readonly loading: _angular_core.WritableSignal<boolean>;
     searchable: boolean;
-    optionComparer: _lucca_front_ng_core_select.LuOptionComparer<T>;
-    optionKey: (option: T) => unknown;
+    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
      */

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;
     /**
@@ -18,10 +24,11 @@ declare class StatusBadgeComponent implements OnChanges {
     /**
      * Applies a color palette to the status badge
      */
-    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">;
     ngOnChanges(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
     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 };

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

@@ -1,6 +1,12 @@
 import * as _angular_core from '@angular/core';
 import { LuccaIcon } from '@lucca-front/icons';
 
+/**
+ * Available TagComponent Types
+ */
+declare const TAG_SIZE: readonly ["S", "M", "L"];
+type TagSize = (typeof TAG_SIZE)[number];
+
 declare class TagComponent {
     /**
      * Which text should the tag be? Defaults to medium
@@ -14,7 +20,7 @@ declare class TagComponent {
      * Which palette should be used for the entire tag.
      * Defaults to none (inherits parent palette)
      */
-    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
     /**
      * Should display be outlined?
      */
@@ -43,4 +49,5 @@ declare class TagComponent {
     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 };
+export { TAG_SIZE, TagComponent };
+export type { TagSize };

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

@@ -1,9 +1,16 @@
 import * as _angular_core from '@angular/core';
-import { ModelSignal, ElementRef, InjectionToken } from '@angular/core';
+import { ModelSignal, ElementRef, InjectionToken, OnInit } from '@angular/core';
 import * as _lucca_front_ng_time from '@lucca-front/ng/time';
-import { ControlValueAccessor } from '@angular/forms';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+import * as _lucca_front_ng_core from '@lucca-front/ng/core';
 import { LuTranslation } from '@lucca-front/ng/core';
 
+/**
+ * Available BasePickerComponent sizes
+ */
+declare const BASE_PICKER_SIZE: readonly ["S", "M"];
+type BasePickerSize = (typeof BASE_PICKER_SIZE)[number];
+
 type ISO8601Duration = `${string}P${string}`;
 type ISO8601Time = `${string}:${string}:${string}`;
 
@@ -28,12 +35,13 @@ declare class TimePickerPartComponent {
     readonly isValueSet: ModelSignal<boolean>;
     prevRequest: _angular_core.OutputEmitterRef<void>;
     nextRequest: _angular_core.OutputEmitterRef<void>;
+    nonDigitKeyPressed: _angular_core.OutputEmitterRef<void>;
     inputControlClick: _angular_core.OutputEmitterRef<PickerControlDirection>;
     touched: _angular_core.OutputEmitterRef<void>;
-    readonly timePickerInput?: ElementRef<HTMLInputElement>;
+    readonly timePickerInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     readonly valueLabel: _angular_core.Signal<string | number>;
     readonly currentValue: _angular_core.Signal<number | "––">;
-    protected inputId: string;
+    readonly inputId: string;
     constructor(locale: string);
     arrowKeyPressed(event: KeyboardEvent, isUpArrow: boolean): void;
     keysInputHandler(event: Event): void;
@@ -45,7 +53,7 @@ declare class TimePickerPartComponent {
     moveRequest(event: Event, direction: 'prev' | 'next'): void;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimePickerPartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerPartComponent, "lu-time-picker-part", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "decimalConf": { "alias": "decimalConf"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "hideValue": { "alias": "hideValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "maxDigits": { "alias": "maxDigits"; "required": false; "isSignal": true; }; "showZero": { "alias": "showZero"; "required": false; "isSignal": true; }; "digitNumber": { "alias": "digitNumber"; "required": false; "isSignal": true; }; "isValueSet": { "alias": "isValueSet"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "digitNumber": "digitNumberChange"; "isValueSet": "isValueSetChange"; "prevRequest": "prevRequest"; "nextRequest": "nextRequest"; "inputControlClick": "inputControlClick"; "touched": "touched"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerPartComponent, "lu-time-picker-part", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "decimalConf": { "alias": "decimalConf"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "hideValue": { "alias": "hideValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "maxDigits": { "alias": "maxDigits"; "required": false; "isSignal": true; }; "showZero": { "alias": "showZero"; "required": false; "isSignal": true; }; "digitNumber": { "alias": "digitNumber"; "required": false; "isSignal": true; }; "isValueSet": { "alias": "isValueSet"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "digitNumber": "digitNumberChange"; "isValueSet": "isValueSetChange"; "prevRequest": "prevRequest"; "nextRequest": "nextRequest"; "nonDigitKeyPressed": "nonDigitKeyPressed"; "inputControlClick": "inputControlClick"; "touched": "touched"; }, never, never, true, never>;
 }
 
 declare abstract class BasePickerComponent implements ControlValueAccessor {
@@ -87,6 +95,7 @@ declare class DurationPickerComponent extends BasePickerComponent {
     readonly label: _angular_core.InputSignal<string>;
     readonly hideZeroValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly durationChange: _angular_core.OutputEmitterRef<DurationChangeEvent>;
+    readonly keyPressed: _angular_core.WritableSignal<boolean>;
     protected readonly hours: _angular_core.Signal<number>;
     protected readonly minutes: _angular_core.Signal<number>;
     protected readonly shouldHideValue: _angular_core.Signal<boolean>;
@@ -96,6 +105,7 @@ declare class DurationPickerComponent extends BasePickerComponent {
         timePicker: boolean;
         'mod-stepper': boolean;
         'mod-stepperHover': boolean;
+        'pr-u-animatedShake': boolean;
     }>;
     protected readonly fieldsetSuffixClasses: _angular_core.Signal<{
         'timePicker-fieldset-groupSeparator': boolean;
@@ -138,6 +148,7 @@ type TimeChangeEvent = {
 });
 
 declare class TimePickerComponent extends BasePickerComponent {
+    #private;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_time.TimePickerTranslations, Partial<_lucca_front_ng_time.TimePickerTranslations>>;
     protected localeId: string;
     readonly idSuffix: number;
@@ -147,24 +158,33 @@ declare class TimePickerComponent extends BasePickerComponent {
     readonly max: _angular_core.InputSignal<`${string}:${string}:${string}`>;
     readonly displayArrows: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly forceMeridiemDisplay: _angular_core.InputSignal<boolean>;
+    readonly keyPressed: _angular_core.WritableSignal<boolean>;
     readonly enableMeridiemDisplay: _angular_core.Signal<boolean>;
     readonly label: _angular_core.InputSignal<string>;
     readonly timeChange: _angular_core.OutputEmitterRef<TimeChangeEvent>;
+    readonly prevPicker: _angular_core.OutputEmitterRef<void>;
+    readonly nextPicker: _angular_core.OutputEmitterRef<void>;
+    readonly nonDigitKeyPressed: _angular_core.OutputEmitterRef<void>;
+    readonly touched: _angular_core.OutputEmitterRef<void>;
     protected readonly hoursDisplay: _angular_core.Signal<number | "––">;
     protected readonly minutesDisplay: _angular_core.Signal<number | "––">;
     protected readonly hours: _angular_core.Signal<number>;
+    protected readonly hoursInputValue: _angular_core.Signal<number | "––">;
     protected readonly minutes: _angular_core.Signal<number>;
     protected readonly pickerClasses: _angular_core.Signal<{
         [x: string]: boolean;
         timePicker: boolean;
         'mod-stepper': boolean;
         'mod-stepperHover': boolean;
+        'pr-u-animatedShake': boolean;
     }>;
     protected readonly separator: _angular_core.Signal<string>;
     protected hoursDecimalConf: string;
     protected readonly maxHours: _angular_core.Signal<number>;
     protected readonly ampmDisplay: _angular_core.Signal<"AM" | "PM">;
-    protected focusPart(type: 'hours' | 'minutes' | 'meridiem'): void;
+    constructor();
+    get firstTimePickerInputId(): string | undefined;
+    focusPart(type: 'hours' | 'minutes' | 'meridiem'): void;
     writeValue(value: ISO8601Time): void;
     setDisabledState?(isDisabled: boolean): void;
     protected hoursInputHandler(value: number | '––'): void;
@@ -177,8 +197,9 @@ declare class TimePickerComponent extends BasePickerComponent {
     protected inputControlClickHandler(part: 'hours' | 'minutes', direction: PickerControlDirection): void;
     focus(): void;
     switchMeridiem(newValue: 'AM' | 'PM'): void;
+    nonDigitKeyPressedHandler(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "lu-time-picker", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "forceMeridiemDisplay": { "alias": "forceMeridiemDisplay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "timeChange": "timeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "lu-time-picker", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "forceMeridiemDisplay": { "alias": "forceMeridiemDisplay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "timeChange": "timeChange"; "prevPicker": "prevPicker"; "nextPicker": "nextPicker"; "nonDigitKeyPressed": "nonDigitKeyPressed"; "touched": "touched"; }, never, never, true, never>;
 }
 
 declare const LU_TIME_PICKER_TRANSLATIONS: InjectionToken<LuTranslation<TimePickerTranslations>>;
@@ -189,5 +210,65 @@ type TimePickerTranslations = {
 };
 declare const luTimePickerTranslations: LuTranslation<TimePickerTranslations>;
 
-export { DurationPickerComponent, LU_DURATION_PICKER_TRANSLATIONS, LU_TIME_PICKER_TRANSLATIONS, TimePickerComponent, luDurationPickerTranslations, luTimePickerTranslations };
-export type { DurationPickerTranslations, ISO8601Duration, ISO8601Time, TimePickerTranslations };
+interface TimeRangePickerRange {
+    start?: ISO8601Time;
+    end?: ISO8601Time;
+}
+
+declare class TimeRangePickerComponent implements ControlValueAccessor, OnInit, Validator {
+    #private;
+    readonly inputFocused: _angular_core.WritableSignal<boolean>;
+    readonly value: _angular_core.WritableSignal<TimeRangePickerRange>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_time.TimeRangePickerTranslations, Partial<_lucca_front_ng_time.TimeRangePickerTranslations>>;
+    readonly displayArrows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly forceMeridiemDisplay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly size: _angular_core.InputSignal<"S" | "M">;
+    readonly max: _angular_core.InputSignal<`${string}:${string}:${string}`>;
+    readonly step: _angular_core.InputSignal<`${string}P${string}`>;
+    readonly keyPressed: _angular_core.WritableSignal<boolean>;
+    readonly startValue: _angular_core.Signal<`${string}:${string}:${string}`>;
+    readonly endValue: _angular_core.Signal<`${string}:${string}:${string}`>;
+    readonly formFieldLabel: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
+    readonly isLocaleFr: _angular_core.Signal<boolean>;
+    DEFAULT_TIME_VALUE: string;
+    constructor();
+    ngOnInit(): void;
+    validate(control: AbstractControl<TimeRangePickerRange | null>): ValidationErrors | null;
+    writeValue(value: TimeRangePickerRange | null): void;
+    registerOnChange(fn: (value: TimeRangePickerRange | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onStartChange(start: ISO8601Time): void;
+    onEndChange(end: ISO8601Time): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    partToFocus(): 'meridiem' | 'minutes';
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeRangePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeRangePickerComponent, "lu-time-range-picker", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "forceMeridiemDisplay": { "alias": "forceMeridiemDisplay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const LU_TIME_RANGE_PICKER_TRANSLATIONS: InjectionToken<LuTranslation<TimeRangePickerTranslations>>;
+type TimeRangePickerTranslations = {
+    timeRangePickerStart: string;
+    timeRangePickerEnd: string;
+    timeRangePickerFrom: string;
+    timeRangePickerAt: string;
+};
+declare const luTimeRangePickerTranslations: LuTranslation<TimeRangePickerTranslations>;
+
+/**
+ * Available TimeRangePicker Types
+ */
+declare const TIME_RANGE_PICKER_SIZE: readonly ["S", "M"];
+type TimeRangePickerSize = (typeof TIME_RANGE_PICKER_SIZE)[number];
+
+/**
+ * Validator that checks if the end time is before the start time
+ * Returns an error object `endTimeBeforeStartTime: true` if the end time is before the start time
+ */
+declare function endTimeBeforeStartTimeValidator(): ValidatorFn;
+
+export { BASE_PICKER_SIZE, DurationPickerComponent, LU_DURATION_PICKER_TRANSLATIONS, LU_TIME_PICKER_TRANSLATIONS, LU_TIME_RANGE_PICKER_TRANSLATIONS, TIME_RANGE_PICKER_SIZE, TimePickerComponent, TimeRangePickerComponent, endTimeBeforeStartTimeValidator, luDurationPickerTranslations, luTimePickerTranslations, luTimeRangePickerTranslations };
+export type { BasePickerSize, DurationPickerTranslations, ISO8601Duration, ISO8601Time, TimePickerTranslations, TimeRangePickerRange, TimeRangePickerSize, TimeRangePickerTranslations };