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

package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.js

@@ -5,7 +5,7 @@ export class SpwFooterLink {
         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' })));
     }
     static get is() { return "spw-footer-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-footer/spw-footer.js

@@ -27,7 +27,7 @@ export class SpwFooter {
         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' }))));
     }
     static get is() { return "spw-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-group/spw-group.js

@@ -44,7 +44,7 @@ export class SpwGroup {
         };
     }
     render() {
-        return (h(Host, { key: '9731f79adb2295e094b35b61c273886d1fe8eebe' }, h("div", { key: '13741d449663ef6ab13e61812552c8b9b3aa2cbd', class: this.groupClasses }, this.label && h("spw-field-label", { key: 'f9b3876ed3537eb551ac3f16fd368a30a2e44926', class: "spw-tw-mb-3", label: this.label, name: this.name, required: this.required }), h("div", { key: 'c72569c4fb300caea6183cfae05f334875dfc09e', class: "spw-group__container" }, h("slot", { key: '44bb853320a59a8ce1295e0fdf06bd3c4df09c49', ref: el => (this.slotEl = el) })))));
+        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) })))));
     }
     static get is() { return "spw-group"; }
     static get originalStyleUrls() {

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

@@ -50,7 +50,7 @@ export class SpwHeaderLang {
         }
     }
     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/collection/components/spw-header/spw-header-lang-item/spw-header-lang-item.js

@@ -4,7 +4,7 @@ export class SpwHeaderLangItem {
         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' }))));
     }
     static get is() { return "spw-header-lang-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,7 +37,7 @@ export class SpwHeaderNavigation {
         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' }))))));
     }
     static get is() { return "spw-header-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwHeaderNavigationDropdown {
     render() {
-        return (h(Host, { key: '3e1744e69f4a2c3d2e8a145e72fad6d913c50041' }, h("slot", { key: 'cd160a66c31b04a72e6801acd5be9072c28cba75' })));
+        return (h(Host, { key: '8683549ca15bd15769049e3ef2f9d8bcb27da2ff' }, h("slot", { key: 'f9336f803dcb98feda307f3336ff9ac286fb96e1' })));
     }
     static get is() { return "spw-header-navigation-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -124,7 +124,7 @@ export class SpwHeaderNavigationItem {
             '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' })))));
     }
     static get is() { return "spw-header-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,8 @@
 import { h, Host } from "@stencil/core";
 export class SpwHeaderPersona {
     constructor() {
+        /** Label pour le choix du persona (à appliquer sur spw-header-persona) */
+        this.personaLabel = 'Je suis :';
         this.activePersona = '';
         this.options = [];
         this.handleButtonClick = () => {
@@ -44,7 +46,7 @@ export class SpwHeaderPersona {
         }
     }
     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 }))));
     }
     static get is() { return "spw-header-persona"; }
     static get encapsulation() { return "shadow"; }
@@ -58,6 +60,30 @@ export class SpwHeaderPersona {
             "$": ["spw-header-persona.css"]
         };
     }
+    static get properties() {
+        return {
+            "personaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Label pour le choix du persona (\u00E0 appliquer sur spw-header-persona)"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "persona-label",
+                "reflect": false,
+                "defaultValue": "'Je suis :'"
+            }
+        };
+    }
     static get states() {
         return {
             "activePersona": {},

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

@@ -1 +1 @@
-{"version":3,"file":"spw-header-persona.js","sourceRoot":"","sources":["../../../../src/components/spw-header/spw-header-persona/spw-header-persona.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOnE,MAAM,OAAO,gBAAgB;IAL7B;QAOW,kBAAa,GAAW,EAAE,CAAC;QAC3B,YAAO,GAAwB,EAAE,CAAC;QAmCnC,sBAAiB,GAAG,GAAG,EAAE;;YAC/B,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,EAAE,CAAC;QACzB,CAAC,CAAC;QAEM,wBAAmB,GAAG,CAAC,KAAoB,EAAE,EAAE;;YACrD,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;KAeH;IAvDC,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,iBAAiB;;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC3D,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,IAAI,EAAE,KAAI,EAAE,CAAC;IAC3D,CAAC;IAEO,mBAAmB;QACzB,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;QACvE,IAAI,CAAC,OAAO,GAAG,eAAe,CAAC;QAC/B,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,KAAY;;QAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAC;QACjD,MAAM,cAAc,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,0CAAE,IAAI,EAAE,KAAI,EAAE,CAAC;QAC/D,MAAM,IAAI,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC,WAAW,CAAC,CAAC;QACvD,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;QAC9B,CAAC;IACH,CAAC;IAaD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,mBAAmB;gBAClG,6DAAM,KAAK,EAAC,2BAA2B,gBAAiB;gBACxD,4DAAK,KAAK,EAAC,oCAAoC;oBAC5C,IAAI,CAAC,aAAa;;oBAAE,iEAAU,IAAI,EAAC,iBAAiB,GAAY,CAC7D;gBACN,+DAAQ,KAAK,EAAC,4BAA4B,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAuB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI,CAClJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
+{"version":3,"file":"spw-header-persona.js","sourceRoot":"","sources":["../../../../src/components/spw-header/spw-header-persona/spw-header-persona.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

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

@@ -4,7 +4,7 @@ export class SpwHeaderPersonaItem {
         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' }))));
     }
     static get is() { return "spw-header-persona-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-header/spw-header.css

@@ -1,2 +1,2 @@
 
- /*! 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{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column}:host(.spw-ds-nav-open) .spw-header,:host(.spw-ds-search-open) .spw-header{background:#fff;height:100%;left:0;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}@media (min-width:1024px){:host(.spw-ds-nav-open) .spw-header,:host(.spw-ds-search-open) .spw-header{height:auto;overflow:initial;position:relative;width:auto}}.spw-header__title{color:var(--spw-colors-support-grey-grey-900);font-family:Arial;font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0;position:relative;transition:all .2s linear}@media (min-width:1024px){.spw-header__title{display:block}}.spw-header__title a{color:inherit;font-family:inherit;text-decoration:none}.spw-header__title a:hover{opacity:.8;text-decoration:none}.spw-header__title a:active{opacity:.9}.spw-header__title-border{bottom:0;display:block;height:4px;left:0;position:absolute;width:100%}.spw-header__title-border--mobile{bottom:-20px;transform:translateY(-100%)}.spw-header__title--mobile{display:block}@media (min-width:1024px){.spw-header__title--mobile{display:none}}.spw-header__title--desktop{display:none}@media (min-width:1024px){.spw-header__title--desktop{display:block}}.spw-header__content{background:var(--spw-color-themes-grey-grey-100);border-top:1px solid var(--spw-color-themes-grey-grey-300);display:none;order:3}:host(.spw-ds-nav-open) .spw-header__content{display:flex}@media (min-width:1024px){.spw-header__content{background:#fff;border-top:none;display:flex;order:0}}.spw-header__content-items{flex-direction:column;justify-content:flex-start}@media (min-width:1024px){.spw-header__content-items{align-items:center;flex-direction:row;justify-content:space-between}.spw-header__content-left{align-items:center;display:flex}}.spw-header__persona{display:none}:host(.spw-ds-nav-open) .spw-header__persona{display:block}@media (min-width:1024px){.spw-header__persona{display:block;order:0}}.spw-header__mobile{display:block;padding:16px 0}@media (min-width:1024px){.spw-header__mobile{display:none}}.spw-header__logo{align-items:center;display:none;gap:24px;padding-bottom:20px;padding-top:20px;position:relative}@media (min-width:1024px){.spw-header__logo{display:flex}}.spw-header__top{background:var(--spw-colors-support-grey-grey-100);display:none;order:4;padding:0 16px 16px}:host(.spw-ds-nav-open) .spw-header__top{display:block}@media (min-width:1024px){.spw-header__top{display:block;order:0;padding:8px 16px}}.spw-header__top-content{flex-direction:column;justify-content:left}@media (max-width:1023px){.spw-header__top-content{margin-left:auto;margin-right:auto;max-width:var(--spw-ds-container-md);padding-left:16px;padding-right:16px}}@media (min-width:1024px){.spw-header__top-content{align-items:center;flex-direction:row;justify-content:space-between}}.spw-header__top-logo{display:none;transition:all .2s linear}@media (min-width:1024px){.spw-header__top-logo{display:flex}}.spw-header__top-logo:hover{opacity:.8}.spw-header__top-logo:active{opacity:.9}.spw-header__top-buttons{flex-direction:column;flex-wrap:wrap}.spw-header__top-buttons spw-button{width:100%}@media (min-width:1024px){.spw-header__top-buttons spw-button{width:auto}.spw-header__top-buttons{flex-direction:row}}.spw-header__top-buttons ::slotted([slot=user-space]){width:100%}@media (min-width:1024px){.spw-header__top-buttons ::slotted([slot=user-space]){width:auto}}.spw-header__top-button--desktop{display:none}@media (min-width:1024px){.spw-header__top-button--desktop{display:block}}.spw-header__top-button--mobile{display:block}@media (min-width:1024px){.spw-header__top-button--mobile{display:none}}.spw-header__right{display:flex}@media (min-width:1024px){.spw-header__right{justify-content:flex-end}}.spw-header__right a{color:var(--spw-colors-support-grey-grey-900);font-size:21px}.spw-header__right a:hover{opacity:.7}.spw-header__right a:active{opacity:.5}.spw-header__hamburger{align-items:center;border-radius:50%;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:inline-flex;flex-direction:row;font-size:12px;height:40px;justify-content:center;margin-left:16px;min-width:40px;text-align:center;width:40px}.spw-header__hamburger spw-icon{font-size:20px}@media (min-width:1024px){.spw-header__hamburger{display:none}}.spw-header__search-button{--spw-button-px-medium:12px;display:none}@media (min-width:1024px){.spw-header__search-button{display:block}}.spw-header__search{background:var(--spw-colors-support-grey-grey-50);border-top:1px solid var(--spw-colors-support-grey-grey-300);display:none;padding:24px 0}:host(.spw-ds-search-open) .spw-header__search{display:flex;flex:1;order:3;position:relative}@media (min-width:1024px){:host(.spw-ds-search-open) .spw-header__search{display:block;padding-bottom:36px;position:absolute;top:100%;width:100%;z-index:999}}.spw-header__overlay{display:none}@media (min-width:1024px){:host(.spw-ds-search-open) .spw-header__overlay{background:rgba(0,0,0,.38);display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}}.spw-header__top-nav{display:none;gap:32px}@media (min-width:1024px){.spw-header__top-nav{display:flex}}.spw-header__top-nav a{color:var(--spw-colors-support-grey-grey-600);text-decoration:none}.spw-header__top-nav a:hover{text-decoration:underline}.spw-header__top-nav-current a{color:var(--spw-colors-support-grey-grey-900);font-weight:600;position:relative}.spw-header__top-nav-current a:after{background:var(--spw-ds-primary);border-radius:50%;content:"";height:6px;position:absolute;right:-9px;top:-2px;width:6px}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}
+ /*! 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{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column}:host(.spw-ds-nav-open) .spw-header,:host(.spw-ds-search-open) .spw-header{background:#fff;height:100%;left:0;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}@media (min-width:1024px){:host(.spw-ds-nav-open) .spw-header,:host(.spw-ds-search-open) .spw-header{height:auto;overflow:initial;position:relative;width:auto}}.spw-header__title{color:var(--spw-colors-support-grey-grey-900);font-family:Arial;font-size:22px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0;position:relative;transition:all .2s linear}@media (min-width:1024px){.spw-header__title{display:block;font-size:30px}}.spw-header__title a{color:inherit;font-family:inherit;text-decoration:none}.spw-header__title a:hover{opacity:.8;text-decoration:none}.spw-header__title a:active{opacity:.9}.spw-header__title svg{min-width:36px}.spw-header__title-border{bottom:0;display:block;height:4px;left:0;position:absolute;width:100%}.spw-header__title-border--mobile{bottom:-20px;transform:translateY(-100%)}.spw-header__title--mobile{display:block}@media (min-width:1024px){.spw-header__title--mobile{display:none}}.spw-header__title--desktop{display:none}@media (min-width:1024px){.spw-header__title--desktop{display:block}}.spw-header__content{background:var(--spw-color-themes-grey-grey-100);border-top:1px solid var(--spw-color-themes-grey-grey-300);display:none;order:3}:host(.spw-ds-nav-open) .spw-header__content{display:flex}@media (min-width:1024px){.spw-header__content{background:#fff;border-top:none;display:flex;order:0}}.spw-header__content-items{flex-direction:column;justify-content:flex-start}@media (min-width:1024px){.spw-header__content-items{align-items:center;flex-direction:row;justify-content:space-between}.spw-header__content-left{align-items:center;display:flex}}.spw-header__persona{display:none}:host(.spw-ds-nav-open) .spw-header__persona{display:block}@media (min-width:1024px){.spw-header__persona{display:block;order:0}}.spw-header__mobile{display:block;padding:16px 0}@media (min-width:1024px){.spw-header__mobile{display:none}}.spw-header__logo{align-items:center;display:none;gap:24px;padding-bottom:20px;padding-top:20px;position:relative}@media (min-width:1024px){.spw-header__logo{display:flex}}.spw-header__top{background:var(--spw-colors-support-grey-grey-100);display:none;order:4;padding:0 16px 16px}:host(.spw-ds-nav-open) .spw-header__top{display:block}@media (min-width:1024px){.spw-header__top{display:block;order:0;padding:8px 16px}}.spw-header__top-content{flex-direction:column;justify-content:left}@media (max-width:1023px){.spw-header__top-content{margin-left:auto;margin-right:auto;max-width:var(--spw-ds-container-md);padding-left:16px;padding-right:16px}}@media (min-width:1024px){.spw-header__top-content{align-items:center;flex-direction:row;justify-content:space-between}}.spw-header__top-logo{display:none;transition:all .2s linear}@media (min-width:1024px){.spw-header__top-logo{display:flex}}.spw-header__top-logo:hover{opacity:.8}.spw-header__top-logo:active{opacity:.9}.spw-header__top-buttons{flex-direction:column;flex-wrap:wrap}.spw-header__top-buttons spw-button{width:100%}@media (min-width:1024px){.spw-header__top-buttons spw-button{width:auto}.spw-header__top-buttons{flex-direction:row}}.spw-header__top-buttons ::slotted([slot=user-space]){width:100%}@media (min-width:1024px){.spw-header__top-buttons ::slotted([slot=user-space]){width:auto}}.spw-header__top-button--desktop{display:none}@media (min-width:1024px){.spw-header__top-button--desktop{display:block}}.spw-header__top-button--mobile{display:block}@media (min-width:1024px){.spw-header__top-button--mobile{display:none}}.spw-header__right{display:flex}@media (min-width:1024px){.spw-header__right{justify-content:flex-end}}.spw-header__right a{color:var(--spw-colors-support-grey-grey-900);font-size:21px}.spw-header__right a:hover{opacity:.7}.spw-header__right a:active{opacity:.5}.spw-header__hamburger{align-items:center;border-radius:50%;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:inline-flex;flex-direction:row;font-size:12px;height:40px;justify-content:center;margin-left:16px;min-width:40px;text-align:center;width:40px}.spw-header__hamburger spw-icon{font-size:20px}@media (min-width:1024px){.spw-header__hamburger{display:none}}.spw-header__search-button{--spw-button-px-medium:12px;display:none}@media (min-width:1024px){.spw-header__search-button{display:block}}.spw-header__search{background:var(--spw-colors-support-grey-grey-50);border-top:1px solid var(--spw-colors-support-grey-grey-300);display:none;padding:24px 0}:host(.spw-ds-search-open) .spw-header__search{display:flex;flex:1;order:3;position:relative}@media (min-width:1024px){:host(.spw-ds-search-open) .spw-header__search{display:block;padding-bottom:36px;position:absolute;top:100%;width:100%;z-index:999}}.spw-header__overlay{display:none}@media (min-width:1024px){:host(.spw-ds-search-open) .spw-header__overlay{background:rgba(0,0,0,.38);display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}}.spw-header__top-nav{display:none;gap:32px}@media (min-width:1024px){.spw-header__top-nav{display:flex}}.spw-header__top-nav a{color:var(--spw-colors-support-grey-grey-600);text-decoration:none}.spw-header__top-nav a:hover{text-decoration:underline}.spw-header__top-nav-current a{color:var(--spw-colors-support-grey-grey-900);font-weight:600;position:relative}.spw-header__top-nav-current a:after{background:var(--spw-ds-primary);border-radius:50%;content:"";height:6px;position:absolute;right:-9px;top:-2px;width:6px}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}