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

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,11 +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>;
-    protected inputId: string;
+    readonly currentValue: _angular_core.Signal<number | "––">;
+    readonly inputId: string;
     constructor(locale: string);
     arrowKeyPressed(event: KeyboardEvent, isUpArrow: boolean): void;
     keysInputHandler(event: Event): void;
@@ -44,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 {
@@ -86,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>;
@@ -95,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;
@@ -137,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;
@@ -146,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>;
@@ -158,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;
@@ -176,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>>;
@@ -188,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 };