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

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

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 (779) hide show

package/dist/cjs/spw-footer-link.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.js');
-const spwFooterLinkCss = () => `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-footer-link-font-size:16px}.spw-footer-link{text-decoration:none;color:var(--spw-ds-white);font-size:var(--spw-footer-link-font-size)}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid white;outline-offset:0}`;
+const spwFooterLinkCss = () => `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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-footer-link-font-size:16px}.spw-footer-link{text-decoration:none;color:var(--spw-ds-white);font-size:var(--spw-footer-link-font-size)}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid white;outline-offset:0}`;
 const SpwFooterLink = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const SpwFooterLink = class {
         this.target = '_self';
     }
     render() {
-        return (index.h("a", { key: '16d1f96c82355f4a1d8aa2cab9dadf3d87b79710', href: this.href, target: this.target, title: this.linkTitle, class: "spw-footer-link" }, index.h("slot", { key: '5810a260f17eee912c048a073fe0dd6994ce0305' })));
+        return (index.h("a", { key: 'eeed966819b7e8033acf9de5da9eaa32ca1e4f5b', href: this.href, target: this.target, title: this.linkTitle, class: "spw-footer-link" }, index.h("slot", { key: '5f5e3d132933143d990b6e80fdfab2a3bc10cd94' })));
     }
 };
 SpwFooterLink.style = spwFooterLinkCss();

package/dist/cjs/spw-footer.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.js');
-const spwFooterCss = () => `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}`;
+const spwFooterCss = () => `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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}`;
 const SpwFooter = class {
     constructor(hostRef) {
@@ -33,7 +33,7 @@ const SpwFooter = class {
         this.emitFooterCols();
     }
     render() {
-        return (index.h(index.Host, { key: '47ceb8c17d59a58529165bf48c58f3e674b883af' }, index.h("footer", { key: 'ae75cbb96381eb74014769ffb0cc3cea112cbac4', class: "spw-footer" }, index.h("slot", { key: '4181097faba2de27dad084544751582f287b9965' }))));
+        return (index.h(index.Host, { key: '60ab7657206acc4972a225c53c8877c287ab48fd' }, index.h("footer", { key: '3ff41dce469d7962c1c2e408ab43da4019cecbb7', class: "spw-footer" }, index.h("slot", { key: 'e3fa73b0285d0b11ba15be2c47b6a7ca7ffd3d5b' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-grid-item.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.js');
-const spwGridItemCss = () => `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;grid-column:span var(--spw-grid-item-col-span-mobile, auto);grid-row:span var(--spw-grid-item-row-span-mobile, auto)}@media (min-width: 768px){:host{grid-column:span var(--spw-grid-item-col-span-tablet, auto);grid-row:span var(--spw-grid-item-row-span-tablet, auto)}}@media (min-width: 1024px){:host{grid-column:span var(--spw-grid-item-col-span-desktop, auto);grid-row:span var(--spw-grid-item-row-span-desktop, auto)}}`;
+const spwGridItemCss = () => `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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;grid-column:span var(--spw-grid-item-col-span-mobile, auto);grid-row:span var(--spw-grid-item-row-span-mobile, auto)}@media (min-width: 768px){:host{grid-column:span var(--spw-grid-item-col-span-tablet, auto);grid-row:span var(--spw-grid-item-row-span-tablet, auto)}}@media (min-width: 1024px){:host{grid-column:span var(--spw-grid-item-col-span-desktop, auto);grid-row:span var(--spw-grid-item-row-span-desktop, auto)}}`;
 const SpwGridItem = class {
     constructor(hostRef) {
@@ -10,14 +10,14 @@ const SpwGridItem = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (index.h(index.Host, { key: '760f4c5a8ac926b3a12877ae005c01f7a1e16c3b', style: {
+        return (index.h(index.Host, { key: '6344f2f8948842c297edbc18a95cdf21d71c4022', style: {
                 '--spw-grid-item-col-span-mobile': ((_a = this.colSpanMobile) === null || _a === void 0 ? void 0 : _a.toString()) || 'auto',
                 '--spw-grid-item-col-span-tablet': ((_b = this.colSpanTablet) === null || _b === void 0 ? void 0 : _b.toString()) || 'auto',
                 '--spw-grid-item-col-span-desktop': ((_c = this.colSpanDesktop) === null || _c === void 0 ? void 0 : _c.toString()) || 'auto',
                 '--spw-grid-item-row-span-mobile': ((_d = this.rowSpanMobile) === null || _d === void 0 ? void 0 : _d.toString()) || 'auto',
                 '--spw-grid-item-row-span-tablet': ((_e = this.rowSpanTablet) === null || _e === void 0 ? void 0 : _e.toString()) || 'auto',
                 '--spw-grid-item-row-span-desktop': ((_f = this.rowSpanDesktop) === null || _f === void 0 ? void 0 : _f.toString()) || 'auto',
-            } }, index.h("slot", { key: '33268b21c34b6441600010b91ee0bc17fe655130' })));
+            } }, index.h("slot", { key: '5bfc9440e464319d029ff61c58ce63834ed5ddc3' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.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}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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.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) {
@@ -35,11 +35,11 @@ const SpwGrid = class {
         this.emitConfigurationChanged();
     }
     render() {
-        return (index.h(index.Host, { key: '16d3a18ed240bdf10eff043acabdfa226f4678f3' }, index.h("div", { key: 'cd7cebf046b4c68e6baa6397a7c560c8b6ed23aa', class: { 'spw-grid': true, [`spw-grid--gap-${this.gap}`]: !!this.gap }, style: {
+        return (index.h(index.Host, { key: '293bbb5f2a3f9580b133755d653cdb0c58b31173' }, index.h("div", { key: '7b96f4bcfe3694fb873c51b25acbe90a25d2516b', 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(),
-            } }, index.h("slot", { key: 'f583b0568dc064c5c874d6604c15eba5fad56655' }))));
+            } }, index.h("slot", { key: 'c1c1bd568dc583553d9a89aba848c4d0ef4809fd' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.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}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 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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.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) {
@@ -56,7 +56,7 @@ const SpwHeaderLang = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2fa488c9cb8ff1fa142f237e6d99b5af00bc049d' }, index.h("div", { key: '35e46a3dd212571ba9eed782ef69da096e088ca7', class: "spw-header-lang" }, index.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), index.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 }), index.h("ul", { key: '1751553d77a25381bc65301c9f86432ab4bdc31a', class: "spw-header-lang__options" }, this.options.map(option => {
+        return (index.h(index.Host, { key: '373221b76c0cd173c9bdcf578da504e019ccdf65' }, index.h("div", { key: '0652afde8658a8d5b17f200d6b7f57b1e30654c3', class: "spw-header-lang" }, index.h("spw-button", { key: '9592ae125c6acd24101d40263ebc14bbf3696a38', variant: "tertiary", surface: "light", icon: "fa-chevron-down", class: "spw-header-lang__active-lang", onKeyDown: this.handleButtonKeyDown, onClick: this.handleButtonClick }, this.activeLang), index.h("select", { key: 'a927e6ae8880a67dfbebf27a63ac6cd444797620', "aria-label": this.accAriaLabel || 'Lang', class: "spw-header-lang__select", onChange: e => this.handleChange(e), ref: el => (this.selectEl = el), tabIndex: -1 }), index.h("ul", { key: '959b43d616bd33b7533757fd201d677ede7f6db9', 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/cjs/spw-header-navigation-dropdown.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.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}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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.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: 1200px){.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) {
@@ -87,7 +87,7 @@ const SpwHeaderNavigationDropdown = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8afe985442cb3e253206d406a8dc9c17db279a68', class: { 'spw-header-navigation-dropdown--is-megamenu': this.isMegamenu } }, index.h("div", { key: '6ade45ebe6da1a9b6514072c48c1831b1bbe481c', class: "spw-header-navigation-dropdown" }, index.h("slot", { key: '2da5c6f4338dc789ee008b164bf029bdb4197035' }), this.shouldShowViewMore && (index.h("spw-link", { key: '17f4dd54d77bf879b413cd6e2bb761bc8dd86f84', icon: "fa-arrow-right", class: "spw-header-navigation-item--view-more", href: this.parentHref, target: this.parentTarget }, this.viewMoreText)))));
+        return (index.h(index.Host, { key: '0050e1bb558bef8893c8890e016e04f4817df753', class: { 'spw-header-navigation-dropdown--is-megamenu': this.isMegamenu } }, index.h("div", { key: '95eb4312532ac467e3c3b5828fc122f6d5fd24aa', class: "spw-header-navigation-dropdown" }, index.h("slot", { key: 'a1c7a39860f1ddb1bdea880e6870b19cd424ade4' }), this.shouldShowViewMore && (index.h("spw-link", { key: '8bfb5c087ed9834716f843594a8bca6eaa609b54', icon: "fa-arrow-right", class: "spw-header-navigation-item--view-more", href: this.parentHref, target: this.parentTarget }, this.viewMoreText)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.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}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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.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) {
@@ -169,7 +169,7 @@ const SpwHeaderNavigationItem = class {
             'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,
             'spw-header-navigation-item--is-megamenu': this.variant === 'megamenu',
         };
-        return (index.h(index.Host, { key: 'dedbd3e81920490f593c97b738fb3357a4705665', "data-level": this.level }, index.h("div", { key: 'bc31c1479da1232d0c578ba0272e9a608bb26b65', class: elementClass }, index.h("div", { key: '4af96da7d539f51ce9cc0307e9c31bd62cbda9d3', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (index.h("div", { key: '5109a376cbfd1262515e95fd9b73c12579c541ca', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, index.h("div", { key: 'b27e1c7e414079db4c4db16232d6c203ad51cc9f', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, index.h("spw-icon", { key: '21080fa58646c4ec50c341fd270d3345a3213c22', icon: "fa-chevron-left" }), " ", index.h("span", { key: '1b2ffce2764344443086509ab5d9742281b33580' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), index.h("div", { key: 'd9222d397f233147aeeb0d57108541d2969229ca', class: "spw-header-navigation-item__top-title" }, index.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) || '')))), index.h("slot", { key: '6ff29f730b50051a8d0d5796b470b981e49a5147' })))));
+        return (index.h(index.Host, { key: 'f2fa81246df466f616a314f1c00f389373d751d8', "data-level": this.level }, index.h("div", { key: 'd5a0e0ccb487bc335a53961f0b65389b4a686f50', class: elementClass }, index.h("div", { key: '9c4ceaac13a2195c2b98c5ba3b5c6abe983545f4', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (index.h("div", { key: 'e83d95fa5b4f498c2a9d0867f890a87cfc32833d', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, index.h("div", { key: 'b5622da35a50ac899e313bc032a478950a9053a4', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, index.h("spw-icon", { key: '11935d69525e207ba49dfa31e9151153c2f599cc', icon: "fa-chevron-left" }), " ", index.h("span", { key: '7eff4e452aee53f0e92550d8bf19662ef8252661' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), index.h("div", { key: '10f5aa01b78f5e8115ac0be44b74ae431c643434', class: "spw-header-navigation-item__top-title" }, index.h("a", { key: '765f571e96549417ad5dd12839b9353c645c631a', 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) || '')))), index.h("slot", { key: 'd17419938f8a15cbd4960be8a902dce95827df09' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,13 +1,14 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.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}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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.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:flex;gap:12px}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:flex;flex-direction:column;gap:12px}}.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: 1200px){.spw-header-navigation__list{gap:16px}}.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) {
         index.registerInstance(this, hostRef);
         this.extraButtonClick = index.createEvent(this, "extraButtonClick", 7);
+        this.extraSecondaryButtonClick = index.createEvent(this, "extraSecondaryButtonClick", 7);
         this.level = 0;
         this.element = null;
         /** Alignement des éléments de navigation sur desktop */
@@ -22,6 +23,16 @@ const SpwHeaderNavigation = class {
         this.extraButtonIconPosition = 'left';
         /** Activer l'émission d'événement au clic de l'extra button au lieu de la navigation classique */
         this.emitExtraButtonClick = false;
+        /** Présence ou non d'un deuxième bouton à droite de la navigation */
+        this.extraSecondaryButton = false;
+        /** Attribut target du deuxième extra button */
+        this.extraSecondaryButtonTarget = '_self';
+        /** Variant du deuxième extra button */
+        this.extraSecondaryButtonVariant = 'secondary';
+        /** Position de l'icône du deuxième extra button */
+        this.extraSecondaryButtonIconPosition = 'left';
+        /** Activer l'émission d'événement au clic du deuxième extra button au lieu de la navigation classique */
+        this.emitExtraSecondaryButtonClick = false;
         /** Texte du lien "Page d'accueil" dans la navigation mobile */
         this.homepageLabel = "Page d'accueil";
     }
@@ -47,6 +58,12 @@ const SpwHeaderNavigation = class {
             this.extraButtonClick.emit();
         }
     }
+    handleExtraSecondaryButtonClick(event) {
+        if (this.emitExtraSecondaryButtonClick) {
+            event.preventDefault();
+            this.extraSecondaryButtonClick.emit();
+        }
+    }
     handleNavigation(event) {
         event.stopPropagation();
         this.element = event.detail.element;
@@ -82,7 +99,7 @@ const SpwHeaderNavigation = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '33b6d9d41965220e9dec1cd70f17dfecbf93e155' }, index.h("nav", { key: 'a48ee996c43340d5ab36a48e88c1b3e83ca2e758', class: this.elementClass, ref: el => (this.navEl = el) }, index.h("div", { key: 'f725d3513a72487508f6088c6b289a816eeb88d6', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, index.h("div", { key: 'c1b96ee3b5098bd1692d7ee1dfa0d8ea4cb9e89c', class: "spw-header-navigation__list" }, index.h("div", { key: 'a4b2df9f4997fc8b5b17e2184c85001ed40683c6', class: "spw-header-navigation__list-back" }, index.h("a", { key: '2a4770e93b1e3c94c4e494b4e0f0d6107f523c22', href: "#", onClick: event => this.redirectToHome(event) }, index.h("spw-icon", { key: '99aeb5e7c3255f91f885afa673b3ee21789d2c4f', icon: "fa-chevron-left" }), " ", index.h("span", { key: 'af8fc86e964ffde66b60bb6c8bcbdcc0280ddc08' }, this.homepageLabel))), index.h("slot", { key: '9a57848131fcb56b8886979ca0939c29eff0653b' })), this.extraButton && (index.h("div", { key: 'd9572ee4a00351c3ff35a52e036ded527b912941', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, index.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 && (index.h("div", { key: '790f45063f3ca3eaeae3e3f8e177fdf32319cd52', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, index.h("div", { key: '1b0b4f3a351f714ff05e0ab04481b3502a0ba963', class: "spw-ds-container" }, index.h("div", { key: '9399dbbfed327fd621c52834da3fcaba4c8e8c96', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, index.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)))))));
+        return (index.h(index.Host, { key: 'b201661d286203550979ce96a594118484e2f485' }, index.h("nav", { key: '4f70efee708581a90eecf765e00209be017ca897', class: this.elementClass, ref: el => (this.navEl = el) }, index.h("div", { key: '14747342fa910b8eac3040b6ae895056bd7297d1', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, index.h("div", { key: 'c53139f0151d75ee654f8a0b5d0e47bcaccc23d6', class: "spw-header-navigation__list" }, index.h("div", { key: '0787925eb1d87f94016b7cc3b436e56f0034de7d', class: "spw-header-navigation__list-back" }, index.h("a", { key: 'a45139e7c21d27998ceb5dc8e55a55080bcfb3a1', href: "#", onClick: event => this.redirectToHome(event) }, index.h("spw-icon", { key: '2e8dfc7acf0dc2a40a63861f0d73667f9e2154d0', icon: "fa-chevron-left" }), " ", index.h("span", { key: '684934a9fdc09fef92965faaa94c6efbad7ed261' }, this.homepageLabel))), index.h("slot", { key: '69809c8af8136c4e38d482bd041d748d068b02d4' })), (this.extraButton || this.extraSecondaryButton) && (index.h("div", { key: '4a9bacfeac0b4e7ba2e6e4a9d77879bb92e818f2', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, this.extraButton && (index.h("spw-button", { key: 'a4cc8f9e7d362eb9bb7a6d72cc83306eb99ff72e', variant: this.extraButtonVariant, icon: this.extraButtonIcon, "icon-position": this.extraButtonIconPosition, href: this.extraButtonHref, target: this.extraButtonTarget, size: "medium", onClick: e => this.handleExtraButtonClick(e) }, this.extraButtonText)), this.extraSecondaryButton && (index.h("spw-button", { key: '35f36ad7952e3a67153874b2ba6b3ccbccbd298e', variant: this.extraSecondaryButtonVariant, icon: this.extraSecondaryButtonIcon, "icon-position": this.extraSecondaryButtonIconPosition, href: this.extraSecondaryButtonHref, target: this.extraSecondaryButtonTarget, size: "medium", onClick: e => this.handleExtraSecondaryButtonClick(e) }, this.extraSecondaryButtonText)))))), (this.extraButton || this.extraSecondaryButton) && (index.h("div", { key: 'b43b37441f121b58efa0e2dc51f08b75ed0779e3', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, index.h("div", { key: 'c777c59fe3f6f1b9089db9b881dd62b8ece60308', class: "spw-ds-container" }, index.h("div", { key: '7f34bb2b22e5e7019624837e836e23e1542dfa5d', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, this.extraButton && (index.h("spw-button", { key: '597d9390675b13913f81b0cf76727623348f9dfe', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "medium", onClick: e => this.handleExtraButtonClick(e) }, this.extraButtonText)), this.extraSecondaryButton && (index.h("spw-button", { key: 'fb16c326484cfbfa232b1ca5b9954b886baaa662', "is-full-width": "true", variant: this.extraSecondaryButtonVariant, icon: this.extraSecondaryButtonIcon, href: this.extraSecondaryButtonHref, target: this.extraSecondaryButtonTarget, size: "medium", onClick: e => this.handleExtraSecondaryButtonClick(e) }, this.extraSecondaryButtonText))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.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}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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.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) {
@@ -10,7 +10,7 @@ const SpwHeaderPersonaItem = class {
         this.active = false;
     }
     render() {
-        return (index.h(index.Host, { key: '10a26b9eaffa356ff530f742f385706fcb060c60' }, index.h("div", { key: 'b42a6cd8fd0512a85f008e1e51f1da890e016d89', class: { 'spw-header-persona-item': true, 'spw-header-persona-item--active': this.active } }, index.h("slot", { key: '7725f72e672f9d707ce1daecef01e77d0a5d4978' }))));
+        return (index.h(index.Host, { key: 'dcdcf0e827b452d257e32d23d1ca16a25ba90b6f' }, index.h("div", { key: 'd100380b1e2db7bbf93a91cc3e823d77f2b2b469', class: { 'spw-header-persona-item': true, 'spw-header-persona-item--active': this.active } }, index.h("slot", { key: '0e167375e087574c4859dc6bb5737eb0c82fe7be' }))));
     }
 };
 SpwHeaderPersonaItem.style = spwHeaderPersonaItemCss();

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-BSEZn_kI.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}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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.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) {
@@ -52,7 +52,7 @@ const SpwHeaderPersona = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8a2a3546a7a5e4e3e7f0e37aa4bac180d6a349d5' }, index.h("div", { key: 'c9e8cc7754f635b55c82b2d170758ba3d3cd4115', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, index.h("span", { key: '9d09f0a4b0c3859f0844831bbbf2d614d0e141ad', class: "spw-header-persona__label" }, this.personaLabel), index.h("div", { key: 'e33554849d8ee1c6a74b7e824db3534b8b3b7347', class: "spw-header-persona__active-persona" }, this.activePersona, " ", index.h("spw-icon", { key: 'a155c1020ff6fced049a8b3a663fdf7143d87e62', icon: "fa-chevron-down" })), index.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 }))));
+        return (index.h(index.Host, { key: 'a06f7ddaa3657ede67d7a3bc1978aca84cd0827e' }, index.h("div", { key: '8cbdc3959a18a35c1d325e20e7c49354084e72e3', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, index.h("span", { key: 'a44dd8dd7245c6d2e7afb736501a09bbb786a76d', class: "spw-header-persona__label" }, this.personaLabel), index.h("div", { key: '82a004d7b9672e7fa2eb06d81d2922c73c06d275', class: "spw-header-persona__active-persona" }, this.activePersona, " ", index.h("spw-icon", { key: 'e49b83d855efd5b253a0380a06480e9fb03e0853', icon: "fa-chevron-down" })), index.h("select", { key: '90b7ce6c3b74f8b7d45028543e08bea5e3f7f0db', "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 index.getElement(this); }
 };