@spw-ds/spw-stencil-library 1.2.2 → 1.2.4

package/dist/esm/spw-footer-content-col.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.js';
 
 const spwFooterContentColCss = "/*! 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-footer-content-col__title{font-size:18px;font-weight:700;margin-bottom:16px}.spw-footer-content-col__contact{margin-bottom:16px;transition:all .2s linear}.spw-footer-content-col__contact:hover{opacity:.7}::slotted(spw-footer-link){font-weight:500;margin-bottom:8px;padding-left:16px;position:relative}::slotted(spw-footer-link):after{background:var(--spw-ds-primary);border-radius:50%;content:\"\";height:6px;left:0;position:absolute;top:6px;width:6px}::slotted(spw-footer-link:last-child){margin-bottom:0}";
 
@@ -7,7 +7,7 @@ const SpwFooterContentCol = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '0a7fd786a2689e60c46d4cd4cdd8f08e28af9c8f' }, this.colTitle && h("h2", { key: '5c7d033288a92250d731542b8f47a566a2a9152c', class: "spw-footer-content-col__title" }, this.colTitle), h("slot", { key: '8bcab751f5a7110f24deefc508d7ac145c2f9af3' })));
+        return (h(Host, { key: '71a97e85c72d7dc8ed2289dd64e2eccdaa208a83' }, this.colTitle && h("h2", { key: 'fd6d53b1d9279ac88ea2899755bae1f4050daad0', class: "spw-footer-content-col__title" }, this.colTitle), h("slot", { key: '6e09210695c6f732b66db5071542379fc04ac5bd' })));
     }
 };
 SpwFooterContentCol.style = spwFooterContentColCss;

package/dist/esm/spw-footer-content.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CvfVJV8a.js';
 
 const spwFooterContentCss = "/*! 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%;--spw-footer-col-width-mobile:100%;--spw-footer-col-width-tablet:100%;--spw-footer-col-width-desktop: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-footer-content{background:#1d1d1d;color:var(--spw-ds-white);padding:32px 0}.spw-footer-content__container{display:flex;flex-wrap:wrap}::slotted(spw-footer-content-col){margin-bottom:24px;position:relative;width:var(--spw-footer-col-width-mobile)}@media (min-width:768px){::slotted(spw-footer-content-col){gap:48px;width:var(--spw-footer-col-width-tablet)}}@media (min-width:1024px){::slotted(spw-footer-content-col){gap:0;margin-bottom:0;padding-left:48px;padding-right:48px;width:var(--spw-footer-col-width-desktop)}::slotted(spw-footer-content-col):after{background:var(--spw-ds-primary);content:\"\";height:100%;opacity:.6;position:absolute;right:0;top:0;width:1px}}::slotted(spw-footer-content-col:first-child){padding-left:0}::slotted(spw-footer-content-col:last-child){margin-bottom:0;padding-right:0!important}::slotted(spw-footer-content-col:last-child):after{display:none}";
 
@@ -19,7 +19,7 @@ const SpwFooterContent = class {
         this.el.style.setProperty('--spw-footer-col-width-desktop', `calc(100% / ${colsDesktop})`);
     }
     render() {
-        return (h(Host, { key: '6252248d725d73708ac3cf331a7f12d886c7fc4d' }, h("div", { key: 'd4534b198b6d8c3edd31028a7d4fd3c8c4249d95', class: "spw-footer-content" }, h("div", { key: '9f541023442bf7ff18091e3a2720d208f3b2db05', class: "spw-footer-content__container spw-ds-container" }, h("slot", { key: '7f67422ee19cb7b5b4c535d72b70d4ae66d4585a' })))));
+        return (h(Host, { key: 'dcb28355142ffc0d9d31bbf14996a00722474aaa' }, h("div", { key: '28ad46d4bc262c9fa5665a1cec40027c55fd4fc0', class: "spw-footer-content" }, h("div", { key: '7d427c0e3228b0c168feb94256ee929c1bfb6343', class: "spw-footer-content__container spw-ds-container" }, h("slot", { key: '0367744cc5cab989634da91ff09ef264f35c674e' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-footer-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BYM_CUUH.js';
+import { r as registerInstance, h } from './index-CvfVJV8a.js';
 
 const spwFooterLinkCss = "/*! 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-footer-link{color:var(--spw-ds-white);font-size:16px;text-decoration:none}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid #fff;outline-offset:0}";
 
@@ -9,7 +9,7 @@ const SpwFooterLink = class {
         this.target = '_self';
     }
     render() {
-        return (h("a", { key: 'a823fcdd8ba4d8ea57bc62b0abeacc8e0ebf4a71', href: this.href, target: this.target, class: "spw-footer-link" }, h("slot", { key: 'a636bc7c6f714d94bfd002445d3e2c02a4ef8bf6' })));
+        return (h("a", { key: 'ba53864c8bd550cdd97e2a2ef5361a39325659f0', href: this.href, target: this.target, class: "spw-footer-link" }, h("slot", { key: '9a1ff9dbd37a631b37f7444abb86867fe1bfe54b' })));
     }
 };
 SpwFooterLink.style = spwFooterLinkCss;

package/dist/esm/spw-footer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CvfVJV8a.js';
 
 const spwFooterCss = "/*! 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)}}";
 
@@ -31,7 +31,7 @@ const SpwFooter = class {
         this.emitFooterCols();
     }
     render() {
-        return (h(Host, { key: '01b1f2c39623c958b1dea6d779b0b4dc76922c75' }, h("footer", { key: 'b746f876e46b2a90458b8d9a3c51843302fdcdb7', class: "spw-footer" }, h("slot", { key: 'cc8989726cf0e802a0758bc607d53d1dfe61daf9' }))));
+        return (h(Host, { key: '5ebc3584b4d95ee32b6fc3664b21df1d86a07a26' }, h("footer", { key: 'e8da7bca02d08faf9b60e99a9b7f9e0ee070e01b', class: "spw-footer" }, h("slot", { key: '11bd32eb521d6495171e2a25b879ed1d6fb13166' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/spw-header-lang-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.js';
 
 const spwHeaderLangItemCss = "/*! 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-lang-item{transition:background .3s}@media (max-width:1023px){.spw-header-lang-item{margin-right:24px}}@media (min-width:1024px){.spw-header-lang-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-lang-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);text-decoration:underline!important;text-transform:uppercase}@media (min-width:1024px){.spw-header-lang-item ::slotted(a){display:block;padding:12px 24px;text-decoration:none!important;text-transform:none}}.spw-header-lang-item--active{font-weight:700}@media (max-width:1023px){.spw-header-lang-item--active ::slotted(a){color:var(--spw-ds-primary)!important;text-decoration:none!important}}";
 
@@ -8,7 +8,7 @@ const SpwHeaderLangItem = class {
         this.active = false;
     }
     render() {
-        return (h(Host, { key: '8db2f2bbd58acafafa90244480022e051dcbfacc' }, h("div", { key: '82c4c20d86b869998997fba37dce7e5352907b6b', class: { 'spw-header-lang-item': true, 'spw-header-lang-item--active': this.active } }, h("slot", { key: 'c5c30aa6368879ee9e4a3d9055c625478042e801' }))));
+        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' }))));
     }
 };
 SpwHeaderLangItem.style = spwHeaderLangItemCss;

package/dist/esm/spw-header-lang.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CvfVJV8a.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}}";
 
@@ -54,7 +54,7 @@ const SpwHeaderLang = class {
         }
     }
     render() {
-        return (h(Host, { key: '953d3722bcd09c7e19487b3f603258ee521fed19' }, h("div", { key: 'fad11f32a96e171a6ca9e9d6bfe6e767a99f20b2', class: "spw-header-lang" }, h("spw-button", { key: 'b67cda139a9b55d90695a80e4f4ef4158604aaba', 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: '648e620210b757c9a32a588c5479119602a24133', class: "spw-header-lang__select", onChange: e => this.handleChange(e), ref: el => (this.selectEl = el), tabIndex: -1 }), h("ul", { key: 'a3edc9072b2a96654731f0b92bbe8ec4b1d9c94d', class: "spw-header-lang__options" }, this.options.map(option => {
+        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 => {
             var _a;
             const label = ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
             const value = option.getAttribute('value') || '';

package/dist/esm/spw-header-navigation-dropdown.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.js';
 
 const spwHeaderNavigationDropdownCss = "/*! 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)}}";
 
@@ -7,7 +7,7 @@ const SpwHeaderNavigationDropdown = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '3e1744e69f4a2c3d2e8a145e72fad6d913c50041' }, h("slot", { key: 'cd160a66c31b04a72e6801acd5be9072c28cba75' })));
+        return (h(Host, { key: '8683549ca15bd15769049e3ef2f9d8bcb27da2ff' }, h("slot", { key: 'f9336f803dcb98feda307f3336ff9ac286fb96e1' })));
     }
 };
 SpwHeaderNavigationDropdown.style = spwHeaderNavigationDropdownCss;

package/dist/esm/spw-header-navigation-item.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BYM_CUUH.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CvfVJV8a.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 SpwHeaderNavigationItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.spwHeaderNavigationNavigate = createEvent(this, "spwHeaderNavigationNavigate");
+        this.spwHeaderNavigationNavigate = createEvent(this, "spwHeaderNavigationNavigate", 7);
         /** Définit si l'élément de menu est la page courante */
         this.isActive = false;
         this.internalIsActive = false;
@@ -129,7 +129,7 @@ const SpwHeaderNavigationItem = class {
             'spw-header-navigation-item--is-active': this.internalIsActive,
             'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,
         };
-        return (h(Host, { key: 'd15402ff8ca5805ccd9b6079486f76a86862e503', "data-level": this.level }, h("li", { key: 'e3df77186c2b1e2a1685a41cd416bb4e6c3db806', class: elementClass }, h("div", { key: 'c291d3069168d3d2fba528f166394b5cf5e6faeb', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (h("div", { key: 'ecf32c6013b77c55dd6ae218443b6ffd54fa0bf2', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, h("div", { key: 'eedb14dbe21ef8ecd64384e1164a22602985c707', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, h("spw-icon", { key: '87981e57f31c11bd1f61675753d0749e4cf6a660', icon: "fa-chevron-left" }), " ", h("span", { key: 'a3efc338149362f5c3e43733ff5501bec4b81544' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), h("div", { key: '246a125f174f1d34edf40e12cd1b792a6604f65e', class: "spw-header-navigation-item__top-title" }, h("a", { key: 'f1e7b7d1bd7b902c79a72b59252de3b60daeb07c', 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: 'ea76f526f57bdf0bd97248f919ed8b2e5f3028b4' })))));
+        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' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-header-navigation.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.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}}";
 
@@ -41,7 +41,7 @@ const SpwHeaderNavigation = class {
         return allItems;
     }
     render() {
-        return (h(Host, { key: 'bd68d1001c9bb608fecd7396ec818ee3f279a513' }, h("nav", { key: '146786df585b7615ad5a3653908c21fa6f3defd3', class: "spw-header-navigation" }, h("div", { key: '3660d8598952e16ea93bd604ba2479ed4ad97128', class: "spw-ds-container" }, h("ul", { key: '1ba050224c0beb7fe8a67c7d42f3e9b9545dc2ae', class: "spw-header-navigation__list" }, h("li", { key: '96fd2965ec8a6e1e02241253851537920e472af5', class: "spw-header-navigation__list-back" }, h("a", { key: 'acfe35127f2251ffcced761e8beb23d6ef17d461', href: "#", onClick: event => this.redirectToHome(event) }, h("spw-icon", { key: 'a32b2fcb062deeecc5d0f44c9dba4e96b53e81fa', icon: "fa-chevron-left" }), " ", h("span", { key: 'f376ba511566217b08900ad3ddefc3ffb2ffda20' }, "Page d'accueil"))), h("slot", { key: '03c467eae6e32ced04d7815d784f409783c624a5' }))))));
+        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' }))))));
     }
 };
 SpwHeaderNavigation.style = spwHeaderNavigationCss;

package/dist/esm/spw-header-persona-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.js';
 
 const spwHeaderPersonaItemCss = "/*! 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-item{position:relative;transition:background .3s}@media (min-width:1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;margin-top:6px;padding:4px 0}@media (min-width:1024px){.spw-header-persona-item ::slotted(a){display:block;padding:12px 24px;text-decoration:none!important;text-transform:none}}.spw-header-persona-item--active{display:none;font-weight:700}@media (min-width:1024px){.spw-header-persona-item--active{display:block}}@media (max-width:1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary)!important;text-decoration:none!important}}";
 
@@ -8,7 +8,7 @@ const SpwHeaderPersonaItem = class {
         this.active = false;
     }
     render() {
-        return (h(Host, { key: '4af79568d2ed18da30d22e86b380ed2b62eaa5e3' }, h("div", { key: '0e3c53d3ef62578d75ff42cd07fc054ed02b2123', class: { 'spw-header-persona-item': true, 'spw-header-persona-item--active': this.active } }, h("slot", { key: '01e047a269c69b9597d76c40b74b7cdb82c3eb69' }))));
+        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' }))));
     }
 };
 SpwHeaderPersonaItem.style = spwHeaderPersonaItemCss;

package/dist/esm/spw-header-persona.entry.js

@@ -1,10 +1,12 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CvfVJV8a.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}}";
 
 const SpwHeaderPersona = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /** Label pour le choix du persona (à appliquer sur spw-header-persona) */
+        this.personaLabel = 'Je suis :';
         this.activePersona = '';
         this.options = [];
         this.handleButtonClick = () => {
@@ -48,7 +50,7 @@ const SpwHeaderPersona = class {
         }
     }
     render() {
-        return (h(Host, { key: '717d51a36ad4521b204634ff6699f26093873621' }, h("div", { key: '9d2cef20f491ce19b362f4bdc9b006c9a2b3317b', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, h("span", { key: 'd19471b3fa796e40b15166b499a6f8e23c4fcd77', class: "spw-header-persona__label" }, "Je suis :"), h("div", { key: 'e4d69936bda09ac33e35143ce47c090e1e7ad193', class: "spw-header-persona__active-persona" }, this.activePersona, " ", h("spw-icon", { key: 'f58045008bab3576a637f59eb979f0d992f8b4ed', icon: "fa-chevron-down" })), h("select", { key: '3d83244938a78d123677d2b681dbad6512fbd667', class: "spw-header-persona__select", ref: el => (this.selectEl = el), onChange: e => this.handleChange(e), tabIndex: -1 }))));
+        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 }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-header-persona.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-header-persona.entry.js","sources":["src/components/spw-header/spw-header-persona/spw-header-persona.scss?tag=spw-header-persona&encapsulation=shadow","src/components/spw-header/spw-header-persona/spw-header-persona.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-header-persona {\n  position: relative;\n  @include under-breakpoint(lg) {\n    border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n    padding-top: 24px;\n    padding-bottom: 24px;\n  }\n  @include breakpoint(lg) {\n    padding-left: 24px;\n    margin-left: 24px;\n    border-left: 1px solid var(--spw-colors-support-grey-grey-300);\n  }\n\n  &__label {\n    font-size: 14px;\n    margin-bottom: 2px;\n    display: block;\n    color: var(--spw-colors-support-grey-grey-700);\n    @include under-breakpoint(lg) {\n      display: none;\n    }\n  }\n\n  &__active-persona {\n    position: relative;\n    display: flex;\n    gap: 6px;\n    justify-content: space-between;\n    cursor: pointer;\n    font-weight: bold;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    @include breakpoint(lg) {\n      text-decoration: underline;\n      .spw-header-persona:hover & {\n        text-decoration: none;\n      }\n    }\n  }\n\n  &__trigger {\n    display: block;\n    .spw-header-persona--opened & {\n      transform: rotate(180deg);\n    }\n  }\n\n  &__select {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: pointer;\n    z-index: 2;\n  }\n\n  &__dropdown {\n    display: none;\n    overflow: hidden;\n    .spw-header-persona--opened & {\n      display: block;\n      @include breakpoint(lg) {\n        position: absolute;\n        width: max-content;\n        z-index: 99999;\n        background: white;\n        border-radius: 4px;\n        box-shadow: var(--spw-effect-elevation-8);\n      }\n    }\n  }\n}\n","import { Component, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-persona',\n  styleUrl: 'spw-header-persona.scss',\n  shadow: true,\n})\nexport class SpwHeaderPersona {\n  @Element() el!: HTMLElement;\n  @State() activePersona: string = '';\n  @State() options: HTMLOptionElement[] = [];\n\n  private selectEl!: HTMLSelectElement;\n\n  componentWillLoad() {\n    this.setInitialPersona();\n  }\n\n  componentDidLoad() {\n    this.moveOptionsToSelect();\n  }\n\n  private setInitialPersona() {\n    const selected = this.el.querySelector('option[selected]');\n    this.activePersona = selected?.textContent?.trim() || '';\n  }\n\n  private moveOptionsToSelect() {\n    const lightDomOptions = Array.from(this.el.querySelectorAll('option'));\n    this.options = lightDomOptions;\n    lightDomOptions.forEach(option => {\n      this.selectEl.appendChild(option);\n    });\n  }\n\n  private handleChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    const selectedOption = select.selectedOptions[0];\n    this.activePersona = selectedOption?.textContent?.trim() || '';\n    const link = selectedOption?.getAttribute('data-link');\n    if (link) {\n      window.location.href = link;\n    }\n  }\n\n  private handleButtonClick = () => {\n    this.selectEl?.click();\n  };\n\n  private handleButtonKeyDown = (event: KeyboardEvent) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      this.selectEl?.click();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-header-persona\" onClick={this.handleButtonClick} onKeyDown={this.handleButtonKeyDown}>\n          <span class=\"spw-header-persona__label\">Je suis :</span>\n          <div class=\"spw-header-persona__active-persona\">\n            {this.activePersona} <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n          </div>\n          <select class=\"spw-header-persona__select\" ref={el => (this.selectEl = el as HTMLSelectElement)} onChange={e => this.handleChange(e)} tabIndex={-1} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spw-header-persona.entry.js","sources":["src/components/spw-header/spw-header-persona/spw-header-persona.scss?tag=spw-header-persona&encapsulation=shadow","src/components/spw-header/spw-header-persona/spw-header-persona.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-header-persona {\n  position: relative;\n  @include under-breakpoint(lg) {\n    border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n    padding-top: 24px;\n    padding-bottom: 24px;\n  }\n  @include breakpoint(lg) {\n    padding-left: 24px;\n    margin-left: 24px;\n    border-left: 1px solid var(--spw-colors-support-grey-grey-300);\n  }\n\n  &__label {\n    font-size: 14px;\n    margin-bottom: 2px;\n    display: block;\n    color: var(--spw-colors-support-grey-grey-700);\n    @include under-breakpoint(lg) {\n      display: none;\n    }\n  }\n\n  &__active-persona {\n    position: relative;\n    display: flex;\n    gap: 6px;\n    justify-content: space-between;\n    cursor: pointer;\n    font-weight: bold;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    @include breakpoint(lg) {\n      text-decoration: underline;\n      .spw-header-persona:hover & {\n        text-decoration: none;\n      }\n    }\n  }\n\n  &__trigger {\n    display: block;\n    .spw-header-persona--opened & {\n      transform: rotate(180deg);\n    }\n  }\n\n  &__select {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: pointer;\n    z-index: 2;\n  }\n\n  &__dropdown {\n    display: none;\n    overflow: hidden;\n    .spw-header-persona--opened & {\n      display: block;\n      @include breakpoint(lg) {\n        position: absolute;\n        width: max-content;\n        z-index: 99999;\n        background: white;\n        border-radius: 4px;\n        box-shadow: var(--spw-effect-elevation-8);\n      }\n    }\n  }\n}\n","import { Component, h, Prop, Host, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-persona',\n  styleUrl: 'spw-header-persona.scss',\n  shadow: true,\n})\nexport class SpwHeaderPersona {\n  /** Label pour le choix du persona (à appliquer sur spw-header-persona) */\n  @Prop() personaLabel?: string = 'Je suis :';\n\n  @Element() el!: HTMLElement;\n  @State() activePersona: string = '';\n  @State() options: HTMLOptionElement[] = [];\n\n  private selectEl!: HTMLSelectElement;\n\n  componentWillLoad() {\n    this.setInitialPersona();\n  }\n\n  componentDidLoad() {\n    this.moveOptionsToSelect();\n  }\n\n  private setInitialPersona() {\n    const selected = this.el.querySelector('option[selected]');\n    this.activePersona = selected?.textContent?.trim() || '';\n  }\n\n  private moveOptionsToSelect() {\n    const lightDomOptions = Array.from(this.el.querySelectorAll('option'));\n    this.options = lightDomOptions;\n    lightDomOptions.forEach(option => {\n      this.selectEl.appendChild(option);\n    });\n  }\n\n  private handleChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    const selectedOption = select.selectedOptions[0];\n    this.activePersona = selectedOption?.textContent?.trim() || '';\n    const link = selectedOption?.getAttribute('data-link');\n    if (link) {\n      window.location.href = link;\n    }\n  }\n\n  private handleButtonClick = () => {\n    this.selectEl?.click();\n  };\n\n  private handleButtonKeyDown = (event: KeyboardEvent) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      this.selectEl?.click();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-header-persona\" onClick={this.handleButtonClick} onKeyDown={this.handleButtonKeyDown}>\n          <span class=\"spw-header-persona__label\">{this.personaLabel}</span>\n          <div class=\"spw-header-persona__active-persona\">\n            {this.activePersona} <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n          </div>\n          <select class=\"spw-header-persona__select\" ref={el => (this.selectEl = el as HTMLSelectElement)} onChange={e => this.handleChange(e)} tabIndex={-1} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}