@spw-ds/spw-stencil-library 1.2.8 → 1.3.0

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

@@ -2,7 +2,10 @@ export declare class SpwCardImage {
     el: HTMLSpwCardImageElement;
     /** Label spécifié dans la carte */
     label?: string;
+    /** Ratio d'aspect de l'image (ex: "16/9", "4/3", "1/1") */
+    ratio?: string;
     componentDidLoad(): void;
     private onCardHover;
+    private get elementClass();
     render(): any;
 }

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

@@ -93,6 +93,8 @@ export declare class SpwDatePicker {
     updateConstraints(minDate?: Date, maxDate?: Date): Promise<void>;
     /** Méthode pour réinitialiser le datepicker */
     resetInput(): Promise<void>;
+    /** Méthode pour réinitialiser les contraintes min/max du datepicker */
+    resetConstraints(): Promise<void>;
     private toISODateString;
     private getRangeSiblings;
     private highlightRangeInCalendar;

package/dist/types/components/spw-footer/spw-footer-bottom/spw-footer-bottom.d.ts

@@ -1,5 +1,7 @@
 export declare class SpwFooterBottom {
     /** Titre du site affiché dans le subfooter */
     siteTitle?: string;
+    /** Présence ou non du logo Wallonie en haut à gauche */
+    hasWallonieLogo?: boolean;
     render(): any;
 }

package/dist/types/components/spw-footer/spw-footer-link/spw-footer-link.d.ts

@@ -3,5 +3,7 @@ export declare class SpwFooterLink {
     href: string;
     /** Définit le target du lien */
     target?: string;
+    /** Définit le titre du lien */
+    linkTitle?: string;
     render(): any;
 }

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

@@ -3,6 +3,18 @@ export declare class SpwHeaderNavigation {
     element: HTMLSpwHeaderNavigationItemElement | null;
     /** Alignement des éléments de navigation sur desktop */
     alignment: 'flex-start' | 'space-between';
+    /** Présence ou non d'un bouton à droite de la navigation */
+    extraButton?: boolean;
+    /** Spécifie le lien de l'extra button */
+    extraButtonHref?: string;
+    /** Attribut target de l'extra button */
+    extraButtonTarget?: string;
+    /** Texte de l'extra button */
+    extraButtonText?: string;
+    /** Variant de l'extra button */
+    extraButtonVariant?: 'primary' | 'secondary';
+    /** Icône de l'extra button (référence font-awesome) */
+    extraButtonIcon?: string;
     private redirectToHome;
     handleNavigation(event: CustomEvent<{
         level: number;

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

@@ -17,8 +17,14 @@ export declare class SpwHeader {
     wallonieBeLabel?: string;
     /** Lien du bouton qui mène à Ma Wallonie */
     wallonieBeLink?: string;
-    /** Présence ou non de la partie liée à la recherche */
+    /** Présence ou non de la partie liée à la recherche (avec overlay) */
     hasSearch?: boolean;
+    /** Type de recherche (recherche intégrée dans l'overlay ou bien bouton d'action vers une page recherche) */
+    searchType?: 'direct' | 'overlay';
+    /** Si recherche directe, lien qui renvoie vers la page */
+    searchDirectHref?: string;
+    /** Si recherche directe, target du lien qui renvoie vers la page */
+    searchDirectTarget?: string;
     /** Label pour la fermeture de la recherche */
     searchCloseLabel?: string;
     /** Label pour l'ouverture de la recherche */

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

@@ -7,6 +7,8 @@ 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 d'appliquer un box-shadow sur le hero */
+    hasShadow?: 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 */

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

@@ -4,18 +4,30 @@ export declare class SpwSlider {
     showArrows: boolean;
     /** Affiche les dots de navigation */
     showDots: boolean;
+    /** Affiche le toggle de défilement automatique */
+    showAutoplayToggle: boolean;
+    /** Intervalle de défilement automatique en millisecondes */
+    autoplayInterval: number;
+    /** Active le défilement automatique par défaut */
+    autoplayEnabled: boolean;
+    /** Label du toggle de défilement automatique */
+    autoplayText: string;
     /** Index de la slide active */
     activeIndex: number;
     /** Nombre total de slides */
     totalSlides: number;
     /** Hauteur actuelle du slider */
     currentHeight: number;
-    /** Position de départ du swipe */
-    private touchStartX;
-    /** Position actuelle du swipe */
-    private touchCurrentX;
-    /** Est en train de swiper */
-    private isSwiping;
+    /** État du défilement automatique */
+    isAutoplayActive: boolean;
+    /** Position de départ du swipe/drag */
+    private startX;
+    /** Position actuelle du swipe/drag */
+    private currentX;
+    /** Est en train de swiper/dragger */
+    private isDragging;
+    /** Intervalle de défilement automatique */
+    private autoplayTimer;
     /** Tableau des slides */
     private slides;
     /** Observer pour les mutations */
@@ -36,8 +48,16 @@ export declare class SpwSlider {
     private handlePrevious;
     private handleNext;
     private handleDotClick;
+    private startAutoplay;
+    private stopAutoplay;
+    private handleAutoplayToggle;
     handleTouchStart(event: TouchEvent): void;
+    handleMouseDown(event: MouseEvent): void;
     handleTouchMove(event: TouchEvent): void;
+    handleMouseMove(event: MouseEvent): void;
     handleTouchEnd(): void;
+    handleMouseUp(): void;
+    handleMouseLeave(): void;
+    private handleDragEnd;
     render(): any;
 }

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

@@ -3,6 +3,7 @@ export declare class SpwTableBody {
     /** Si `true`, applique un style zébré aux lignes du tableau (à appliquer sur spw-table-body) */
     isZebra?: boolean;
     componentDidLoad(): void;
+    private setupSlotListener;
     updateZebraStyles(): Promise<void>;
     render(): any;
 }

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

@@ -21,12 +21,29 @@ export declare class SpwTable {
     disableSort?: boolean;
     /** État du tri actuel (colonne et direction). Peut être défini de l'extérieur pour un tri personnalisé */
     currentSort?: SortEvent;
+    /** Active le redimensionnement manuel de la hauteur du tableau avec un handle */
+    resizable?: boolean;
+    /** Hauteur minimale autorisée lors du redimensionnement (en pixels) */
+    minHeight?: number;
     spwSort: EventEmitter<SortEvent>;
+    /** Événement émis lorsque la hauteur du tableau est redimensionnée */
+    spwResize: EventEmitter<{
+        height: number;
+    }>;
+    currentHeight?: number;
     private mutationObserver?;
+    private containerElement?;
+    private isResizing;
+    private startY;
+    private startHeight;
     onCurrentSortChange(newSort: SortEvent | undefined): void;
     onIsStickyChange(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private cleanupResizeListeners;
+    private handleResizeStart;
+    private handleMouseMove;
+    private handleMouseUp;
     private setupTableBodyObserver;
     private getMasterCheckboxColumnIndex;
     private isCheckboxDisabled;
@@ -42,5 +59,7 @@ export declare class SpwTable {
     private updateHeadersSortState;
     private formatSize;
     private get elementClass();
+    private get containerClass();
+    private getMaxHeight;
     render(): any;
 }

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

@@ -2,7 +2,7 @@ export declare class SpwTile {
     el: HTMLSpwTileElement;
     /** Type de variante de tuile */
     variant?: 'icon' | 'big' | 'light';
-    /** Variante de hauteur de la tuile */
+    /** Variante de hauteur de la tuile (valable pour les variants big & light) */
     height?: 'landscape' | 'square' | 'portrait';
     /** Spécifie le lien si nécessaire */
     href?: string;

package/dist/types/components.d.ts

@@ -191,6 +191,10 @@ export namespace Components {
           * Label spécifié dans la carte
          */
         "label"?: string;
+        /**
+          * Ratio d'aspect de l'image (ex: "16/9", "4/3", "1/1")
+         */
+        "ratio"?: string;
     }
     interface SpwCardSubtagItem {
         /**
@@ -422,6 +426,10 @@ export namespace Components {
           * Indique si le champ est requis
          */
         "required": boolean;
+        /**
+          * Méthode pour réinitialiser les contraintes min/max du datepicker
+         */
+        "resetConstraints": () => Promise<void>;
         /**
           * Méthode pour réinitialiser le datepicker
          */
@@ -583,6 +591,10 @@ export namespace Components {
         "colsTablet": number;
     }
     interface SpwFooterBottom {
+        /**
+          * Présence ou non du logo Wallonie en haut à gauche
+         */
+        "hasWallonieLogo"?: boolean;
         /**
           * Titre du site affiché dans le subfooter
          */
@@ -601,6 +613,10 @@ export namespace Components {
           * Définit le chemin du lien
          */
         "href": string;
+        /**
+          * Définit le titre du lien
+         */
+        "linkTitle"?: string;
         /**
           * Définit le target du lien
          */
@@ -694,7 +710,7 @@ export namespace Components {
          */
         "hasMaWallonie"?: boolean;
         /**
-          * Présence ou non de la partie liée à la recherche
+          * Présence ou non de la partie liée à la recherche (avec overlay)
          */
         "hasSearch"?: boolean;
         /**
@@ -725,10 +741,22 @@ export namespace Components {
           * Label pour la fermeture de la recherche
          */
         "searchCloseLabel"?: string;
+        /**
+          * Si recherche directe, lien qui renvoie vers la page
+         */
+        "searchDirectHref"?: string;
+        /**
+          * Si recherche directe, target du lien qui renvoie vers la page
+         */
+        "searchDirectTarget"?: string;
         /**
           * Label pour l'ouverture de la recherche
          */
         "searchOpenLabel"?: string;
+        /**
+          * Type de recherche (recherche intégrée dans l'overlay ou bien bouton d'action vers une page recherche)
+         */
+        "searchType"?: 'direct' | 'overlay';
         /**
           * Titre du site
          */
@@ -752,6 +780,30 @@ export namespace Components {
           * Alignement des éléments de navigation sur desktop
          */
         "alignment": 'flex-start' | 'space-between';
+        /**
+          * Présence ou non d'un bouton à droite de la navigation
+         */
+        "extraButton"?: boolean;
+        /**
+          * Spécifie le lien de l'extra button
+         */
+        "extraButtonHref"?: string;
+        /**
+          * Icône de l'extra button (référence font-awesome)
+         */
+        "extraButtonIcon"?: string;
+        /**
+          * Attribut target de l'extra button
+         */
+        "extraButtonTarget"?: string;
+        /**
+          * Texte de l'extra button
+         */
+        "extraButtonText"?: string;
+        /**
+          * Variant de l'extra button
+         */
+        "extraButtonVariant"?: 'primary' | 'secondary';
     }
     interface SpwHeaderNavigationDropdown {
     }
@@ -779,6 +831,10 @@ export namespace Components {
           * Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding
          */
         "hasPictureFull"?: boolean;
+        /**
+          * Permet d'appliquer un box-shadow sur le hero
+         */
+        "hasShadow"?: boolean;
         /**
           * Permet de définir un bouton play sur l'image de hero (sauf variants maxi & photo)
          */
@@ -1308,10 +1364,26 @@ export namespace Components {
         "variant": 'lines' | 'text' | 'article' | 'layout';
     }
     interface SpwSlider {
+        /**
+          * Active le défilement automatique par défaut
+         */
+        "autoplayEnabled": boolean;
+        /**
+          * Intervalle de défilement automatique en millisecondes
+         */
+        "autoplayInterval": number;
+        /**
+          * Label du toggle de défilement automatique
+         */
+        "autoplayText": string;
         /**
           * Affiche les flèches de navigation
          */
         "showArrows": boolean;
+        /**
+          * Affiche le toggle de défilement automatique
+         */
+        "showAutoplayToggle": boolean;
         /**
           * Affiche les dots de navigation
          */
@@ -1350,10 +1422,18 @@ export namespace Components {
           * Si défini, apparition d'une scrollbar verticale et max-height
          */
         "maxHeight"?: string;
+        /**
+          * Hauteur minimale autorisée lors du redimensionnement (en pixels)
+         */
+        "minHeight"?: number;
         /**
           * Si défini, apparition d'une scrollbar horizontale et max-width
          */
         "minWidth"?: string;
+        /**
+          * Active le redimensionnement manuel de la hauteur du tableau avec un handle
+         */
+        "resizable"?: boolean;
         /**
           * Permet de définir le table-layout (auto ou fixed)
          */
@@ -1792,7 +1872,7 @@ export namespace Components {
     }
     interface SpwTile {
         /**
-          * Variante de hauteur de la tuile
+          * Variante de hauteur de la tuile (valable pour les variants big & light)
          */
         "height"?: 'landscape' | 'square' | 'portrait';
         /**
@@ -2551,6 +2631,7 @@ declare global {
     };
     interface HTMLSpwTableElementEventMap {
         "spwSort": SortEvent;
+        "spwResize": { height: number };
     }
     interface HTMLSpwTableElement extends Components.SpwTable, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSpwTableElementEventMap>(type: K, listener: (this: HTMLSpwTableElement, ev: SpwTableCustomEvent<HTMLSpwTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3055,6 +3136,10 @@ declare namespace LocalJSX {
           * Label spécifié dans la carte
          */
         "label"?: string;
+        /**
+          * Ratio d'aspect de l'image (ex: "16/9", "4/3", "1/1")
+         */
+        "ratio"?: string;
     }
     interface SpwCardSubtagItem {
         /**
@@ -3433,6 +3518,10 @@ declare namespace LocalJSX {
         "colsTablet"?: number;
     }
     interface SpwFooterBottom {
+        /**
+          * Présence ou non du logo Wallonie en haut à gauche
+         */
+        "hasWallonieLogo"?: boolean;
         /**
           * Titre du site affiché dans le subfooter
          */
@@ -3451,6 +3540,10 @@ declare namespace LocalJSX {
           * Définit le chemin du lien
          */
         "href"?: string;
+        /**
+          * Définit le titre du lien
+         */
+        "linkTitle"?: string;
         /**
           * Définit le target du lien
          */
@@ -3544,7 +3637,7 @@ declare namespace LocalJSX {
          */
         "hasMaWallonie"?: boolean;
         /**
-          * Présence ou non de la partie liée à la recherche
+          * Présence ou non de la partie liée à la recherche (avec overlay)
          */
         "hasSearch"?: boolean;
         /**
@@ -3575,10 +3668,22 @@ declare namespace LocalJSX {
           * Label pour la fermeture de la recherche
          */
         "searchCloseLabel"?: string;
+        /**
+          * Si recherche directe, lien qui renvoie vers la page
+         */
+        "searchDirectHref"?: string;
+        /**
+          * Si recherche directe, target du lien qui renvoie vers la page
+         */
+        "searchDirectTarget"?: string;
         /**
           * Label pour l'ouverture de la recherche
          */
         "searchOpenLabel"?: string;
+        /**
+          * Type de recherche (recherche intégrée dans l'overlay ou bien bouton d'action vers une page recherche)
+         */
+        "searchType"?: 'direct' | 'overlay';
         /**
           * Titre du site
          */
@@ -3602,6 +3707,30 @@ declare namespace LocalJSX {
           * Alignement des éléments de navigation sur desktop
          */
         "alignment"?: 'flex-start' | 'space-between';
+        /**
+          * Présence ou non d'un bouton à droite de la navigation
+         */
+        "extraButton"?: boolean;
+        /**
+          * Spécifie le lien de l'extra button
+         */
+        "extraButtonHref"?: string;
+        /**
+          * Icône de l'extra button (référence font-awesome)
+         */
+        "extraButtonIcon"?: string;
+        /**
+          * Attribut target de l'extra button
+         */
+        "extraButtonTarget"?: string;
+        /**
+          * Texte de l'extra button
+         */
+        "extraButtonText"?: string;
+        /**
+          * Variant de l'extra button
+         */
+        "extraButtonVariant"?: 'primary' | 'secondary';
     }
     interface SpwHeaderNavigationDropdown {
     }
@@ -3630,6 +3759,10 @@ declare namespace LocalJSX {
           * Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding
          */
         "hasPictureFull"?: boolean;
+        /**
+          * Permet d'appliquer un box-shadow sur le hero
+         */
+        "hasShadow"?: boolean;
         /**
           * Permet de définir un bouton play sur l'image de hero (sauf variants maxi & photo)
          */
@@ -4154,10 +4287,26 @@ declare namespace LocalJSX {
         "variant"?: 'lines' | 'text' | 'article' | 'layout';
     }
     interface SpwSlider {
+        /**
+          * Active le défilement automatique par défaut
+         */
+        "autoplayEnabled"?: boolean;
+        /**
+          * Intervalle de défilement automatique en millisecondes
+         */
+        "autoplayInterval"?: number;
+        /**
+          * Label du toggle de défilement automatique
+         */
+        "autoplayText"?: string;
         /**
           * Affiche les flèches de navigation
          */
         "showArrows"?: boolean;
+        /**
+          * Affiche le toggle de défilement automatique
+         */
+        "showAutoplayToggle"?: boolean;
         /**
           * Affiche les dots de navigation
          */
@@ -4196,11 +4345,23 @@ declare namespace LocalJSX {
           * Si défini, apparition d'une scrollbar verticale et max-height
          */
         "maxHeight"?: string;
+        /**
+          * Hauteur minimale autorisée lors du redimensionnement (en pixels)
+         */
+        "minHeight"?: number;
         /**
           * Si défini, apparition d'une scrollbar horizontale et max-width
          */
         "minWidth"?: string;
+        /**
+          * Événement émis lorsque la hauteur du tableau est redimensionnée
+         */
+        "onSpwResize"?: (event: SpwTableCustomEvent<{ height: number }>) => void;
         "onSpwSort"?: (event: SpwTableCustomEvent<SortEvent>) => void;
+        /**
+          * Active le redimensionnement manuel de la hauteur du tableau avec un handle
+         */
+        "resizable"?: boolean;
         /**
           * Permet de définir le table-layout (auto ou fixed)
          */
@@ -4640,7 +4801,7 @@ declare namespace LocalJSX {
     }
     interface SpwTile {
         /**
-          * Variante de hauteur de la tuile
+          * Variante de hauteur de la tuile (valable pour les variants big & light)
          */
         "height"?: 'landscape' | 'square' | 'portrait';
         /**

package/dist/types/stories/organisms/spw-grid/spw-grid.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const AvecTuileLarge: any;
+export declare const GrilleCarree: any;
+export declare const GrilleMixte: any;

package/dist/types/stories/organisms/spw-header/spw-header.stories.d.ts

@@ -2,3 +2,5 @@ import { Meta } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Default: any;
+export declare const Variant2Simplifie: any;
+export declare const Variant3Etendu: any;

package/dist/types/stories/organisms/spw-slider/spw-slider.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;