@spw-ds/spw-stencil-library 1.11.0 → 1.12.0

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

@@ -12,6 +12,8 @@ export declare class SpwCardImage {
     ratioDesktop?: string;
     /** Position de l'image (object-position), ex: 'top', 'center', 'bottom right' */
     imagePosition?: string;
+    /** Icône affichée au survol de l'image (référence Font Awesome) */
+    hoverIcon?: string;
     /** Redimensionnement de l'image (object-fit) */
     imageFit?: string;
     componentDidLoad(): void;

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

@@ -3,7 +3,7 @@ export declare class SpwCard {
     hasImage: boolean;
     private childHoveredCount;
     /** Type de variante de carte */
-    variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people';
+    variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people' | 'rounded-picture';
     /** Type d'élément du bouton */
     elementType: string;
     /** Spécifie le lien si nécessaire */

package/dist/types/components/spw-footer/spw-footer-content-col/spw-footer-content-col.d.ts

@@ -1,5 +1,7 @@
 export declare class SpwFooterContentCol {
     /** Titre de la colonne */
     colTitle?: string;
+    open: boolean;
+    private toggle;
     render(): any;
 }

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

@@ -34,6 +34,8 @@ export declare class SpwHeader {
     menuCloseLabel?: string;
     /** Label pour l'ouverture du menu */
     menuOpenLabel?: string;
+    /** Affiche ou masque le bouton hamburger de navigation */
+    hasHamburger?: boolean;
     /** Lien qui renvoie vers la homepage */
     homepageLink?: string;
     /** Activer l'émission d'événement au clic du logo au lieu de la navigation classique */

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

@@ -23,6 +23,8 @@ export declare class SpwLightboxItem {
     textOpenImage: string;
     /** Affiche une icône de loupe en superposition au survol */
     isHover?: boolean;
+    /** Icône affichée au survol de l'image (référence Font Awesome) */
+    hoverIcon?: string;
     spwLightboxItemClick: EventEmitter<{
         src: string;
         alt: string;

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

@@ -40,6 +40,7 @@ export declare class SpwLightbox {
     private lightboxContainer;
     private imageWrapperEl;
     private closeButtonEl;
+    private thumbnailsEl;
     private previouslyFocusedElement;
     private currentAnimation;
     private swipeStartX;
@@ -54,12 +55,14 @@ export declare class SpwLightbox {
     private collectItems;
     private handleItemClick;
     private cancelCurrentAnimation;
+    private scrollToActiveThumbnail;
     private onOpen;
     private onClose;
     private doClose;
     private handleKeydown;
     handleFocusTrap(event: KeyboardEvent): void;
     private navigate;
+    onActiveIndexChange(): void;
     private handleTouchStart;
     private handleTouchMove;
     private handleTouchEnd;

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

@@ -15,6 +15,8 @@ export declare class SpwSlider {
     autoplayText: string;
     /** Position des flèches gauche/droite */
     arrowsPosition: 'outside' | 'inside';
+    /** Position des dots de navigation */
+    dotsPosition: 'inside' | 'outside';
     /** Texte aria-label pour la slide suivante */
     nextSlideText: string;
     /** Texte aria-label du slider */
@@ -90,5 +92,6 @@ export declare class SpwSlider {
     handleKeyDown(event: KeyboardEvent): void;
     private handleDragEnd;
     private get elementClass();
+    private renderDots;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -347,7 +347,7 @@ export namespace Components {
           * Type de variante de carte
           * @default 'news'
          */
-        "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people';
+        "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people' | 'rounded-picture';
     }
     interface SpwCardContent {
         /**
@@ -367,6 +367,11 @@ export namespace Components {
         "lineClamp": number | 'none';
     }
     interface SpwCardImage {
+        /**
+          * Icône affichée au survol de l'image (référence Font Awesome)
+          * @default 'fa-plus'
+         */
+        "hoverIcon"?: string;
         /**
           * Redimensionnement de l'image (object-fit)
          */
@@ -1265,6 +1270,11 @@ export namespace Components {
           * @default false
          */
         "emitLogoClick"?: boolean;
+        /**
+          * Affiche ou masque le bouton hamburger de navigation
+          * @default true
+         */
+        "hasHamburger"?: boolean;
         /**
           * Présence ou non du bouton qui mène à Ma Wallonie
           * @default true
@@ -1785,6 +1795,11 @@ export namespace Components {
           * Texte du copyright à afficher sur l'image
          */
         "copyrightText"?: string;
+        /**
+          * Icône affichée au survol de l'image (référence Font Awesome)
+          * @default 'fa-magnifying-glass'
+         */
+        "hoverIcon"?: string;
         /**
           * Affiche une icône de loupe en superposition au survol
           * @default true
@@ -2561,6 +2576,11 @@ export namespace Components {
           * @default 'Défilement automatique'
          */
         "autoplayText": string;
+        /**
+          * Position des dots de navigation
+          * @default 'inside'
+         */
+        "dotsPosition": 'inside' | 'outside';
         /**
           * Fixe la hauteur du slider à la hauteur de la slide la plus haute
           * @default false
@@ -5172,7 +5192,7 @@ declare namespace LocalJSX {
           * Type de variante de carte
           * @default 'news'
          */
-        "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people';
+        "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people' | 'rounded-picture';
     }
     interface SpwCardContent {
         /**
@@ -5192,6 +5212,11 @@ declare namespace LocalJSX {
         "lineClamp"?: number | 'none';
     }
     interface SpwCardImage {
+        /**
+          * Icône affichée au survol de l'image (référence Font Awesome)
+          * @default 'fa-plus'
+         */
+        "hoverIcon"?: string;
         /**
           * Redimensionnement de l'image (object-fit)
          */
@@ -6085,6 +6110,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "emitLogoClick"?: boolean;
+        /**
+          * Affiche ou masque le bouton hamburger de navigation
+          * @default true
+         */
+        "hasHamburger"?: boolean;
         /**
           * Présence ou non du bouton qui mène à Ma Wallonie
           * @default true
@@ -6614,6 +6644,11 @@ declare namespace LocalJSX {
           * Texte du copyright à afficher sur l'image
          */
         "copyrightText"?: string;
+        /**
+          * Icône affichée au survol de l'image (référence Font Awesome)
+          * @default 'fa-magnifying-glass'
+         */
+        "hoverIcon"?: string;
         /**
           * Affiche une icône de loupe en superposition au survol
           * @default true
@@ -7371,6 +7406,11 @@ declare namespace LocalJSX {
           * @default 'Défilement automatique'
          */
         "autoplayText"?: string;
+        /**
+          * Position des dots de navigation
+          * @default 'inside'
+         */
+        "dotsPosition"?: 'inside' | 'outside';
         /**
           * Fixe la hauteur du slider à la hauteur de la slide la plus haute
           * @default false
@@ -8505,7 +8545,7 @@ declare namespace LocalJSX {
         "isLoading": boolean;
     }
     interface SpwCardAttributes {
-        "variant": 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people';
+        "variant": 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people' | 'rounded-picture';
         "elementType": string;
         "href": string;
         "target": string;
@@ -8530,6 +8570,7 @@ declare namespace LocalJSX {
         "ratioTablet": string;
         "ratioDesktop": string;
         "imagePosition": string;
+        "hoverIcon": string;
         "imageFit": string;
     }
     interface SpwCardSubtagItemAttributes {
@@ -8746,6 +8787,7 @@ declare namespace LocalJSX {
         "searchOpenLabel": string;
         "menuCloseLabel": string;
         "menuOpenLabel": string;
+        "hasHamburger": boolean;
         "homepageLink": string;
         "emitLogoClick": boolean;
     }
@@ -8861,6 +8903,7 @@ declare namespace LocalJSX {
         "copyrightTarget": string;
         "textOpenImage": string;
         "isHover": boolean;
+        "hoverIcon": string;
     }
     interface SpwLinkAttributes {
         "href": string;
@@ -9044,6 +9087,7 @@ declare namespace LocalJSX {
         "autoplayEnabled": boolean;
         "autoplayText": string;
         "arrowsPosition": 'outside' | 'inside';
+        "dotsPosition": 'inside' | 'outside';
         "nextSlideText": string;
         "accAriaLabel": string;
         "previousSlideText": string;

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

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Default: any;
@@ -11,3 +11,4 @@ export declare const Mini: any;
 export declare const People: any;
 export declare const PeopleWithAffiliates: any;
 export declare const Highlighted: any;
+export declare const RoundedPicture: StoryFn;

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

@@ -0,0 +1,16 @@
+import { Meta, StoryFn } from '@storybook/web-components';
+import '../../assets/css/components.css';
+declare const meta: Meta;
+export default meta;
+export declare const GalerieMosaique: StoryFn;
+export declare const Caption: StoryFn;
+export declare const GrilleUniforme: StoryFn;
+export declare const ImageUnique: StoryFn;
+export declare const SansThumbnails: StoryFn;
+export declare const SansBackdropClose: StoryFn;
+export declare const TextesAriaCustomises: StoryFn;
+export declare const APIProgrammatique: StoryFn;
+export declare const Copyright: StoryFn;
+export declare const ImagesDeTaillesDifferentes: StoryFn;
+export declare const HoverAvecLoupe: StoryFn;
+export declare const ThumbnailCustomViaSlot: StoryFn;

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

@@ -1,4 +1,11 @@
-import { Meta } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Default: any;
+export declare const ArrowsOutside: StoryFn;
+export declare const DotsOutside: StoryFn;
+export declare const AllOutside: StoryFn;
+export declare const GalerieImages: StoryFn;
+export declare const Autoplay: StoryFn;
+export declare const AutoplayGalerie: StoryFn;
+export declare const HauteurFixe: StoryFn;