ps-helix 4.0.0 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ps-helix",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "Helix Design System - A comprehensive Angular component library",
   "author": "Fabrice PEREZ - Product designer at PACK Solutions",
   "license": "MIT",

package/types/ps-helix.d.ts

@@ -596,69 +596,59 @@ declare class PshInfoCardComponent implements AfterContentInit {
 }
 
 /**
- * Tailles disponibles pour la checkbox
+ * Tailles disponibles pour la checkbox (mappées en rem dans le CSS)
  */
 type CheckboxSize = 'small' | 'medium' | 'large';
 /**
- * Configuration complète d'une checkbox
+ * Positionnement du label par rapport au contrôle visuel
+ */
+type CheckboxLabelPosition = 'left' | 'right';
+/**
+ * Configuration immuable pour l'injection via InjectionToken
  */
 interface CheckboxConfig {
-    /** État coché */
-    checked: boolean;
-    /** État désactivé */
-    disabled: boolean;
-    /** État requis */
-    required: boolean;
-    /** État indéterminé */
-    indeterminate: boolean;
-    /** Label de la checkbox */
-    label: string;
-    /** Taille de la checkbox */
-    size: CheckboxSize;
-    /** Position du label */
-    labelPosition: 'left' | 'right';
-    /** Label ARIA pour l'accessibilité */
-    ariaLabel?: string;
-    /** Message d'erreur */
-    error?: string;
-    /** Message de succès */
-    success?: string;
+    readonly checked: boolean;
+    readonly disabled: boolean;
+    readonly required: boolean;
+    readonly indeterminate: boolean;
+    readonly label: string;
+    readonly size: CheckboxSize;
+    readonly labelPosition: CheckboxLabelPosition;
+    readonly ariaLabel?: string;
+    readonly error?: string | null;
+    readonly success?: string | null;
 }
 
 declare const CHECKBOX_CONFIG: InjectionToken<Partial<CheckboxConfig>>;
 declare class PshCheckboxComponent implements ControlValueAccessor, FormCheckboxControl {
-    private config;
-    private uniqueId;
-    private checkboxInput;
+    private readonly config;
+    private readonly checkboxInput;
+    protected readonly uniqueId: string;
     private onChange;
     private onTouched;
     readonly checked: _angular_core.ModelSignal<boolean>;
     readonly disabled: _angular_core.ModelSignal<boolean>;
     readonly indeterminate: _angular_core.ModelSignal<boolean>;
-    touched: _angular_core.ModelSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
     required: _angular_core.InputSignal<boolean>;
     label: _angular_core.InputSignal<string>;
-    error: _angular_core.InputSignal<string>;
-    success: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string | null | undefined>;
+    success: _angular_core.InputSignal<string | null | undefined>;
     ariaLabel: _angular_core.InputSignal<string | undefined>;
     size: _angular_core.InputSignal<CheckboxSize>;
-    labelPosition: _angular_core.InputSignal<"left" | "right">;
-    ariaChecked: _angular_core.Signal<"true" | "false" | "mixed">;
+    labelPosition: _angular_core.InputSignal<CheckboxLabelPosition>;
+    ariaChecked: _angular_core.Signal<"mixed" | "true" | "false">;
     computedAriaLabel: _angular_core.Signal<string | undefined>;
-    errorMessageId: _angular_core.Signal<string | undefined>;
-    successMessageId: _angular_core.Signal<string | undefined>;
     ariaDescribedBy: _angular_core.Signal<string | undefined>;
-    state: _angular_core.Signal<string>;
+    state: _angular_core.Signal<"success" | "disabled" | "indeterminate" | "error" | "checked" | "unchecked">;
     constructor();
-    private getState;
     protected toggle(): void;
     protected handleKeydown(event: KeyboardEvent): void;
-    writeValue(value: boolean): void;
-    registerOnChange(fn: (value: boolean) => void): void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (v: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
-    blur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshCheckboxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshCheckboxComponent, "psh-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "indeterminate": "indeterminateChange"; "touched": "touchedChange"; }, never, ["*"], true, never>;
 }
@@ -807,16 +797,16 @@ declare const INPUT_LABELS: {
 };
 
 declare class PshInputComponent implements ControlValueAccessor, FormValueControl<string> {
-    private elementRef;
-    private cdr;
-    private destroyRef;
+    private readonly elementRef;
+    private readonly cdr;
+    private readonly destroyRef;
     private static nextId;
     readonly inputId: string;
     readonly value: _angular_core.ModelSignal<string>;
     readonly disabled: _angular_core.ModelSignal<boolean>;
     readonly readonly: _angular_core.ModelSignal<boolean>;
-    loading: _angular_core.ModelSignal<boolean>;
-    touched: _angular_core.ModelSignal<boolean>;
+    readonly loading: _angular_core.ModelSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
     variant: _angular_core.InputSignal<InputVariant>;
     size: _angular_core.InputSignal<InputSize>;
     fullWidth: _angular_core.InputSignal<boolean>;
@@ -833,11 +823,11 @@ declare class PshInputComponent implements ControlValueAccessor, FormValueContro
     hint: _angular_core.InputSignal<string | null | undefined>;
     suggestions: _angular_core.InputSignal<string[] | ((query: string) => Promise<string[]>)>;
     autocompleteConfig: _angular_core.InputSignal<AutocompleteConfig>;
-    private suggestionsVisible;
-    private focusedSignal;
-    private filteredSuggestionsSignal;
-    focusedSuggestionIndex: _angular_core.WritableSignal<number>;
-    private passwordVisibleSignal;
+    private readonly suggestionsVisible;
+    private readonly focusedSignal;
+    private readonly filteredSuggestionsSignal;
+    readonly focusedSuggestionIndex: _angular_core.WritableSignal<number>;
+    private readonly passwordVisibleSignal;
     private blurTimeoutId;
     private debounceTimeoutId;
     inputFocus: _angular_core.OutputEmitterRef<void>;
@@ -856,7 +846,7 @@ declare class PshInputComponent implements ControlValueAccessor, FormValueContro
     private onChange;
     private onTouched;
     writeValue(value: unknown): void;
-    registerOnChange(fn: (_: unknown) => void): void;
+    registerOnChange(fn: (v: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     handleInput(event: Event): void;
@@ -1486,14 +1476,14 @@ interface SearchConfig {
     minLength: number;
 }
 
-declare class PshSelectComponent<T = unknown> implements ControlValueAccessor, FormValueControl<T | T[] | null>, AfterContentInit {
-    private elementRef;
-    private cdr;
-    private destroyRef;
-    readonly selectId: string;
+declare class PshSelectComponent<T = unknown> implements ControlValueAccessor, AfterContentInit, FormValueControl<T | T[] | null> {
+    private readonly elementRef;
+    private readonly cdr;
+    private readonly destroyRef;
+    protected readonly selectId: string;
     readonly value: _angular_core.ModelSignal<T | T[] | null>;
     readonly disabled: _angular_core.ModelSignal<boolean>;
-    touched: _angular_core.ModelSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
     size: _angular_core.InputSignal<SelectSize>;
     searchable: _angular_core.InputSignal<boolean>;
     multiple: _angular_core.InputSignal<boolean>;
@@ -1503,67 +1493,45 @@ declare class PshSelectComponent<T = unknown> implements ControlValueAccessor, F
     required: _angular_core.InputSignal<boolean>;
     options: _angular_core.InputSignal<(SelectOption<T> | SelectOptionGroup<T>)[]>;
     label: _angular_core.InputSignal<string>;
-    ariaLabel: _angular_core.InputSignal<string | null>;
     placeholder: _angular_core.InputSignal<string>;
     multiplePlaceholder: _angular_core.InputSignal<string>;
-    error: _angular_core.InputSignal<string>;
-    success: _angular_core.InputSignal<string>;
-    hint: _angular_core.InputSignal<string>;
-    maxSelections: _angular_core.InputSignal<number | undefined>;
-    minSelections: _angular_core.InputSignal<number | undefined>;
+    error: _angular_core.InputSignal<string | null | undefined>;
     compareWith: _angular_core.InputSignal<(a: T, b: T) => boolean>;
     searchConfig: _angular_core.InputSignal<SearchConfig>;
-    private isOpenSignal;
-    private searchTermSignal;
-    private selectedLabelSignal;
-    private focusedOptionIndex;
-    private hasLabelContentSignal;
-    private initializedSignal;
-    private activeDescendantId;
+    private readonly isOpenSignal;
+    private readonly searchTermSignal;
+    private readonly initializedSignal;
     opened: _angular_core.OutputEmitterRef<void>;
     closed: _angular_core.OutputEmitterRef<void>;
-    scrollEnd: _angular_core.OutputEmitterRef<void>;
     searched: _angular_core.OutputEmitterRef<string>;
+    scrollEnd: _angular_core.OutputEmitterRef<void>;
     isOpen: _angular_core.Signal<boolean>;
     searchTerm: _angular_core.Signal<string>;
-    hasLabelContent: _angular_core.Signal<boolean>;
-    activeDescendant: _angular_core.Signal<string | null>;
-    computedAriaLabel: _angular_core.Signal<string>;
+    state: _angular_core.Signal<"default" | "disabled" | "error">;
     selectedLabel: _angular_core.Signal<string>;
     filteredOptions: _angular_core.Signal<(SelectOption<T> | SelectOptionGroup<T>)[]>;
     constructor();
     ngAfterContentInit(): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleOptionKeyDown(event: KeyboardEvent, option: SelectOption<T>): void;
-    private focusNextOption;
-    private focusPreviousOption;
-    private focusFirstOption;
-    private focusLastOption;
-    private scrollOptionIntoView;
-    private updateActiveDescendant;
-    isFocused(option: SelectOption<T>): boolean;
     private onChange;
     private onTouched;
     writeValue(value: unknown): void;
-    registerOnChange(fn: (_: unknown) => void): void;
-    registerOnTouched(fn: () => void): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    isOptionGroup(option: SelectOption<T> | SelectOptionGroup<T>): option is SelectOptionGroup<T>;
-    getOptionKey(option: SelectOption<T> | SelectOptionGroup<T>): string;
-    hasValue(): boolean;
-    focus(): void;
-    focusSelect(): void;
-    select(option: SelectOption<T>): void;
-    isSelected(option: SelectOption<T>): boolean;
     toggle(): void;
     close(): void;
-    clear(event: Event): void;
+    select(option: SelectOption<T>): void;
+    clear(event: MouseEvent): void;
     onSearch(event: Event): void;
     onScroll(event: Event): void;
-    private updateSelectedLabel;
+    protected isOptionGroup(item: SelectOption<T> | SelectOptionGroup<T>): item is SelectOptionGroup<T>;
+    protected getOptionKey(item: SelectOption<T> | SelectOptionGroup<T>): string;
+    protected isSelected(option: SelectOption<T>): boolean;
+    protected hasValue(): boolean;
     private flattenOptions;
+    protected focusSelect(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshSelectComponent<any>, "psh-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiplePlaceholder": { "alias": "multiplePlaceholder"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "maxSelections": { "alias": "maxSelections"; "required": false; "isSignal": true; }; "minSelections": { "alias": "minSelections"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "searchConfig": { "alias": "searchConfig"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "touched": "touchedChange"; "opened": "opened"; "closed": "closed"; "scrollEnd": "scrollEnd"; "searched": "searched"; }, never, ["[select-label]", "[select-error]", "[select-success]", "[select-hint]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshSelectComponent<any>, "psh-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiplePlaceholder": { "alias": "multiplePlaceholder"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "searchConfig": { "alias": "searchConfig"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "touched": "touchedChange"; "opened": "opened"; "closed": "closed"; "searched": "searched"; "scrollEnd": "scrollEnd"; }, never, never, true, never>;
 }
 
 /**
@@ -2398,4 +2366,4 @@ declare class ScrollService {
 }
 
 export { CHECKBOX_CONFIG, INPUT_LABELS, INSURER_CONTEXT_SERVICE, MODAL_CONFIG, ModalService, NgxTranslateProvider, PAGINATION_CONFIG, PROGRESSBAR_CONFIG, PshAlertComponent, PshAvatarComponent, PshBadgeComponent, PshButtonComponent, PshCardComponent, PshCheckboxComponent, PshCollapseComponent, PshDropdownComponent, PshHorizontalCardComponent, PshInfoCardComponent, PshInputComponent, PshMenuComponent, PshModalComponent, PshPaginationComponent, PshProgressbarComponent, PshRadioComponent, PshSelectComponent, PshSidebarComponent, PshSpinLoaderComponent, PshStatCardComponent, PshStepperComponent, PshSwitchComponent, PshTabBarComponent, PshTabComponent, PshTableComponent, PshTabsComponent, PshTagComponent, PshToastComponent, PshToastService, PshTooltipComponent, RADIO_CONFIG, RADIO_STYLES, SIDEBAR_CONFIG, SPINLOADER_CONFIG, STEPPER_CONFIG, SWITCH_CONFIG, ScrollService, TABLE_CONFIG, TABS_CONFIG, TAB_BAR_CONFIG, TAG_CONFIG, TOAST_CONFIG, TOOLTIP_CONFIG, TRANSLATION_PROVIDER, ThemeService, ToastComponent, ToastService, provideTranslation };
-export type { AlertConfig, AlertLabels, AlertRole, AlertSize, AlertType, AutocompleteConfig, AvatarConfig, AvatarShape, AvatarSize, AvatarStatus, BadgeDisplayType, BadgePosition, BadgeSize, BadgeVariant, ButtonAppearance, ButtonIconPosition, ButtonSize, ButtonVariant, CardActionsAlignment, CardColorVariant, CardDensity, CardVariant, CheckboxConfig, CheckboxSize, CollapseSize, CollapseVariant, DropdownConfig, DropdownItem, DropdownPlacement, DropdownSize, IconPosition, InfoCardData, InfoCardOptions, InfoCardVariant, InputConfig, InputSize, InputType, InputVariant, InsurerContextService, MenuItem, MenuMode, MenuVariant, ModalConfig, ModalSize, PaginationConfig, PaginationSize, PaginationVariant, ProgressbarConfig, ProgressbarLabelPosition, ProgressbarMode, ProgressbarSize, ProgressbarVariant, RadioConfig, RadioSize, SearchConfig, SelectOption, SelectOptionGroup, SelectSize, SidebarConfig, SidebarMode, SidebarPosition, SpinLoaderColor, SpinLoaderConfig, SpinLoaderSize, SpinLoaderVariant, StatCardLayout, StatCardVariant, StatTagVariant, StepConfig, StepperAriaLabels, StepperConfig, StepperVariant, SuggestionResult, SwitchConfig, SwitchSize, Tab, TabBarChangeEvent, TabBarConfig, TabBarItem, TabChangeEvent, TableCellContext, TableColumn, TableConfig, TableRow, TableRowClickEvent, TableSort, TabsConfig, TabsSize, TabsVariant, TagConfig, TagSize, TagVariant, Theme, ThemeConfig, Toast, ToastConfig, ToastPosition, ToastType, TooltipConfig, TooltipPosition, TooltipVariant, TranslationConfig, TranslationEntry, TranslationProvider };
+export type { AlertConfig, AlertLabels, AlertRole, AlertSize, AlertType, AutocompleteConfig, AvatarConfig, AvatarShape, AvatarSize, AvatarStatus, BadgeDisplayType, BadgePosition, BadgeSize, BadgeVariant, ButtonAppearance, ButtonIconPosition, ButtonSize, ButtonVariant, CardActionsAlignment, CardColorVariant, CardDensity, CardVariant, CheckboxConfig, CheckboxLabelPosition, CheckboxSize, CollapseSize, CollapseVariant, DropdownConfig, DropdownItem, DropdownPlacement, DropdownSize, IconPosition, InfoCardData, InfoCardOptions, InfoCardVariant, InputConfig, InputSize, InputType, InputVariant, InsurerContextService, MenuItem, MenuMode, MenuVariant, ModalConfig, ModalSize, PaginationConfig, PaginationSize, PaginationVariant, ProgressbarConfig, ProgressbarLabelPosition, ProgressbarMode, ProgressbarSize, ProgressbarVariant, RadioConfig, RadioSize, SearchConfig, SelectOption, SelectOptionGroup, SelectSize, SidebarConfig, SidebarMode, SidebarPosition, SpinLoaderColor, SpinLoaderConfig, SpinLoaderSize, SpinLoaderVariant, StatCardLayout, StatCardVariant, StatTagVariant, StepConfig, StepperAriaLabels, StepperConfig, StepperVariant, SuggestionResult, SwitchConfig, SwitchSize, Tab, TabBarChangeEvent, TabBarConfig, TabBarItem, TabChangeEvent, TableCellContext, TableColumn, TableConfig, TableRow, TableRowClickEvent, TableSort, TabsConfig, TabsSize, TabsVariant, TagConfig, TagSize, TagVariant, Theme, ThemeConfig, Toast, ToastConfig, ToastPosition, ToastType, TooltipConfig, TooltipPosition, TooltipVariant, TranslationConfig, TranslationEntry, TranslationProvider };