@spw-ds/spw-stencil-library 1.12.2-alpha.0 → 1.12.2

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-05-18T07:54:13",
+  "timestamp": "2026-05-19T08:03:40",
   "compiler": {
     "name": "node",
     "version": "18.19.1"
@@ -633,6 +633,7 @@
           "./dist/spw-stencil-library/p-2aecf4aa.entry.js",
           "./dist/spw-stencil-library/p-2c58d495.entry.js",
           "./dist/spw-stencil-library/p-2cdffa52.entry.js",
+          "./dist/spw-stencil-library/p-36e966b6.entry.js",
           "./dist/spw-stencil-library/p-3a5aa905.entry.js",
           "./dist/spw-stencil-library/p-3e27dae3.entry.js",
           "./dist/spw-stencil-library/p-41dac78f.entry.js",
@@ -642,7 +643,6 @@
           "./dist/spw-stencil-library/p-548efe71.entry.js",
           "./dist/spw-stencil-library/p-56898654.entry.js",
           "./dist/spw-stencil-library/p-59b8ba01.entry.js",
-          "./dist/spw-stencil-library/p-5bdf3e69.entry.js",
           "./dist/spw-stencil-library/p-5faae2e0.entry.js",
           "./dist/spw-stencil-library/p-64741460.entry.js",
           "./dist/spw-stencil-library/p-65dd5c74.entry.js",
@@ -656,7 +656,6 @@
           "./dist/spw-stencil-library/p-7c2cbe6c.entry.js",
           "./dist/spw-stencil-library/p-7c40f2d0.entry.js",
           "./dist/spw-stencil-library/p-809bc00b.entry.js",
-          "./dist/spw-stencil-library/p-8491ce96.entry.js",
           "./dist/spw-stencil-library/p-85d6d0d4.entry.js",
           "./dist/spw-stencil-library/p-86737504.entry.js",
           "./dist/spw-stencil-library/p-868af137.entry.js",
@@ -688,6 +687,7 @@
           "./dist/spw-stencil-library/p-c778adaa.entry.js",
           "./dist/spw-stencil-library/p-cdd86935.entry.js",
           "./dist/spw-stencil-library/p-ceeb01c4.entry.js",
+          "./dist/spw-stencil-library/p-d16208aa.entry.js",
           "./dist/spw-stencil-library/p-d38788c4.entry.js",
           "./dist/spw-stencil-library/p-d3d7e4bf.entry.js",
           "./dist/spw-stencil-library/p-d3e2f712.entry.js",
@@ -731,6 +731,7 @@
           "./www/build/p-2aecf4aa.entry.js",
           "./www/build/p-2c58d495.entry.js",
           "./www/build/p-2cdffa52.entry.js",
+          "./www/build/p-36e966b6.entry.js",
           "./www/build/p-3a5aa905.entry.js",
           "./www/build/p-3e27dae3.entry.js",
           "./www/build/p-41dac78f.entry.js",
@@ -740,7 +741,6 @@
           "./www/build/p-548efe71.entry.js",
           "./www/build/p-56898654.entry.js",
           "./www/build/p-59b8ba01.entry.js",
-          "./www/build/p-5bdf3e69.entry.js",
           "./www/build/p-5faae2e0.entry.js",
           "./www/build/p-64741460.entry.js",
           "./www/build/p-65dd5c74.entry.js",
@@ -754,7 +754,6 @@
           "./www/build/p-7c2cbe6c.entry.js",
           "./www/build/p-7c40f2d0.entry.js",
           "./www/build/p-809bc00b.entry.js",
-          "./www/build/p-8491ce96.entry.js",
           "./www/build/p-85d6d0d4.entry.js",
           "./www/build/p-86737504.entry.js",
           "./www/build/p-868af137.entry.js",
@@ -786,6 +785,7 @@
           "./www/build/p-c778adaa.entry.js",
           "./www/build/p-cdd86935.entry.js",
           "./www/build/p-ceeb01c4.entry.js",
+          "./www/build/p-d16208aa.entry.js",
           "./www/build/p-d38788c4.entry.js",
           "./www/build/p-d3d7e4bf.entry.js",
           "./www/build/p-d3e2f712.entry.js",
@@ -1166,12 +1166,12 @@
         "components": [
           "spw-header-navigation"
         ],
-        "bundleId": "p-8491ce96",
-        "fileName": "p-8491ce96.entry.js",
+        "bundleId": "p-36e966b6",
+        "fileName": "p-36e966b6.entry.js",
         "imports": [
           "p-BvJ4Kko5.js"
         ],
-        "originalByteSize": 9565
+        "originalByteSize": 9686
       },
       {
         "key": "spw-header-navigation-dropdown.entry",
@@ -1779,12 +1779,12 @@
         "components": [
           "spw-wizard"
         ],
-        "bundleId": "p-5bdf3e69",
-        "fileName": "p-5bdf3e69.entry.js",
+        "bundleId": "p-d16208aa",
+        "fileName": "p-d16208aa.entry.js",
         "imports": [
           "p-BvJ4Kko5.js"
         ],
-        "originalByteSize": 6142
+        "originalByteSize": 6382
       },
       {
         "key": "spw-wizard-item.entry",
@@ -2295,7 +2295,7 @@
         "imports": [
           "index-BvJ4Kko5.js"
         ],
-        "originalByteSize": 9569
+        "originalByteSize": 9690
       },
       {
         "key": "spw-header-navigation-dropdown.entry",
@@ -2908,7 +2908,7 @@
         "imports": [
           "index-BvJ4Kko5.js"
         ],
-        "originalByteSize": 6146
+        "originalByteSize": 6386
       },
       {
         "key": "spw-wizard-item.entry",
@@ -3421,7 +3421,7 @@
         "imports": [
           "index-id_AkABS.js"
         ],
-        "originalByteSize": 9640
+        "originalByteSize": 9761
       },
       {
         "key": "spw-header-navigation-dropdown.entry",
@@ -4034,7 +4034,7 @@
         "imports": [
           "index-id_AkABS.js"
         ],
-        "originalByteSize": 6133
+        "originalByteSize": 6373
       },
       {
         "key": "spw-wizard-item.entry",
@@ -13079,6 +13079,33 @@
           "internal": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "homepageLabel",
+          "type": "string",
+          "attribute": "homepage-label",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "defaultValue": "\"Page d'accueil\"",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "default",
+                "text": "\"Page d'accueil\""
+              }
+            ],
+            "text": "Texte du lien \"Page d'accueil\" dans la navigation mobile"
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "shadowDelegatesFocus": false,
@@ -27348,6 +27375,33 @@
           "internal": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "canClickNextSteps",
+          "type": "boolean",
+          "attribute": "can-click-next-steps",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [
+              {
+                "name": "default",
+                "text": "false"
+              }
+            ],
+            "text": "Si `true`, les étapes suivantes sont également cliquables"
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "shadowDelegatesFocus": false,
@@ -39902,6 +39956,33 @@
               "internal": false,
               "getter": false,
               "setter": false
+            },
+            {
+              "name": "homepageLabel",
+              "type": "string",
+              "attribute": "homepage-label",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "defaultValue": "\"Page d'accueil\"",
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "default",
+                    "text": "\"Page d'accueil\""
+                  }
+                ],
+                "text": "Texte du lien \"Page d'accueil\" dans la navigation mobile"
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
             }
           ],
           "virtualProperties": [],
@@ -57082,6 +57163,33 @@
               "internal": false,
               "getter": false,
               "setter": false
+            },
+            {
+              "name": "canClickNextSteps",
+              "type": "boolean",
+              "attribute": "can-click-next-steps",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [
+                  {
+                    "name": "default",
+                    "text": "false"
+                  }
+                ],
+                "text": "Si `true`, les étapes suivantes sont également cliquables"
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
             }
           ],
           "virtualProperties": [],
@@ -57202,7 +57310,7 @@
           "hasAttribute": true,
           "hasProp": true,
           "hasPropNumber": true,
-          "hasPropBoolean": false,
+          "hasPropBoolean": true,
           "hasPropString": true,
           "hasPropMutable": true,
           "hasReflect": false,

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

@@ -21,6 +21,8 @@ export declare class SpwHeaderNavigation {
     extraButtonVariant?: 'primary' | 'secondary';
     /** Icône de l'extra button (référence font-awesome) */
     extraButtonIcon?: string;
+    /** Texte du lien "Page d'accueil" dans la navigation mobile */
+    homepageLabel?: string;
     private redirectToHome;
     handleNavigation(event: CustomEvent<{
         level: number;

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

@@ -5,6 +5,8 @@ export declare class SpwWizard {
     currentStep: number;
     /** Orientation du wizard */
     variant?: 'horizontal' | 'vertical';
+    /** Si `true`, les étapes suivantes sont également cliquables */
+    canClickNextSteps?: boolean;
     /** Événement émis lors du clic sur une étape antérieure */
     stepClick: EventEmitter<number>;
     componentWillLoad(): void;

package/dist/types/components.d.ts

@@ -1423,6 +1423,11 @@ export namespace Components {
           * @default 'primary'
          */
         "extraButtonVariant"?: 'primary' | 'secondary';
+        /**
+          * Texte du lien "Page d'accueil" dans la navigation mobile
+          * @default "Page d'accueil"
+         */
+        "homepageLabel"?: string;
     }
     interface SpwHeaderNavigationDropdown {
         /**
@@ -3568,6 +3573,11 @@ export namespace Components {
         "siteTitle"?: string;
     }
     interface SpwWizard {
+        /**
+          * Si `true`, les étapes suivantes sont également cliquables
+          * @default false
+         */
+        "canClickNextSteps"?: boolean;
         /**
           * Étape actuellement active (index basé sur 1)
           * @default 1
@@ -6295,6 +6305,11 @@ declare namespace LocalJSX {
           * @default 'primary'
          */
         "extraButtonVariant"?: 'primary' | 'secondary';
+        /**
+          * Texte du lien "Page d'accueil" dans la navigation mobile
+          * @default "Page d'accueil"
+         */
+        "homepageLabel"?: string;
     }
     interface SpwHeaderNavigationDropdown {
         /**
@@ -8439,6 +8454,11 @@ declare namespace LocalJSX {
         "siteTitle"?: string;
     }
     interface SpwWizard {
+        /**
+          * Si `true`, les étapes suivantes sont également cliquables
+          * @default false
+         */
+        "canClickNextSteps"?: boolean;
         /**
           * Étape actuellement active (index basé sur 1)
           * @default 1
@@ -8855,6 +8875,7 @@ declare namespace LocalJSX {
         "extraButtonText": string;
         "extraButtonVariant": 'primary' | 'secondary';
         "extraButtonIcon": string;
+        "homepageLabel": string;
     }
     interface SpwHeaderNavigationDropdownAttributes {
         "viewMoreText": string;
@@ -9373,6 +9394,7 @@ declare namespace LocalJSX {
     interface SpwWizardAttributes {
         "currentStep": number;
         "variant": 'horizontal' | 'vertical';
+        "canClickNextSteps": boolean;
     }
     interface SpwWizardItemAttributes {
         "label": string;

package/hydrate/index.js

@@ -9625,6 +9625,8 @@ class SpwHeaderNavigation {
         this.extraButtonTarget = '_self';
         /** Variant de l'extra button */
         this.extraButtonVariant = 'primary';
+        /** Texte du lien "Page d'accueil" dans la navigation mobile */
+        this.homepageLabel = "Page d'accueil";
     }
     componentDidLoad() {
         this.updateHeightVar();
@@ -9677,7 +9679,7 @@ class SpwHeaderNavigation {
         };
     }
     render() {
-        return (hAsync(Host, { key: '7e02a00c46b7de989dbd4a0d36249805a494c2bf' }, hAsync("nav", { key: 'c596b8719bcda2890122ab6a490d2ea150153905', class: this.elementClass, ref: el => (this.navEl = el) }, hAsync("div", { key: '42c2579e00a97af469c2a66731928741ed56390e', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, hAsync("div", { key: '9c8e5a295fb0e9f84227b512920306056ff0d1ea', class: "spw-header-navigation__list" }, hAsync("div", { key: '9da5ef2b5e1c8b95e1bde00a00634a90fde0bda2', class: "spw-header-navigation__list-back" }, hAsync("a", { key: '33c922fb8117da033fa637a3e62d9d3db07506dd', href: "#", onClick: event => this.redirectToHome(event) }, hAsync("spw-icon", { key: '6f852439825b6876b2fd1bf1a9ff17c813a81406', icon: "fa-chevron-left" }), " ", hAsync("span", { key: '7551d645db0058b12143cc0372227fe698b9825e' }, "Page d'accueil"))), hAsync("slot", { key: '0deb7663476d76b6f68e00135c95ccef1bc2cb72' })), this.extraButton && (hAsync("div", { key: '3e2aee21e622c5b12f0d9c888866a1f32ac1d008', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, hAsync("spw-button", { key: '5776b2f283fda296733c628463cfdebe8fd25cd1', variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText))))), this.extraButton && (hAsync("div", { key: 'd08a05c44a043ded59aaab0ddabd4f21d1fa77ff', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, hAsync("div", { key: '4f350aae01ee1e5ce4e666a5941d7b20b13fc97b', class: "spw-ds-container" }, hAsync("div", { key: 'ef7553fe6cf2e24470ee42936d184415667233da', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, hAsync("spw-button", { key: '2eb3cde318b2f5d6ba299375a2b6210dfec78f48', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText)))))));
+        return (hAsync(Host, { key: 'cc8b36bb6c54587e51246dba2b2d564712884dde' }, hAsync("nav", { key: '8aabc608c255c4b9dc399598cf69835cef34b5da', class: this.elementClass, ref: el => (this.navEl = el) }, hAsync("div", { key: 'fac953ae5c2cde5bbae25935f0cb8d8b12ed8272', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, hAsync("div", { key: 'f4c37ea68a814ba7348b24b0f429621ad0b8caaf', class: "spw-header-navigation__list" }, hAsync("div", { key: '2498432ef6645dcb688310e4498ecbe0b75c8aa3', class: "spw-header-navigation__list-back" }, hAsync("a", { key: '770ff2e852900f662b09ff095173f96c2803c3d4', href: "#", onClick: event => this.redirectToHome(event) }, hAsync("spw-icon", { key: 'b1eda2204772067b8a8084bd4c2b3617e6912287', icon: "fa-chevron-left" }), " ", hAsync("span", { key: 'c0a05bde1b81645addde13496fa49c71944fef3d' }, this.homepageLabel))), hAsync("slot", { key: 'ce4bb4c4afd10d1835c3655ec080146d138babfd' })), this.extraButton && (hAsync("div", { key: '39f6796ce53a36d012bb0d93907359aaa2026780', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, hAsync("spw-button", { key: 'e19fa4ee5d998c292b91c695673b61fca0b93de0', variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText))))), this.extraButton && (hAsync("div", { key: '28d532d75dd97ecf9baa839ef82b45a10552a57c', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, hAsync("div", { key: '2e2f457c7fd5bccb33e5230fc9c7bb3fb5de9e9c', class: "spw-ds-container" }, hAsync("div", { key: 'debb676659f4bf665fd54b97ba939cff3cd4bd91', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, hAsync("spw-button", { key: 'bbf06e4972a91addb151a33c03f13191149b725a', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText)))))));
     }
     get el() { return getElement(this); }
     static get style() { return spwHeaderNavigationCss(); }
@@ -9692,6 +9694,7 @@ class SpwHeaderNavigation {
             "extraButtonText": [1, "extra-button-text"],
             "extraButtonVariant": [1, "extra-button-variant"],
             "extraButtonIcon": [1, "extra-button-icon"],
+            "homepageLabel": [1, "homepage-label"],
             "level": [32],
             "element": [32]
         },
@@ -22439,6 +22442,8 @@ class SpwWizard {
         this.currentStep = 1;
         /** Orientation du wizard */
         this.variant = 'horizontal';
+        /** Si `true`, les étapes suivantes sont également cliquables */
+        this.canClickNextSteps = false;
     }
     componentWillLoad() {
         this.updateStepsState();
@@ -22454,7 +22459,7 @@ class SpwWizard {
     }
     handleStepClick(event) {
         const clickedStep = event.detail;
-        if (clickedStep < this.currentStep) {
+        if (clickedStep < this.currentStep || (this.canClickNextSteps && clickedStep > this.currentStep)) {
             this.currentStep = clickedStep;
             this.updateStepsState();
             this.stepClick.emit(clickedStep);
@@ -22491,7 +22496,7 @@ class SpwWizard {
                 item.setAttribute('variant', this.variant);
                 item.setAttribute('step-number', stepNumber.toString());
                 item.setAttribute('is-last', (index === items.length - 1).toString());
-                item.setAttribute('is-clickable', (stepNumber < this.currentStep).toString());
+                item.setAttribute('is-clickable', (stepNumber !== this.currentStep && (stepNumber < this.currentStep || this.canClickNextSteps)).toString());
                 item.setAttribute('is-current', (stepNumber === this.currentStep).toString());
                 item.setAttribute('is-before-current', (stepNumber < this.currentStep).toString());
                 item.setAttribute('is-after-current', (stepNumber > this.currentStep).toString());
@@ -22505,7 +22510,7 @@ class SpwWizard {
         };
     }
     render() {
-        return (hAsync(Host, { key: '4062f92d5d4de8c8ea59f3db5d2515a74f7348e2' }, hAsync("div", { key: '8508fd7c37b5f5efb3e05749dc16c65ba34bb762', class: this.elementClass }, hAsync("slot", { key: '054c4bf3e21d93526c34d6d6e25c3fad3b545658' }))));
+        return (hAsync(Host, { key: 'a5eba43b0339adced1c10ba67a6fee404ab23ba7' }, hAsync("div", { key: 'f0df2e2aece93f90e94d00fa9830c111783f3b55', class: this.elementClass }, hAsync("slot", { key: '73a3daa9ba48010f31d71e200c5c2b4f1ef95cac' }))));
     }
     get el() { return getElement(this); }
     static get style() { return spwWizardCss(); }
@@ -22515,6 +22520,7 @@ class SpwWizard {
         "$members$": {
             "currentStep": [1026, "current-step"],
             "variant": [1],
+            "canClickNextSteps": [4, "can-click-next-steps"],
             "setStep": [64]
         },
         "$listeners$": [[0, "slotchange", "slotChanged"], [0, "wizardItemClick", "handleStepClick"]],

package/hydrate/index.mjs

@@ -9623,6 +9623,8 @@ class SpwHeaderNavigation {
         this.extraButtonTarget = '_self';
         /** Variant de l'extra button */
         this.extraButtonVariant = 'primary';
+        /** Texte du lien "Page d'accueil" dans la navigation mobile */
+        this.homepageLabel = "Page d'accueil";
     }
     componentDidLoad() {
         this.updateHeightVar();
@@ -9675,7 +9677,7 @@ class SpwHeaderNavigation {
         };
     }
     render() {
-        return (hAsync(Host, { key: '7e02a00c46b7de989dbd4a0d36249805a494c2bf' }, hAsync("nav", { key: 'c596b8719bcda2890122ab6a490d2ea150153905', class: this.elementClass, ref: el => (this.navEl = el) }, hAsync("div", { key: '42c2579e00a97af469c2a66731928741ed56390e', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, hAsync("div", { key: '9c8e5a295fb0e9f84227b512920306056ff0d1ea', class: "spw-header-navigation__list" }, hAsync("div", { key: '9da5ef2b5e1c8b95e1bde00a00634a90fde0bda2', class: "spw-header-navigation__list-back" }, hAsync("a", { key: '33c922fb8117da033fa637a3e62d9d3db07506dd', href: "#", onClick: event => this.redirectToHome(event) }, hAsync("spw-icon", { key: '6f852439825b6876b2fd1bf1a9ff17c813a81406', icon: "fa-chevron-left" }), " ", hAsync("span", { key: '7551d645db0058b12143cc0372227fe698b9825e' }, "Page d'accueil"))), hAsync("slot", { key: '0deb7663476d76b6f68e00135c95ccef1bc2cb72' })), this.extraButton && (hAsync("div", { key: '3e2aee21e622c5b12f0d9c888866a1f32ac1d008', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, hAsync("spw-button", { key: '5776b2f283fda296733c628463cfdebe8fd25cd1', variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText))))), this.extraButton && (hAsync("div", { key: 'd08a05c44a043ded59aaab0ddabd4f21d1fa77ff', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, hAsync("div", { key: '4f350aae01ee1e5ce4e666a5941d7b20b13fc97b', class: "spw-ds-container" }, hAsync("div", { key: 'ef7553fe6cf2e24470ee42936d184415667233da', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, hAsync("spw-button", { key: '2eb3cde318b2f5d6ba299375a2b6210dfec78f48', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText)))))));
+        return (hAsync(Host, { key: 'cc8b36bb6c54587e51246dba2b2d564712884dde' }, hAsync("nav", { key: '8aabc608c255c4b9dc399598cf69835cef34b5da', class: this.elementClass, ref: el => (this.navEl = el) }, hAsync("div", { key: 'fac953ae5c2cde5bbae25935f0cb8d8b12ed8272', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, hAsync("div", { key: 'f4c37ea68a814ba7348b24b0f429621ad0b8caaf', class: "spw-header-navigation__list" }, hAsync("div", { key: '2498432ef6645dcb688310e4498ecbe0b75c8aa3', class: "spw-header-navigation__list-back" }, hAsync("a", { key: '770ff2e852900f662b09ff095173f96c2803c3d4', href: "#", onClick: event => this.redirectToHome(event) }, hAsync("spw-icon", { key: 'b1eda2204772067b8a8084bd4c2b3617e6912287', icon: "fa-chevron-left" }), " ", hAsync("span", { key: 'c0a05bde1b81645addde13496fa49c71944fef3d' }, this.homepageLabel))), hAsync("slot", { key: 'ce4bb4c4afd10d1835c3655ec080146d138babfd' })), this.extraButton && (hAsync("div", { key: '39f6796ce53a36d012bb0d93907359aaa2026780', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, hAsync("spw-button", { key: 'e19fa4ee5d998c292b91c695673b61fca0b93de0', variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText))))), this.extraButton && (hAsync("div", { key: '28d532d75dd97ecf9baa839ef82b45a10552a57c', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, hAsync("div", { key: '2e2f457c7fd5bccb33e5230fc9c7bb3fb5de9e9c', class: "spw-ds-container" }, hAsync("div", { key: 'debb676659f4bf665fd54b97ba939cff3cd4bd91', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, hAsync("spw-button", { key: 'bbf06e4972a91addb151a33c03f13191149b725a', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText)))))));
     }
     get el() { return getElement(this); }
     static get style() { return spwHeaderNavigationCss(); }
@@ -9690,6 +9692,7 @@ class SpwHeaderNavigation {
             "extraButtonText": [1, "extra-button-text"],
             "extraButtonVariant": [1, "extra-button-variant"],
             "extraButtonIcon": [1, "extra-button-icon"],
+            "homepageLabel": [1, "homepage-label"],
             "level": [32],
             "element": [32]
         },
@@ -22437,6 +22440,8 @@ class SpwWizard {
         this.currentStep = 1;
         /** Orientation du wizard */
         this.variant = 'horizontal';
+        /** Si `true`, les étapes suivantes sont également cliquables */
+        this.canClickNextSteps = false;
     }
     componentWillLoad() {
         this.updateStepsState();
@@ -22452,7 +22457,7 @@ class SpwWizard {
     }
     handleStepClick(event) {
         const clickedStep = event.detail;
-        if (clickedStep < this.currentStep) {
+        if (clickedStep < this.currentStep || (this.canClickNextSteps && clickedStep > this.currentStep)) {
             this.currentStep = clickedStep;
             this.updateStepsState();
             this.stepClick.emit(clickedStep);
@@ -22489,7 +22494,7 @@ class SpwWizard {
                 item.setAttribute('variant', this.variant);
                 item.setAttribute('step-number', stepNumber.toString());
                 item.setAttribute('is-last', (index === items.length - 1).toString());
-                item.setAttribute('is-clickable', (stepNumber < this.currentStep).toString());
+                item.setAttribute('is-clickable', (stepNumber !== this.currentStep && (stepNumber < this.currentStep || this.canClickNextSteps)).toString());
                 item.setAttribute('is-current', (stepNumber === this.currentStep).toString());
                 item.setAttribute('is-before-current', (stepNumber < this.currentStep).toString());
                 item.setAttribute('is-after-current', (stepNumber > this.currentStep).toString());
@@ -22503,7 +22508,7 @@ class SpwWizard {
         };
     }
     render() {
-        return (hAsync(Host, { key: '4062f92d5d4de8c8ea59f3db5d2515a74f7348e2' }, hAsync("div", { key: '8508fd7c37b5f5efb3e05749dc16c65ba34bb762', class: this.elementClass }, hAsync("slot", { key: '054c4bf3e21d93526c34d6d6e25c3fad3b545658' }))));
+        return (hAsync(Host, { key: 'a5eba43b0339adced1c10ba67a6fee404ab23ba7' }, hAsync("div", { key: 'f0df2e2aece93f90e94d00fa9830c111783f3b55', class: this.elementClass }, hAsync("slot", { key: '73a3daa9ba48010f31d71e200c5c2b4f1ef95cac' }))));
     }
     get el() { return getElement(this); }
     static get style() { return spwWizardCss(); }
@@ -22513,6 +22518,7 @@ class SpwWizard {
         "$members$": {
             "currentStep": [1026, "current-step"],
             "variant": [1],
+            "canClickNextSteps": [4, "can-click-next-steps"],
             "setStep": [64]
         },
         "$listeners$": [[0, "slotchange", "slotChanged"], [0, "wizardItemClick", "handleStepClick"]],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spw-ds/spw-stencil-library",
-  "version": "1.12.2-alpha.0",
+  "version": "1.12.2",
   "description": "Design System du SPW. Librairie Stencil.",
   "readme": "../../README.md",
   "main": "dist/index.cjs.js",

package/dist/spw-stencil-library/p-5bdf3e69.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as s,a as n}from"./p-BvJ4Kko5.js";const o=class{constructor(i){t(this,i),this.stepClick=e(this,"stepClick",7),this.currentStep=1,this.variant="horizontal"}componentWillLoad(){this.updateStepsState()}slotChanged(){this.updateStepsState()}async setStep(t){this.currentStep=t,this.updateStepsState(),this.scrollToWizard()}handleStepClick(t){const e=t.detail;e<this.currentStep&&(this.currentStep=e,this.updateStepsState(),this.stepClick.emit(e),this.scrollToWizard())}scrollToWizard(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.host,i=(null==e?void 0:e.parentElement)||this.el;i&&i.scrollIntoView({behavior:"smooth",block:"start"})}updateStepsState(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-wizard-item");t.forEach(((e,i)=>{const s=i+1;s>this.currentStep&&e.hasAttribute("status")&&e.removeAttribute("status"),e.hasAttribute("status")||e.setAttribute("state",s<this.currentStep?"completed":s===this.currentStep?"active":"inactive"),e.setAttribute("variant",this.variant),e.setAttribute("step-number",s.toString()),e.setAttribute("is-last",(i===t.length-1).toString()),e.setAttribute("is-clickable",(s<this.currentStep).toString()),e.setAttribute("is-current",(s===this.currentStep).toString()),e.setAttribute("is-before-current",(s<this.currentStep).toString()),e.setAttribute("is-after-current",(s>this.currentStep).toString())}))}))}get elementClass(){return{"spw-wizard":!0,[`spw-wizard--${this.variant}`]:!0}}render(){return i(s,{key:"4062f92d5d4de8c8ea59f3db5d2515a74f7348e2"},i("div",{key:"8508fd7c37b5f5efb3e05749dc16c65ba34bb762",class:this.elementClass},i("slot",{key:"054c4bf3e21d93526c34d6d6e25c3fad3b545658"})))}get el(){return n(this)}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{flex-direction:column;align-items:flex-start}";export{o as spw_wizard}

package/dist/spw-stencil-library/p-8491ce96.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as i,a}from"./p-BvJ4Kko5.js";const n=class{constructor(t){e(this,t),this.level=0,this.element=null,this.alignment="flex-start",this.extraButton=!1,this.extraButtonTarget="_self",this.extraButtonVariant="primary"}componentDidLoad(){this.updateHeightVar(),this.resizeObserver=new ResizeObserver((()=>this.updateHeightVar())),this.resizeObserver.observe(this.navEl)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}updateHeightVar(){document.documentElement.style.setProperty("--spw-header-navigation-height",`${this.navEl.offsetHeight}px`)}redirectToHome(e){e.preventDefault(),window.location.href="/"}handleNavigation(e){e.stopPropagation(),this.element=e.detail.element,this.level=e.detail.level,setTimeout((()=>{this.updateNavigationItems()}),0)}updateNavigationItems(){this.getAllNavigationItems().forEach(((e,t)=>{e.setAttribute("data-id",`${t+1}`),e.setAttribute("data-level-visible",`${this.level}`)}))}getAllNavigationItems(){const e=[];return this.el.querySelectorAll("spw-header-navigation-item").forEach((t=>{e.push(t);const i=t.shadowRoot;i&&i.querySelectorAll("spw-header-navigation-item").forEach((t=>e.push(t)))})),e}get elementClass(){return{"spw-header-navigation":!0,[`spw-header-navigation--${this.alignment}`]:!0}}render(){return t(i,{key:"7e02a00c46b7de989dbd4a0d36249805a494c2bf"},t("nav",{key:"c596b8719bcda2890122ab6a490d2ea150153905",class:this.elementClass,ref:e=>this.navEl=e},t("div",{key:"42c2579e00a97af469c2a66731928741ed56390e",class:"spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between"},t("div",{key:"9c8e5a295fb0e9f84227b512920306056ff0d1ea",class:"spw-header-navigation__list"},t("div",{key:"9da5ef2b5e1c8b95e1bde00a00634a90fde0bda2",class:"spw-header-navigation__list-back"},t("a",{key:"33c922fb8117da033fa637a3e62d9d3db07506dd",href:"#",onClick:e=>this.redirectToHome(e)},t("spw-icon",{key:"6f852439825b6876b2fd1bf1a9ff17c813a81406",icon:"fa-chevron-left"})," ",t("span",{key:"7551d645db0058b12143cc0372227fe698b9825e"},"Page d'accueil"))),t("slot",{key:"0deb7663476d76b6f68e00135c95ccef1bc2cb72"})),this.extraButton&&t("div",{key:"3e2aee21e622c5b12f0d9c888866a1f32ac1d008",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop"},t("spw-button",{key:"5776b2f283fda296733c628463cfdebe8fd25cd1",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))),this.extraButton&&t("div",{key:"d08a05c44a043ded59aaab0ddabd4f21d1fa77ff",class:"spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile"},t("div",{key:"4f350aae01ee1e5ce4e666a5941d7b20b13fc97b",class:"spw-ds-container"},t("div",{key:"ef7553fe6cf2e24470ee42936d184415667233da",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile"},t("spw-button",{key:"2eb3cde318b2f5d6ba299375a2b6210dfec78f48","is-full-width":"true",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))))}get el(){return a(this)}};n.style='html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation{display:none;left:0;width:100%;height:calc(100% - 80px);background:white;z-index:9999;overflow-y:auto;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width: 1024px){.spw-header-navigation{order:initial;display:block;height:auto;width:auto;overflow-y:initial;top:auto;left:auto;z-index:30}}@media (min-width: 1024px){:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{padding:16px;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width: 1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation .spw-ds-container{position:relative}.spw-header-navigation__list{position:static;display:flex;flex:1;align-items:center;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}@media (min-width: 1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width: 1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;width:100%;padding:24px 16px;padding-bottom:0;position:relative;z-index:3}.spw-header-navigation__list-back:after{content:"";position:absolute;bottom:-1px;width:100%;left:0;height:1px;background:white}.spw-header-navigation__list-back a{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width: 1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}';export{n as spw_header_navigation}