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

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

@@ -0,0 +1,16 @@
+export declare class SpwGridItem {
+    el: HTMLSpwGridItemElement;
+    /** Nombre de colonnes occupées par l'item en vue mobile */
+    colSpanMobile?: number;
+    /** Nombre de colonnes occupées par l'item en vue tablette */
+    colSpanTablet?: number;
+    /** Nombre de colonnes occupées par l'item en vue desktop */
+    colSpanDesktop?: number;
+    /** Nombre de lignes occupées par l'item en vue mobile */
+    rowSpanMobile?: number;
+    /** Nombre de lignes occupées par l'item en vue tablette */
+    rowSpanTablet?: number;
+    /** Nombre de lignes occupées par l'item en vue desktop */
+    rowSpanDesktop?: number;
+    render(): any;
+}

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

@@ -0,0 +1,13 @@
+export declare class SpwGrid {
+    el: HTMLSpwGridElement;
+    /** Nombre de colonnes à afficher en vue mobile */
+    colsMobile: number;
+    /** Nombre de colonnes à afficher en vue tablette */
+    colsTablet: number;
+    /** Nombre de colonnes à afficher en vue desktop */
+    colsDesktop: number;
+    private emitConfigurationChanged;
+    configurationChanged(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

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

@@ -1,6 +1,8 @@
 export declare class SpwHeaderNavigation {
     level: number;
     element: HTMLSpwHeaderNavigationItemElement | null;
+    /** Alignement des éléments de navigation sur desktop */
+    alignment: 'flex-start' | 'space-between';
     private redirectToHome;
     handleNavigation(event: CustomEvent<{
         level: number;
@@ -8,5 +10,6 @@ export declare class SpwHeaderNavigation {
     }>): void;
     private updateNavigationItems;
     private getAllNavigationItems;
+    private get elementClass();
     render(): any;
 }

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

@@ -2,6 +2,6 @@ export declare class SpwIcon {
     /** Permet de spécifier une référence d'icône Font Awesome */
     icon: string;
     /** Permet de spécifier une variante de Font Awesome */
-    variant: 'fa-solid' | 'fa-brands' | 'fa-regular';
+    variant: 'fa-solid' | 'fa-brands' | 'fa-regular' | 'fa-light';
     render(): any;
 }

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

@@ -1,6 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SpwSearchField {
+    el: HTMLElement;
     private hostElement;
+    private hiddenInput;
     /** É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 */
@@ -13,12 +15,22 @@ export declare class SpwSearchField {
     label?: string;
     /** Indique si le champ de recherche est désactivé */
     disabled?: boolean;
+    /** Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner) */
+    isRounded?: boolean;
     /** Nom du champ de recherche, utilisé pour les formulaires */
     name: string;
     /** Indique si le champ est requis */
     required?: boolean;
     /** Texte d'assistance affiché sous le champ de recherche */
     assistiveText?: string;
+    /** Texte du lien pour voir tous les résultats */
+    viewAllResults?: string;
+    /** URL vers laquelle renvoie le lien "voir tous les résultats" */
+    viewAllResultsLink?: string;
+    /** Texte à afficher si pas de résultats */
+    noResults?: string;
+    /** Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent */
+    hasSubmitButton?: boolean;
     filteredItems: Array<{
         url?: string;
         label: string;
@@ -31,17 +43,24 @@ export declare class SpwSearchField {
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private createHiddenInput;
+    private updateHiddenInput;
     /** Réinitialise le champ de recherche */
     resetInput(): Promise<void>;
+    /** Définit la valeur du champ de recherche */
+    setValue(value: string): Promise<void>;
+    /** Récupère la valeur actuelle du champ de recherche */
+    getValue(): Promise<string>;
     parseItems(newValue: string): void;
     private handleClickOutside;
-    private handleSearchInput;
+    private handleValueChanged;
     private filterItems;
     private normalizeString;
     private selectItem;
     private determineDropdownDirection;
     private handleKeyDown;
     private highlightMatch;
+    private handleSubmit;
     private get elementClass();
     render(): any;
 }

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

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

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

@@ -0,0 +1,43 @@
+export declare class SpwSlider {
+    el: HTMLElement;
+    /** Affiche les flèches de navigation */
+    showArrows: boolean;
+    /** Affiche les dots de navigation */
+    showDots: boolean;
+    /** 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;
+    /** Tableau des slides */
+    private slides;
+    /** Observer pour les mutations */
+    private resizeObserver;
+    /** Timeout pour le recalcul de hauteur */
+    private heightUpdateTimeout;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private initializeSlider;
+    private handleSlotChange;
+    private handleResize;
+    private setupResizeObserver;
+    private scheduleHeightUpdate;
+    private updateSlides;
+    private updateHeight;
+    private retryHeightCalculation;
+    private goToSlide;
+    private handlePrevious;
+    private handleNext;
+    private handleDotClick;
+    handleTouchStart(event: TouchEvent): void;
+    handleTouchMove(event: TouchEvent): void;
+    handleTouchEnd(): void;
+    render(): any;
+}

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

@@ -2,6 +2,8 @@ export declare class SpwTile {
     el: HTMLSpwTileElement;
     /** Type de variante de tuile */
     variant?: 'icon' | 'big' | 'light';
+    /** Variante de hauteur de la tuile */
+    height?: 'landscape' | 'square' | 'portrait';
     /** Spécifie le lien si nécessaire */
     href?: string;
     /** Attribut target, s'applique uniquement si href est rempli */

package/dist/types/components.d.ts

@@ -606,6 +606,46 @@ export namespace Components {
          */
         "target"?: string;
     }
+    interface SpwGrid {
+        /**
+          * Nombre de colonnes à afficher en vue desktop
+         */
+        "colsDesktop": number;
+        /**
+          * Nombre de colonnes à afficher en vue mobile
+         */
+        "colsMobile": number;
+        /**
+          * Nombre de colonnes à afficher en vue tablette
+         */
+        "colsTablet": number;
+    }
+    interface SpwGridItem {
+        /**
+          * Nombre de colonnes occupées par l'item en vue desktop
+         */
+        "colSpanDesktop"?: number;
+        /**
+          * Nombre de colonnes occupées par l'item en vue mobile
+         */
+        "colSpanMobile"?: number;
+        /**
+          * Nombre de colonnes occupées par l'item en vue tablette
+         */
+        "colSpanTablet"?: number;
+        /**
+          * Nombre de lignes occupées par l'item en vue desktop
+         */
+        "rowSpanDesktop"?: number;
+        /**
+          * Nombre de lignes occupées par l'item en vue mobile
+         */
+        "rowSpanMobile"?: number;
+        /**
+          * Nombre de lignes occupées par l'item en vue tablette
+         */
+        "rowSpanTablet"?: number;
+    }
     interface SpwGroup {
         /**
           * Alignement horizontal du groupe
@@ -708,6 +748,10 @@ export namespace Components {
         "active": boolean;
     }
     interface SpwHeaderNavigation {
+        /**
+          * Alignement des éléments de navigation sur desktop
+         */
+        "alignment": 'flex-start' | 'space-between';
     }
     interface SpwHeaderNavigationDropdown {
     }
@@ -772,7 +816,7 @@ export namespace Components {
         /**
           * Permet de spécifier une variante de Font Awesome
          */
-        "variant": 'fa-solid' | 'fa-brands' | 'fa-regular';
+        "variant": 'fa-solid' | 'fa-brands' | 'fa-regular' | 'fa-light';
     }
     interface SpwIllustration {
         /**
@@ -1047,6 +1091,18 @@ export namespace Components {
           * Indique si le champ de recherche est désactivé
          */
         "disabled"?: boolean;
+        /**
+          * Récupère la valeur actuelle du champ de recherche
+         */
+        "getValue": () => Promise<string>;
+        /**
+          * Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent
+         */
+        "hasSubmitButton"?: boolean;
+        /**
+          * Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner)
+         */
+        "isRounded"?: boolean;
         /**
           * Liste des éléments à filtrer, passée sous forme de chaîne JSON
          */
@@ -1059,6 +1115,10 @@ export namespace Components {
           * Nom du champ de recherche, utilisé pour les formulaires
          */
         "name": string;
+        /**
+          * Texte à afficher si pas de résultats
+         */
+        "noResults"?: string;
         /**
           * Placeholder à afficher dans le champ de recherche
          */
@@ -1071,10 +1131,22 @@ export namespace Components {
           * Réinitialise le champ de recherche
          */
         "resetInput": () => Promise<void>;
+        /**
+          * Définit la valeur du champ de recherche
+         */
+        "setValue": (value: string) => Promise<void>;
         /**
           * Taille du champ de recherche
          */
         "size"?: 'large' | 'medium';
+        /**
+          * Texte du lien pour voir tous les résultats
+         */
+        "viewAllResults"?: string;
+        /**
+          * URL vers laquelle renvoie le lien "voir tous les résultats"
+         */
+        "viewAllResultsLink"?: string;
     }
     interface SpwSelect {
         /**
@@ -1235,6 +1307,18 @@ export namespace Components {
          */
         "variant": 'lines' | 'text' | 'article' | 'layout';
     }
+    interface SpwSlider {
+        /**
+          * Affiche les flèches de navigation
+         */
+        "showArrows": boolean;
+        /**
+          * Affiche les dots de navigation
+         */
+        "showDots": boolean;
+    }
+    interface SpwSliderItem {
+    }
     interface SpwSocials {
         /**
           * Définit le titre du bloc
@@ -1707,6 +1791,10 @@ export namespace Components {
         "theme": SpwTheme;
     }
     interface SpwTile {
+        /**
+          * Variante de hauteur de la tuile
+         */
+        "height"?: 'landscape' | 'square' | 'portrait';
         /**
           * Spécifie le lien si nécessaire
          */
@@ -2155,6 +2243,18 @@ declare global {
         prototype: HTMLSpwFooterLinkElement;
         new (): HTMLSpwFooterLinkElement;
     };
+    interface HTMLSpwGridElement extends Components.SpwGrid, HTMLStencilElement {
+    }
+    var HTMLSpwGridElement: {
+        prototype: HTMLSpwGridElement;
+        new (): HTMLSpwGridElement;
+    };
+    interface HTMLSpwGridItemElement extends Components.SpwGridItem, HTMLStencilElement {
+    }
+    var HTMLSpwGridItemElement: {
+        prototype: HTMLSpwGridItemElement;
+        new (): HTMLSpwGridItemElement;
+    };
     interface HTMLSpwGroupElement extends Components.SpwGroup, HTMLStencilElement {
     }
     var HTMLSpwGroupElement: {
@@ -2431,6 +2531,18 @@ declare global {
         prototype: HTMLSpwSkeletonElement;
         new (): HTMLSpwSkeletonElement;
     };
+    interface HTMLSpwSliderElement extends Components.SpwSlider, HTMLStencilElement {
+    }
+    var HTMLSpwSliderElement: {
+        prototype: HTMLSpwSliderElement;
+        new (): HTMLSpwSliderElement;
+    };
+    interface HTMLSpwSliderItemElement extends Components.SpwSliderItem, HTMLStencilElement {
+    }
+    var HTMLSpwSliderItemElement: {
+        prototype: HTMLSpwSliderItemElement;
+        new (): HTMLSpwSliderItemElement;
+    };
     interface HTMLSpwSocialsElement extends Components.SpwSocials, HTMLStencilElement {
     }
     var HTMLSpwSocialsElement: {
@@ -2687,6 +2799,8 @@ declare global {
         "spw-footer-content": HTMLSpwFooterContentElement;
         "spw-footer-content-col": HTMLSpwFooterContentColElement;
         "spw-footer-link": HTMLSpwFooterLinkElement;
+        "spw-grid": HTMLSpwGridElement;
+        "spw-grid-item": HTMLSpwGridItemElement;
         "spw-group": HTMLSpwGroupElement;
         "spw-header": HTMLSpwHeaderElement;
         "spw-header-lang": HTMLSpwHeaderLangElement;
@@ -2720,6 +2834,8 @@ declare global {
         "spw-sidebar-navigation-item": HTMLSpwSidebarNavigationItemElement;
         "spw-sidebar-navigation-separator": HTMLSpwSidebarNavigationSeparatorElement;
         "spw-skeleton": HTMLSpwSkeletonElement;
+        "spw-slider": HTMLSpwSliderElement;
+        "spw-slider-item": HTMLSpwSliderItemElement;
         "spw-socials": HTMLSpwSocialsElement;
         "spw-table": HTMLSpwTableElement;
         "spw-table-body": HTMLSpwTableBodyElement;
@@ -3340,6 +3456,46 @@ declare namespace LocalJSX {
          */
         "target"?: string;
     }
+    interface SpwGrid {
+        /**
+          * Nombre de colonnes à afficher en vue desktop
+         */
+        "colsDesktop"?: number;
+        /**
+          * Nombre de colonnes à afficher en vue mobile
+         */
+        "colsMobile"?: number;
+        /**
+          * Nombre de colonnes à afficher en vue tablette
+         */
+        "colsTablet"?: number;
+    }
+    interface SpwGridItem {
+        /**
+          * Nombre de colonnes occupées par l'item en vue desktop
+         */
+        "colSpanDesktop"?: number;
+        /**
+          * Nombre de colonnes occupées par l'item en vue mobile
+         */
+        "colSpanMobile"?: number;
+        /**
+          * Nombre de colonnes occupées par l'item en vue tablette
+         */
+        "colSpanTablet"?: number;
+        /**
+          * Nombre de lignes occupées par l'item en vue desktop
+         */
+        "rowSpanDesktop"?: number;
+        /**
+          * Nombre de lignes occupées par l'item en vue mobile
+         */
+        "rowSpanMobile"?: number;
+        /**
+          * Nombre de lignes occupées par l'item en vue tablette
+         */
+        "rowSpanTablet"?: number;
+    }
     interface SpwGroup {
         /**
           * Alignement horizontal du groupe
@@ -3442,6 +3598,10 @@ declare namespace LocalJSX {
         "active"?: boolean;
     }
     interface SpwHeaderNavigation {
+        /**
+          * Alignement des éléments de navigation sur desktop
+         */
+        "alignment"?: 'flex-start' | 'space-between';
     }
     interface SpwHeaderNavigationDropdown {
     }
@@ -3507,7 +3667,7 @@ declare namespace LocalJSX {
         /**
           * Permet de spécifier une variante de Font Awesome
          */
-        "variant"?: 'fa-solid' | 'fa-brands' | 'fa-regular';
+        "variant"?: 'fa-solid' | 'fa-brands' | 'fa-regular' | 'fa-light';
     }
     interface SpwIllustration {
         /**
@@ -3782,6 +3942,14 @@ declare namespace LocalJSX {
           * Indique si le champ de recherche est désactivé
          */
         "disabled"?: boolean;
+        /**
+          * Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent
+         */
+        "hasSubmitButton"?: boolean;
+        /**
+          * Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner)
+         */
+        "isRounded"?: boolean;
         /**
           * Liste des éléments à filtrer, passée sous forme de chaîne JSON
          */
@@ -3794,6 +3962,10 @@ declare namespace LocalJSX {
           * Nom du champ de recherche, utilisé pour les formulaires
          */
         "name"?: string;
+        /**
+          * Texte à afficher si pas de résultats
+         */
+        "noResults"?: string;
         /**
           * Événement émis lorsque la valeur du champ de recherche change
          */
@@ -3810,6 +3982,14 @@ declare namespace LocalJSX {
           * Taille du champ de recherche
          */
         "size"?: 'large' | 'medium';
+        /**
+          * Texte du lien pour voir tous les résultats
+         */
+        "viewAllResults"?: string;
+        /**
+          * URL vers laquelle renvoie le lien "voir tous les résultats"
+         */
+        "viewAllResultsLink"?: string;
     }
     interface SpwSelect {
         /**
@@ -3973,6 +4153,18 @@ declare namespace LocalJSX {
          */
         "variant"?: 'lines' | 'text' | 'article' | 'layout';
     }
+    interface SpwSlider {
+        /**
+          * Affiche les flèches de navigation
+         */
+        "showArrows"?: boolean;
+        /**
+          * Affiche les dots de navigation
+         */
+        "showDots"?: boolean;
+    }
+    interface SpwSliderItem {
+    }
     interface SpwSocials {
         /**
           * Définit le titre du bloc
@@ -4447,6 +4639,10 @@ declare namespace LocalJSX {
         "theme"?: SpwTheme;
     }
     interface SpwTile {
+        /**
+          * Variante de hauteur de la tuile
+         */
+        "height"?: 'landscape' | 'square' | 'portrait';
         /**
           * Spécifie le lien si nécessaire
          */
@@ -4599,6 +4795,8 @@ declare namespace LocalJSX {
         "spw-footer-content": SpwFooterContent;
         "spw-footer-content-col": SpwFooterContentCol;
         "spw-footer-link": SpwFooterLink;
+        "spw-grid": SpwGrid;
+        "spw-grid-item": SpwGridItem;
         "spw-group": SpwGroup;
         "spw-header": SpwHeader;
         "spw-header-lang": SpwHeaderLang;
@@ -4632,6 +4830,8 @@ declare namespace LocalJSX {
         "spw-sidebar-navigation-item": SpwSidebarNavigationItem;
         "spw-sidebar-navigation-separator": SpwSidebarNavigationSeparator;
         "spw-skeleton": SpwSkeleton;
+        "spw-slider": SpwSlider;
+        "spw-slider-item": SpwSliderItem;
         "spw-socials": SpwSocials;
         "spw-table": SpwTable;
         "spw-table-body": SpwTableBody;
@@ -4690,6 +4890,8 @@ declare module "@stencil/core" {
             "spw-footer-content": LocalJSX.SpwFooterContent & JSXBase.HTMLAttributes<HTMLSpwFooterContentElement>;
             "spw-footer-content-col": LocalJSX.SpwFooterContentCol & JSXBase.HTMLAttributes<HTMLSpwFooterContentColElement>;
             "spw-footer-link": LocalJSX.SpwFooterLink & JSXBase.HTMLAttributes<HTMLSpwFooterLinkElement>;
+            "spw-grid": LocalJSX.SpwGrid & JSXBase.HTMLAttributes<HTMLSpwGridElement>;
+            "spw-grid-item": LocalJSX.SpwGridItem & JSXBase.HTMLAttributes<HTMLSpwGridItemElement>;
             "spw-group": LocalJSX.SpwGroup & JSXBase.HTMLAttributes<HTMLSpwGroupElement>;
             "spw-header": LocalJSX.SpwHeader & JSXBase.HTMLAttributes<HTMLSpwHeaderElement>;
             "spw-header-lang": LocalJSX.SpwHeaderLang & JSXBase.HTMLAttributes<HTMLSpwHeaderLangElement>;
@@ -4723,6 +4925,8 @@ declare module "@stencil/core" {
             "spw-sidebar-navigation-item": LocalJSX.SpwSidebarNavigationItem & JSXBase.HTMLAttributes<HTMLSpwSidebarNavigationItemElement>;
             "spw-sidebar-navigation-separator": LocalJSX.SpwSidebarNavigationSeparator & JSXBase.HTMLAttributes<HTMLSpwSidebarNavigationSeparatorElement>;
             "spw-skeleton": LocalJSX.SpwSkeleton & JSXBase.HTMLAttributes<HTMLSpwSkeletonElement>;
+            "spw-slider": LocalJSX.SpwSlider & JSXBase.HTMLAttributes<HTMLSpwSliderElement>;
+            "spw-slider-item": LocalJSX.SpwSliderItem & JSXBase.HTMLAttributes<HTMLSpwSliderItemElement>;
             "spw-socials": LocalJSX.SpwSocials & JSXBase.HTMLAttributes<HTMLSpwSocialsElement>;
             "spw-table": LocalJSX.SpwTable & JSXBase.HTMLAttributes<HTMLSpwTableElement>;
             "spw-table-body": LocalJSX.SpwTableBody & JSXBase.HTMLAttributes<HTMLSpwTableBodyElement>;

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

@@ -3,20 +3,3 @@ declare const meta: Meta;
 export default meta;
 export declare const Default: any;
 export declare const Input: any;
-export declare const NavigationPhysique: {
-    args: {
-        totalItems: number;
-        itemsPerPage: number;
-        label: string;
-    };
-    parameters: {
-        docs: {
-            source: {
-                code: string;
-            };
-            description: {
-                story: string;
-            };
-        };
-    };
-};

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

@@ -2,3 +2,8 @@ import { Meta } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Default: any;
+export declare const ViewMore: any;
+export declare const FormSubmission: any;
+export declare const HeroRounded: any;
+export declare const WithLabelAndHelp: any;
+export declare const Disabled: any;