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

package/dist/components/spw-grid.js

@@ -0,0 +1,78 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const spwGridCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-grid{display:grid;gap:24px;grid-template-columns:repeat(var(--spw-grid-cols-mobile,1),1fr)}@media (min-width:768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet,2),1fr)}}@media (min-width:1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop,3),1fr)}}";
+
+const SpwGrid$1 = /*@__PURE__*/ proxyCustomElement(class SpwGrid extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** Nombre de colonnes à afficher en vue mobile */
+        this.colsMobile = 1;
+        /** Nombre de colonnes à afficher en vue tablette */
+        this.colsTablet = 2;
+        /** Nombre de colonnes à afficher en vue desktop */
+        this.colsDesktop = 3;
+    }
+    emitConfigurationChanged() {
+        const event = new CustomEvent('gridConfigurationChanged', {
+            detail: {
+                colsMobile: this.colsMobile,
+                colsTablet: this.colsTablet,
+                colsDesktop: this.colsDesktop,
+            },
+            bubbles: true,
+            composed: true,
+        });
+        this.el.dispatchEvent(event);
+    }
+    configurationChanged() {
+        this.emitConfigurationChanged();
+    }
+    componentDidLoad() {
+        this.emitConfigurationChanged();
+    }
+    render() {
+        return (h(Host, { key: '914867a79bb30c0a1b849a8ceb8404a65d39b156' }, h("div", { key: 'bbf22cdbe29e3529daca122dc41c36728aa1bdd7', class: "spw-grid", style: {
+                '--spw-grid-cols-mobile': this.colsMobile.toString(),
+                '--spw-grid-cols-tablet': this.colsTablet.toString(),
+                '--spw-grid-cols-desktop': this.colsDesktop.toString(),
+            } }, h("slot", { key: '0839edb4ed329b9cd2cf5b67423cfc559b1ac501' }))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "colsMobile": ["configurationChanged"],
+        "colsTablet": ["configurationChanged"],
+        "colsDesktop": ["configurationChanged"]
+    }; }
+    static get style() { return spwGridCss; }
+}, [1, "spw-grid", {
+        "colsMobile": [2, "cols-mobile"],
+        "colsTablet": [2, "cols-tablet"],
+        "colsDesktop": [2, "cols-desktop"]
+    }, undefined, {
+        "colsMobile": ["configurationChanged"],
+        "colsTablet": ["configurationChanged"],
+        "colsDesktop": ["configurationChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-grid"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-grid":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwGrid$1);
+            }
+            break;
+    } });
+}
+
+const SpwGrid = SpwGrid$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwGrid, defineCustomElement };
+//# sourceMappingURL=spw-grid.js.map
+
+//# sourceMappingURL=spw-grid.js.map

package/dist/components/spw-grid.js.map

@@ -0,0 +1 @@
+{"file":"spw-grid.js","mappings":";;AAAA,MAAM,UAAU,GAAG,s3FAAs3F;;MCO53FA,SAAO,iBAAAC,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;AASU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;;AAEtB,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;;AAEtB,QAAA,IAAW,CAAA,WAAA,GAAW,CAAC;AA0ChC;IAxCS,wBAAwB,GAAA;AAC9B,QAAA,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,0BAA0B,EAAE;AACxD,YAAA,MAAM,EAAE;gBACN,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;AAC9B,aAAA;AACD,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;;IAM9B,oBAAoB,GAAA;QAClB,IAAI,CAAC,wBAAwB,EAAE;;IAGjC,gBAAgB,GAAA;QACd,IAAI,CAAC,wBAAwB,EAAE;;IAGjC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE;AACL,gBAAA,wBAAwB,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;AACpD,gBAAA,wBAAwB,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;AACpD,gBAAA,yBAAyB,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;AACvD,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwGrid","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-grid/spw-grid.scss?tag=spw-grid&encapsulation=shadow","src/components/spw-grid/spw-grid.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-grid {\n  display: grid;\n  grid-template-columns: repeat(var(--spw-grid-cols-mobile, 1), 1fr);\n  gap: 24px;\n}\n\n@media (min-width: 768px) {\n  .spw-grid {\n    grid-template-columns: repeat(var(--spw-grid-cols-tablet, 2), 1fr);\n  }\n}\n\n@media (min-width: 1024px) {\n  .spw-grid {\n    grid-template-columns: repeat(var(--spw-grid-cols-desktop, 3), 1fr);\n  }\n}\n","import { Component, Element, Prop, Host, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-grid',\n  styleUrl: 'spw-grid.scss',\n  shadow: true,\n})\nexport class SpwGrid {\n  @Element() el: HTMLSpwGridElement;\n\n  /** Nombre de colonnes à afficher en vue mobile */\n  @Prop() colsMobile: number = 1;\n  /** Nombre de colonnes à afficher en vue tablette */\n  @Prop() colsTablet: number = 2;\n  /** Nombre de colonnes à afficher en vue desktop */\n  @Prop() colsDesktop: number = 3;\n\n  private emitConfigurationChanged() {\n    const event = new CustomEvent('gridConfigurationChanged', {\n      detail: {\n        colsMobile: this.colsMobile,\n        colsTablet: this.colsTablet,\n        colsDesktop: this.colsDesktop,\n      },\n      bubbles: true,\n      composed: true,\n    });\n    this.el.dispatchEvent(event);\n  }\n\n  @Watch('colsMobile')\n  @Watch('colsTablet')\n  @Watch('colsDesktop')\n  configurationChanged() {\n    this.emitConfigurationChanged();\n  }\n\n  componentDidLoad() {\n    this.emitConfigurationChanged();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"spw-grid\"\n          style={{\n            '--spw-grid-cols-mobile': this.colsMobile.toString(),\n            '--spw-grid-cols-tablet': this.colsTablet.toString(),\n            '--spw-grid-cols-desktop': this.colsDesktop.toString(),\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-group.js

@@ -50,7 +50,7 @@ const SpwGroup$1 = /*@__PURE__*/ proxyCustomElement(class SpwGroup extends H {
         };
     }
     render() {
-        return (h(Host, { key: 'dc2706bf3fcf14a4ce66ca752b3b711ef8dd5549' }, h("div", { key: '36de58106b119a68a29ae5422746437afc0c399d', class: this.groupClasses }, this.label && h("spw-field-label", { key: '4cf29052c6b891f2a1fcff4f7667a320a706841d', class: "spw-tw-mb-3", label: this.label, name: this.name, required: this.required }), h("div", { key: 'd771fd803484da3034d5297e04d166d874b56b0d', class: "spw-group__container" }, h("slot", { key: 'd16c70177f20cfb1f978486dd1e6e7a2bfc668d4', ref: el => (this.slotEl = el) })))));
+        return (h(Host, { key: '6aa398b73f2604f8cb4513ba8cc101567f7f3b71' }, h("div", { key: 'bcb3258334d18f79497585fb4f6e1262645be1c1', class: this.groupClasses }, this.label && h("spw-field-label", { key: '3c311639664c58d2dfe2a5630a2ea6c496b3f199', class: "spw-tw-mb-3", label: this.label, name: this.name, required: this.required }), h("div", { key: 'bdc0b6881c033ccb2804b00b0dd53ec99300e4d1', class: "spw-group__container" }, h("slot", { key: '7bfd2b9967b3a51e3c24efa5913e21b0af0fe442', ref: el => (this.slotEl = el) })))));
     }
     get host() { return this; }
     static get style() { return spwGroupCss; }

package/dist/components/spw-header-lang-item.js

@@ -10,7 +10,7 @@ const SpwHeaderLangItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwHeaderLang
         this.active = false;
     }
     render() {
-        return (h(Host, { key: '41b5ce74c3d0984eb69d79a5461d12fc87035b01' }, h("div", { key: '28383832f58b169deed14fd75b1a682f353fa42e', class: { 'spw-header-lang-item': true, 'spw-header-lang-item--active': this.active } }, h("slot", { key: 'b07950aad8c88b55222d1bd3df13677ca76f2085' }))));
+        return (h(Host, { key: '364199b7ae43b0cf9c9d8bb43ef01cd4df34003e' }, h("div", { key: 'fdd264f13d27c61ff18a5b71495bc8d97244e5d5', class: { 'spw-header-lang-item': true, 'spw-header-lang-item--active': this.active } }, h("slot", { key: 'c9a0ae7668637fe30b560093bf7f056513f87c3b' }))));
     }
     static get style() { return spwHeaderLangItemCss; }
 }, [1, "spw-header-lang-item", {

package/dist/components/spw-header-lang.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$4 } from './p-DjyPtAVX.js';
-import { d as defineCustomElement$3 } from './p-_q4w18VU.js';
-import { d as defineCustomElement$2 } from './p-CVuBJlFL.js';
+import { d as defineCustomElement$4 } from './p-B59-Q28_.js';
+import { d as defineCustomElement$3 } from './p-jHpxbAsa.js';
+import { d as defineCustomElement$2 } from './p-BvEKH3n2.js';
 
 const spwHeaderLangCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-header-lang{position:relative}@media (max-width:1023px){.spw-header-lang{margin-bottom:0}}@media (min-width:1024px){.spw-header-lang{margin-left:16px}.spw-header-lang:hover .spw-header-lang__dropdown{display:block}}.spw-header-lang__select{display:none}@media (min-width:1024px){.spw-header-lang__select{cursor:pointer;display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}}.spw-header-lang__active-lang{display:none}@media (min-width:1024px){.spw-header-lang__active-lang{display:block}}.spw-header-lang__options{display:flex;gap:24px;text-transform:uppercase}@media (min-width:1024px){.spw-header-lang__options{display:none}}.spw-header-lang__option{font-weight:700;padding:24px 0;text-decoration:underline}.spw-header-lang__option--selected{color:var(--spw-ds-primary);text-decoration:none}.spw-header-lang__dropdown{display:flex}@media (min-width:1024px){.spw-header-lang__dropdown{background:#fff;border-radius:4px;box-shadow:var(--spw-effect-elevation-8);display:none;overflow:hidden;position:absolute;right:0;top:100%;width:-moz-max-content;width:max-content;z-index:99999}}";
 
@@ -59,7 +59,7 @@ const SpwHeaderLang$1 = /*@__PURE__*/ proxyCustomElement(class SpwHeaderLang ext
         }
     }
     render() {
-        return (h(Host, { key: '4904828584c2375a16be7fe146f3fc1b93d56ccc' }, h("div", { key: '99d67ba65ee1bc28a5c154daddf2ac756b200dbe', class: "spw-header-lang" }, h("spw-button", { key: '38ec71592dbfa5b4fbafd1ab1ec912e234134275', variant: "tertiary", surface: "light", icon: "fa-chevron-down", class: "spw-header-lang__active-lang", onKeyDown: this.handleButtonKeyDown, onClick: this.handleButtonClick }, this.activeLang), h("select", { key: '726d579c32c27ccde486624b15a4eb32822ce6c9', class: "spw-header-lang__select", onChange: e => this.handleChange(e), ref: el => (this.selectEl = el), tabIndex: -1 }), h("ul", { key: 'd7e68c130292d35375a270c5714df8c2fb0bde8a', class: "spw-header-lang__options" }, this.options.map(option => {
+        return (h(Host, { key: 'cb6832665c7fcea0168d74643733628da422bf31' }, h("div", { key: '7e9bf5a79b079466cc6e53337ca61eb1fbde9542', class: "spw-header-lang" }, h("spw-button", { key: '54357dc1ab39845beaa563172bf4a4fa94101901', variant: "tertiary", surface: "light", icon: "fa-chevron-down", class: "spw-header-lang__active-lang", onKeyDown: this.handleButtonKeyDown, onClick: this.handleButtonClick }, this.activeLang), h("select", { key: '791dd5d2b78557c200f55e0b62f2a708771dc2b1', class: "spw-header-lang__select", onChange: e => this.handleChange(e), ref: el => (this.selectEl = el), tabIndex: -1 }), h("ul", { key: 'b3624aa5b30f29c8054d354b3ba2a6f1973744ef', class: "spw-header-lang__options" }, this.options.map(option => {
             var _a;
             const label = ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
             const value = option.getAttribute('value') || '';

package/dist/components/spw-header-navigation-dropdown.js

@@ -9,7 +9,7 @@ const SpwHeaderNavigationDropdown$1 = /*@__PURE__*/ proxyCustomElement(class Spw
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '8683549ca15bd15769049e3ef2f9d8bcb27da2ff' }, h("slot", { key: 'f9336f803dcb98feda307f3336ff9ac286fb96e1' })));
+        return (h(Host, { key: '3f571a93cbeb495f421749d1be4059ce4c7f7ac1' }, h("slot", { key: '2865d81ea800fe6e611eded2dfbce4520ce4b760' })));
     }
     static get style() { return spwHeaderNavigationDropdownCss; }
 }, [1, "spw-header-navigation-dropdown"]);

package/dist/components/spw-header-navigation-item.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
 
-const spwHeaderNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:\"\";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:\"\";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level=\"1\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f054\";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f078\";font-size:14px}}:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f054\"}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f078\"}}:host([data-level=\"2\"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level=\"2\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level=\"2\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f054\";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level=\"2\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level=\"2\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f054\"}:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level=\"3\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:inherit;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:\"\";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}";
+const spwHeaderNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:\"\";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level=\"1\"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:\"\";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level=\"1\"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level=\"1\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f054\";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f078\";font-size:14px}}:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f054\"}@media (min-width:1024px){:host([data-level=\"1\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f078\"}:host([data-level=\"2\"]) .spw-header-navigation-item{position:relative}}:host([data-level=\"2\"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level=\"2\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level=\"2\"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level=\"2\"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:\"\\f054\";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level=\"2\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level=\"2\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:\"\\f054\"}:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level=\"3\"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level=\"3\"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:inherit;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:\"\";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible=\"1\"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible=\"2\"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible=\"3\"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}";
 
 const SpwHeaderNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwHeaderNavigationItem extends H {
     constructor() {
@@ -132,7 +132,7 @@ const SpwHeaderNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwHead
             'spw-header-navigation-item--is-active': this.internalIsActive,
             'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,
         };
-        return (h(Host, { key: 'a512e941812f774ce08f6eb45e5d476ef52420dd', "data-level": this.level }, h("li", { key: 'fd49b57a51f48863ee0922055c2281262817195a', class: elementClass }, h("div", { key: 'ccc19148c0f975348990d09dc66ce7b5496e01dd', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (h("div", { key: 'eb91eadefd53c15f541bed6dd2b2601d7fa5f24e', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, h("div", { key: '1d1b063eef0a4a02a7f693ecb52d01c142d7eea2', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, h("spw-icon", { key: '5738ed79837db0f23d467d195f94ad62f5725982', icon: "fa-chevron-left" }), " ", h("span", { key: 'dce53b6febdc4687064fdd746ade3bbf6f237f9a' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), h("div", { key: '824529700d56c9b7bac36c09c63fc1c105a8dac7', class: "spw-header-navigation-item__top-title" }, h("a", { key: '6beaff0b388e7284d9ca76d9ce9ad79c4c0bed2b', href: (pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.link) || '#', target: (pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.target) || '_self' }, (pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.title) || '')))), h("slot", { key: '46bfcb894fe31623cfc4d45bf379276506705e0b' })))));
+        return (h(Host, { key: '13ff7f97c29f2c015c919a0694843da4fd3bba5a', "data-level": this.level }, h("li", { key: 'f63388a5ddbecbae45d5f5a3e7c8465eabd9fe41', class: elementClass }, h("div", { key: '61a95d580aaa7d7e73e52f0511e53b49fc2d2084', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (h("div", { key: '8d0b46b303d3315da041ffa8a05824c61e294a3b', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, h("div", { key: '6af1d33af03f27b20b446bfbecc6f3461e7454a8', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, h("spw-icon", { key: '712e1ed77a0a45793a3150d2084224279a58a0db', icon: "fa-chevron-left" }), " ", h("span", { key: 'b78bf26282b71867a25e35fbbf299a59ca01370b' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), h("div", { key: 'cd670631c58f94b8bc633e0fb3e15fa0fc0b9d5c', class: "spw-header-navigation-item__top-title" }, h("a", { key: '3060cd58307f5217b2b78e93cae17c461ac30e79', href: (pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.link) || '#', target: (pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.target) || '_self' }, (pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.title) || '')))), h("slot", { key: '7f9bb1dcc0844cb363483c96255cac86cc01d953' })))));
     }
     get el() { return this; }
     static get style() { return spwHeaderNavigationItemCss; }

package/dist/components/spw-header-navigation-item.js.map

@@ -1 +1 @@
-{"file":"spw-header-navigation-item.js","mappings":"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","names":["SpwHeaderNavigationItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.scss?tag=spw-header-navigation-item&encapsulation=shadow","src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  @include breakpoint(lg) {\n    display: contents;\n    width: auto;\n  }\n}\n\n.spw-header-navigation-item {\n  color: var(--spw-colors-support-grey-grey-900);\n  font-size: 16px;\n  font-weight: 700;\n  background: white;\n\n  ::slotted(a:hover) {\n    @include under-breakpoint(lg) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  :host([data-level='1']) & {\n    ::slotted(a) {\n      position: relative;\n      padding: 24px 16px;\n      font-size: 20px;\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 16px;\n        width: calc(100% - 32px);\n        height: 1px;\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      @include breakpoint(lg) {\n        padding: 20px 16px;\n        font-size: 16px;\n        border-bottom: 0;\n        &:before {\n          content: '';\n          position: absolute;\n          top: auto;\n          bottom: 0;\n          left: 16px;\n          width: 0;\n          height: 3px;\n          background: var(--spw-ds-primary);\n        }\n      }\n    }\n    &:hover {\n      @include breakpoint(lg) {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          top: 100%;\n          margin-left: 16px;\n          transition: opacity 0.1s ease-in;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          &:before {\n            width: calc(100% - 32px);\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-size: 18px;\n          @include breakpoint(lg) {\n            content: '\\f078';\n            font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 10;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n          @include breakpoint(lg) {\n            content: '\\f078';\n          }\n        }\n      }\n    }\n  }\n\n  :host([data-level='2']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 18px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    @include breakpoint(lg) {\n      &:hover {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          left: 100%;\n          top: 0;\n          transition: opacity 0.1s ease-in;\n          z-index: 38;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          background: var(--spw-colors-support-grey-grey-100);\n          &:before {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 11;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n        }\n      }\n    }\n  }\n\n  :host([data-level='3']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 16px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    ::slotted(a:hover) {\n      @include breakpoint(lg) {\n        color: var(--spw-ds-primary) !important;\n      }\n    }\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 12;\n      }\n    }\n  }\n\n  &--is-active {\n    ::slotted(a) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  ::slotted(a) {\n    display: inline-flex;\n    position: relative;\n    color: inherit;\n    text-decoration: none;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    width: 100%;\n    padding: 16px 0;\n    @include breakpoint(lg) {\n      padding: 16px;\n    }\n    &:before {\n      @include breakpoint(lg) {\n        content: '';\n        transition: width 0.2s ease-in;\n        bottom: 0;\n        left: 16px;\n        height: 5px;\n        width: 0;\n        position: absolute;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  ::slotted(a:focus-visible) {\n    outline: 3px solid white;\n    outline-offset: -3px;\n    box-shadow: 0 0 0 3px black;\n  }\n\n  ::slotted(a:active) {\n    color: var(--spw-ds-primary) !important;\n  }\n\n  ::slotted(spw-header-navigation-dropdown) {\n    display: none;\n    opacity: 0;\n    @include breakpoint(lg) {\n      display: block;\n      pointer-events: none;\n      opacity: 0;\n      position: absolute;\n      width: 320px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n\n  &--is-subnav-visible {\n    ::slotted(spw-header-navigation-dropdown) {\n      @include under-breakpoint(lg) {\n        display: block;\n        opacity: 1;\n        position: absolute;\n        background: white;\n        width: 100%;\n        margin-top: 0;\n        padding-top: 132px;\n        top: 0;\n        left: 0;\n        min-height: 100%;\n        overflow-y: auto;\n      }\n    }\n  }\n}\n\n.spw-header-navigation-item__top {\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  top: 0;\n  left: 16px;\n  height: 118px;\n  z-index: 9999999;\n  width: calc(100% - 32px);\n  padding: 24px 0;\n  background: white;\n  border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n\n  &-back {\n    gap: 8px;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    font-weight: 700;\n    font-size: 14px;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    span {\n      text-decoration: underline;\n    }\n    spw-icon {\n      font-size: 18px;\n    }\n  }\n\n  &-title {\n    a {\n      font-size: 20px;\n      font-weight: 700;\n      text-decoration: underline;\n      color: var(--spw-colors-support-grey-grey-900);\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &--1 {\n    :host([data-level-visible='1']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--2 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--3 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n\n  @include breakpoint(lg) {\n    display: none;\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation-item',\n  styleUrl: 'spw-header-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigationItem {\n  @Element() el: HTMLSpwHeaderNavigationItemElement;\n\n  /** Définit si l'élément de menu est la page courante */\n  @Prop() isActive: boolean = false;\n\n  @State() internalIsActive: boolean = false;\n  @State() hasSubnav: boolean = false;\n  @State() level: number = 1;\n  @State() isSubnavVisible: boolean = false;\n  @State() lastClickedLevel1Item: string | null = null;\n  @State() isMobile: boolean = window.innerWidth < 1024;\n\n  @Event() spwHeaderNavigationNavigate: EventEmitter<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>;\n\n  componentWillLoad() {\n    this.internalIsActive = this.isActive;\n    this.checkForSubnav();\n    this.calculateLevel();\n    this.updateLevelClass();\n  }\n\n  componentWillUpdate() {\n    if (this.isActive !== this.internalIsActive) {\n      this.internalIsActive = this.isActive;\n    }\n    this.updateLevelClass();\n  }\n\n  private checkForSubnav() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedElements = slot.assignedElements({ flatten: true });\n      const hasSubnav = assignedElements.some(el => el.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN');\n\n      if (hasSubnav !== this.hasSubnav) {\n        this.hasSubnav = hasSubnav;\n      }\n    }\n  }\n\n  private calculateLevel() {\n    let level = 1;\n    let parent = this.el.parentElement;\n\n    while (parent && parent.tagName !== 'SPW-HEADER-NAVIGATION') {\n      if (parent.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN') {\n        level++;\n      }\n      parent = parent.parentElement;\n    }\n\n    this.level = level;\n  }\n\n  private updateLevelClass() {\n    const htmlElement = document.documentElement;\n    Array.from(htmlElement.classList).forEach(className => {\n      if (className.startsWith('spw-ds-nav-level-')) {\n        htmlElement.classList.remove(className);\n      }\n    });\n    htmlElement.classList.add(`spw-ds-nav-level-${this.level}`);\n    this.spwHeaderNavigationNavigate.emit({ level: this.level, element: this.el });\n  }\n\n  private toggleSubnavVisibility(event: MouseEvent) {\n    if (!this.isMobile) return;\n\n    event.stopPropagation();\n\n    if (this.hasSubnav && !this.isSubnavVisible) {\n      const isMobileScreen = window.matchMedia('(max-width: 1024px)').matches;\n      if (isMobileScreen) {\n        event.preventDefault();\n      }\n\n      if (this.level === 1) {\n        this.lastClickedLevel1Item = this.el.innerText;\n        document.documentElement.setAttribute('data-ds-nav-level1', this.lastClickedLevel1Item);\n      }\n\n      this.isSubnavVisible = !this.isSubnavVisible;\n\n      if (this.isSubnavVisible) {\n        this.level++;\n        this.updateLevelClass();\n      }\n    }\n  }\n\n  private getStoredLevel1Item(): string {\n    return document.documentElement.getAttribute('data-ds-nav-level1') || '';\n  }\n\n  private handleBackClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.isSubnavVisible = false;\n\n    if (this.level > 1) {\n      this.level--;\n      this.updateLevelClass();\n    }\n\n    this.internalIsActive = false;\n\n    if (this.level === 1 && !this.isSubnavVisible) {\n      this.lastClickedLevel1Item = null;\n      document.documentElement.removeAttribute('data-ds-nav-level1');\n    }\n  }\n\n  private getPageTitle(): { title: string; link: string | null; target: string | null } | null {\n    const parent = this.el.shadowRoot.querySelector('slot');\n\n    if (parent) {\n      const assignedElements = parent.assignedElements({ flatten: true }) as HTMLElement[];\n\n      if (assignedElements.length > 0) {\n        const firstElement = assignedElements[0];\n\n        const title = firstElement.innerText || '';\n        const link = (firstElement as HTMLAnchorElement).href || null;\n        const target = (firstElement as HTMLAnchorElement).target || null;\n\n        return { title, link, target };\n      }\n    }\n\n    return null;\n  }\n\n  async componentDidLoad() {\n    setTimeout(() => {\n      this.checkForSubnav();\n    }, 0);\n\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const mutationObserver = new MutationObserver(() => {\n        this.checkForSubnav();\n      });\n\n      mutationObserver.observe(slot, { childList: true, subtree: true });\n    }\n  }\n\n  render() {\n    const pageTitle = this.getPageTitle();\n    const storedTitle = this.getStoredLevel1Item();\n\n    const elementClass = {\n      'spw-header-navigation-item': true,\n      'spw-header-navigation-item--has-subnav': this.hasSubnav,\n      'spw-header-navigation-item--is-active': this.internalIsActive,\n      'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,\n    };\n\n    return (\n      <Host data-level={this.level}>\n        <li class={elementClass}>\n          <div class=\"spw-header-navigation-item__content\" onClick={event => this.toggleSubnavVisibility(event)}>\n            {this.isSubnavVisible && (\n              <div class={`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`}>\n                <div class=\"spw-header-navigation-item__top-back\" onClick={event => this.handleBackClick(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>{this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle}</span>\n                </div>\n                <div class=\"spw-header-navigation-item__top-title\">\n                  <a href={pageTitle?.link || '#'} target={pageTitle?.target || '_self'}>\n                    {pageTitle?.title || ''}\n                  </a>\n                </div>\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-header-navigation-item.js","mappings":"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","names":["SpwHeaderNavigationItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.scss?tag=spw-header-navigation-item&encapsulation=shadow","src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  @include breakpoint(lg) {\n    display: contents;\n    width: auto;\n  }\n}\n\n.spw-header-navigation-item {\n  color: var(--spw-colors-support-grey-grey-900);\n  font-size: 16px;\n  font-weight: 700;\n  background: white;\n\n  ::slotted(a:hover) {\n    @include under-breakpoint(lg) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  :host([data-level='1']) & {\n    ::slotted(a) {\n      position: relative;\n      padding: 24px 16px;\n      font-size: 20px;\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 16px;\n        width: calc(100% - 32px);\n        height: 1px;\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      @include breakpoint(lg) {\n        padding: 20px 16px;\n        font-size: 16px;\n        border-bottom: 0;\n        &:before {\n          content: '';\n          position: absolute;\n          top: auto;\n          bottom: 0;\n          left: 16px;\n          width: 0;\n          height: 3px;\n          background: var(--spw-ds-primary);\n        }\n      }\n    }\n    &:hover {\n      @include breakpoint(lg) {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          top: 100%;\n          margin-left: 16px;\n          transition: opacity 0.1s ease-in;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          &:before {\n            width: calc(100% - 32px);\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-size: 18px;\n          @include breakpoint(lg) {\n            content: '\\f078';\n            font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 10;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n          @include breakpoint(lg) {\n            content: '\\f078';\n          }\n        }\n      }\n    }\n  }\n\n  :host([data-level='2']) & {\n    @include breakpoint(lg) {\n      position: relative;\n    }\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 18px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    @include breakpoint(lg) {\n      &:hover {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          left: 100%;\n          top: 0;\n          transition: opacity 0.1s ease-in;\n          z-index: 38;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          background: var(--spw-colors-support-grey-grey-100);\n          &:before {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 11;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n        }\n      }\n    }\n  }\n\n  :host([data-level='3']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 16px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    ::slotted(a:hover) {\n      @include breakpoint(lg) {\n        color: var(--spw-ds-primary) !important;\n      }\n    }\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 12;\n      }\n    }\n  }\n\n  &--is-active {\n    ::slotted(a) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  ::slotted(a) {\n    display: inline-flex;\n    position: relative;\n    color: inherit;\n    text-decoration: none;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    width: 100%;\n    padding: 16px 0;\n    @include breakpoint(lg) {\n      padding: 16px;\n    }\n    &:before {\n      @include breakpoint(lg) {\n        content: '';\n        transition: width 0.2s ease-in;\n        bottom: 0;\n        left: 16px;\n        height: 5px;\n        width: 0;\n        position: absolute;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  ::slotted(a:focus-visible) {\n    outline: 3px solid white;\n    outline-offset: -3px;\n    box-shadow: 0 0 0 3px black;\n  }\n\n  ::slotted(a:active) {\n    color: var(--spw-ds-primary) !important;\n  }\n\n  ::slotted(spw-header-navigation-dropdown) {\n    display: none;\n    opacity: 0;\n    @include breakpoint(lg) {\n      display: block;\n      pointer-events: none;\n      opacity: 0;\n      position: absolute;\n      width: 320px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n\n  &--is-subnav-visible {\n    ::slotted(spw-header-navigation-dropdown) {\n      @include under-breakpoint(lg) {\n        display: block;\n        opacity: 1;\n        position: absolute;\n        background: white;\n        width: 100%;\n        margin-top: 0;\n        padding-top: 132px;\n        top: 0;\n        left: 0;\n        min-height: 100%;\n        overflow-y: auto;\n      }\n    }\n  }\n}\n\n.spw-header-navigation-item__top {\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  top: 0;\n  left: 16px;\n  height: 118px;\n  z-index: 9999999;\n  width: calc(100% - 32px);\n  padding: 24px 0;\n  background: white;\n  border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n\n  &-back {\n    gap: 8px;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    font-weight: 700;\n    font-size: 14px;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    span {\n      text-decoration: underline;\n    }\n    spw-icon {\n      font-size: 18px;\n    }\n  }\n\n  &-title {\n    a {\n      font-size: 20px;\n      font-weight: 700;\n      text-decoration: underline;\n      color: var(--spw-colors-support-grey-grey-900);\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &--1 {\n    :host([data-level-visible='1']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--2 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--3 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n\n  @include breakpoint(lg) {\n    display: none;\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation-item',\n  styleUrl: 'spw-header-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigationItem {\n  @Element() el: HTMLSpwHeaderNavigationItemElement;\n\n  /** Définit si l'élément de menu est la page courante */\n  @Prop() isActive: boolean = false;\n\n  @State() internalIsActive: boolean = false;\n  @State() hasSubnav: boolean = false;\n  @State() level: number = 1;\n  @State() isSubnavVisible: boolean = false;\n  @State() lastClickedLevel1Item: string | null = null;\n  @State() isMobile: boolean = window.innerWidth < 1024;\n\n  @Event() spwHeaderNavigationNavigate: EventEmitter<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>;\n\n  componentWillLoad() {\n    this.internalIsActive = this.isActive;\n    this.checkForSubnav();\n    this.calculateLevel();\n    this.updateLevelClass();\n  }\n\n  componentWillUpdate() {\n    if (this.isActive !== this.internalIsActive) {\n      this.internalIsActive = this.isActive;\n    }\n    this.updateLevelClass();\n  }\n\n  private checkForSubnav() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedElements = slot.assignedElements({ flatten: true });\n      const hasSubnav = assignedElements.some(el => el.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN');\n\n      if (hasSubnav !== this.hasSubnav) {\n        this.hasSubnav = hasSubnav;\n      }\n    }\n  }\n\n  private calculateLevel() {\n    let level = 1;\n    let parent = this.el.parentElement;\n\n    while (parent && parent.tagName !== 'SPW-HEADER-NAVIGATION') {\n      if (parent.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN') {\n        level++;\n      }\n      parent = parent.parentElement;\n    }\n\n    this.level = level;\n  }\n\n  private updateLevelClass() {\n    const htmlElement = document.documentElement;\n    Array.from(htmlElement.classList).forEach(className => {\n      if (className.startsWith('spw-ds-nav-level-')) {\n        htmlElement.classList.remove(className);\n      }\n    });\n    htmlElement.classList.add(`spw-ds-nav-level-${this.level}`);\n    this.spwHeaderNavigationNavigate.emit({ level: this.level, element: this.el });\n  }\n\n  private toggleSubnavVisibility(event: MouseEvent) {\n    if (!this.isMobile) return;\n\n    event.stopPropagation();\n\n    if (this.hasSubnav && !this.isSubnavVisible) {\n      const isMobileScreen = window.matchMedia('(max-width: 1024px)').matches;\n      if (isMobileScreen) {\n        event.preventDefault();\n      }\n\n      if (this.level === 1) {\n        this.lastClickedLevel1Item = this.el.innerText;\n        document.documentElement.setAttribute('data-ds-nav-level1', this.lastClickedLevel1Item);\n      }\n\n      this.isSubnavVisible = !this.isSubnavVisible;\n\n      if (this.isSubnavVisible) {\n        this.level++;\n        this.updateLevelClass();\n      }\n    }\n  }\n\n  private getStoredLevel1Item(): string {\n    return document.documentElement.getAttribute('data-ds-nav-level1') || '';\n  }\n\n  private handleBackClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.isSubnavVisible = false;\n\n    if (this.level > 1) {\n      this.level--;\n      this.updateLevelClass();\n    }\n\n    this.internalIsActive = false;\n\n    if (this.level === 1 && !this.isSubnavVisible) {\n      this.lastClickedLevel1Item = null;\n      document.documentElement.removeAttribute('data-ds-nav-level1');\n    }\n  }\n\n  private getPageTitle(): { title: string; link: string | null; target: string | null } | null {\n    const parent = this.el.shadowRoot.querySelector('slot');\n\n    if (parent) {\n      const assignedElements = parent.assignedElements({ flatten: true }) as HTMLElement[];\n\n      if (assignedElements.length > 0) {\n        const firstElement = assignedElements[0];\n\n        const title = firstElement.innerText || '';\n        const link = (firstElement as HTMLAnchorElement).href || null;\n        const target = (firstElement as HTMLAnchorElement).target || null;\n\n        return { title, link, target };\n      }\n    }\n\n    return null;\n  }\n\n  async componentDidLoad() {\n    setTimeout(() => {\n      this.checkForSubnav();\n    }, 0);\n\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const mutationObserver = new MutationObserver(() => {\n        this.checkForSubnav();\n      });\n\n      mutationObserver.observe(slot, { childList: true, subtree: true });\n    }\n  }\n\n  render() {\n    const pageTitle = this.getPageTitle();\n    const storedTitle = this.getStoredLevel1Item();\n\n    const elementClass = {\n      'spw-header-navigation-item': true,\n      'spw-header-navigation-item--has-subnav': this.hasSubnav,\n      'spw-header-navigation-item--is-active': this.internalIsActive,\n      'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,\n    };\n\n    return (\n      <Host data-level={this.level}>\n        <li class={elementClass}>\n          <div class=\"spw-header-navigation-item__content\" onClick={event => this.toggleSubnavVisibility(event)}>\n            {this.isSubnavVisible && (\n              <div class={`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`}>\n                <div class=\"spw-header-navigation-item__top-back\" onClick={event => this.handleBackClick(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>{this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle}</span>\n                </div>\n                <div class=\"spw-header-navigation-item__top-title\">\n                  <a href={pageTitle?.link || '#'} target={pageTitle?.target || '_self'}>\n                    {pageTitle?.title || ''}\n                  </a>\n                </div>\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-header-navigation.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
 
-const spwHeaderNavigationCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-header-navigation{background:#fff;border-top:1px solid var(--spw-colors-support-grey-grey-300);display:none;height:calc(100% - 80px);left:0;order:2;overflow-y:auto;width:100%;z-index:9999}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width:1024px){.spw-header-navigation{display:block;height:auto;left:auto;order:0;overflow-y:initial;top:auto;width:auto;z-index:30}:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__list{align-items:center;display:flex;flex:1;flex-direction:column;margin-left:-16px;margin-right:-16px;position:relative;width:calc(100% + 32px)}@media (min-width:1024px){.spw-header-navigation__list{flex-direction:row}}@media (min-width:1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;padding:24px 16px 0;position:relative;width:100%;z-index:3}.spw-header-navigation__list-back:after{background:#fff;bottom:-1px;content:\"\";height:1px;left:0;position:absolute;width:100%}.spw-header-navigation__list-back a{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.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}}";
+const spwHeaderNavigationCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-header-navigation{background:#fff;border-top:1px solid var(--spw-colors-support-grey-grey-300);display:none;height:calc(100% - 80px);left:0;order:2;overflow-y:auto;width:100%;z-index:9999}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width:1024px){.spw-header-navigation{display:block;height:auto;left:auto;order:0;overflow-y:initial;top:auto;width:auto;z-index:30}:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__list{align-items:center;display:flex;flex:1;flex-direction:column;margin-left:-16px;margin-right:-16px;position:relative;width:calc(100% + 32px)}@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;padding:24px 16px 0;position:relative;width:100%;z-index:3}.spw-header-navigation__list-back:after{background:#fff;bottom:-1px;content:\"\";height:1px;left:0;position:absolute;width:100%}.spw-header-navigation__list-back a{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.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}}";
 
 const SpwHeaderNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SpwHeaderNavigation extends H {
     constructor() {
@@ -10,6 +10,8 @@ const SpwHeaderNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SpwHeaderNa
         this.__attachShadow();
         this.level = 0;
         this.element = null;
+        /** Alignement des éléments de navigation sur desktop */
+        this.alignment = 'flex-start';
     }
     redirectToHome(event) {
         event.preventDefault();
@@ -43,11 +45,18 @@ const SpwHeaderNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SpwHeaderNa
         });
         return allItems;
     }
+    get elementClass() {
+        return {
+            'spw-header-navigation': true,
+            [`spw-header-navigation--${this.alignment}`]: true,
+        };
+    }
     render() {
-        return (h(Host, { key: 'fdd23724de968f9f8f9bb90f139f472072a53791' }, h("nav", { key: '856a388643e35f8ed40414de018ec1bcc9066a09', class: "spw-header-navigation" }, h("div", { key: 'ef69808d9320c23248ccddc538d0877ba6c7c635', class: "spw-ds-container" }, h("ul", { key: 'f25aed8a2c70f0f56ea9534a49df75c62a263547', class: "spw-header-navigation__list" }, h("li", { key: 'bf1cbdbf5301298b9a6f02e2baa8913d923029f4', class: "spw-header-navigation__list-back" }, h("a", { key: '5cb1e3fd7c9b245f4f8d0aad15dc7205b9a39538', href: "#", onClick: event => this.redirectToHome(event) }, h("spw-icon", { key: '19c6d078a813bbfe079177aa7239ac301449c5f2', icon: "fa-chevron-left" }), " ", h("span", { key: 'a63aed32e504e226053a0dd168cb5121568ea142' }, "Page d'accueil"))), h("slot", { key: 'd91290ce2ba155d777125b251c6d16fc3eb025d1' }))))));
+        return (h(Host, { key: '459248b92d350ed90d6a7eea8c8f54f00bdcd7a9' }, h("nav", { key: '1b1ecf8d43196fa9f2497973fa206b81dafb2fb4', class: this.elementClass }, h("div", { key: 'b20863ec6cb6b6df2653e2929bbfca0184a6ede3', class: "spw-ds-container" }, h("ul", { key: '2a9a80aee3b9e7f8d65610ed06309ece10830af1', class: "spw-header-navigation__list" }, h("li", { key: '37d1a48ae75d696332a5c59d119b7f22b070eada', class: "spw-header-navigation__list-back" }, h("a", { key: '0009502fcf61127117fb82e0175cafb2fdc8395b', href: "#", onClick: event => this.redirectToHome(event) }, h("spw-icon", { key: '132c5fd53cdd84020b9392ba37588872db2a6281', icon: "fa-chevron-left" }), " ", h("span", { key: 'c5629d8f3bac317c623964e50fb92c9ddaed7540' }, "Page d'accueil"))), h("slot", { key: '876756c6685df1f120cb644524744f4736232133' }))))));
     }
     static get style() { return spwHeaderNavigationCss; }
 }, [1, "spw-header-navigation", {
+        "alignment": [1],
         "level": [32],
         "element": [32]
     }, [[2, "spwHeaderNavigationNavigate", "handleNavigation"]]]);

package/dist/components/spw-header-navigation.js.map

@@ -1 +1 @@
-{"file":"spw-header-navigation.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,i/HAAi/H;;MCOngIA,qBAAmB,iBAAAC,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;AALhC,IAAA,WAAA,GAAA;;;;AAMW,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AACjB,QAAA,IAAO,CAAA,OAAA,GAA8C,IAAI;AA6DnE;AA3DS,IAAA,cAAc,CAAC,KAAiB,EAAA;QACtC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG;;AAI5B,IAAA,gBAAgB,CAAC,KAAkF,EAAA;QACjG,KAAK,CAAC,eAAe,EAAE;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAE/B,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,qBAAqB,EAAE;SAC7B,EAAE,CAAC,CAAC;;IAGC,qBAAqB,GAAA;AAC3B,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE;QAE7C,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;YAC/B,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAG,EAAA,KAAK,GAAG,CAAC,CAAE,CAAA,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAG,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;AAC1D,SAAC,CAAC;;IAGI,qBAAqB,GAAA;QAC3B,MAAM,QAAQ,GAAkB,EAAE;QAClC,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;AAExE,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAG;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU;YAClC,IAAI,UAAU,EAAE;gBACd,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;AAC1E,gBAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAsB,CAAC,CAAC;;AAEtE,SAAC,CAAC;AAEF,QAAA,OAAO,QAAQ;;IAGjB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACrC,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,EAC1C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAA,EACtD,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAY,CAAA,OAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,gBAAA,CAA2B,CACtE,CACD,EACL,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,CACD,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwHeaderNavigation","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-header/spw-header-navigation/spw-header-navigation.scss?tag=spw-header-navigation&encapsulation=shadow","src/components/spw-header/spw-header-navigation/spw-header-navigation.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-header-navigation {\n  display: none;\n  left: 0;\n  width: 100%;\n  height: calc(100% - 80px);\n  background: white;\n  z-index: 9999;\n  overflow-y: auto;\n  order: 2;\n  border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n  :host(.spw-ds-nav-open) & {\n    display: flex;\n    flex-direction: column;\n  }\n  @include breakpoint(lg) {\n    order: initial;\n    display: block;\n    height: auto;\n    width: auto;\n    overflow-y: initial;\n    top: auto;\n    left: auto;\n    z-index: 30;\n  }\n  :host(.spw-ds-search-open) & {\n    @include breakpoint(lg) {\n      display: none;\n    }\n  }\n  &__list {\n    position: relative;\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-direction: column;\n    width: calc(100% + 32px);\n    margin-left: -16px;\n    margin-right: -16px;\n    @include breakpoint(lg) {\n      flex-direction: row;\n    }\n    @include breakpoint(xl) {\n      gap: 24px;\n    }\n    &-back {\n      display: flex;\n      justify-content: left;\n      width: 100%;\n      padding: 24px 16px;\n      padding-bottom: 0;\n      position: relative;\n      z-index: 3;\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: -1px;\n        width: 100%;\n        left: 0;\n        height: 1px;\n        background: white;\n      }\n      a {\n        gap: 8px;\n        display: flex;\n        justify-content: left;\n        align-items: center;\n        font-weight: 700;\n        font-size: 14px;\n        text-decoration: none;\n        color: var(--spw-colors-support-grey-grey-900);\n        span {\n          text-decoration: underline;\n        }\n        spw-icon {\n          font-size: 18px;\n        }\n      }\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n}\n","import { Component, Listen, Host, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation',\n  styleUrl: 'spw-header-navigation.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigation {\n  @State() level: number = 0;\n  @State() element: HTMLSpwHeaderNavigationItemElement | null = null;\n\n  private redirectToHome(event: MouseEvent) {\n    event.preventDefault();\n    window.location.href = '/';\n  }\n\n  @Listen('spwHeaderNavigationNavigate', { capture: true })\n  handleNavigation(event: CustomEvent<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>) {\n    event.stopPropagation();\n    this.element = event.detail.element;\n    this.level = event.detail.level;\n\n    setTimeout(() => {\n      this.updateNavigationItems();\n    }, 0);\n  }\n\n  private updateNavigationItems() {\n    const allItems = this.getAllNavigationItems();\n\n    allItems.forEach((item, index) => {\n      item.setAttribute('data-id', `${index + 1}`);\n      item.setAttribute('data-level-visible', `${this.level}`);\n    });\n  }\n\n  private getAllNavigationItems(): HTMLElement[] {\n    const allItems: HTMLElement[] = [];\n    const navItems = document.querySelectorAll('spw-header-navigation-item');\n\n    navItems.forEach(item => {\n      allItems.push(item);\n      const shadowRoot = item.shadowRoot;\n      if (shadowRoot) {\n        const subItems = shadowRoot.querySelectorAll('spw-header-navigation-item');\n        subItems.forEach(subItem => allItems.push(subItem as HTMLElement));\n      }\n    });\n\n    return allItems;\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class=\"spw-header-navigation\">\n          <div class=\"spw-ds-container\">\n            <ul class=\"spw-header-navigation__list\">\n              <li class=\"spw-header-navigation__list-back\">\n                <a href=\"#\" onClick={event => this.redirectToHome(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Page d'accueil</span>\n                </a>\n              </li>\n              <slot></slot>\n            </ul>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-header-navigation.js","mappings":"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","names":["SpwHeaderNavigation","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-header/spw-header-navigation/spw-header-navigation.scss?tag=spw-header-navigation&encapsulation=shadow","src/components/spw-header/spw-header-navigation/spw-header-navigation.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-header-navigation {\n  display: none;\n  left: 0;\n  width: 100%;\n  height: calc(100% - 80px);\n  background: white;\n  z-index: 9999;\n  overflow-y: auto;\n  order: 2;\n  border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n  :host(.spw-ds-nav-open) & {\n    display: flex;\n    flex-direction: column;\n  }\n  @include breakpoint(lg) {\n    order: initial;\n    display: block;\n    height: auto;\n    width: auto;\n    overflow-y: initial;\n    top: auto;\n    left: auto;\n    z-index: 30;\n  }\n  :host(.spw-ds-search-open) & {\n    @include breakpoint(lg) {\n      display: none;\n    }\n  }\n  &__list {\n    position: relative;\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-direction: column;\n    width: calc(100% + 32px);\n    margin-left: -16px;\n    margin-right: -16px;\n    @include breakpoint(lg) {\n      flex-direction: row;\n      .spw-header-navigation--flex-start & {\n        justify-content: flex-start;\n      }\n      .spw-header-navigation--space-between & {\n        justify-content: space-between;\n      }\n    }\n    @include breakpoint(xl) {\n      gap: 24px;\n    }\n    &-back {\n      display: flex;\n      justify-content: left;\n      width: 100%;\n      padding: 24px 16px;\n      padding-bottom: 0;\n      position: relative;\n      z-index: 3;\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: -1px;\n        width: 100%;\n        left: 0;\n        height: 1px;\n        background: white;\n      }\n      a {\n        gap: 8px;\n        display: flex;\n        justify-content: left;\n        align-items: center;\n        font-weight: 700;\n        font-size: 14px;\n        text-decoration: none;\n        color: var(--spw-colors-support-grey-grey-900);\n        span {\n          text-decoration: underline;\n        }\n        spw-icon {\n          font-size: 18px;\n        }\n      }\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n}\n","import { Component, Listen, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation',\n  styleUrl: 'spw-header-navigation.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigation {\n  @State() level: number = 0;\n  @State() element: HTMLSpwHeaderNavigationItemElement | null = null;\n\n  /** Alignement des éléments de navigation sur desktop */\n  @Prop() alignment: 'flex-start' | 'space-between' = 'flex-start';\n\n  private redirectToHome(event: MouseEvent) {\n    event.preventDefault();\n    window.location.href = '/';\n  }\n\n  @Listen('spwHeaderNavigationNavigate', { capture: true })\n  handleNavigation(event: CustomEvent<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>) {\n    event.stopPropagation();\n    this.element = event.detail.element;\n    this.level = event.detail.level;\n\n    setTimeout(() => {\n      this.updateNavigationItems();\n    }, 0);\n  }\n\n  private updateNavigationItems() {\n    const allItems = this.getAllNavigationItems();\n\n    allItems.forEach((item, index) => {\n      item.setAttribute('data-id', `${index + 1}`);\n      item.setAttribute('data-level-visible', `${this.level}`);\n    });\n  }\n\n  private getAllNavigationItems(): HTMLElement[] {\n    const allItems: HTMLElement[] = [];\n    const navItems = document.querySelectorAll('spw-header-navigation-item');\n\n    navItems.forEach(item => {\n      allItems.push(item);\n      const shadowRoot = item.shadowRoot;\n      if (shadowRoot) {\n        const subItems = shadowRoot.querySelectorAll('spw-header-navigation-item');\n        subItems.forEach(subItem => allItems.push(subItem as HTMLElement));\n      }\n    });\n\n    return allItems;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-header-navigation': true,\n      [`spw-header-navigation--${this.alignment}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class={this.elementClass}>\n          <div class=\"spw-ds-container\">\n            <ul class=\"spw-header-navigation__list\">\n              <li class=\"spw-header-navigation__list-back\">\n                <a href=\"#\" onClick={event => this.redirectToHome(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Page d'accueil</span>\n                </a>\n              </li>\n              <slot></slot>\n            </ul>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-header-persona-item.js

@@ -10,7 +10,7 @@ const SpwHeaderPersonaItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwHeaderP
         this.active = false;
     }
     render() {
-        return (h(Host, { key: '01795fae62edf0a944fd91a3502cb38c66ffc217' }, h("div", { key: '226a1d44ed9857b3d07fc9e5738bc989317133b2', class: { 'spw-header-persona-item': true, 'spw-header-persona-item--active': this.active } }, h("slot", { key: 'b8b2aa7395d5a21dfca571575452c677158d13c9' }))));
+        return (h(Host, { key: '67cd2427f5e548403f2ce17902643b572e88b5e3' }, h("div", { key: 'fca93fb898034a1e99dcf94a745d645e9df5d713', class: { 'spw-header-persona-item': true, 'spw-header-persona-item--active': this.active } }, h("slot", { key: '518543d9ead4a1b56c121e93b3e2dd0655595306' }))));
     }
     static get style() { return spwHeaderPersonaItemCss; }
 }, [1, "spw-header-persona-item", {

package/dist/components/spw-header-persona.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
 
 const spwHeaderPersonaCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-header-persona{position:relative}@media (max-width:1023px){.spw-header-persona{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);padding-bottom:24px;padding-top:24px}}@media (min-width:1024px){.spw-header-persona{border-left:1px solid var(--spw-colors-support-grey-grey-300);margin-left:24px;padding-left:24px}}.spw-header-persona__label{color:var(--spw-colors-support-grey-grey-700);display:block;font-size:14px;margin-bottom:2px}@media (max-width:1023px){.spw-header-persona__label{display:none}}.spw-header-persona__active-persona{color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-weight:700;gap:6px;justify-content:space-between;position:relative;text-decoration:none}@media (min-width:1024px){.spw-header-persona__active-persona{text-decoration:underline}.spw-header-persona:hover .spw-header-persona__active-persona{text-decoration:none}}.spw-header-persona__trigger{display:block}.spw-header-persona--opened .spw-header-persona__trigger{transform:rotate(180deg)}.spw-header-persona__select{cursor:pointer;display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.spw-header-persona__dropdown{display:none;overflow:hidden}.spw-header-persona--opened .spw-header-persona__dropdown{display:block}@media (min-width:1024px){.spw-header-persona--opened .spw-header-persona__dropdown{background:#fff;border-radius:4px;box-shadow:var(--spw-effect-elevation-8);position:absolute;width:-moz-max-content;width:max-content;z-index:99999}}";
 
@@ -53,7 +53,7 @@ const SpwHeaderPersona$1 = /*@__PURE__*/ proxyCustomElement(class SpwHeaderPerso
         }
     }
     render() {
-        return (h(Host, { key: 'fb6c2372438b13e2c1c692b0d095c09e674ecfcf' }, h("div", { key: '085569481ae73e4660b18bbc8aa6401243ef9844', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, h("span", { key: '6ca85bfbafcc19a2313b5c0f16e4d87f8cb0f27a', class: "spw-header-persona__label" }, this.personaLabel), h("div", { key: '47541311f328e2e90698cd20d6c16bc170277f9a', class: "spw-header-persona__active-persona" }, this.activePersona, " ", h("spw-icon", { key: 'ed5bd03105c781fa418f04f3440cab0e09fd5f7b', icon: "fa-chevron-down" })), h("select", { key: '7dc97cbc5799b0f509241e14326bc78c4757d1cd', class: "spw-header-persona__select", ref: el => (this.selectEl = el), onChange: e => this.handleChange(e), tabIndex: -1 }))));
+        return (h(Host, { key: 'ab1b633a95d25b375260d35a38d0c1b4b97014b7' }, h("div", { key: 'cae8636db1ff2a64b7d047a76c6a1c4b418a6abd', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, h("span", { key: '3ec7ae15ca7f0593d74c5c31a93e87a4035bbab5', class: "spw-header-persona__label" }, this.personaLabel), h("div", { key: 'ae0cfcabe246814fc1e6d90abd22be8b898dfd96', class: "spw-header-persona__active-persona" }, this.activePersona, " ", h("spw-icon", { key: 'cadbd2f14d5856e0ac9c50d5a61186d8d4460748', icon: "fa-chevron-down" })), h("select", { key: 'c5e64af13abea8db1fec070a9b40f54102d89bbe', class: "spw-header-persona__select", ref: el => (this.selectEl = el), onChange: e => this.handleChange(e), tabIndex: -1 }))));
     }
     get el() { return this; }
     static get style() { return spwHeaderPersonaCss; }