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

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-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.d.ts

@@ -708,6 +708,10 @@ export namespace Components {
         "active": boolean;
     }
     interface SpwHeaderNavigation {
+        /**
+          * Alignement des éléments de navigation sur desktop
+         */
+        "alignment": 'flex-start' | 'space-between';
     }
     interface SpwHeaderNavigationDropdown {
     }
@@ -1047,6 +1051,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 +1075,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 +1091,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 {
         /**
@@ -3442,6 +3474,10 @@ declare namespace LocalJSX {
         "active"?: boolean;
     }
     interface SpwHeaderNavigation {
+        /**
+          * Alignement des éléments de navigation sur desktop
+         */
+        "alignment"?: 'flex-start' | 'space-between';
     }
     interface SpwHeaderNavigationDropdown {
     }
@@ -3782,6 +3818,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 +3838,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 +3858,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 {
         /**

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;