npm - @spw-ds/spw-stencil-library - Versions diffs - 1.14.0 → 1.14.2 - Mend

@spw-ds/spw-stencil-library 1.14.0 → 1.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (734) hide show

package/dist/esm/spw-grid.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-Co4V4Zk-.js';
-const spwGridCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-grid-gap-small:8px;--spw-grid-gap-medium:24px;--spw-grid-gap-large:48px}.spw-grid{display:grid;grid-template-columns:repeat(var(--spw-grid-cols-mobile, 1), 1fr)}.spw-grid--gap-none{gap:0}.spw-grid--gap-small{gap:var(--spw-grid-gap-small)}.spw-grid--gap-medium{gap:var(--spw-grid-gap-medium)}.spw-grid--gap-large{gap:var(--spw-grid-gap-large)}@media (min-width: 768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet, 2), 1fr)}}@media (min-width: 1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop, 3), 1fr)}}`;
+const spwGridCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-grid-gap-small:8px;--spw-grid-gap-medium:24px;--spw-grid-gap-large:48px}.spw-grid{display:grid;grid-template-columns:repeat(var(--spw-grid-cols-mobile, 1), 1fr)}.spw-grid--gap-none{gap:0}.spw-grid--gap-small{gap:var(--spw-grid-gap-small)}.spw-grid--gap-medium{gap:var(--spw-grid-gap-medium)}.spw-grid--gap-large{gap:var(--spw-grid-gap-large)}@media (min-width: 768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet, 2), 1fr)}}@media (min-width: 1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop, 3), 1fr)}}`;
 const SpwGrid = class {
     constructor(hostRef) {
@@ -33,11 +33,11 @@ const SpwGrid = class {
         this.emitConfigurationChanged();
     }
     render() {
-        return (h(Host, { key: 'e3b1f2084c0ee57485f9fa19f2a55c24d6be564e' }, h("div", { key: '351ab4d7a6fa6888ca7dc84387a9569f5764d4dd', class: { 'spw-grid': true, [`spw-grid--gap-${this.gap}`]: !!this.gap }, style: {
+        return (h(Host, { key: '16d3a18ed240bdf10eff043acabdfa226f4678f3' }, h("div", { key: 'cd7cebf046b4c68e6baa6397a7c560c8b6ed23aa', class: { 'spw-grid': true, [`spw-grid--gap-${this.gap}`]: !!this.gap }, style: {
                 '--spw-grid-cols-mobile': this.colsMobile.toString(),
                 '--spw-grid-cols-tablet': this.colsTablet.toString(),
                 '--spw-grid-cols-desktop': this.colsDesktop.toString(),
-            } }, h("slot", { key: '1fcb8e4df8931825d68301b35ae5e9d53f216418' }))));
+            } }, h("slot", { key: 'f583b0568dc064c5c874d6604c15eba5fad56655' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Co4V4Zk-.js';
-const spwHeaderLangCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-lang{position:relative}@media (max-width: 1023px){.spw-header-lang{margin-bottom:0}}@media (min-width: 1024px){.spw-header-lang:hover .spw-header-lang__dropdown{display:block}}.spw-header-lang__select{display:none}@media (min-width: 1024px){.spw-header-lang__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}}.spw-header-lang__active-lang{display:none}@media (min-width: 1024px){.spw-header-lang__active-lang{display:block}}.spw-header-lang__options{display:flex;gap:24px;text-transform:uppercase}@media (min-width: 1024px){.spw-header-lang__options{display:none}}.spw-header-lang__option{padding:16px 0;font-weight:bold;text-decoration:underline}.spw-header-lang__option--selected{color:var(--spw-ds-primary);text-decoration:none}@media (min-width: 1024px){.spw-header-lang__option{padding:24px 0}}.spw-header-lang__dropdown{display:flex}@media (min-width: 1024px){.spw-header-lang__dropdown{display:none;z-index:99999;position:absolute;overflow:hidden;top:100%;width:max-content;right:0;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}`;
+const spwHeaderLangCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-lang{position:relative}@media (max-width: 1023px){.spw-header-lang{margin-bottom:0}}@media (min-width: 1024px){.spw-header-lang:hover .spw-header-lang__dropdown{display:block}}.spw-header-lang spw-button{--spw-button-text-decoration-tertiary:none}.spw-header-lang__select{display:none}@media (min-width: 1024px){.spw-header-lang__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}}.spw-header-lang__active-lang{display:none}@media (min-width: 1024px){.spw-header-lang__active-lang{display:block}}.spw-header-lang__options{display:flex;gap:24px;text-transform:uppercase}@media (min-width: 1024px){.spw-header-lang__options{display:none}}.spw-header-lang__option{padding:16px 0;font-weight:bold;text-decoration:underline}.spw-header-lang__option--selected{color:var(--spw-ds-primary);text-decoration:none}@media (min-width: 1024px){.spw-header-lang__option{padding:24px 0}}.spw-header-lang__dropdown{display:flex}@media (min-width: 1024px){.spw-header-lang__dropdown{display:none;z-index:99999;position:absolute;overflow:hidden;top:100%;width:max-content;right:0;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}`;
 const SpwHeaderLang = class {
     constructor(hostRef) {
@@ -54,7 +54,7 @@ const SpwHeaderLang = class {
         }
     }
     render() {
-        return (h(Host, { key: '06242ab720bf430b9fc2b2f3dee6792465511ab9' }, h("div", { key: 'bb3a9606231b8bf69b6e19346223b52044bfb280', class: "spw-header-lang" }, h("spw-button", { key: '02c5b7db54c98c34a5a67c2ed50a42b43bb43861', 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: '247fe0ac8ac870da425f52e41f239921529fdf70', "aria-label": this.accAriaLabel || 'Lang', class: "spw-header-lang__select", onChange: e => this.handleChange(e), ref: el => (this.selectEl = el), tabIndex: -1 }), h("ul", { key: 'a5b041a4630a55593243ff102ee0738eb8efb2ea', class: "spw-header-lang__options" }, this.options.map(option => {
+        return (h(Host, { key: '2fa488c9cb8ff1fa142f237e6d99b5af00bc049d' }, h("div", { key: '35e46a3dd212571ba9eed782ef69da096e088ca7', class: "spw-header-lang" }, h("spw-button", { key: 'e5676f54092655318799999cc31e6706489379a0', 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: 'c26e5a9d1d22f253d8e3ef5374e4bcab04ea2fa1', "aria-label": this.accAriaLabel || 'Lang', class: "spw-header-lang__select", onChange: e => this.handleChange(e), ref: el => (this.selectEl = el), tabIndex: -1 }), h("ul", { key: '1751553d77a25381bc65301c9f86432ab4bdc31a', class: "spw-header-lang__options" }, this.options.map(option => {
             var _a;
             const label = ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
             const value = option.getAttribute('value') || '';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-Co4V4Zk-.js';
-const spwHeaderNavigationDropdownCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation-dropdown--is-megamenu{display:contents}@media (min-width: 1024px){.spw-header-navigation-dropdown--is-megamenu{width:100%;max-width:var(--spw-ds-container-lg);margin:0 auto;display:flex;flex-wrap:wrap;padding:16px 0}}@media (min-width: 1350px){.spw-header-navigation-dropdown--is-megamenu{max-width:var(--spw-ds-container-xl)}}@media (min-width: 1024px){:host(.spw-header-navigation-dropdown--is-megamenu) ::slotted(spw-header-navigation-item[data-level="3"]:nth-child(n+8)){display:none}}.spw-header-navigation-item--view-more{display:none !important}@media (min-width: 1024px){.spw-header-navigation-item--view-more{display:block !important;padding:8px 16px;border-left:1px solid var(--spw-colors-support-grey-grey-300);font-size:14px}}`;
+const spwHeaderNavigationDropdownCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation-dropdown--is-megamenu{display:contents}@media (min-width: 1024px){.spw-header-navigation-dropdown--is-megamenu{width:100%;max-width:var(--spw-ds-container-lg);margin:0 auto;display:flex;flex-wrap:wrap;padding:16px 0}}@media (min-width: 1350px){.spw-header-navigation-dropdown--is-megamenu{max-width:var(--spw-ds-container-xl)}}@media (min-width: 1024px){:host(.spw-header-navigation-dropdown--is-megamenu) ::slotted(spw-header-navigation-item[data-level="3"]:nth-child(n+8)){display:none}}.spw-header-navigation-item--view-more{display:none !important}@media (min-width: 1024px){.spw-header-navigation-item--view-more{display:block !important;padding:8px 16px;border-left:1px solid var(--spw-colors-support-grey-grey-300);font-size:14px}}`;
 const SpwHeaderNavigationDropdown = class {
     constructor(hostRef) {
@@ -85,7 +85,7 @@ const SpwHeaderNavigationDropdown = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ba7103f29234e8bae802d8aecf08f942b9fa5481', class: { 'spw-header-navigation-dropdown--is-megamenu': this.isMegamenu } }, h("div", { key: '7371574a8be7084a053cf9fa91eb5c5239fd0769', class: "spw-header-navigation-dropdown" }, h("slot", { key: '1609aa6db756e127e8cd5ca954fee0c4c0b63486' }), this.shouldShowViewMore && (h("spw-link", { key: '226401939eb4327ebe413c73860e58439fb7e7c7', icon: "fa-arrow-right", class: "spw-header-navigation-item--view-more", href: this.parentHref, target: this.parentTarget }, this.viewMoreText)))));
+        return (h(Host, { key: '8afe985442cb3e253206d406a8dc9c17db279a68', class: { 'spw-header-navigation-dropdown--is-megamenu': this.isMegamenu } }, h("div", { key: '6ade45ebe6da1a9b6514072c48c1831b1bbe481c', class: "spw-header-navigation-dropdown" }, h("slot", { key: '2da5c6f4338dc789ee008b164bf029bdb4197035' }), this.shouldShowViewMore && (h("spw-link", { key: '17f4dd54d77bf879b413cd6e2bb761bc8dd86f84', icon: "fa-arrow-right", class: "spw-header-navigation-item--view-more", href: this.parentHref, target: this.parentTarget }, this.viewMoreText)))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Co4V4Zk-.js';
-const spwHeaderNavigationItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;width:100%}@media (min-width: 1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700;background:white}@media (max-width: 1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){position:relative;padding:24px 16px !important;font-size:20px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){padding:20px 16px !important;font-size:16px;border-bottom:0}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:auto;bottom:0;left:16px;width:calc(100% - 32px);height:0;background:var(--spw-ds-primary)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;top:100%;margin-left:16px !important;transition:opacity 0.1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a):before{width:calc(100% - 32px);height:3px}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-size:18px}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:18px}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;left:100%;top:0;transition:opacity 0.1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important;background:var(--spw-colors-support-grey-grey-100)}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:16px}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item ::slotted(a){display:inline-flex;position:relative;color:var(--spw-colors-support-grey-grey-900) !important;text-decoration:none;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:16px 0 !important}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a){padding:16px !important}}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a):before{content:"";transition:height 0.2s ease-in;bottom:0;left:16px;height:5px;width:0;position:absolute;background:var(--spw-ds-primary)}}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:focus-visible){outline:3px solid white;outline-offset:-3px;box-shadow:0 0 0 3px black}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:hover){text-decoration:none !important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:block;pointer-events:none;opacity:0;position:absolute;width:320px;box-shadow:var(--spw-effect-elevation-8)}}@media (max-width: 1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){display:block;opacity:1;position:absolute;background:white;width:100%;margin-top:0 !important;padding-top:132px !important;top:0;left:0;min-height:100%;overflow-y:auto}}.spw-header-navigation-item__top{position:absolute;display:flex;justify-content:space-between;flex-direction:column;top:0;left:16px;height:118px;z-index:9999999;width:calc(100% - 32px);padding:24px 0;background:white;border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-header-navigation-item__top-back{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{font-size:20px;font-weight:700;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width: 1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width: 1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width: 1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}}@media (min-width: 1024px){.spw-header-navigation-item__top{display:none}}.spw-header-navigation-item--is-megamenu{position:static}@media (min-width: 1024px){.spw-header-navigation-item--is-megamenu ::slotted(a){position:static}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){width:100vw;left:50%;transform:translateX(-50%);top:100%;display:flex;box-shadow:none;background:white;border-top:1px solid var(--spw-colors-support-grey-grey-300);border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){margin-left:0 !important;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu{width:20%;padding:16px !important}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:0 !important}:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a):after{display:none}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;left:0;top:0;padding:8px 0 !important;background:none;box-shadow:none;transition:opacity 0.1s ease-in;z-index:38}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){position:relative;left:0}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:6px 16px !important;font-size:14px;font-weight:normal;border-left:1px solid var(--spw-colors-support-grey-grey-300) !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:hover){text-decoration:underline !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:active){color:var(--spw-ds-active) !important}}`;
+const spwHeaderNavigationItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;width:100%}@media (min-width: 1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700;background:white}@media (max-width: 1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){position:relative;padding:24px 16px !important;font-size:20px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){padding:20px 16px !important;font-size:16px;border-bottom:0}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:auto;bottom:0;left:16px;width:calc(100% - 32px);height:0;background:var(--spw-ds-primary)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;top:100%;margin-left:16px !important;transition:opacity 0.1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a):before{width:calc(100% - 32px);height:3px}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-size:18px}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:18px}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;left:100%;top:0;transition:opacity 0.1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important;background:var(--spw-colors-support-grey-grey-100)}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:16px}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item ::slotted(a){display:inline-flex;position:relative;color:var(--spw-colors-support-grey-grey-900) !important;text-decoration:none;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:16px 0 !important}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a){padding:16px !important}}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a):before{content:"";transition:height 0.2s ease-in;bottom:0;left:16px;height:5px;width:0;position:absolute;background:var(--spw-ds-primary)}}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:focus-visible){outline:3px solid white;outline-offset:-3px;box-shadow:0 0 0 3px black}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:hover){text-decoration:none !important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:block;pointer-events:none;opacity:0;position:absolute;width:320px;box-shadow:var(--spw-effect-elevation-8)}}@media (max-width: 1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){display:block;opacity:1;position:absolute;background:white;width:100%;margin-top:0 !important;padding-top:132px !important;top:0;left:0;min-height:100%;overflow-y:auto}}.spw-header-navigation-item__top{position:absolute;display:flex;justify-content:space-between;flex-direction:column;top:0;left:16px;height:118px;z-index:9999999;width:calc(100% - 32px);padding:24px 0;background:white;border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-header-navigation-item__top-back{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{font-size:20px;font-weight:700;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width: 1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width: 1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width: 1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}}@media (min-width: 1024px){.spw-header-navigation-item__top{display:none}}.spw-header-navigation-item--is-megamenu{position:static}@media (min-width: 1024px){.spw-header-navigation-item--is-megamenu ::slotted(a){position:static}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){width:100vw;left:50%;transform:translateX(-50%);top:100%;display:flex;box-shadow:none;background:white;border-top:1px solid var(--spw-colors-support-grey-grey-300);border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){margin-left:0 !important;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu{width:20%;padding:16px !important}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:0 !important}:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a):after{display:none}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;left:0;top:0;padding:8px 0 !important;background:none;box-shadow:none;transition:opacity 0.1s ease-in;z-index:38}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){position:relative;left:0}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:6px 16px !important;font-size:14px;font-weight:normal;border-left:1px solid var(--spw-colors-support-grey-grey-300) !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:hover){text-decoration:underline !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:active){color:var(--spw-ds-active) !important}}`;
 const SpwHeaderNavigationItem = class {
     constructor(hostRef) {
@@ -167,7 +167,7 @@ const SpwHeaderNavigationItem = class {
             'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,
             'spw-header-navigation-item--is-megamenu': this.variant === 'megamenu',
         };
-        return (h(Host, { key: 'e952c4870e1aa4939b14a210565fa3509460256a', "data-level": this.level }, h("div", { key: '7c038d9fd7c6c055b76bd59b05d4b3994a7be2e0', class: elementClass }, h("div", { key: '3e94692f9383cefaaf46aaf74f9106265524ef3b', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (h("div", { key: 'ddce685e6067f559f94dfd2b325d2a795ebe94a3', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, h("div", { key: '387d26e8a57da5d4369d800b763cc8e0062d084f', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, h("spw-icon", { key: '5beca235171ae596b17bb79776db39af855f4fd0', icon: "fa-chevron-left" }), " ", h("span", { key: 'b9006b33470692e209ba3c6139181616f9488ab3' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), h("div", { key: '4b682e1f1a1ef92b695f5b50cb9b7cd4b411fde6', class: "spw-header-navigation-item__top-title" }, h("a", { key: '7bd2492d5b62b58be3f074a11651e3287ece5f91', 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: 'c57027af3472e46897c0fc0a05e097b4b2f1b1ca' })))));
+        return (h(Host, { key: 'dedbd3e81920490f593c97b738fb3357a4705665', "data-level": this.level }, h("div", { key: 'bc31c1479da1232d0c578ba0272e9a608bb26b65', class: elementClass }, h("div", { key: '4af96da7d539f51ce9cc0307e9c31bd62cbda9d3', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (h("div", { key: '5109a376cbfd1262515e95fd9b73c12579c541ca', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, h("div", { key: 'b27e1c7e414079db4c4db16232d6c203ad51cc9f', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, h("spw-icon", { key: '21080fa58646c4ec50c341fd270d3345a3213c22', icon: "fa-chevron-left" }), " ", h("span", { key: '1b2ffce2764344443086509ab5d9742281b33580' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), h("div", { key: 'd9222d397f233147aeeb0d57108541d2969229ca', class: "spw-header-navigation-item__top-title" }, h("a", { key: 'd2ef0bac0d8dddd320ab2c50322ad2768890874b', 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: '6ff29f730b50051a8d0d5796b470b981e49a5147' })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Co4V4Zk-.js';
-const spwHeaderNavigationCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation{display:none;left:0;width:100%;height:calc(100% - 80px);background:white;z-index:9999;overflow-y:auto;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width: 1024px){.spw-header-navigation{order:initial;display:block;height:auto;width:auto;overflow-y:initial;top:auto;left:auto;z-index:30}}@media (min-width: 1024px){:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{padding:16px;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width: 1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation .spw-ds-container{position:relative}.spw-header-navigation__list{position:static;display:flex;flex:1;align-items:center;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}@media (min-width: 1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width: 1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;width:100%;padding:24px 16px;padding-bottom:0;position:relative;z-index:3}.spw-header-navigation__list-back:after{content:"";position:absolute;bottom:-1px;width:100%;left:0;height:1px;background:white}.spw-header-navigation__list-back a{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width: 1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}`;
+const spwHeaderNavigationCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation{display:none;left:0;width:100%;height:calc(100% - 80px);background:white;z-index:9999;overflow-y:auto;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width: 1024px){.spw-header-navigation{order:initial;display:block;height:auto;width:auto;overflow-y:initial;top:auto;left:auto;z-index:30}}@media (min-width: 1024px){:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{padding:16px;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width: 1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation .spw-ds-container{position:relative}.spw-header-navigation__list{position:static;display:flex;flex:1;align-items:center;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}@media (min-width: 1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width: 1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;width:100%;padding:24px 16px;padding-bottom:0;position:relative;z-index:3}.spw-header-navigation__list-back:after{content:"";position:absolute;bottom:-1px;width:100%;left:0;height:1px;background:white}.spw-header-navigation__list-back a{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width: 1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}`;
 const SpwHeaderNavigation = class {
     constructor(hostRef) {
@@ -80,7 +80,7 @@ const SpwHeaderNavigation = class {
         };
     }
     render() {
-        return (h(Host, { key: 'ac2118a592683fdc6961cbe3b22f029bad7f3b71' }, h("nav", { key: '8064b1837ef9242953ca26ce2a317088a133a2b1', class: this.elementClass, ref: el => (this.navEl = el) }, h("div", { key: '5f06b742dc2e878e78d4bd455402beefafa440fa', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, h("div", { key: '72f584fb1f157ee9e43fd6e23479d35e379030db', class: "spw-header-navigation__list" }, h("div", { key: '9d8f4efc5ef644acc29e3f69073c9b4844fd0634', class: "spw-header-navigation__list-back" }, h("a", { key: 'cdbc4b85a35dead9895ebaf3ab5d0b6bb9f53afb', href: "#", onClick: event => this.redirectToHome(event) }, h("spw-icon", { key: '1fd793a2af89859b10ab750ff1e3571d6be06b71', icon: "fa-chevron-left" }), " ", h("span", { key: '772bf755b33315d869441ec14cfce3f9560cc068' }, this.homepageLabel))), h("slot", { key: '1ec3f7286aecb1fda952a55128cd815b0ba0bff8' })), this.extraButton && (h("div", { key: '411ebac53887bc68f41d75c536461409f31f0957', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, h("spw-button", { key: '7cf70b535c90dd3394e8568a9a0966ce5cb430a5', variant: this.extraButtonVariant, icon: this.extraButtonIcon, "icon-position": this.extraButtonIconPosition, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small", onClick: e => this.handleExtraButtonClick(e) }, this.extraButtonText))))), this.extraButton && (h("div", { key: 'bee2c3cc9ed83138c090c2be8fc95fe37b06436c', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, h("div", { key: 'c547c7a11dc9dec1f7f103aefeabbd54dce406fd', class: "spw-ds-container" }, h("div", { key: '09bb291a662d91ade86c924999109c3c6e4a8518', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, h("spw-button", { key: '67dace8d9228b9a006767fb837e1ca8fe0e00519', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small", onClick: e => this.handleExtraButtonClick(e) }, this.extraButtonText)))))));
+        return (h(Host, { key: '33b6d9d41965220e9dec1cd70f17dfecbf93e155' }, h("nav", { key: 'a48ee996c43340d5ab36a48e88c1b3e83ca2e758', class: this.elementClass, ref: el => (this.navEl = el) }, h("div", { key: 'f725d3513a72487508f6088c6b289a816eeb88d6', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, h("div", { key: 'c1b96ee3b5098bd1692d7ee1dfa0d8ea4cb9e89c', class: "spw-header-navigation__list" }, h("div", { key: 'a4b2df9f4997fc8b5b17e2184c85001ed40683c6', class: "spw-header-navigation__list-back" }, h("a", { key: '2a4770e93b1e3c94c4e494b4e0f0d6107f523c22', href: "#", onClick: event => this.redirectToHome(event) }, h("spw-icon", { key: '99aeb5e7c3255f91f885afa673b3ee21789d2c4f', icon: "fa-chevron-left" }), " ", h("span", { key: 'af8fc86e964ffde66b60bb6c8bcbdcc0280ddc08' }, this.homepageLabel))), h("slot", { key: '9a57848131fcb56b8886979ca0939c29eff0653b' })), this.extraButton && (h("div", { key: 'd9572ee4a00351c3ff35a52e036ded527b912941', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, h("spw-button", { key: 'bbc1077ef25a2530255d2a9b7fe80aea84988a92', variant: this.extraButtonVariant, icon: this.extraButtonIcon, "icon-position": this.extraButtonIconPosition, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small", onClick: e => this.handleExtraButtonClick(e) }, this.extraButtonText))))), this.extraButton && (h("div", { key: '790f45063f3ca3eaeae3e3f8e177fdf32319cd52', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, h("div", { key: '1b0b4f3a351f714ff05e0ab04481b3502a0ba963', class: "spw-ds-container" }, h("div", { key: '9399dbbfed327fd621c52834da3fcaba4c8e8c96', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, h("spw-button", { key: '1670f51af60a9270b90b9ba9cc72c32d94f8e790', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small", onClick: e => this.handleExtraButtonClick(e) }, this.extraButtonText)))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-Co4V4Zk-.js';
-const spwHeaderPersonaItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-persona-item{position:relative;transition:background 0.3s}@media (min-width: 1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;padding:4px 0;margin-top:6px}@media (min-width: 1024px){.spw-header-persona-item ::slotted(a){padding:12px 24px;display:block;text-transform:none;text-decoration:none !important}}.spw-header-persona-item--active{display:none;font-weight:bold}@media (min-width: 1024px){.spw-header-persona-item--active{display:block}}@media (max-width: 1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary) !important;text-decoration:none !important}}`;
+const spwHeaderPersonaItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-persona-item{position:relative;transition:background 0.3s}@media (min-width: 1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;padding:4px 0;margin-top:6px}@media (min-width: 1024px){.spw-header-persona-item ::slotted(a){padding:12px 24px;display:block;text-transform:none;text-decoration:none !important}}.spw-header-persona-item--active{display:none;font-weight:bold}@media (min-width: 1024px){.spw-header-persona-item--active{display:block}}@media (max-width: 1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary) !important;text-decoration:none !important}}`;
 const SpwHeaderPersonaItem = class {
     constructor(hostRef) {
@@ -8,7 +8,7 @@ const SpwHeaderPersonaItem = class {
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'd6834360f2865641ce06cd779f6850bd02c00f14' }, h("div", { key: '33b3a2dba14ee2acbdc70058120a312c071f4110', class: { 'spw-header-persona-item': true, 'spw-header-persona-item--active': this.active } }, h("slot", { key: 'e253c7aa5959c74d23d552a2a4316fa53b365b16' }))));
+        return (h(Host, { key: '10a26b9eaffa356ff530f742f385706fcb060c60' }, h("div", { key: 'b42a6cd8fd0512a85f008e1e51f1da890e016d89', class: { 'spw-header-persona-item': true, 'spw-header-persona-item--active': this.active } }, h("slot", { key: '7725f72e672f9d707ce1daecef01e77d0a5d4978' }))));
     }
 };
 SpwHeaderPersonaItem.style = spwHeaderPersonaItemCss();

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-Co4V4Zk-.js';
-const spwHeaderPersonaCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-persona{position:relative}@media (max-width: 1023px){.spw-header-persona{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);padding-top:16px;padding-bottom:16px}}@media (min-width: 1024px){.spw-header-persona{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-left:24px;margin-left:24px;margin-right:12px;border-left:1px solid var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__label{font-size:14px;display:block;color:var(--spw-colors-support-grey-grey-700)}@media (max-width: 1023px){.spw-header-persona__label{display:none}}.spw-header-persona__active-persona{position:relative;display:flex;gap:6px;justify-content:space-between;cursor:pointer;font-weight:bold;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}@media (min-width: 1024px){.spw-header-persona__active-persona{transition:all ease 0.15s;border-radius:var(--spw-ds-border-radius-full);background:var(--spw-colors-support-grey-grey-100);padding:8px 12px;font-size:14px}}@media (min-width: 1024px){.spw-header-persona__active-persona:has(~.spw-header-persona__select:hover),.spw-header-persona__active-persona:hover{background:var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__active-persona:focus-visible{outline:2px solid var(--spw-ds-focus);outline-offset:2px;border-radius:var(--spw-ds-border-radius-full)}.spw-header-persona__trigger{display:block}.spw-header-persona--opened .spw-header-persona__trigger{transform:rotate(180deg)}.spw-header-persona__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.spw-header-persona__dropdown{display:none;overflow:hidden}.spw-header-persona--opened .spw-header-persona__dropdown{display:block}@media (min-width: 1024px){.spw-header-persona--opened .spw-header-persona__dropdown{position:absolute;width:max-content;z-index:99999;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}`;
+const spwHeaderPersonaCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-persona{position:relative}@media (max-width: 1023px){.spw-header-persona{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);padding-top:16px;padding-bottom:16px}}@media (min-width: 1024px){.spw-header-persona{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-left:24px;margin-left:24px;margin-right:12px;border-left:1px solid var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__label{font-size:14px;display:block;color:var(--spw-colors-support-grey-grey-700)}@media (max-width: 1023px){.spw-header-persona__label{display:none}}.spw-header-persona__active-persona{position:relative;display:flex;gap:6px;justify-content:space-between;cursor:pointer;font-weight:bold;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}@media (min-width: 1024px){.spw-header-persona__active-persona{transition:all ease 0.15s;border-radius:var(--spw-ds-border-radius-full);background:var(--spw-colors-support-grey-grey-100);padding:8px 12px;font-size:14px}}@media (min-width: 1024px){.spw-header-persona__active-persona:has(~.spw-header-persona__select:hover),.spw-header-persona__active-persona:hover{background:var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__active-persona:focus-visible{outline:2px solid var(--spw-ds-focus);outline-offset:2px;border-radius:var(--spw-ds-border-radius-full)}.spw-header-persona__trigger{display:block}.spw-header-persona--opened .spw-header-persona__trigger{transform:rotate(180deg)}.spw-header-persona__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.spw-header-persona__dropdown{display:none;overflow:hidden}.spw-header-persona--opened .spw-header-persona__dropdown{display:block}@media (min-width: 1024px){.spw-header-persona--opened .spw-header-persona__dropdown{position:absolute;width:max-content;z-index:99999;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}`;
 const SpwHeaderPersona = class {
     constructor(hostRef) {
@@ -50,7 +50,7 @@ const SpwHeaderPersona = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e4b59a2e369219aaa37bd9feda07a8ea744b2237' }, h("div", { key: '1052b05e702b3a5ac280aaece9943960f40aece8', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, h("span", { key: 'a49eda95727e18bbde6a8b5da032d1232e31ac1b', class: "spw-header-persona__label" }, this.personaLabel), h("div", { key: '4193bf378aaf026f5b6f3fc645e8b780d947e854', class: "spw-header-persona__active-persona" }, this.activePersona, " ", h("spw-icon", { key: 'd78a9e006c8c84126d219c229235247efbd513e7', icon: "fa-chevron-down" })), h("select", { key: '3d8af10298b497fcd10f9428b3bdef0277d4b11c', "aria-label": this.accAriaLabel || this.personaLabel, class: "spw-header-persona__select", ref: el => (this.selectEl = el), onChange: e => this.handleChange(e), tabIndex: -1 }))));
+        return (h(Host, { key: '8a2a3546a7a5e4e3e7f0e37aa4bac180d6a349d5' }, h("div", { key: 'c9e8cc7754f635b55c82b2d170758ba3d3cd4115', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, h("span", { key: '9d09f0a4b0c3859f0844831bbbf2d614d0e141ad', class: "spw-header-persona__label" }, this.personaLabel), h("div", { key: 'e33554849d8ee1c6a74b7e824db3534b8b3b7347', class: "spw-header-persona__active-persona" }, this.activePersona, " ", h("spw-icon", { key: 'a155c1020ff6fced049a8b3a663fdf7143d87e62', icon: "fa-chevron-down" })), h("select", { key: '96fd89bb59522a473259b58b236b91d533a70bf6', "aria-label": this.accAriaLabel || this.personaLabel, class: "spw-header-persona__select", ref: el => (this.selectEl = el), onChange: e => this.handleChange(e), tabIndex: -1 }))));
     }
     get el() { return getElement(this); }
 };