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

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

@@ -1,3 +1,5 @@
 export declare class SpwCardTitle {
+    /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est "people") */
+    borderColor?: string;
     render(): any;
 }

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

@@ -1,8 +1,9 @@
 export declare class SpwCard {
     el: HTMLSpwCardElement;
     hasImage: boolean;
+    private childHoveredCount;
     /** Type de variante de carte */
-    variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar';
+    variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people';
     /** Type d'élément du bouton */
     elementType: string;
     /** Spécifie le lien si nécessaire */
@@ -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-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.d.ts

@@ -168,7 +168,7 @@ export namespace Components {
         /**
           * Type de variante de carte
          */
-        "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar';
+        "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people';
     }
     interface SpwCardContent {
         /**
@@ -205,6 +205,10 @@ export namespace Components {
         "variant"?: 'link' | 'tag';
     }
     interface SpwCardTitle {
+        /**
+          * Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est "people")
+         */
+        "borderColor"?: string;
     }
     interface SpwCheckbox {
         /**
@@ -624,14 +628,50 @@ export namespace Components {
           * Présence ou non de la partie liée à la recherche
          */
         "hasSearch"?: boolean;
+        /**
+          * Présence ou non du bouton qui mène à Wallonie.be
+         */
+        "hasWallonieBe"?: boolean;
         /**
           * Présence ou non du logo Wallonie en haut à gauche
          */
         "hasWallonieLogo"?: boolean;
+        /**
+          * Label du bouton qui mène à Ma Wallonie
+         */
+        "maWallonieLabel"?: string;
+        /**
+          * Lien du bouton qui mène à Ma Wallonie
+         */
+        "maWallonieLink"?: string;
+        /**
+          * Label pour la fermeture du menu
+         */
+        "menuCloseLabel"?: string;
+        /**
+          * Label pour l'ouverture du menu
+         */
+        "menuOpenLabel"?: string;
+        /**
+          * Label pour la fermeture de la recherche
+         */
+        "searchCloseLabel"?: string;
+        /**
+          * Label pour l'ouverture de la recherche
+         */
+        "searchOpenLabel"?: string;
         /**
           * Titre du site
          */
         "siteTitle"?: string;
+        /**
+          * Label du bouton qui mène à Ma Wallonie
+         */
+        "wallonieBeLabel"?: string;
+        /**
+          * Lien du bouton qui mène à Ma Wallonie
+         */
+        "wallonieBeLink"?: string;
     }
     interface SpwHeaderLang {
     }
@@ -649,6 +689,10 @@ export namespace Components {
         "isActive": boolean;
     }
     interface SpwHeaderPersona {
+        /**
+          * Label pour le choix du persona (à appliquer sur spw-header-persona)
+         */
+        "personaLabel"?: string;
     }
     interface SpwHeaderPersonaItem {
         "active": boolean;
@@ -662,6 +706,10 @@ export namespace Components {
           * 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;
         /**
           * Texte alternatif de l'image du hero banner
          */
@@ -670,6 +718,10 @@ export namespace Components {
           * Image du hero banner
          */
         "imageSrc"?: string;
+        /**
+          * Permet de définir un id de modal à ouvrir au clic sur le bouton play
+         */
+        "modalVideoId"?: string;
         /**
           * Permet de spécifier l'opacité de l'overlay (0 à 100)
          */
@@ -752,6 +804,10 @@ export namespace Components {
           * 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';
     }
     interface SpwListDescription {
         /**
@@ -784,6 +840,10 @@ export namespace Components {
           * Permet de limiter le nombre de lignes du titre et de la description
          */
         "lineClamp": string | 'none';
+        /**
+          * Permet de choisir la surface d'arrière-plan de la liste
+         */
+        "surface"?: 'light' | 'dark';
         /**
           * Attribut target, s'applique uniquement si href est rempli
          */
@@ -2629,7 +2689,7 @@ declare namespace LocalJSX {
         /**
           * Type de variante de carte
          */
-        "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar';
+        "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people';
     }
     interface SpwCardContent {
         /**
@@ -2666,6 +2726,10 @@ declare namespace LocalJSX {
         "variant"?: 'link' | 'tag';
     }
     interface SpwCardTitle {
+        /**
+          * Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est "people")
+         */
+        "borderColor"?: string;
     }
     interface SpwCheckbox {
         /**
@@ -3080,14 +3144,50 @@ declare namespace LocalJSX {
           * Présence ou non de la partie liée à la recherche
          */
         "hasSearch"?: boolean;
+        /**
+          * Présence ou non du bouton qui mène à Wallonie.be
+         */
+        "hasWallonieBe"?: boolean;
         /**
           * Présence ou non du logo Wallonie en haut à gauche
          */
         "hasWallonieLogo"?: boolean;
+        /**
+          * Label du bouton qui mène à Ma Wallonie
+         */
+        "maWallonieLabel"?: string;
+        /**
+          * Lien du bouton qui mène à Ma Wallonie
+         */
+        "maWallonieLink"?: string;
+        /**
+          * Label pour la fermeture du menu
+         */
+        "menuCloseLabel"?: string;
+        /**
+          * Label pour l'ouverture du menu
+         */
+        "menuOpenLabel"?: string;
+        /**
+          * Label pour la fermeture de la recherche
+         */
+        "searchCloseLabel"?: string;
+        /**
+          * Label pour l'ouverture de la recherche
+         */
+        "searchOpenLabel"?: string;
         /**
           * Titre du site
          */
         "siteTitle"?: string;
+        /**
+          * Label du bouton qui mène à Ma Wallonie
+         */
+        "wallonieBeLabel"?: string;
+        /**
+          * Lien du bouton qui mène à Ma Wallonie
+         */
+        "wallonieBeLink"?: string;
     }
     interface SpwHeaderLang {
     }
@@ -3106,6 +3206,10 @@ declare namespace LocalJSX {
         "onSpwHeaderNavigationNavigate"?: (event: SpwHeaderNavigationItemCustomEvent<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>) => void;
     }
     interface SpwHeaderPersona {
+        /**
+          * Label pour le choix du persona (à appliquer sur spw-header-persona)
+         */
+        "personaLabel"?: string;
     }
     interface SpwHeaderPersonaItem {
         "active"?: boolean;
@@ -3119,6 +3223,10 @@ declare namespace LocalJSX {
           * 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;
         /**
           * Texte alternatif de l'image du hero banner
          */
@@ -3127,6 +3235,10 @@ declare namespace LocalJSX {
           * Image du hero banner
          */
         "imageSrc"?: string;
+        /**
+          * Permet de définir un id de modal à ouvrir au clic sur le bouton play
+         */
+        "modalVideoId"?: string;
         /**
           * Permet de spécifier l'opacité de l'overlay (0 à 100)
          */
@@ -3213,6 +3325,10 @@ declare namespace LocalJSX {
           * 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';
     }
     interface SpwListDescription {
         /**
@@ -3245,6 +3361,10 @@ declare namespace LocalJSX {
           * Permet de limiter le nombre de lignes du titre et de la description
          */
         "lineClamp"?: string | 'none';
+        /**
+          * Permet de choisir la surface d'arrière-plan de la liste
+         */
+        "surface"?: 'light' | 'dark';
         /**
           * Attribut target, s'applique uniquement si href est rempli
          */

package/dist/types/stories/components/spw-checkbox/spw-checkbox.stories.d.ts

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

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

@@ -8,3 +8,5 @@ export declare const Vertical: any;
 export declare const Event: any;
 export declare const Video: any;
 export declare const Mini: any;
+export declare const People: any;
+export declare const PeopleWithAffiliates: any;