@lucca-front/ng 21.2.3-rc.4 → 21.3.0-rc.2

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)
      */
@@ -67,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
@@ -77,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)
      */
@@ -95,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>;
 }
@@ -110,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.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 {
@@ -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", "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 };

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
@@ -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 {
     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>;
     timePickerInput?: ElementRef<HTMLInputElement>;
     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>;
+    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,9 +158,14 @@ 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>;
+    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>;
@@ -159,12 +175,15 @@ declare class TimePickerComponent extends BasePickerComponent {
         timePicker: boolean;
         'mod-stepper': boolean;
         'mod-stepperHover': boolean;
+        'pr-u-animatedShake': boolean;
     }>;
     protected 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 +196,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 +209,63 @@ 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 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}`>;
+    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;
+    onTouched(): 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 };

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

@@ -78,6 +78,12 @@ declare class LuUserDisplayModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuUserDisplayModule>;
 }
 
+/**
+ * Available LuUserTileComponent Sizes
+ */
+declare const USER_TILE_SIZE: readonly ["L", "M", "S", "XS"];
+type UserTileSize = (typeof USER_TILE_SIZE)[number];
+
 interface LuUserTileUserInput {
     picture?: {
         href: string;
@@ -108,7 +114,7 @@ declare class LuUserTileComponent {
     /**
      * Which size should the user tile be? Defaults to medium
      */
-    readonly size: i0.InputSignal<"L" | "XS" | "S" | "M">;
+    readonly size: i0.InputSignal<"L" | "M" | "S" | "XS">;
     readonly displayPictureFormat: i0.Signal<_lucca_front_ng_user.LuDisplayInitials>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserTileComponent, never>;
@@ -124,6 +130,12 @@ declare class LuUserTileModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuUserTileModule>;
 }
 
+/**
+ * Available LuUserPictureComponent Sizes
+ */
+declare const USER_PICTURE_SIZE: readonly ["XS", "S", "M", "L", "XL", "XXL", "XXXL"];
+type UserPictureSize = (typeof USER_PICTURE_SIZE)[number];
+
 interface LuUserPictureUserInput {
     picture?: {
         href: string;
@@ -144,7 +156,9 @@ declare class LuUserPictureComponent {
     readonly displayFormat: i0.InputSignal<LuDisplayInitials>;
     readonly user: i0.InputSignal<LuUserPictureUserInput>;
     readonly AI: i0.InputSignalWithTransform<boolean, unknown>;
-    readonly size: i0.InputSignal<"L" | "XS" | "S" | "M" | "XL" | "XXL" | "XXXL">;
+    readonly placeholder: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly softRounded: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly size: i0.InputSignal<"L" | "M" | "S" | "XS" | "XL" | "XXL" | "XXXL">;
     /**
      * Image loading attribute
      * It is set to 'lazy' by default
@@ -163,7 +177,7 @@ declare class LuUserPictureComponent {
     }>;
     pictureError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserPictureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "softRounded": { "alias": "softRounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -380,5 +394,5 @@ declare class LuUserModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuUserModule>;
 }
 
-export { ALuUserHomonymsService, ALuUserService, LU_DEFAULT_DISPLAY_POLICY, LU_USER_SEARCHER_TRANSLATIONS, LU_USER_SELECT_INPUT_TRANSLATIONS, LuDisplayFullname, LuDisplayHybrid, LuDisplayInitials, LuUserDisplayModule, LuUserDisplayPipe, LuUserHomonymsComponent, LuUserHomonymsService, LuUserMeOptionDirective, LuUserMeOptionModule, LuUserModule, LuUserPagedSearcherComponent, LuUserPictureComponent, LuUserPictureModule, LuUserSearcherModule, LuUserSelectInputComponent, LuUserSelectInputModule, LuUserSelectModule, LuUserTileComponent, LuUserTileModule, LuUserV3Service, luUserDisplay, luUserSearcherTranslations, luUserSelectInputTranslations, luUsersDisplay };
-export type { ILuUser, ILuUserHomonymsService, ILuUserSearcherLabel, ILuUserSelectInputLabel, ILuUserService, LuDisplayFormat, LuUserDisplayInput, LuUserDisplayMultipleOptions, LuUserDisplaySingleOptions, LuUserPictureUserInput, LuUserTileUserInput };
+export { ALuUserHomonymsService, ALuUserService, LU_DEFAULT_DISPLAY_POLICY, LU_USER_SEARCHER_TRANSLATIONS, LU_USER_SELECT_INPUT_TRANSLATIONS, LuDisplayFullname, LuDisplayHybrid, LuDisplayInitials, LuUserDisplayModule, LuUserDisplayPipe, LuUserHomonymsComponent, LuUserHomonymsService, LuUserMeOptionDirective, LuUserMeOptionModule, LuUserModule, LuUserPagedSearcherComponent, LuUserPictureComponent, LuUserPictureModule, LuUserSearcherModule, LuUserSelectInputComponent, LuUserSelectInputModule, LuUserSelectModule, LuUserTileComponent, LuUserTileModule, LuUserV3Service, USER_PICTURE_SIZE, USER_TILE_SIZE, luUserDisplay, luUserSearcherTranslations, luUserSelectInputTranslations, luUsersDisplay };
+export type { ILuUser, ILuUserHomonymsService, ILuUserSearcherLabel, ILuUserSelectInputLabel, ILuUserService, LuDisplayFormat, LuUserDisplayInput, LuUserDisplayMultipleOptions, LuUserDisplaySingleOptions, LuUserPictureUserInput, LuUserTileUserInput, UserPictureSize, UserTileSize };