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

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

@@ -2,6 +2,7 @@ import { Host, h } from "@stencil/core";
 export class SpwCard {
     constructor() {
         this.hasImage = false;
+        this.childHoveredCount = 0; // <-- Ajouté : pour suivre le nombre de sous-cartes survolées
         /** Type de variante de carte */
         this.variant = 'news';
         /** Type d'élément du bouton */
@@ -12,28 +13,57 @@ export class SpwCard {
         this.fullHeight = false;
         /** Si désactivée, la carte n'est pas utilisable */
         this.disabled = false;
+        this.onNestedCardEnter = () => {
+            this.childHoveredCount++;
+            this.setImageHovered(false);
+        };
+        this.onNestedCardLeave = () => {
+            this.childHoveredCount = Math.max(0, this.childHoveredCount - 1);
+            if (this.childHoveredCount === 0 && this.isPointerInside(this.el)) {
+                this.setImageHovered(true);
+            }
+        };
     }
     componentWillLoad() {
         this.checkForImage();
         this.applyVariantToChildren();
+        this.attachNestedCardListeners();
     }
     slotChanged() {
         this.checkForImage();
         this.applyVariantToChildren();
+        this.attachNestedCardListeners();
     }
     onMouseEnter() {
-        this.setImageHovered(true);
+        if (this.childHoveredCount === 0) {
+            this.setImageHovered(true);
+        }
     }
     onMouseLeave() {
         this.setImageHovered(false);
     }
+    attachNestedCardListeners() {
+        requestAnimationFrame(() => {
+            const nestedCards = this.el.querySelectorAll('spw-card');
+            nestedCards.forEach(card => {
+                card.addEventListener('mouseenter', this.onNestedCardEnter.bind(this), true);
+                card.addEventListener('mouseleave', this.onNestedCardLeave.bind(this), true);
+            });
+        });
+    }
+    isPointerInside(element) {
+        const rect = element.getBoundingClientRect();
+        const { left, top, right, bottom } = rect;
+        const { clientX, clientY } = window;
+        return clientX >= left && clientX <= right && clientY >= top && clientY <= bottom;
+    }
     checkForImage() {
         requestAnimationFrame(() => {
             const imageElement = this.el.querySelector('spw-card-image');
             const contentElement = this.el.querySelector('spw-card-content');
             this.hasImage = !!imageElement;
             if (!this.hasImage) {
-                contentElement.classList.add('--no-image');
+                contentElement === null || contentElement === void 0 ? void 0 : contentElement.classList.add('--no-image');
             }
         });
     }
@@ -51,11 +81,11 @@ export class SpwCard {
             const titleElement = this.el.querySelector('spw-card-title');
             const excerptElement = this.el.querySelector('spw-card-excerpt');
             const subtagsElement = this.el.querySelector('spw-card-subtags');
-            contentElement && contentElement.classList.add(variantClass);
-            imageElement && imageElement.classList.add(variantClass);
-            titleElement && titleElement.classList.add(variantClass);
-            excerptElement && excerptElement.classList.add(variantClass);
-            subtagsElement && subtagsElement.classList.add(variantClass);
+            contentElement === null || contentElement === void 0 ? void 0 : contentElement.classList.add(variantClass);
+            imageElement === null || imageElement === void 0 ? void 0 : imageElement.classList.add(variantClass);
+            titleElement === null || titleElement === void 0 ? void 0 : titleElement.classList.add(variantClass);
+            excerptElement === null || excerptElement === void 0 ? void 0 : excerptElement.classList.add(variantClass);
+            subtagsElement === null || subtagsElement === void 0 ? void 0 : subtagsElement.classList.add(variantClass);
         });
     }
     setImageHovered(isHovered) {
@@ -90,7 +120,7 @@ export class SpwCard {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (h(Host, { key: 'ad1db614b92a05603075dfcaec494cacbb304076', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '07d17b0a8f53d10bdf187125e73a6a0b47a397c1', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '3c0c11a80e59d6ce360038c5f1d5ac2db7f8d293' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '487708873b81a34649a45222c702e7bf6997262f', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: 'f4d239b7e98655e6c4c5b54ed9f159f8ceffa8c9', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '89cd3636e5a7b0663f009e162672908066afc71c' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '4d97f8309d81b78c3a2b8c5d2c338acc71267732' })))));
+        return (h(Host, { key: '3a6d060458c1301b3935fca45fbd75f75d331435', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '4fb9f4c2dcdfeadee146559a49881392171352a8', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '7bc364652cfcc22b7e03fc21383247161d6a0a17' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '07f9aa4a3396cb4b7f376c5f0d6f7a7c167a4855', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: '96db297358b7b797da1b24b7809313df3092480d', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '61e28cbd7629917f5f82e192be5080f7a905fe81' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '3bdecad5580ae21af4da15d2710d787a081a95d0' })))));
     }
     static get is() { return "spw-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-card/spw-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card.js","sourceRoot":"","sources":["../../../src/components/spw-card/spw-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Element, Listen, State, Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card',\n  styleUrl: 'spw-card.scss',\n  shadow: true,\n})\nexport class SpwCard {\n  @Element() el: HTMLSpwCardElement;\n  @State() hasImage: boolean = false;\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people' = 'news';\n  /** Type d'élément du bouton */\n  @Prop() elementType: string = 'a';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Définir une date de début si la carte est un évènement */\n  @Prop() dateStart?: string;\n  /** Définir une date de fin si la carte est un évènement */\n  @Prop() dateEnd?: string;\n\n  /** Si vrai, les cartes ont la même hauteur */\n  @Prop() fullHeight: boolean = false;\n  /** Si désactivée, la carte n'est pas utilisable */\n  @Prop() disabled: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  componentWillLoad() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setImageHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private checkForImage() {\n    requestAnimationFrame(() => {\n      const imageElement = this.el.querySelector('spw-card-image');\n      const contentElement = this.el.querySelector('spw-card-content');\n      this.hasImage = !!imageElement;\n      if (!this.hasImage) {\n        contentElement.classList.add('--no-image');\n      }\n    });\n  }\n\n  private formatDate(date?: string): any[] {\n    if (!date) return [];\n    const parts = date.split('/');\n    return parts.flatMap((part, index) => (index < parts.length - 1 ? [<span>{part}</span>, <span>/</span>] : [<span>{part}</span>]));\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const contentElement = this.el.querySelector('spw-card-content');\n      const imageElement = this.el.querySelector('spw-card-image');\n      const titleElement = this.el.querySelector('spw-card-title');\n      const excerptElement = this.el.querySelector('spw-card-excerpt');\n      const subtagsElement = this.el.querySelector('spw-card-subtags');\n\n      contentElement && contentElement.classList.add(variantClass);\n      imageElement && imageElement.classList.add(variantClass);\n      titleElement && titleElement.classList.add(variantClass);\n      excerptElement && excerptElement.classList.add(variantClass);\n      subtagsElement && subtagsElement.classList.add(variantClass);\n    });\n  }\n\n  private setImageHovered(isHovered: boolean) {\n    const imageElement = this.el.querySelector('spw-card-image');\n    const titleElement = this.el.querySelector('spw-card-title');\n    if (imageElement && this.href) {\n      imageElement.classList.toggle('--hovered', isHovered);\n    }\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card': true,\n      'spw-card--hoverable': !!this.href,\n      'spw-card--no-image': !this.hasImage,\n      [`spw-card--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    const { href, rel, target, dateStart, dateEnd, variant } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            rel,\n            target,\n          };\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <Host class={{ '--is-full-height': this.fullHeight }}>\n        <article class={this.elementClass}>\n          {variant === 'event' && (\n            <TagType {...attrs} class=\"spw-card__dates\">\n              {dateStart && <div class=\"spw-card__date-item\">{this.formatDate(dateStart)}</div>}\n              {dateEnd && <div class=\"spw-card__date-item\">{this.formatDate(dateEnd)}</div>}\n            </TagType>\n          )}\n          <TagType {...attrs} {...ariaAttributes} class=\"spw-card__link\">\n            <slot></slot>\n          </TagType>\n        </article>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-card.js","sourceRoot":"","sources":["../../../src/components/spw-card/spw-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Element, Listen, State, Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card',\n  styleUrl: 'spw-card.scss',\n  shadow: true,\n})\nexport class SpwCard {\n  @Element() el: HTMLSpwCardElement;\n  @State() hasImage: boolean = false;\n  private childHoveredCount = 0; // <-- Ajouté : pour suivre le nombre de sous-cartes survolées\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people' = 'news';\n  /** Type d'élément du bouton */\n  @Prop() elementType: string = 'a';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Définir une date de début si la carte est un évènement */\n  @Prop() dateStart?: string;\n  /** Définir une date de fin si la carte est un évènement */\n  @Prop() dateEnd?: string;\n\n  /** Si vrai, les cartes ont la même hauteur */\n  @Prop() fullHeight: boolean = false;\n  /** Si désactivée, la carte n'est pas utilisable */\n  @Prop() disabled: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  componentWillLoad() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n    this.attachNestedCardListeners();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n    this.attachNestedCardListeners();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    if (this.childHoveredCount === 0) {\n      this.setImageHovered(true);\n    }\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private attachNestedCardListeners() {\n    requestAnimationFrame(() => {\n      const nestedCards = this.el.querySelectorAll('spw-card');\n\n      nestedCards.forEach(card => {\n        card.addEventListener('mouseenter', this.onNestedCardEnter.bind(this), true);\n        card.addEventListener('mouseleave', this.onNestedCardLeave.bind(this), true);\n      });\n    });\n  }\n\n  private onNestedCardEnter = () => {\n    this.childHoveredCount++;\n    this.setImageHovered(false);\n  };\n\n  private onNestedCardLeave = () => {\n    this.childHoveredCount = Math.max(0, this.childHoveredCount - 1);\n    if (this.childHoveredCount === 0 && this.isPointerInside(this.el)) {\n      this.setImageHovered(true);\n    }\n  };\n\n  private isPointerInside(element: HTMLElement): boolean {\n    const rect = element.getBoundingClientRect();\n    const { left, top, right, bottom } = rect;\n    const { clientX, clientY } = window as any;\n    return clientX >= left && clientX <= right && clientY >= top && clientY <= bottom;\n  }\n\n  private checkForImage() {\n    requestAnimationFrame(() => {\n      const imageElement = this.el.querySelector('spw-card-image');\n      const contentElement = this.el.querySelector('spw-card-content');\n      this.hasImage = !!imageElement;\n      if (!this.hasImage) {\n        contentElement?.classList.add('--no-image');\n      }\n    });\n  }\n\n  private formatDate(date?: string): any[] {\n    if (!date) return [];\n    const parts = date.split('/');\n    return parts.flatMap((part, index) => (index < parts.length - 1 ? [<span>{part}</span>, <span>/</span>] : [<span>{part}</span>]));\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const contentElement = this.el.querySelector('spw-card-content');\n      const imageElement = this.el.querySelector('spw-card-image');\n      const titleElement = this.el.querySelector('spw-card-title');\n      const excerptElement = this.el.querySelector('spw-card-excerpt');\n      const subtagsElement = this.el.querySelector('spw-card-subtags');\n\n      contentElement?.classList.add(variantClass);\n      imageElement?.classList.add(variantClass);\n      titleElement?.classList.add(variantClass);\n      excerptElement?.classList.add(variantClass);\n      subtagsElement?.classList.add(variantClass);\n    });\n  }\n\n  private setImageHovered(isHovered: boolean) {\n    const imageElement = this.el.querySelector('spw-card-image');\n    const titleElement = this.el.querySelector('spw-card-title');\n    if (imageElement && this.href) {\n      imageElement.classList.toggle('--hovered', isHovered);\n    }\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card': true,\n      'spw-card--hoverable': !!this.href,\n      'spw-card--no-image': !this.hasImage,\n      [`spw-card--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    const { href, rel, target, dateStart, dateEnd, variant } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            rel,\n            target,\n          };\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <Host class={{ '--is-full-height': this.fullHeight }}>\n        <article class={this.elementClass}>\n          {variant === 'event' && (\n            <TagType {...attrs} class=\"spw-card__dates\">\n              {dateStart && <div class=\"spw-card__date-item\">{this.formatDate(dateStart)}</div>}\n              {dateEnd && <div class=\"spw-card__date-item\">{this.formatDate(dateEnd)}</div>}\n            </TagType>\n          )}\n          <TagType {...attrs} {...ariaAttributes} class=\"spw-card__link\">\n            <slot></slot>\n          </TagType>\n        </article>\n      </Host>\n    );\n  }\n}\n"]}

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: 'df40430562c0c38ca0d083496eb3ab3bfc9f6d83' }, h("div", { key: '213318a6543812175b5ab415dd65a80c4250289e', class: "spw-header-lang" }, h("spw-button", { key: 'ec3767cb9a82d55597a4847011a7c649df0672d2', 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: '338f8ab58bff50bdae6ff699d46d2a15e22792dc', class: "spw-header-lang__select", onChange: e => this.handleChange(e), ref: el => (this.selectEl = el), tabIndex: -1 }), h("ul", { key: 'c989e6da353f1bac2461f66cf880d10a3c0641cd', 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: 'd800f4a5ab1726a07ca2596410add0c58f0000e6' }, h("div", { key: 'ca3886060340284cef67090d73a972b6af00c4b6', class: { 'spw-header-lang-item': true, 'spw-header-lang-item--active': this.active } }, h("slot", { key: 'ac512b451be1352bedfc889117d3168511a4678b' }))));
     }
     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: 'fbb659c46a4f2020ff043a8ac15b432eabe788fd' }, h("nav", { key: '235ab2e873b91b51ce4657f0f9bca9f93a6c4f1f', class: "spw-header-navigation" }, h("div", { key: '4f9eb3b0aa07907d29a866df99c803874c2ae389', class: "spw-ds-container" }, h("ul", { key: 'bd6d5958529b16fc8b91b5f998f63912d164704a', class: "spw-header-navigation__list" }, h("li", { key: '68d5ca52774ddfecdf460ec58ab4b61a729cec61', class: "spw-header-navigation__list-back" }, h("a", { key: '9e317cd130a1918b37a6b7851030b2d070b477b5', href: "#", onClick: event => this.redirectToHome(event) }, h("spw-icon", { key: 'e3e041d4e79f28fa3f756b112618fdb77ecbd53a', icon: "fa-chevron-left" }), " ", h("span", { key: '9c51890d66cdf1239e187bb234e0e0e92ee86f7d' }, "Page d'accueil"))), h("slot", { key: 'cd919f0bb080b23d935b04e52713eb71006ce36b' }))))));
     }
     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: '0750309524960bdc6409b7f3308bfa5c0a0f63eb' }, h("slot", { key: 'e0d299a85392eea8815a952fbeeedf7238bb898a' })));
     }
     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: '99e22960a8623ff32fd3cb05dcf22cf5fcae86d8', "data-level": this.level }, h("li", { key: '4a93483ef7a15c7c286cdc2ead368787eec7e402', class: elementClass }, h("div", { key: '9c2fcd9c8aa35a197603be2ae4b5f20e4bc07460', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (h("div", { key: 'c48a9e0a758f4dc8d32784f6e64cbcff6026f3f9', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, h("div", { key: '332d772c77e37fd2d34763a8fb1c4daba3c0f209', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, h("spw-icon", { key: '16c3aaf99745cf973ac94b44f3685465594a5f6a', icon: "fa-chevron-left" }), " ", h("span", { key: '4c0e3ef02b1d804177814d21b6713acc92c72ae8' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), h("div", { key: 'ca137c976669140ce05b6499bdb35f356f441cf8', class: "spw-header-navigation-item__top-title" }, h("a", { key: '1e32b4bcd035b77196ba22c15a9cf33672f610f1', 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: 'd80ed70c92771c873a58564e08881bc6e81517c4' })))));
     }
     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: 'b78b96b4c0f36a7e3eeea53a8129f9cd75a2f5fc' }, h("div", { key: '4721edf723463cfd6901ff64b791c84b0e942a2f', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, h("span", { key: '475f28ae1209129f444515e6175f4a05b1f8d5c3', class: "spw-header-persona__label" }, this.personaLabel), h("div", { key: '7e349e6db91d6fb3256b50c8176bcb4bea5463e3', class: "spw-header-persona__active-persona" }, this.activePersona, " ", h("spw-icon", { key: '2219b7a1bcefbb5dbff8faf721fb6b5496628f5d', icon: "fa-chevron-down" })), h("select", { key: '4d1b0dfae5d17578031e11c8ccf44d8d7018b080', 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: 'eee572c064debd003a1820ffaecd91a11fccc2aa' }, h("div", { key: 'c7b51b61d0d53bd659febab0d448d950ebcf14d4', class: { 'spw-header-persona-item': true, 'spw-header-persona-item--active': this.active } }, h("slot", { key: 'b7342be2d08ea3b760c330c0a16b30e883642079' }))));
     }
     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))}