@spw-ds/spw-stencil-library 1.2.3 → 1.2.5

package/dist/types/components/spw-custom-select/spw-custom-select.d.ts

@@ -9,6 +9,7 @@ export declare class SpwCustomSelect {
     parsedOptions: {
         value: string | number;
         label: string;
+        disabled?: boolean;
     }[];
     focusedOptionIndex: number | null;
     searchText: string;
@@ -54,8 +55,11 @@ export declare class SpwCustomSelect {
     showWarningIcon?: boolean;
     internals: ElementInternals;
     componentWillLoad(): void;
+    resetSelect(): Promise<void>;
+    formResetCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private handleOtherSelectOpened;
     private handleClickOutside;
     parseOptions(newValue: string | any[]): void;
     valueChangedHandler(newValue: (string | number)[] | string | number): void;
@@ -63,6 +67,7 @@ export declare class SpwCustomSelect {
     internalValueChanged(): void;
     private getFormValue;
     private toggleDropdown;
+    private notifyOtherSelects;
     private determineDropdownDirection;
     private openDropdownWithKeyboard;
     private closeDropdown;

package/dist/types/components/spw-date-picker/spw-date-picker.d.ts

@@ -69,10 +69,13 @@ export declare class SpwDatePicker {
     private isDeleting;
     internals: ElementInternals;
     componentWillLoad(): void;
+    connectedCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     watchValue(newValue: string): void;
     watchDisabled(isDisabled: boolean): void;
+    watchMinDate(newMinDate: string): void;
+    watchMaxDate(newMaxDate: string): void;
     /** Méthode pour ouvrir le datepicker */
     open(): Promise<void>;
     /** Méthode pour fermer le datepicker */
@@ -86,8 +89,13 @@ export declare class SpwDatePicker {
         start: Date | null;
         end: Date | null;
     }>;
+    /** Méthode pour mettre à jour les contraintes min/max du datepicker */
+    updateConstraints(minDate?: Date, maxDate?: Date): Promise<void>;
+    /** Méthode pour réinitialiser le datepicker */
+    resetInput(): Promise<void>;
     private toISODateString;
     private getRangeSiblings;
+    private highlightRangeInCalendar;
     private updateRangeConstraints;
     private unmask;
     private applyMaskSmart;

package/dist/types/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.d.ts

@@ -0,0 +1,3 @@
+export declare class SpwDropdownContainer {
+    render(): any;
+}

package/dist/types/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.d.ts

@@ -0,0 +1,23 @@
+export declare class SpwDropdownItem {
+    el: HTMLElement;
+    /** Lien href pour l'item */
+    href?: string;
+    /** Si true, l'item est désactivé */
+    disabled: boolean;
+    /** Icône optionnelle à afficher */
+    icon?: string;
+    /** Variante d'icône font-awesome */
+    iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular';
+    hasSubItems: boolean;
+    subItemsOpen: boolean;
+    private mutationObserver?;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    private setupMutationObserver;
+    private checkForSubItems;
+    private handleToggleSubItems;
+    private handleItemClick;
+    private get classes();
+    render(): any;
+}

package/dist/types/components/spw-pagination/spw-pagination.d.ts

@@ -20,11 +20,14 @@ export declare class SpwPagination {
     disconnectedCallback(): void;
     private updateIsMobile;
     calculateTotalPages(): void;
+    onItemsPerPageChange(): void;
+    onTotalItemsChange(): void;
+    /** Méthode publique pour définir la page courante */
+    setPage(page: number): Promise<void>;
     private goToPage;
     private handleInputChange;
     private getPaginationClass;
     private handleKeyDown;
-    private calculateWidth;
     private calculatePageRange;
     render(): any;
 }

package/dist/types/components/spw-search-field/spw-search-field.d.ts

@@ -1,5 +1,8 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SpwSearchField {
     private hostElement;
+    /** Événement émis lorsque la valeur du champ de recherche change */
+    valueChanged: EventEmitter<string>;
     /** Liste des éléments à filtrer, passée sous forme de chaîne JSON */
     items?: string;
     /** Placeholder à afficher dans le champ de recherche */
@@ -28,6 +31,8 @@ export declare class SpwSearchField {
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    /** Réinitialise le champ de recherche */
+    resetInput(): Promise<void>;
     parseItems(newValue: string): void;
     private handleClickOutside;
     private handleSearchInput;

package/dist/types/components/spw-select/spw-select.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export interface SelectItem {
     label: string;
     value: string | number;
+    disabled?: boolean;
 }
 export declare class SpwSelect {
     el: HTMLSpwSelectElement;
@@ -50,6 +51,7 @@ export declare class SpwSelect {
     private defaultValue;
     internals: ElementInternals;
     handleItemsChange(): void;
+    resetSelect(): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
     formResetCallback(): void;

package/dist/types/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.d.ts

@@ -14,9 +14,12 @@ export declare class SpwSidebarNavigationItem {
     tooltipTitle?: string;
     /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */
     iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular';
+    /** A appliquer sur spw-sidebar-navigation-item, si true, le clic sur l'item entier ouvre le dropdown (utile quand il n'y a pas de page physique) */
+    openOnClick: boolean;
     hasDropdown: boolean;
     dropdownOpen: boolean;
     navExpanded: boolean;
+    hasActiveChild: boolean;
     private mutationObserver?;
     private bodyClassObserver?;
     componentDidLoad(): void;
@@ -26,7 +29,12 @@ export declare class SpwSidebarNavigationItem {
     private checkForDropdown;
     private checkNavExpanded;
     private setupBodyClassObserver;
+    private propagateActiveStateToParents;
+    private activateParentItems;
     private get classes();
     private handleDropdownToggle;
+    private handleItemClick;
+    private openDropdown;
+    private toggleDropdown;
     render(): any;
 }

package/dist/types/components/spw-sidebar/spw-sidebar.d.ts

@@ -10,6 +10,7 @@ export declare class SpwSidebar {
     disconnectedCallback(): void;
     private toggleSidebar;
     private checkTopbarClass;
+    private checkExpandedState;
     private observeBodyClassChanges;
     private get hostClass();
     private get elementClass();

package/dist/types/components/spw-table/spw-table-cell/spw-table-cell.d.ts

@@ -1,4 +1,5 @@
 export declare class SpwTableCell {
+    el: HTMLElement;
     /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */
     colspan?: HTMLTableCellElement['colSpan'];
     /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */
@@ -15,6 +16,20 @@ export declare class SpwTableCell {
     width?: string;
     /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */
     padding?: 'small' | 'medium';
+    /** Permet de changer le state du spw-table-cell  */
+    state?: 'default' | 'selected' | 'disabled';
+    /** Rend la cellule sticky lors du défilement (à appliquer sur spw-table-header ou spw-table-cell) */
+    sticky?: boolean;
+    /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0) (à appliquer sur spw-table-header ou spw-table-cell) */
+    stickyPosition?: 'start' | 'end';
+    /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky) (à appliquer sur spw-table-header ou spw-table-cell) */
+    stickyOffset?: number;
+    isFirst: boolean;
+    private slotObserver?;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private checkIfFirst;
+    private observeRowSlot;
     private get elementClass();
     render(): any;
 }

package/dist/types/components/spw-table/spw-table-header/spw-table-header.d.ts

@@ -26,6 +26,12 @@ export declare class SpwTableHeader {
     tooltipTitle?: string;
     /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */
     tooltipText?: string;
+    /** Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell) */
+    sticky?: boolean;
+    /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell) */
+    stickyPosition?: 'start' | 'end';
+    /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell) */
+    stickyOffset?: number;
     spwHeaderClick: EventEmitter<string>;
     private handleClick;
     private get elementClass();

package/dist/types/components/spw-table/spw-table-row/spw-table-row.d.ts

@@ -1,6 +1,14 @@
 export declare class SpwTableRow {
+    el: HTMLSpwTableRowElement;
     /** Permet de changer le state du spw-table-row  */
     state?: 'default' | 'selected' | 'disabled';
+    /** Définit le padding pour toutes les cellules de la row */
+    padding?: 'small' | 'medium';
+    componentDidLoad(): void;
+    slotChanged(): void;
+    onStateChange(): void;
+    onPaddingChange(): void;
+    private applyPropsToChildren;
     private get elementClass();
     render(): any;
 }

package/dist/types/components/spw-table/spw-table.d.ts

@@ -13,19 +13,31 @@ export declare class SpwTable {
     maxHeight?: string;
     /** Si défini, apparition d'une scrollbar horizontale et max-width  */
     minWidth?: string;
+    /** Permet de définir le table-layout (auto ou fixed)  */
+    tableLayout?: 'auto' | 'fixed';
     /** Définit un background de couleur différent une ligne sur 2 */
     isZebra?: boolean;
-    spwSort: EventEmitter<SortEvent>;
+    /** Désactive le tri natif pour permettre l'utilisation d'une fonction de tri personnalisée */
+    disableSort?: boolean;
+    /** État du tri actuel (colonne et direction). Peut être défini de l'extérieur pour un tri personnalisé */
     currentSort?: SortEvent;
+    spwSort: EventEmitter<SortEvent>;
+    private mutationObserver?;
+    onCurrentSortChange(newSort: SortEvent | undefined): void;
+    onIsStickyChange(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private setupTableBodyObserver;
     private getMasterCheckboxColumnIndex;
     private isCheckboxDisabled;
     private updateMasterCheckboxState;
     private setupHeaderCheckboxListener;
+    private checkboxChangeHandler;
     private setupBodyCheckboxListener;
     private toggleAllRowCheckboxes;
     handleHeaderClick(event: CustomEvent<string>): void;
     private updateZebra;
+    private applyStickyToChildren;
     private sortRows;
     private updateHeadersSortState;
     private formatSize;

package/dist/types/components/spw-wizard/spw-wizard-item/spw-wizard-item.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SpwWizardItem {
+    /** Label affiché sous l'icône */
+    label?: string;
+    /** Description affiché sous le label */
+    description?: string;
+    /** Info additionnelle affichée sous la description (par exemple lors d'une erreur) */
+    additionalInfo?: string;
+    /** Icône à afficher (référence font-awesome) */
+    icon?: string;
+    /** État de l'étape (géré automatiquement par spw-wizard sauf si status est défini) */
+    state?: 'inactive' | 'active' | 'completed' | 'warning' | 'error';
+    /** Statut manuel qui override l'état automatique */
+    status?: 'inactive' | 'active' | 'completed' | 'warning' | 'error';
+    /** Indique si c'est le dernier item (géré automatiquement par spw-wizard) */
+    isLast?: string;
+    /** Numéro de l'étape (géré automatiquement par spw-wizard) */
+    stepNumber?: number;
+    /** Variant qui permet de définir la direction (géré automatiquement par spw-wizard) */
+    variant?: 'vertical' | 'horizontal';
+    /** Indique si l'item est cliquable (géré automatiquement par spw-wizard) */
+    isClickable?: string;
+    /** Indique si l'item est avant l'étape courante (géré automatiquement par spw-wizard) */
+    isBeforeCurrent?: string;
+    /** Indique si l'item est après l'étape courante (géré automatiquement par spw-wizard) */
+    isAfterCurrent?: string;
+    /** Indique si c'est l'étape courante (géré automatiquement par spw-wizard) */
+    isCurrent?: string;
+    /** Événement émis lors du clic sur l'item */
+    wizardItemClick: EventEmitter<number>;
+    private handleClick;
+    private renderIcon;
+    private get elementClass();
+    render(): any;
+}

package/dist/types/components/spw-wizard/spw-wizard.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SpwWizard {
+    el: HTMLSpwWizardElement;
+    /** Étape actuellement active (index basé sur 1) */
+    currentStep: number;
+    /** Orientation du wizard */
+    variant?: 'horizontal' | 'vertical';
+    /** Événement émis lors du clic sur une étape antérieure */
+    stepClick: EventEmitter<number>;
+    componentWillLoad(): void;
+    slotChanged(): void;
+    /** Méthode publique pour définir une step au wizard */
+    setStep(step: number): Promise<void>;
+    handleStepClick(event: CustomEvent<number>): void;
+    private scrollToWizard;
+    private updateStepsState;
+    private get elementClass();
+    render(): any;
+}