@spw-ds/spw-stencil-library 1.4.2 → 1.4.3

package/dist/types/components/spw-custom-select/spw-custom-select.d.ts

@@ -66,6 +66,8 @@ export declare class SpwCustomSelect {
     tooltipCursor?: 'pointer' | 'default' | 'help' | 'disabled';
     internals: ElementInternals;
     componentWillLoad(): void;
+    /** Méthode publique pour mettre le focus sur le champ de sélection. */
+    setFocus(): Promise<void>;
     /** Réinitialise le champ de sélection */
     resetSelect(): Promise<void>;
     /** Définit la valeur du champ de sélection */
@@ -74,6 +76,7 @@ export declare class SpwCustomSelect {
     getValue(): Promise<(string | number)[] | string | number>;
     formResetCallback(): void;
     componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     private handleOtherSelectOpened;
     private handleClickOutside;

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

@@ -33,6 +33,8 @@ export declare class SpwHeader {
     menuCloseLabel?: string;
     /** Label pour l'ouverture du menu */
     menuOpenLabel?: string;
+    /** Lien qui renvoie vers la homepage */
+    homepageLink?: string;
     el: HTMLSpwHeaderElement;
     isMenuOpen: boolean;
     isSearchOpen: boolean;

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

@@ -4,7 +4,10 @@ export declare class SpwTableRow {
     state?: 'default' | 'selected' | 'disabled';
     /** Définit le padding pour toutes les cellules de la row */
     padding?: 'small' | 'medium';
+    private mutationObserver?;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private setupMutationObserver;
     slotChanged(): void;
     onStateChange(): void;
     onPaddingChange(): void;

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

@@ -1,6 +1,8 @@
 export declare class SpwTabsNavigation {
     /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */
     accAriaLabel?: string;
+    /** Définit si la navigation doit être verticale sur mobile (à utiliser avec le variant default) */
+    isVerticalOnMobile?: boolean;
     hostElement: HTMLSpwTabsNavigationElement;
     showLeftArrow: boolean;
     showRightArrow: boolean;

package/dist/types/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.d.ts

@@ -15,6 +15,12 @@ export declare class SpwTabsNavigationItem {
     icon?: string;
     /** Position de l'icône à l'intérieur du bouton sur le spw-tabs-navigation-item */
     iconPosition?: 'left' | 'right';
+    /** Texte du tag à afficher sur le spw-tabs-navigation-item */
+    tagText?: string;
+    /** Variante du tag à afficher sur le spw-tabs-navigation-item */
+    tagVariant?: 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'purple' | 'default';
+    /** Présence d'une icône ou non sur le tag du spw-tabs-navigation-item */
+    tagIcon?: boolean;
     slotText: string;
     tabSelected: EventEmitter<string>;
     componentDidLoad(): void;

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

@@ -68,8 +68,11 @@ export declare class SpwTextField {
     tooltipCursor?: 'pointer' | 'default' | 'help' | 'disabled';
     isClearIconVisible: boolean;
     internals: ElementInternals;
+    el: HTMLSpwTextFieldElement;
     private inputElement;
     private defaultValue;
+    /** Méthode publique pour mettre le focus sur le champ de saisie. */
+    setFocus(): Promise<void>;
     valueChangedHandler(newValue: string): void;
     setValue(newVal: string): Promise<void>;
     private getTypedValue;

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

@@ -56,6 +56,8 @@ export declare class SpwTextarea {
     /** Curseur du tooltip */
     tooltipCursor?: 'pointer' | 'default' | 'help' | 'disabled';
     internals: ElementInternals;
+    /** Méthode publique pour mettre le focus sur le champ textarea. */
+    setFocus(): Promise<void>;
     private textareaElement;
     private defaultValue;
     valueChangedHandler(newVal: string): void;

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

@@ -1,4 +1,8 @@
 export declare class SpwTopbar {
+    /** Titre du site */
+    siteTitle?: string;
+    /** Présence ou non du logo Wallonie en haut à gauche */
+    hasWallonieLogo?: boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components.d.ts

@@ -389,6 +389,10 @@ export namespace Components {
           * Réinitialise le champ de sélection
          */
         "resetSelect": () => Promise<void>;
+        /**
+          * Méthode publique pour mettre le focus sur le champ de sélection.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Définit la valeur du champ de sélection
          */
@@ -970,6 +974,11 @@ export namespace Components {
           * @default true
          */
         "hasWallonieLogo"?: boolean;
+        /**
+          * Lien qui renvoie vers la homepage
+          * @default '/'
+         */
+        "homepageLink"?: string;
         /**
           * Label du bouton qui mène à Ma Wallonie
           * @default 'Mon Espace'
@@ -2335,6 +2344,11 @@ export namespace Components {
           * Remplit l'attribut aria-label, utilisé à des fins d'accessibilité
          */
         "accAriaLabel"?: string;
+        /**
+          * Définit si la navigation doit être verticale sur mobile (à utiliser avec le variant default)
+          * @default false
+         */
+        "isVerticalOnMobile"?: boolean;
     }
     interface SpwTabsNavigationItem {
         /**
@@ -2368,6 +2382,20 @@ export namespace Components {
           * Définit un id pour le tab
          */
         "tabId": string;
+        /**
+          * Présence d'une icône ou non sur le tag du spw-tabs-navigation-item
+          * @default false
+         */
+        "tagIcon"?: boolean;
+        /**
+          * Texte du tag à afficher sur le spw-tabs-navigation-item
+         */
+        "tagText"?: string;
+        /**
+          * Variante du tag à afficher sur le spw-tabs-navigation-item
+          * @default 'default'
+         */
+        "tagVariant"?: 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'purple' | 'default';
     }
     interface SpwTag {
         /**
@@ -2475,6 +2503,10 @@ export namespace Components {
           * @default false
          */
         "required"?: boolean;
+        /**
+          * Méthode publique pour mettre le focus sur le champ de saisie.
+         */
+        "setFocus": () => Promise<void>;
         "setValue": (newVal: string) => Promise<void>;
         /**
           * Affiche une icône d'erreur si vrai
@@ -2606,6 +2638,10 @@ export namespace Components {
           * @default 5
          */
         "rows"?: number;
+        /**
+          * Méthode publique pour mettre le focus sur le champ textarea.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Affiche une icône d'erreur si vrai
           * @default true
@@ -2801,6 +2837,15 @@ export namespace Components {
         "visible": boolean;
     }
     interface SpwTopbar {
+        /**
+          * Présence ou non du logo Wallonie en haut à gauche
+          * @default true
+         */
+        "hasWallonieLogo"?: boolean;
+        /**
+          * Titre du site
+         */
+        "siteTitle"?: string;
     }
     interface SpwWizard {
         /**
@@ -4897,6 +4942,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "hasWallonieLogo"?: boolean;
+        /**
+          * Lien qui renvoie vers la homepage
+          * @default '/'
+         */
+        "homepageLink"?: string;
         /**
           * Label du bouton qui mène à Ma Wallonie
           * @default 'Mon Espace'
@@ -6257,6 +6307,11 @@ declare namespace LocalJSX {
           * Remplit l'attribut aria-label, utilisé à des fins d'accessibilité
          */
         "accAriaLabel"?: string;
+        /**
+          * Définit si la navigation doit être verticale sur mobile (à utiliser avec le variant default)
+          * @default false
+         */
+        "isVerticalOnMobile"?: boolean;
     }
     interface SpwTabsNavigationItem {
         /**
@@ -6291,6 +6346,20 @@ declare namespace LocalJSX {
           * Définit un id pour le tab
          */
         "tabId": string;
+        /**
+          * Présence d'une icône ou non sur le tag du spw-tabs-navigation-item
+          * @default false
+         */
+        "tagIcon"?: boolean;
+        /**
+          * Texte du tag à afficher sur le spw-tabs-navigation-item
+         */
+        "tagText"?: string;
+        /**
+          * Variante du tag à afficher sur le spw-tabs-navigation-item
+          * @default 'default'
+         */
+        "tagVariant"?: 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'purple' | 'default';
     }
     interface SpwTag {
         /**
@@ -6739,6 +6808,15 @@ declare namespace LocalJSX {
         "visible"?: boolean;
     }
     interface SpwTopbar {
+        /**
+          * Présence ou non du logo Wallonie en haut à gauche
+          * @default true
+         */
+        "hasWallonieLogo"?: boolean;
+        /**
+          * Titre du site
+         */
+        "siteTitle"?: string;
     }
     interface SpwWizard {
         /**
@@ -7071,6 +7149,7 @@ declare namespace LocalJSX {
         "searchOpenLabel": string;
         "menuCloseLabel": string;
         "menuOpenLabel": string;
+        "homepageLink": string;
     }
     interface SpwHeaderLangAttributes {
         "accAriaLabel": string;
@@ -7396,6 +7475,7 @@ declare namespace LocalJSX {
     }
     interface SpwTabsNavigationAttributes {
         "accAriaLabel": string;
+        "isVerticalOnMobile": boolean;
     }
     interface SpwTabsNavigationItemAttributes {
         "tabId": string;
@@ -7405,6 +7485,9 @@ declare namespace LocalJSX {
         "hasEllipsis": boolean;
         "icon": string;
         "iconPosition": 'left' | 'right';
+        "tagText": string;
+        "tagVariant": 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'purple' | 'default';
+        "tagIcon": boolean;
     }
     interface SpwTagAttributes {
         "variant": 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'purple' | 'default';
@@ -7510,6 +7593,10 @@ declare namespace LocalJSX {
         "cursor": 'pointer' | 'default' | 'help' | 'disabled';
         "visible": boolean;
     }
+    interface SpwTopbarAttributes {
+        "siteTitle": string;
+        "hasWallonieLogo": boolean;
+    }
     interface SpwWizardAttributes {
         "currentStep": number;
         "variant": 'horizontal' | 'vertical';
@@ -7624,7 +7711,7 @@ declare namespace LocalJSX {
         "spw-toc-container": SpwTocContainer;
         "spw-toc-navigation": SpwTocNavigation;
         "spw-tooltip": Omit<SpwTooltip, keyof SpwTooltipAttributes> & { [K in keyof SpwTooltip & keyof SpwTooltipAttributes]?: SpwTooltip[K] } & { [K in keyof SpwTooltip & keyof SpwTooltipAttributes as `attr:${K}`]?: SpwTooltipAttributes[K] } & { [K in keyof SpwTooltip & keyof SpwTooltipAttributes as `prop:${K}`]?: SpwTooltip[K] };
-        "spw-topbar": SpwTopbar;
+        "spw-topbar": Omit<SpwTopbar, keyof SpwTopbarAttributes> & { [K in keyof SpwTopbar & keyof SpwTopbarAttributes]?: SpwTopbar[K] } & { [K in keyof SpwTopbar & keyof SpwTopbarAttributes as `attr:${K}`]?: SpwTopbarAttributes[K] } & { [K in keyof SpwTopbar & keyof SpwTopbarAttributes as `prop:${K}`]?: SpwTopbar[K] };
         "spw-wizard": Omit<SpwWizard, keyof SpwWizardAttributes> & { [K in keyof SpwWizard & keyof SpwWizardAttributes]?: SpwWizard[K] } & { [K in keyof SpwWizard & keyof SpwWizardAttributes as `attr:${K}`]?: SpwWizardAttributes[K] } & { [K in keyof SpwWizard & keyof SpwWizardAttributes as `prop:${K}`]?: SpwWizard[K] };
         "spw-wizard-item": Omit<SpwWizardItem, keyof SpwWizardItemAttributes> & { [K in keyof SpwWizardItem & keyof SpwWizardItemAttributes]?: SpwWizardItem[K] } & { [K in keyof SpwWizardItem & keyof SpwWizardItemAttributes as `attr:${K}`]?: SpwWizardItemAttributes[K] } & { [K in keyof SpwWizardItem & keyof SpwWizardItemAttributes as `prop:${K}`]?: SpwWizardItem[K] };
     }

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

@@ -4,3 +4,5 @@ export default meta;
 export declare const Default: any;
 export declare const Box: any;
 export declare const MultiLevel: any;
+export declare const WithTag: any;
+export declare const WithTagAndIcon: any;

package/dist/types/stories/organisms/spw-topbar/spw-topbar.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 CustomLogo: any;
+export declare const Minimal: any;