ps-helix 4.0.7 → 4.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ps-helix",
-  "version": "4.0.7",
+  "version": "4.1.0",
   "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

@@ -1478,9 +1478,12 @@ interface SearchConfig {
     minLength: number;
 }
 
-declare class PshSelectComponent<T = unknown> implements ControlValueAccessor, AfterContentInit, FormValueControl<T | T[] | null> {
+interface FlatOption<T> {
+    option: SelectOption<T>;
+    effectiveDisabled: boolean;
+}
+declare class PshSelectComponent<T = unknown> implements ControlValueAccessor, 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>;
@@ -1498,22 +1501,30 @@ declare class PshSelectComponent<T = unknown> implements ControlValueAccessor, A
     placeholder: _angular_core.InputSignal<string>;
     multiplePlaceholder: _angular_core.InputSignal<string>;
     error: _angular_core.InputSignal<string | null | undefined>;
+    success: _angular_core.InputSignal<string | null | undefined>;
+    hint: _angular_core.InputSignal<string | null | undefined>;
+    ariaLabel: _angular_core.InputSignal<string | null>;
+    maxSelections: _angular_core.InputSignal<number | undefined>;
+    minSelections: _angular_core.InputSignal<number | undefined>;
     compareWith: _angular_core.InputSignal<(a: T, b: T) => boolean>;
     searchConfig: _angular_core.InputSignal<SearchConfig>;
     private readonly isOpenSignal;
     private readonly searchTermSignal;
-    private readonly initializedSignal;
+    readonly focusedIndex: _angular_core.WritableSignal<number>;
     opened: _angular_core.OutputEmitterRef<void>;
     closed: _angular_core.OutputEmitterRef<void>;
     searched: _angular_core.OutputEmitterRef<string>;
     scrollEnd: _angular_core.OutputEmitterRef<void>;
     isOpen: _angular_core.Signal<boolean>;
     searchTerm: _angular_core.Signal<string>;
-    state: _angular_core.Signal<"default" | "disabled" | "error">;
+    state: _angular_core.Signal<"success" | "default" | "disabled" | "error">;
+    computedAriaLabel: _angular_core.Signal<string>;
+    describedBy: _angular_core.Signal<"error-message" | "success-message" | "hint-message" | null>;
+    flatFilteredOptions: _angular_core.Signal<FlatOption<T>[]>;
+    activeDescendant: _angular_core.Signal<string | null>;
     selectedLabel: _angular_core.Signal<string>;
     filteredOptions: _angular_core.Signal<(SelectOption<T> | SelectOptionGroup<T>)[]>;
     constructor();
-    ngAfterContentInit(): void;
     private onChange;
     private onTouched;
     writeValue(value: unknown): void;
@@ -1522,18 +1533,23 @@ declare class PshSelectComponent<T = unknown> implements ControlValueAccessor, A
     setDisabledState(isDisabled: boolean): void;
     toggle(): void;
     close(): void;
-    select(option: SelectOption<T>): void;
+    select(option: SelectOption<T>, groupDisabled?: boolean): void;
     clear(event: MouseEvent): void;
     onSearch(event: Event): void;
     onScroll(event: Event): void;
+    handleKeydown(event: KeyboardEvent): void;
     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 getFlatIndex(option: SelectOption<T>): number;
     protected focusSelect(): void;
+    private flattenOptions;
+    private moveFocus;
+    private focusFirst;
+    private focusLast;
     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; }; "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>;
+    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; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "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"; "searched": "searched"; "scrollEnd": "scrollEnd"; }, never, never, true, never>;
 }
 
 /**
@@ -2001,9 +2017,19 @@ interface TableColumn {
 interface TableRow {
     /** Identifiant unique */
     id: string | number;
+    /** Lignes enfants (un seul niveau) */
+    children?: TableRow[];
     /** Données de la ligne */
     [key: string]: any;
 }
+interface TableRowExpandEvent {
+    id: string | number;
+    row: TableRow;
+    expanded: boolean;
+}
+interface TableExpandedRowContext {
+    $implicit: TableRow;
+}
 /**
  * Interface for row click event
  */
@@ -2052,6 +2078,10 @@ interface TableConfig {
     truncateText: boolean;
     /** Full width mode */
     fullWidth: boolean;
+    /** Lignes extensibles */
+    expandable: boolean;
+    /** Mode accordéon (une seule ligne ouverte à la fois) */
+    singleExpand: boolean;
 }
 
 declare const TABLE_CONFIG: InjectionToken<Partial<TableConfig>>;
@@ -2072,11 +2102,17 @@ declare class PshTableComponent {
     globalSearchPlaceholder: _angular_core.InputSignal<string>;
     tableLayout: _angular_core.InputSignal<"fixed" | "auto">;
     truncateText: _angular_core.InputSignal<boolean>;
+    expandable: _angular_core.InputSignal<boolean>;
+    singleExpand: _angular_core.InputSignal<boolean>;
+    expandedRowTemplate: _angular_core.InputSignal<TemplateRef<TableExpandedRowContext> | undefined>;
     sortChange: _angular_core.OutputEmitterRef<TableSort>;
     globalSearchChange: _angular_core.OutputEmitterRef<string>;
     rowClick: _angular_core.OutputEmitterRef<TableRowClickEvent>;
+    rowExpand: _angular_core.OutputEmitterRef<TableRowExpandEvent>;
+    rowCollapse: _angular_core.OutputEmitterRef<TableRowExpandEvent>;
     private currentSortSignal;
     readonly searchTermSignal: _angular_core.WritableSignal<string>;
+    private expandedRowIds;
     currentSort: _angular_core.Signal<TableSort | undefined>;
     searchTerm: _angular_core.Signal<string>;
     computedEmptyMessage: _angular_core.Signal<string>;
@@ -2097,12 +2133,15 @@ declare class PshTableComponent {
     handleSort(column: TableColumn): void;
     onSearchValueChange(value: string): void;
     handleRowClick(row: TableRow): void;
-    /**
-     * Récupère la valeur d'une cellule pour affichage
-     */
     protected getCellValue(row: TableRow, column: TableColumn): any;
+    totalColumns: _angular_core.Signal<number>;
+    isRowExpandable(row: TableRow): boolean;
+    isRowExpanded(row: TableRow): boolean;
+    toggleRow(row: TableRow): void;
+    expandAll(): void;
+    collapseAll(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PshTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshTableComponent, "psh-table", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "globalSearch": { "alias": "globalSearch"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "globalSearchPlaceholder": { "alias": "globalSearchPlaceholder"; "required": false; "isSignal": true; }; "tableLayout": { "alias": "tableLayout"; "required": false; "isSignal": true; }; "truncateText": { "alias": "truncateText"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "globalSearchChange": "globalSearchChange"; "rowClick": "rowClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PshTableComponent, "psh-table", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "globalSearch": { "alias": "globalSearch"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "globalSearchPlaceholder": { "alias": "globalSearchPlaceholder"; "required": false; "isSignal": true; }; "tableLayout": { "alias": "tableLayout"; "required": false; "isSignal": true; }; "truncateText": { "alias": "truncateText"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "singleExpand": { "alias": "singleExpand"; "required": false; "isSignal": true; }; "expandedRowTemplate": { "alias": "expandedRowTemplate"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "globalSearchChange": "globalSearchChange"; "rowClick": "rowClick"; "rowExpand": "rowExpand"; "rowCollapse": "rowCollapse"; }, never, never, true, never>;
 }
 
 /**
@@ -2450,4 +2489,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, PshFlowStepComponent, PshHorizontalCardComponent, PshInfoCardComponent, PshInputComponent, PshMenuComponent, PshModalComponent, PshPaginationComponent, PshProgressbarComponent, PshRadioComponent, PshSelectComponent, PshSidebarComponent, PshSpinLoaderComponent, PshStatCardComponent, PshStateFlowIndicatorComponent, PshStepComponent, PshStepperComponent, PshSwitchComponent, PshTabBarComponent, PshTabComponent, PshTableComponent, PshTabsComponent, PshTagComponent, PshToastComponent, PshToastService, PshTooltipComponent, RADIO_CONFIG, RADIO_STYLES, SIDEBAR_CONFIG, SPINLOADER_CONFIG, STATE_FLOW_INDICATOR_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, CheckboxLabelPosition, CheckboxSize, CollapseSize, CollapseVariant, DropdownConfig, DropdownItem, DropdownPlacement, DropdownSize, FlowStepConfig, 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, StateFlowIndicatorAriaLabels, StateFlowIndicatorConfig, StateFlowIndicatorSize, 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, FlowStepConfig, 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, StateFlowIndicatorAriaLabels, StateFlowIndicatorConfig, StateFlowIndicatorSize, StepConfig, StepperAriaLabels, StepperConfig, StepperVariant, SuggestionResult, SwitchConfig, SwitchSize, Tab, TabBarChangeEvent, TabBarConfig, TabBarItem, TabChangeEvent, TableCellContext, TableColumn, TableConfig, TableExpandedRowContext, TableRow, TableRowClickEvent, TableRowExpandEvent, TableSort, TabsConfig, TabsSize, TabsVariant, TagConfig, TagSize, TagVariant, Theme, ThemeConfig, Toast, ToastConfig, ToastPosition, ToastType, TooltipConfig, TooltipPosition, TooltipVariant, TranslationConfig, TranslationEntry, TranslationProvider };