npm - @spw-ds/spw-stencil-library - Versions diffs - 1.9.0 → 1.10.0 - Mend

@spw-ds/spw-stencil-library 1.9.0 → 1.10.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 (703) hide show

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-footer-link{text-decoration:none;color:var(--spw-ds-white);font-size:16px}.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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-footer-link{text-decoration:none;color:var(--spw-ds-white);font-size:16px}.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: '06b80e51494513ae876af03c34e21997db509ccf', href: this.href, target: this.target, title: this.linkTitle, class: "spw-footer-link" }, index.h("slot", { key: '88008f19caa15468eb5e43ceeed741aa47f11fac' })));
+        return (index.h("a", { key: '068355cca2b96f782d2035d9f98c2ca62d9f18dc', href: this.href, target: this.target, title: this.linkTitle, class: "spw-footer-link" }, index.h("slot", { key: '4563a3ccca642b5f13992449d6f68292f458c850' })));
     }
 };
 SpwFooterLink.style = spwFooterLinkCss();

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}`;
+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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}`;
 const SpwFooter = class {
     constructor(hostRef) {
@@ -33,7 +33,7 @@ const SpwFooter = class {
         this.emitFooterCols();
     }
     render() {
-        return (index.h(index.Host, { key: '81aa4f701c391354e38ea22fbbb29f6f1f86a244' }, index.h("footer", { key: '4c6e2b7d3626adc8f2772d5ab96497cc9c72e52f', class: "spw-footer" }, index.h("slot", { key: '6f3de02db7da58de3d679e528645aca3019ef10b' }))));
+        return (index.h(index.Host, { key: 'a400f043e43103eb684f356a2299e2e2259d87d9' }, index.h("footer", { key: '44d691e6dbd9cdc6663fbd3cb8f0d4146c5b16e5', class: "spw-footer" }, index.h("slot", { key: '1bda5011363271da843eb660563c59eac51992ce' }))));
     }
     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-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;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: 'ea656944f5af2db973f05a228171a8bd27212fb3', style: {
+        return (index.h(index.Host, { key: '943c047bb4d8c3d31d531f60b36e4e05875f40b3', 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: '1663d18e33a459194a09ff7f14567ff9a0ae6fae' })));
+            } }, index.h("slot", { key: '74ceecd07467f4df355e2d1fe14b5c581d485658' })));
     }
     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-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-grid{display:grid;grid-template-columns:repeat(var(--spw-grid-cols-mobile, 1), 1fr);gap:24px}@media (min-width: 768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet, 2), 1fr)}}@media (min-width: 1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop, 3), 1fr)}}`;
+const spwGridCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-grid{display:grid;grid-template-columns:repeat(var(--spw-grid-cols-mobile, 1), 1fr);gap:24px}@media (min-width: 768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet, 2), 1fr)}}@media (min-width: 1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop, 3), 1fr)}}`;
 const SpwGrid = class {
     constructor(hostRef) {
@@ -33,11 +33,11 @@ const SpwGrid = class {
         this.emitConfigurationChanged();
     }
     render() {
-        return (index.h(index.Host, { key: 'c03c088c4ee971035f6985426c76e4bf57886e39' }, index.h("div", { key: 'd2850607befe833876862b28d837341a5f7ea86c', class: "spw-grid", style: {
+        return (index.h(index.Host, { key: 'f55a759a2ac527d73e37ef708bc8f5d8b0554bcc' }, index.h("div", { key: 'acc941de60478b8cae0ba27d448aeee29885ea6c', class: "spw-grid", 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: '37d8cee502fb09191a5ed3448050a1e0d5f3875c' }))));
+            } }, index.h("slot", { key: 'ccada5cd24276d470b51d9c3abfca28c7ea74f3b' }))));
     }
     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-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-lang{position:relative}@media (max-width: 1023px){.spw-header-lang{margin-bottom:0}}@media (min-width: 1024px){.spw-header-lang:hover .spw-header-lang__dropdown{display:block}}.spw-header-lang__select{display:none}@media (min-width: 1024px){.spw-header-lang__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}}.spw-header-lang__active-lang{display:none}@media (min-width: 1024px){.spw-header-lang__active-lang{display:block}}.spw-header-lang__options{display:flex;gap:24px;text-transform:uppercase}@media (min-width: 1024px){.spw-header-lang__options{display:none}}.spw-header-lang__option{padding:16px 0;font-weight:bold;text-decoration:underline}.spw-header-lang__option--selected{color:var(--spw-ds-primary);text-decoration:none}@media (min-width: 1024px){.spw-header-lang__option{padding:24px 0}}.spw-header-lang__dropdown{display:flex}@media (min-width: 1024px){.spw-header-lang__dropdown{display:none;z-index:99999;position:absolute;overflow:hidden;top:100%;width:max-content;right:0;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}`;
+const spwHeaderLangCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-lang{position:relative}@media (max-width: 1023px){.spw-header-lang{margin-bottom:0}}@media (min-width: 1024px){.spw-header-lang:hover .spw-header-lang__dropdown{display:block}}.spw-header-lang__select{display:none}@media (min-width: 1024px){.spw-header-lang__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}}.spw-header-lang__active-lang{display:none}@media (min-width: 1024px){.spw-header-lang__active-lang{display:block}}.spw-header-lang__options{display:flex;gap:24px;text-transform:uppercase}@media (min-width: 1024px){.spw-header-lang__options{display:none}}.spw-header-lang__option{padding:16px 0;font-weight:bold;text-decoration:underline}.spw-header-lang__option--selected{color:var(--spw-ds-primary);text-decoration:none}@media (min-width: 1024px){.spw-header-lang__option{padding:24px 0}}.spw-header-lang__dropdown{display:flex}@media (min-width: 1024px){.spw-header-lang__dropdown{display:none;z-index:99999;position:absolute;overflow:hidden;top:100%;width:max-content;right:0;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}`;
 const SpwHeaderLang = class {
     constructor(hostRef) {
@@ -56,7 +56,7 @@ const SpwHeaderLang = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3380dbb291b2075b65b9e2e3170de9730418eb97' }, index.h("div", { key: '9abdad051f02aea21e0187490c0f83f9c2599d96', class: "spw-header-lang" }, index.h("spw-button", { key: '467d607d8466e23cc932199311b6aaf7f2f0cf4b', 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: '2cf5c0a8de51670421f6ca4763c5ec46e804ce87', "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: 'cbeb67924127cc43c3fc227e1f027a02e0969baa', class: "spw-header-lang__options" }, this.options.map(option => {
+        return (index.h(index.Host, { key: '297092b1fa9894808f36c1b8a100333ac0703d80' }, index.h("div", { key: 'edfe73258c68e4acc6890698b676b8674e92d7b3', class: "spw-header-lang" }, index.h("spw-button", { key: 'aa45368ac3bb75f059150d014ac45efc933a2b27', 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: 'a523b6f0cc2b1d094cc08d9565ab52c0d636d073', "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: 'ba2908c8b2791fb6441fb76168961c5a4187e702', 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-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation-dropdown--is-megamenu{display:contents}@media (min-width: 1024px){.spw-header-navigation-dropdown--is-megamenu{width:100%;max-width:var(--spw-ds-container-lg);margin:0 auto;display:flex;flex-wrap:wrap;padding:16px 0}}@media (min-width: 1350px){.spw-header-navigation-dropdown--is-megamenu{max-width:var(--spw-ds-container-xl)}}@media (min-width: 1024px){:host(.spw-header-navigation-dropdown--is-megamenu) ::slotted(spw-header-navigation-item[data-level="3"]:nth-child(n+8)){display:none}}.spw-header-navigation-item--view-more{display:none !important}@media (min-width: 1024px){.spw-header-navigation-item--view-more{display:block !important;padding:8px 16px;border-left:1px solid var(--spw-colors-support-grey-grey-300);font-size:14px}}`;
+const spwHeaderNavigationDropdownCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation-dropdown--is-megamenu{display:contents}@media (min-width: 1024px){.spw-header-navigation-dropdown--is-megamenu{width:100%;max-width:var(--spw-ds-container-lg);margin:0 auto;display:flex;flex-wrap:wrap;padding:16px 0}}@media (min-width: 1350px){.spw-header-navigation-dropdown--is-megamenu{max-width:var(--spw-ds-container-xl)}}@media (min-width: 1024px){:host(.spw-header-navigation-dropdown--is-megamenu) ::slotted(spw-header-navigation-item[data-level="3"]:nth-child(n+8)){display:none}}.spw-header-navigation-item--view-more{display:none !important}@media (min-width: 1024px){.spw-header-navigation-item--view-more{display:block !important;padding:8px 16px;border-left:1px solid var(--spw-colors-support-grey-grey-300);font-size:14px}}`;
 const SpwHeaderNavigationDropdown = class {
     constructor(hostRef) {
@@ -87,7 +87,7 @@ const SpwHeaderNavigationDropdown = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '018d16444265ecaf73757ada73493e8c9d59e548', class: { 'spw-header-navigation-dropdown--is-megamenu': this.isMegamenu } }, index.h("div", { key: '634ee7ae01ffba18abc2a7486ba38b697b64045b', class: "spw-header-navigation-dropdown" }, index.h("slot", { key: 'eeb04c776e78970630c28df5c1b355b024963cea' }), this.shouldShowViewMore && (index.h("spw-link", { key: 'fd0ba5c9517f91956bc497412655494ee06b6fd8', 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: 'a060e1b0046f1eaf1f909f9bad8e2aa9c26d243e', class: { 'spw-header-navigation-dropdown--is-megamenu': this.isMegamenu } }, index.h("div", { key: '4ff2a41e6e58f14d414cf79fcb7e6de465ea5d40', class: "spw-header-navigation-dropdown" }, index.h("slot", { key: '8341d2c85e4f571a0f56e095c182ce8cd6bbed5b' }), this.shouldShowViewMore && (index.h("spw-link", { key: '9bd599539504082679a7f490c30b2ce23b90a956', 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-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;width:100%}@media (min-width: 1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700;background:white}@media (max-width: 1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){position:relative;padding:24px 16px !important;font-size:20px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){padding:20px 16px !important;font-size:16px;border-bottom:0}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:auto;bottom:0;left:16px;width:0;height:3px;background:var(--spw-ds-primary)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item:hover ::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){color:var(--spw-ds-primary) !important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{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){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){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{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:width 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){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){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}}`;
+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}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;width:100%}@media (min-width: 1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700;background:white}@media (max-width: 1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){position:relative;padding:24px 16px !important;font-size:20px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){padding:20px 16px !important;font-size:16px;border-bottom:0}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:auto;bottom:0;left:16px;width:calc(100% - 32px);height:0;background:var(--spw-ds-primary)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){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){color:var(--spw-ds-primary) !important}:host([data-level="1"]) .spw-header-navigation-item:hover ::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){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){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{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){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){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}}`;
 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: '77e96bad4382f134cbb46b6632116974ff2e03fd', "data-level": this.level }, index.h("div", { key: '53c632a78367c298ccd7236706f159496c11e7c4', class: elementClass }, index.h("div", { key: '11fda286425db6974750bd8649b1225cd07fb146', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (index.h("div", { key: 'c2fd79e60e6d3284a5503048441f39e5ac2f51e9', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, index.h("div", { key: '447b8a2475fae659e9cb4782b94433a628d43654', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, index.h("spw-icon", { key: '962f7378cf0a412519ef45d739b19836638f0c53', icon: "fa-chevron-left" }), " ", index.h("span", { key: '28bbab457140d829482f65ec6b49dc026aed7193' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), index.h("div", { key: '52befa89f15c3b75a789be11643847aee1915fdc', class: "spw-header-navigation-item__top-title" }, index.h("a", { key: 'e05d6060b9f718545a67608b9703b9989f045184', 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: '0798641acbeb186e0f845e70149c97de55261649' })))));
+        return (index.h(index.Host, { key: '0de1cf7857d1df4e251dfd1362b5e80824b76240', "data-level": this.level }, index.h("div", { key: '423645f55c23dcc22c0311d4ab1c0de59c818c7a', class: elementClass }, index.h("div", { key: '4907e873712b7ef11493519454d193c78850e63c', class: "spw-header-navigation-item__content", onClick: event => this.toggleSubnavVisibility(event) }, this.isSubnavVisible && (index.h("div", { key: 'ea7c5f8a51528eba5a9856a1b56042d1f1da4bef', class: `spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}` }, index.h("div", { key: '1032dbf9b7bec49657227fd17b7106c001f2f4b7', class: "spw-header-navigation-item__top-back", onClick: event => this.handleBackClick(event) }, index.h("spw-icon", { key: 'cf23d1469552018c8f114ecfcf82871089f9213a', icon: "fa-chevron-left" }), " ", index.h("span", { key: '8cddc8d86716453137d4b5b9a51a71dc48a32df2' }, this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle)), index.h("div", { key: 'bbbf60b6bfddaea5def70ceb1576b95f1cf99c1d', class: "spw-header-navigation-item__top-title" }, index.h("a", { key: '02d0a72a46ce45c2d6b3b1e38155c8d49ce69707', 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: '4bfbe9a4d325a19ea94f4b2d1b5f80bd68dc5bc6' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation{display:none;left:0;width:100%;height:calc(100% - 80px);background:white;z-index:9999;overflow-y:auto;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width: 1024px){.spw-header-navigation{order:initial;display:block;height:auto;width:auto;overflow-y:initial;top:auto;left:auto;z-index:30}}@media (min-width: 1024px){:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{padding:16px;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width: 1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation .spw-ds-container{position:relative}.spw-header-navigation__list{position:static;display:flex;flex:1;align-items:center;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}@media (min-width: 1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width: 1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;width:100%;padding:24px 16px;padding-bottom:0;position:relative;z-index:3}.spw-header-navigation__list-back:after{content:"";position:absolute;bottom:-1px;width:100%;left:0;height:1px;background:white}.spw-header-navigation__list-back a{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width: 1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}`;
+const spwHeaderNavigationCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation{display:none;left:0;width:100%;height:calc(100% - 80px);background:white;z-index:9999;overflow-y:auto;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width: 1024px){.spw-header-navigation{order:initial;display:block;height:auto;width:auto;overflow-y:initial;top:auto;left:auto;z-index:30}}@media (min-width: 1024px){:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{padding:16px;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width: 1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation .spw-ds-container{position:relative}.spw-header-navigation__list{position:static;display:flex;flex:1;align-items:center;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}@media (min-width: 1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width: 1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;width:100%;padding:24px 16px;padding-bottom:0;position:relative;z-index:3}.spw-header-navigation__list-back:after{content:"";position:absolute;bottom:-1px;width:100%;left:0;height:1px;background:white}.spw-header-navigation__list-back a{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width: 1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}`;
 const SpwHeaderNavigation = class {
     constructor(hostRef) {
@@ -18,6 +18,18 @@ const SpwHeaderNavigation = class {
         /** Variant de l'extra button */
         this.extraButtonVariant = 'primary';
     }
+    componentDidLoad() {
+        this.updateHeightVar();
+        this.resizeObserver = new ResizeObserver(() => this.updateHeightVar());
+        this.resizeObserver.observe(this.navEl);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    updateHeightVar() {
+        document.documentElement.style.setProperty('--spw-header-navigation-height', `${this.navEl.offsetHeight}px`);
+    }
     redirectToHome(event) {
         event.preventDefault();
         window.location.href = '/';
@@ -57,8 +69,9 @@ const SpwHeaderNavigation = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '6ae2d0ae7fd91e2cfcdbd29af3d30a8a7f649582' }, index.h("nav", { key: '15059393309c805e5673b120465c70f05f00c16c', class: this.elementClass }, index.h("div", { key: '45e91ad756be87fe05667634aafb2243f114a7a3', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, index.h("div", { key: 'e40edfa65b39f960acf561a4bf874cbbe6bae9cf', class: "spw-header-navigation__list" }, index.h("div", { key: '8b1211d9f22a1bf0220d3734c4a2eec0728c296b', class: "spw-header-navigation__list-back" }, index.h("a", { key: '2b6ff357639f0c9868e1d99711bd952f5a5b9acd', href: "#", onClick: event => this.redirectToHome(event) }, index.h("spw-icon", { key: '090bd049bbd12c1768d0019e2cafa3174589f7af', icon: "fa-chevron-left" }), " ", index.h("span", { key: '25e74f06f90a59c97d0ef6d6047c7b0d2b7afafb' }, "Page d'accueil"))), index.h("slot", { key: 'd9f1b662c9e5db96324803ac01e7f1746217a25a' })), this.extraButton && (index.h("div", { key: '461e88709b6039cba5a4445b8da7d2b9aa25e1a1', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, index.h("spw-button", { key: 'a8436711e2ec9db920ca36df1fb5cbfdb5513c97', variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText))))), this.extraButton && (index.h("div", { key: '0999f700e76d847a5279192e06d29e9187ee948b', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, index.h("div", { key: '689630716fdb96ad722c6a8a60eac97b0ed91e42', class: "spw-ds-container" }, index.h("div", { key: '545f2858bb96a0a380dbeaf82bb30134fb191b8a', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, index.h("spw-button", { key: '666c2d4966b2793f8669946fc84062ecd03c78f1', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText)))))));
+        return (index.h(index.Host, { key: '8badbe92db3b73fe82801a1dde1812ddc812796b' }, index.h("nav", { key: '8ff3dcbf01cca318defa3e9a8c3a82b662b41921', class: this.elementClass, ref: el => (this.navEl = el) }, index.h("div", { key: 'd1f1efd1985d0f446f3b9666f48678191e24b372', class: "spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between" }, index.h("div", { key: '73966f188561329999e82a1c5f4d5cd70b6e30c7', class: "spw-header-navigation__list" }, index.h("div", { key: '5b8ee7e612f6599794c3ae0a018fcee0ab4fc5ac', class: "spw-header-navigation__list-back" }, index.h("a", { key: '87bc2d518a6b066e50bfa109373c79b8a681f03e', href: "#", onClick: event => this.redirectToHome(event) }, index.h("spw-icon", { key: 'fd7fcc7802c0462cf00d05c4ba5849cec4c3979e', icon: "fa-chevron-left" }), " ", index.h("span", { key: '2bec7ade09fb6cf4bfa61f8b218ce4e81d405d75' }, "Page d'accueil"))), index.h("slot", { key: '8a5bed9f588f1174c36577806a7371af8c08162b' })), this.extraButton && (index.h("div", { key: '3762ba5117d61a8ea23786b2d8907ffa79c85282', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop" }, index.h("spw-button", { key: 'f4d4cc075cda05e89c6253ba71097a05c00ce56c', variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText))))), this.extraButton && (index.h("div", { key: '79154f36ea26980b4e578f41ac0a341672525c83', class: "spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile" }, index.h("div", { key: '4096cc29660724c45c351e752a71d07abb5431c1', class: "spw-ds-container" }, index.h("div", { key: '4ce7958dda6cf1f693da0612a76d52ca2bce01ca', class: "spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile" }, index.h("spw-button", { key: '4126346880a6c5efb244abb06dff442e55e0e092', "is-full-width": "true", variant: this.extraButtonVariant, icon: this.extraButtonIcon, href: this.extraButtonHref, target: this.extraButtonTarget, size: "small" }, this.extraButtonText)))))));
     }
+    get el() { return index.getElement(this); }
 };
 SpwHeaderNavigation.style = spwHeaderNavigationCss();

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

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

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-persona{position:relative}@media (max-width: 1023px){.spw-header-persona{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);padding-top:16px;padding-bottom:16px}}@media (min-width: 1024px){.spw-header-persona{padding-left:24px;margin-left:24px;border-left:1px solid var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__label{font-size:14px;margin-bottom:2px;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{text-decoration:underline}.spw-header-persona:hover .spw-header-persona__active-persona{text-decoration:none}}.spw-header-persona__trigger{display:block}.spw-header-persona--opened .spw-header-persona__trigger{transform:rotate(180deg)}.spw-header-persona__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.spw-header-persona__dropdown{display:none;overflow:hidden}.spw-header-persona--opened .spw-header-persona__dropdown{display:block}@media (min-width: 1024px){.spw-header-persona--opened .spw-header-persona__dropdown{position:absolute;width:max-content;z-index:99999;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}`;
+const spwHeaderPersonaCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-persona{position:relative}@media (max-width: 1023px){.spw-header-persona{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);padding-top:16px;padding-bottom:16px}}@media (min-width: 1024px){.spw-header-persona{padding-left:24px;margin-left:24px;border-left:1px solid var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__label{font-size:14px;margin-bottom:2px;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{text-decoration:underline}.spw-header-persona:hover .spw-header-persona__active-persona{text-decoration:none}}.spw-header-persona__trigger{display:block}.spw-header-persona--opened .spw-header-persona__trigger{transform:rotate(180deg)}.spw-header-persona__select{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: 'fce37f836ff42b45d048028f52587484528dadcb' }, index.h("div", { key: '60ff68c37c3c10c0f5b44186d65236481d814bea', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, index.h("span", { key: 'b7001c9c5b57a1c0d85b392c73db7bd37a05bdd2', class: "spw-header-persona__label" }, this.personaLabel), index.h("div", { key: '42cf1c7369fd9bd1076f0808ca3317a6323ae627', class: "spw-header-persona__active-persona" }, this.activePersona, " ", index.h("spw-icon", { key: '9d7caafc5c62ff8ce1f9a8499a65e2d5d0e5f73b', icon: "fa-chevron-down" })), index.h("select", { key: '65e658d1c0f649be282ed1ba2999508585d34541', "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: '8f341293410029fcf1211a5e247b1f9a2e02bdd2' }, index.h("div", { key: 'a4e16dffd94a9f5c3d671c28cd493f491235b451', class: "spw-header-persona", onClick: this.handleButtonClick, onKeyDown: this.handleButtonKeyDown }, index.h("span", { key: 'a627b56e3fe17d00626c7c3746cad7c9837c011f', class: "spw-header-persona__label" }, this.personaLabel), index.h("div", { key: 'b97d652b55c26f33e7d46a28f611b9c1c9b74bff', class: "spw-header-persona__active-persona" }, this.activePersona, " ", index.h("spw-icon", { key: 'b7012fbcd920004a3dc61b34fccd486de3029e8a', icon: "fa-chevron-down" })), index.h("select", { key: 'a10aee9a407ad78c2b5029a86c2185f6693b5689', "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); }
 };