@spw-ds/spw-stencil-library 1.2.2 → 1.2.4

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

@@ -1,6 +1,7 @@
 export declare class SpwCard {
     el: HTMLSpwCardElement;
     hasImage: boolean;
+    private childHoveredCount;
     /** Type de variante de carte */
     variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people';
     /** Type d'élément du bouton */
@@ -25,6 +26,10 @@ export declare class SpwCard {
     slotChanged(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
+    private attachNestedCardListeners;
+    private onNestedCardEnter;
+    private onNestedCardLeave;
+    private isPointerInside;
     private checkForImage;
     private formatDate;
     private applyVariantToChildren;

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

@@ -54,6 +54,8 @@ export declare class SpwCustomSelect {
     showWarningIcon?: boolean;
     internals: ElementInternals;
     componentWillLoad(): void;
+    resetSelect(): Promise<void>;
+    formResetCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private handleClickOutside;

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

@@ -73,6 +73,8 @@ export declare class SpwDatePicker {
     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 +88,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-header/spw-header-persona/spw-header-persona.d.ts

@@ -1,4 +1,6 @@
 export declare class SpwHeaderPersona {
+    /** Label pour le choix du persona (à appliquer sur spw-header-persona) */
+    personaLabel?: string;
     el: HTMLElement;
     activePersona: string;
     options: HTMLOptionElement[];

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

@@ -7,8 +7,26 @@ export declare class SpwHeader {
     hasWallonieLogo?: boolean;
     /** Présence ou non du bouton qui mène à Ma Wallonie */
     hasMaWallonie?: boolean;
+    /** Label du bouton qui mène à Ma Wallonie */
+    maWallonieLabel?: string;
+    /** Lien du bouton qui mène à Ma Wallonie */
+    maWallonieLink?: string;
+    /** Présence ou non du bouton qui mène à Wallonie.be */
+    hasWallonieBe?: boolean;
+    /** Label du bouton qui mène à Ma Wallonie */
+    wallonieBeLabel?: string;
+    /** Lien du bouton qui mène à Ma Wallonie */
+    wallonieBeLink?: string;
     /** Présence ou non de la partie liée à la recherche */
     hasSearch?: boolean;
+    /** Label pour la fermeture de la recherche */
+    searchCloseLabel?: string;
+    /** Label pour l'ouverture de la recherche */
+    searchOpenLabel?: string;
+    /** Label pour la fermeture du menu */
+    menuCloseLabel?: string;
+    /** Label pour l'ouverture du menu */
+    menuOpenLabel?: string;
     el: HTMLSpwHeaderElement;
     isMenuOpen: boolean;
     isSearchOpen: boolean;

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

@@ -7,6 +7,10 @@ export declare class SpwHero {
     surface?: 'dark' | 'light';
     /** Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding */
     hasPictureFull?: boolean;
+    /** Permet de définir un bouton play sur l'image de hero (sauf variants maxi & photo) */
+    hasVideo?: boolean;
+    /** Permet de définir un id de modal à ouvrir au clic sur le bouton play */
+    modalVideoId?: string;
     /** Permet de choisir le variant du hero */
     variant?: 'grey' | 'white' | 'maxi' | 'photo';
     /** Permet de choisir l'alignement du contenu */
@@ -15,5 +19,7 @@ export declare class SpwHero {
     overlayOpacity?: number;
     private get elementClass();
     private get overlayStyle();
+    private triggerModal;
+    private handleKeyDown;
     render(): any;
 }

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

@@ -16,6 +16,8 @@ export declare class SpwListItem {
     categoryLink?: string;
     /** Permet de spécifier une icône pour la catégorie */
     categoryIcon?: string;
+    /** Permet de choisir la surface d'arrière-plan de la liste */
+    surface?: 'light' | 'dark';
     componentWillLoad(): void;
     slotChanged(): void;
     private applyVariantToChildren;

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

@@ -1,6 +1,12 @@
 export declare class SpwList {
+    el: HTMLSpwListElement;
     /** Spécifie l'écart entre les éléments de liste */
     gap?: 'small' | 'medium' | 'large';
+    /** Permet de choisir la surface d'arrière-plan de la liste */
+    surface?: 'light' | 'dark';
+    componentWillLoad(): void;
+    slotChanged(): void;
+    private applyVariantToChildren;
     private get elementClass();
     render(): any;
 }

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

@@ -49,6 +49,7 @@ export declare class SpwModal {
     private attemptFocus;
     private open;
     private close;
+    private stopAllVideos;
     private handleKeypress;
     private doBeforeClose;
     openedChanged(newValue: boolean): void;

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

@@ -50,6 +50,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,14 @@ 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';
+    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.d.ts

@@ -13,15 +13,25 @@ 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;
     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;

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;
+}