@postnord/pn-marketweb-components 4.3.1 → 4.3.2

package/components/pn-find-price.js

@@ -207,11 +207,11 @@ const PnfindPrice = /*@__PURE__*/ proxyCustomElement(class PnfindPrice extends H
         this.filteredItems = weightFilteredData;
     }
     render() {
-        return (h("div", { key: 'a87272a9316766c7cc8770bba1becf578619c731', class: "findprice-form" }, h("fieldset", { key: '20302323f0f34aebc4c7c3642ef0a4f320d936e8' }, h("legend", { key: '5333ad2f3d610f1d5e15515f1c73ab34a4f3bab9', class: "heading" }, state.i18n.sizeheading), h("div", { key: 'f738d920077c9c429d1f86d0a55e2f346585c748', class: "sizecategory" }, h("table", { key: '6b99b8ade6780a8764f008c770667f7a19fd166f', class: "sizeTable" }, h("img", { key: '5814f6873d2a7b5cf3c7c28cecff36d6448b1462', id: "clouds", src: cloudsSvg }), h("tr", { key: '7ecbe06255270535921cf41d3db05248a39dacb1' }, h("td", { key: '69af4b42b2cf107a6cfdcc35ecef0fe7b12e7993' }, h("img", { key: '54ab7b49042eb56f3642d843bd205df95b433c9b', class: "firstCell", src: postnordPerson1Svg })), h("td", { key: '3fd6c96b6c8af274da0b772263f050b15213feb9' }, h("img", { key: 'd329ec0a1023936fa32a5e1f8b7abadc804cadfb', src: smallPackageSvg })), h("td", { key: '802dfcc72142e0ae660d33a153dae4550ef88b5d' }, h("img", { key: '629121a3fad3ef08e7a70b634bf24bd06d9b25bd', src: mediumPackageSvg })), h("td", { key: '977429a1b104886f653b779142d35f9205e14c26' }, h("img", { key: '9adcdb575095ae89ab6d422b0b2ae7cf882d6bac', src: largePackageSvg }))), h("tr", { key: '43fb37f9188445510f9aad5dd9c8205de49271bc' }, h("td", { key: '7c0a22d52384a6030888eb9c26ffa0779f2f6b8d' }), sizeCategories.map(sizeCategory => (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
+        return (h("div", { key: '1d83da6b02b97a358ac624274e23327425021881', class: "findprice-form" }, h("fieldset", { key: '5397d6ed6b45b9e62bc77daabd8ef37b79e3fc1b' }, h("legend", { key: 'e2eccc63568642955ee091206748ea8f0e782d3c', class: "heading" }, state.i18n.sizeheading), h("div", { key: '68f1039882f0066e2669994bc03a01790b235b94', class: "sizecategory" }, h("table", { key: '7cda02f149431d7023c86a74b9a9e4d6a7b7e970', class: "sizeTable" }, h("img", { key: '1347d8df9b11259f7366bcc40a0d43fc9f02c334', id: "clouds", src: cloudsSvg }), h("tr", { key: '92cd6c7463294fa22c28ae1c9a8ff1720d9d36b5' }, h("td", { key: 'a196790e22196e6883f93281469f845959c278a3' }, h("img", { key: '39b4f6d3c5c7753dad3baf44f0b2181c6d3f20be', class: "firstCell", src: postnordPerson1Svg })), h("td", { key: '18df7943ef469dd5c006123cc3c4a854c9aeaec9' }, h("img", { key: 'f542102147239b98f1e5badac416e98f04a029a2', src: smallPackageSvg })), h("td", { key: '6d254cb13fe79792d75260c55571babba8be240f' }, h("img", { key: 'f4d33734b8463364d881f8ea89a32aba6fb8b225', src: mediumPackageSvg })), h("td", { key: '10f727f4642740fb36383d46db7f2a1934d36cae' }, h("img", { key: 'fe644f43c78035a32d5a4244ec1d0bd64df4385f', src: largePackageSvg }))), h("tr", { key: '79486d239522adba8e6331c9fefc4ffcd62758ea' }, h("td", { key: 'feac9e89feee808253b422d51d231e41ac3d9f5b' }), sizeCategories.map(sizeCategory => (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
                 this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
                 this.weight = { value: 0, name: '' };
                 this.weightvalue = this.weight.value;
-            } })))))))), h("fieldset", { key: 'cf8eeff6d0f5737d2b977b6176886b64b4dd044d' }, h("legend", { key: '129f078e7ef8588f74f29ce3600d310542bac761', class: "heading" }, state.i18n.weightheading), this.sizecategory.value && weights[this.sizecategory.unit] ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].map(wght => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: !this.weight.value ? 0 : weights[this.sizecategory.unit].findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
+            } })))))))), h("fieldset", { key: '7429534bdbadef6704acc7a900d06d1a976825bc' }, h("legend", { key: '1e2c491db6bf124f282c89a6e5b2c05512630485', class: "heading" }, state.i18n.weightheading), this.sizecategory.value && weights[this.sizecategory.unit] ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].map(wght => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: !this.weight.value ? 0 : weights[this.sizecategory.unit].findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
                 this.weight = weights[this.sizecategory.unit].filter(x => x.value === wght.value)[0];
                 this.weightvalue = this.weight.value;
             } }, wght.name)))))) : null, this.filteredItems && this.filteredItems.length > 0 ? (h("div", { class: "resultlist" }, state.i18n.resultlistheading ? h("div", { class: "resultHeading" }, state.i18n.resultlistheading) : null, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))))) : null)));

package/components/pn-find-service-and-price-result2.js

@@ -53,7 +53,7 @@ const PnfindServiceAndPriceResult = /*@__PURE__*/ proxyCustomElement(class Pnfin
         // (this.item.what === "letter" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + " kg" : this.item.maxweight + " g";
     }
     render() {
-        return (h(Host, { key: '205e3dd24a65ea8a0420eee16f98529c1b4de1ad' }, this.shownitems.map(item => (h("pn-product-card", null, h("pn-illustration", { slot: "illustration", illustration: item.illustration }), h("div", { slot: "content" }, h("div", { class: "content" }, h("h3", null, item.name), item.description ? h("div", { class: "description" }, item.description) : null, item.info ? h("div", { class: "description" }, item.info) : null)), item.maxweight ? h("pn-product-tile-info", { label: state.i18n.maxweightlabel, text: this.weightText }) : null, item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.stampshopcta, amount: item.pricestamps + '', currency: state.market.currency })) : null, item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, item.note ? (h("small", { slot: "note" }, h("p", null, item.note))) : null)))));
+        return (h(Host, { key: 'bf4e52c4adcba72ffeb9063b1fd30dafe6fa39eb' }, this.shownitems.map(item => (h("pn-product-card", null, h("pn-illustration", { slot: "illustration", illustration: item.illustration }), h("div", { slot: "content" }, h("div", { class: "content" }, h("h3", null, item.name), item.description ? h("div", { class: "description" }, item.description) : null, item.info ? h("div", { class: "description" }, item.info) : null)), item.maxweight ? h("pn-product-tile-info", { label: state.i18n.maxweightlabel, text: this.weightText }) : null, item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.stampshopcta, amount: item.pricestamps + '', currency: state.market.currency })) : null, item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, item.note ? (h("small", { slot: "note" }, h("p", null, item.note))) : null)))));
     }
     static get watchers() { return {
         "item": ["composeItems"]

package/components/pn-find-service-and-price.js

@@ -217,7 +217,7 @@ const PnfindServiceAndPrice = /*@__PURE__*/ proxyCustomElement(class PnfindServi
         this.filteredItems = weightFilteredData;
     }
     render() {
-        return (h("div", { key: 'd415e3280e0bd4962e67771d8c5f3ac28b8db1ff' }, h("div", { key: '4ed7a5c9fa08ca698c422244d83d3bcfcc27b6a4', class: "findprice-form" }, state.i18n.componentheading ? h("h2", null, state.i18n.componentheading) : null, h("div", { key: 'c0679e75afcb1c196f1f7abf0426785919eca6ee', class: "postagetypes" }, postagetypes.map(postagetype => (h("pn-choice-button", { choiceid: postagetype.value, value: postagetype.value, name: "postagetype", type: "radio", checked: postagetype.value === this.postagetype.value, onChange: () => {
+        return (h("div", { key: '51cd3bdb7327102e9da2121b7a0938173b928d77' }, h("div", { key: 'c5ab609c11853cc7f1c494b70780b9b901cb64db', class: "findprice-form" }, state.i18n.componentheading ? h("h2", null, state.i18n.componentheading) : null, h("div", { key: 'e888f71144a581259fc7fdb743b316a69a016419', class: "postagetypes" }, postagetypes.map(postagetype => (h("pn-choice-button", { choiceid: postagetype.value, value: postagetype.value, name: "postagetype", type: "radio", checked: postagetype.value === this.postagetype.value, onChange: () => {
                 this.postagetype = postagetypes.filter(x => x.value === postagetype.value)[0];
                 this.deliveryscope = { value: '', name: '', icon: '' };
                 this.weight = { value: 0, name: '' };

package/components/pn-hero-block-international.js

@@ -34,7 +34,7 @@ const PnHeroBlockInternational$1 = /*@__PURE__*/ proxyCustomElement(class PnHero
         }
     }
     render() {
-        return (h(Host, { key: 'cd3a9ba8eb365ff05a13f22c217cf6518187344d', class: `hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}` }, h("div", { key: 'ada4fbb353b6a20cf704beab8a2b3d03c1f242b7', class: "hero-international__content" }, h("div", { key: '79b742cee7177ac79d0c7a262e4e770e4c87161e', class: "flex-wrapper" }, h("div", { key: '8987b7d67a5d47799d9c3a28fbdfdbd4705aba59', class: "content-col" }, h("span", { key: '45775dada897e980f63f132498009a2cb1fc653f', class: "hero-international__content__site-tag" }, "International"), h("h1", { key: '64e02d12cb9f0fdd217337325e3688a074a68f2f', class: "hero-international__content__heading" }, this.heading, " ", h("span", { key: '41fd68780031bab9bd1661ee823fb2a5160efbc9' }, this.subHeading)), h("p", { key: '59a9e5e654c0eb0bb1a587a0516737db7c49e4a9', class: "hero-international__content__preamble" }, this.preamble), this.hasCtaButtonSlot && (h("div", { key: 'f6ddcfa3f618838abf2cfa9998f0d2199a719dff', class: "hero-international__content__cta" }, h("slot", { key: 'fc5282ee26529ab600854cd327d815013f4d719d', name: "hero-international-cta" })))), !this.centeredLayout && (h("div", { key: 'ed8a829af70e56eab2718e0f9f90a334c5d3c709', class: "hero-international__content__logo-col" }, h("div", { key: '79ea2b92017f13690d615e98083a773990a45978', class: "hero-international__content__logo-col__image" }, h("svg", { key: 'd3570ede2e968e22073d85583a716cc69ee3f902', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 919 336" }, h("circle", { key: 'bce0e197353421c3d2f44c13980910e243202b71', class: "cls-1", cx: "168", cy: "168", r: "168" }), h("circle", { key: '4f57bb01acabcd52546ce96a9195cdac7e5513cd', class: "cls-1", cx: "519", cy: "168", r: "168" }), h("path", { key: 'bc1b9a24cbd82f4285e8723201a1ff7c239b7807', class: "cls-1", d: "M510 0h409v336H510z" }), h("path", { key: '6db8c63917cccfc8b26e4831e18d8cba02da4f34', d: "M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z", class: "svg-path-style2" }), h("path", { key: '9169e1a186a9d655aeb07026c87cb8990f0cd6d7', d: "M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z", class: "svg-path-style1" })))))), this.showSideLoader && !this.centeredLayout && (h("div", { key: '955802798141357badfa0dff8b208636700e6cd4', class: `hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}` }, h("div", { key: 'b40db830d678ae7eea42886c4e58490709d16c89', class: "shape" }))))));
+        return (h(Host, { key: '72982e542c467deeccaa97b16f73d788705d09c2', class: `hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}` }, h("div", { key: 'cecdabe4eaf18f0baa45a98f7e081b3f3c6aa57a', class: "hero-international__content" }, h("div", { key: 'ea5d8232c85416662f5f71a657a2ee9f207f637e', class: "flex-wrapper" }, h("div", { key: '9692f0d43b935709741a9aff90964418e37e1d96', class: "content-col" }, h("span", { key: 'dbd8f59819a9e29a28e1c3814c989a0a76c63772', class: "hero-international__content__site-tag" }, "International"), h("h1", { key: '4eedf9c54cb305176b9bc7ac5da38ca515d8df4f', class: "hero-international__content__heading" }, this.heading, " ", h("span", { key: 'a801050db9ae90861db7ba21648c1b7c1bf36cc6' }, this.subHeading)), h("p", { key: '67c27e5aceca22621f7b5d7d6da70a9ba8446fa5', class: "hero-international__content__preamble" }, this.preamble), this.hasCtaButtonSlot && (h("div", { key: '1a07e58ea09c424f17a2e7f07dfc9d4df4a70c52', class: "hero-international__content__cta" }, h("slot", { key: '8c77e69689d600b6073f60e73ba3bc5f32619f94', name: "hero-international-cta" })))), !this.centeredLayout && (h("div", { key: '725beff79e671389468ff10bb84d5bd98e4f20f6', class: "hero-international__content__logo-col" }, h("div", { key: '769fb7a3d621bf61a729ec093eeb4745d5b1adb0', class: "hero-international__content__logo-col__image" }, h("svg", { key: '4f5deddbc97aef9257651824e4a35e4f641c92cd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 919 336" }, h("circle", { key: '0fad7fc68549ba0154e15f435ae18fb477c41c7f', class: "cls-1", cx: "168", cy: "168", r: "168" }), h("circle", { key: '7c6ac6619dd1fdd98692c69588b24ff6598f015d', class: "cls-1", cx: "519", cy: "168", r: "168" }), h("path", { key: '34185fafc36aa02ef5cf1a914dafc8745ca0c377', class: "cls-1", d: "M510 0h409v336H510z" }), h("path", { key: '086b3660cc717455e00b68e5415b53aaf89a1803', d: "M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z", class: "svg-path-style2" }), h("path", { key: '82933e7ff541dcb1a6968d644221a7e04185e11e', d: "M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z", class: "svg-path-style1" })))))), this.showSideLoader && !this.centeredLayout && (h("div", { key: '9cc18df5dc3f24bff172a6ebc2f032c098e2bce6', class: `hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}` }, h("div", { key: '10fe573e348232d8a59c79bb5d85187531a85243', class: "shape" }))))));
     }
     static get style() { return PnHeroBlockInternationalStyle0; }
 }, [4, "pn-hero-block-international", {

package/components/pn-language-selector-option2.js

@@ -31,7 +31,7 @@ const PnlanguageSelectorOption = /*@__PURE__*/ proxyCustomElement(class Pnlangua
         }
     }
     render() {
-        return (h(Host, { key: 'e51472e1c8226270ed869445dbbe59084758f73f', role: "listitem", selected: this.selected + '', code: this.code, name: this.name }, !this.url ? (h("button", { class: "languageselector-button", "data-langcode": this.code, onClick: this.onOptionClick.bind(this) }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code))) : (h("a", { href: this.url, target: "_self", class: "languageselector-link", "data-langcode": this.code }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code)))));
+        return (h(Host, { key: '120a44817be4b93b3032a3ad9594490ad08c71ab', role: "listitem", selected: this.selected + '', code: this.code, name: this.name }, !this.url ? (h("button", { class: "languageselector-button", "data-langcode": this.code, onClick: this.onOptionClick.bind(this) }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code))) : (h("a", { href: this.url, target: "_self", class: "languageselector-link", "data-langcode": this.code }, h("span", { class: "languageselector-radio-outer" }, h("span", { class: "languageselector-radio-inner" })), h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code)))));
     }
     static get style() { return PnLanguageSelectorOptionStyle0; }
 }, [0, "pn-language-selector-option", {

package/components/pn-language-selector2.js

@@ -137,7 +137,7 @@ const PnlanguageSelector = /*@__PURE__*/ proxyCustomElement(class PnlanguageSele
         });
     }
     render() {
-        return (h(Host, { key: '0ba1347ccc5175441a315db338775b9bcdabd7fc', value: this.value }, h("pn-button-dropdown", { key: '466f22c72836797e50ab8e90771b01231f288b84', label: this.selectedLanguageName, icon: globe, appearance: this.appearance, variant: "borderless", "aria-label": this.i18n.heading }, h("div", { key: '42dd5303f4118e72c6a6e5590ba66d094119c5b5', class: "languageselector-nav" }, h("strong", { key: '0e31f50c574d3a9c232a87f5fce335e543e04d10', class: "languageselector-title" }, this.i18n.heading), h("div", { key: 'e88f8090964f716ec4ac98393ddc6f89e4790575', class: "languageselector-list", role: "list" }, h("slot", { key: '67bf04a16414148371a8a7b56d67ede2c248a395' }))))));
+        return (h(Host, { key: '30445c2ff5bc5cbf527afb34675dd448715486bc', value: this.value }, h("pn-button-dropdown", { key: '380b212f804b6a2fd37e4c734be306907f42f84f', label: this.selectedLanguageName, icon: globe, appearance: this.appearance, variant: "borderless", "aria-label": this.i18n.heading }, h("div", { key: '13b1715497c0031cb3465bb04364f20ad0794b6a', class: "languageselector-nav" }, h("strong", { key: '8a1492197591798fc7e51399a898ef618296ff4a', class: "languageselector-title" }, this.i18n.heading), h("div", { key: 'd6a6bd4dc29bfd413febce5e5bdefa136b02a495', class: "languageselector-list", role: "list" }, h("slot", { key: '5bbb0a7d8c5ff178663bf578d0ee8fa10c456819' }))))));
     }
     static get watchers() { return {
         "value": ["setSelectedLanguageName", "setTranslations", "onValueChange"]

package/components/pn-level-up-modal2.js

@@ -125,7 +125,7 @@ const PnLevelUpModal = /*@__PURE__*/ proxyCustomElement(class PnLevelUpModal ext
         await this.updateBankIDUrl();
     };
     render() {
-        return (h(Host, { key: 'd4132cf151bb7435572c4f821f207870fe5c6e46' }, h("pn-modal", { key: 'b74f4681a2eda2ac975a760f1dbdd97bf8fc1e08', ref: el => this._levelUpModal = el, open: this.open, class: "level-up-phone-modal", "allow-overflow": 'true', label: this.headingText, onModalToggle: (ev) => {
+        return (h(Host, { key: '76e1a218f3727ecb7c4ed3031431c9f2396e16f4' }, h("pn-modal", { key: '1070592e01333d07085da839772bd89e9bff6f55', ref: el => this._levelUpModal = el, open: this.open, class: "level-up-phone-modal", "allow-overflow": 'true', label: this.headingText, onModalToggle: (ev) => {
                 const detail = ev.detail;
                 const isOpen = typeof detail === 'boolean' ? detail : !!detail?.open;
                 this.openModalToggle = isOpen;

package/components/pn-level-up.js

@@ -126,9 +126,9 @@ const PnLevelUp$1 = /*@__PURE__*/ proxyCustomElement(class PnLevelUp extends HTM
     }
     render() {
         const headingId = 'pn-level-up-heading';
-        return (h(Host, { key: '66bd375f706c63c3142e4acabe030335874e1270' }, this.isLeveledUp || this.isRecentLeveledUp
+        return (h(Host, { key: '25c4c9496efe071ba3c2970b03efa02feb8db58c' }, this.isLeveledUp || this.isRecentLeveledUp
             ? (this.presentResult())
-            : (h("div", { class: "pn-level-up", role: "region", "aria-labelledby": this.heading ? headingId : undefined }, h("div", { class: "content" }, this.heading && (h(HeadingTag, { id: headingId, level: this.headingLevel, cssClass: "heading" }, this.heading)), this.preamble && (h("div", { class: "preamble" }, this.preamble)), this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions(), this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()), h("div", { class: "image-container", "aria-hidden": !this.imageAltText }, this.imageUrl && h("img", { class: "image graphics", src: this.imageUrl, alt: this.imageAltText || '', loading: "lazy" })))), this.errorMessage && h("pn-toast", { key: 'b52687964ddef8054b444c859f44489b265eefd2', text: this.errorMessage, appearance: 'warning' }), h("pn-level-up-modal", { key: '66276af14a48cbee9e2c77f2ea887523652f9fdd', ref: el => this.modal = el, open: false, endpoint: this.endpoint, "instruction-phone-line-one": this.modalInstructionPhoneLineOne, "instruction-phone-line-two": this.modalInstructionPhoneLineTwo, "instruction-phone-line-three": this.modalInstructionPhoneLineThree, "heading-text": this.modalHeadingText, "outdated-q-r-message": this.modalOutdatedQRMessage, "expires-in-message": this.modalExpiresInMessage, "qr-aria-label": this.qrAriaLabel, system: this._android })));
+            : (h("div", { class: "pn-level-up", role: "region", "aria-labelledby": this.heading ? headingId : undefined }, h("div", { class: "content" }, this.heading && (h(HeadingTag, { id: headingId, level: this.headingLevel, cssClass: "heading" }, this.heading)), this.preamble && (h("div", { class: "preamble" }, this.preamble)), this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions(), this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()), h("div", { class: "image-container", "aria-hidden": !this.imageAltText }, this.imageUrl && h("img", { class: "image graphics", src: this.imageUrl, alt: this.imageAltText || '', loading: "lazy" })))), this.errorMessage && h("pn-toast", { key: '345b539923dca4d060f40aff186aeee7d3a94891', text: this.errorMessage, appearance: 'warning' }), h("pn-level-up-modal", { key: 'b54cf4b905d8db6af721d7d4cd3040f4dba6cbc0', ref: el => this.modal = el, open: false, endpoint: this.endpoint, "instruction-phone-line-one": this.modalInstructionPhoneLineOne, "instruction-phone-line-two": this.modalInstructionPhoneLineTwo, "instruction-phone-line-three": this.modalInstructionPhoneLineThree, "heading-text": this.modalHeadingText, "outdated-q-r-message": this.modalOutdatedQRMessage, "expires-in-message": this.modalExpiresInMessage, "qr-aria-label": this.qrAriaLabel, system: this._android })));
     }
     static get style() { return PnLevelUpStyle0; }
 }, [0, "pn-level-up", {

package/components/pn-link-list.js

@@ -51,7 +51,7 @@ const PnLinkList$1 = /*@__PURE__*/ proxyCustomElement(class PnLinkList extends H
         }
     };
     render() {
-        return (h(Host, { key: '2bdbbc5c06f8fc7946c22dd151fdf725b971a47f' }, (this.heading || this.preamble) && (h("div", { key: 'ae7e816a4b35d9736eca631594bf8dd4a402096b', class: "link-list__header" }, this.heading && h("h2", { key: '4f71745dfbc20fc0422bccae0e2fa40873bd0921', class: "link-list__heading" }, this.heading), this.preamble && h("p", { key: 'd90f91362ec62ce07f5c7fe52f9555be516a592b', class: "link-list__preamble" }, this.preamble))), h("div", { key: '320c142dd6a699e1ca05c93c4d9af11843d5d168', class: "link-list" }, h("div", { key: '65bf6f7c2339e6c48a6f0a30b04b8685ae1f19e2', class: "link-list__container", onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove }, h("div", { key: '76fc2f53fb5273c3e90b05dbf697be55e98d58cc', class: "link-list__scrollable" }, h("slot", { key: '13ef92532b590781ecd5b1d6fa9ccf07295c78b0', name: "linklist" })))), this.showMoreUrl ? (h("div", { class: "link-list__button" }, h("pn-button", { appearance: "light", href: this.showMoreUrl }, this.showMoreLabel), ' ')) : ('')));
+        return (h(Host, { key: 'f3391e76bff21c2c457e0f444d8c12ea1c60f68c' }, (this.heading || this.preamble) && (h("div", { key: 'e341985c5bcefde571f5455bbe0349155e6c0cdb', class: "link-list__header" }, this.heading && h("h2", { key: 'c34e3ce6f6b52ddda60f30f3debebddf5e6d4dac', class: "link-list__heading" }, this.heading), this.preamble && h("p", { key: '40324fc42fb7fd41e6599472d7f201baf4f139c5', class: "link-list__preamble" }, this.preamble))), h("div", { key: 'f5dd403561b08db47a7914a7bf9c2e2c4ace89fa', class: "link-list" }, h("div", { key: '592d66f3bb97e13610fd2190b2e4cff9a4696c1b', class: "link-list__container", onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove }, h("div", { key: '072bc4292cd17c1c36303715c9dc1805051ffd63', class: "link-list__scrollable" }, h("slot", { key: '83f16bb38622bad50e347a9b8e15c4728d9d490a', name: "linklist" })))), this.showMoreUrl ? (h("div", { class: "link-list__button" }, h("pn-button", { appearance: "light", href: this.showMoreUrl }, this.showMoreLabel), ' ')) : ('')));
     }
     static get style() { return PnLinkListStyle0; }
 }, [4, "pn-link-list", {

package/components/pn-mainnav-level2.js

@@ -75,10 +75,10 @@ const PnMainnavLevel = /*@__PURE__*/ proxyCustomElement(class PnMainnavLevel ext
         state.currentLevel = this.level;
     }
     render() {
-        return (h(Host, { key: 'ac243e3360d377e5d6324117225f2f8a769c43f5', ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
+        return (h(Host, { key: '1717f62604a0b8a245bc26eb0cf55b72192b5592', ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
                 state.openLevel = '';
                 state.currentLevel = 1;
-            }, "aria-expanded": (state.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '824623c0a89c4c15a23e866f90adf24584dee75e', name: "top" }), h("slot", { key: '9da0b6a172b8bcf943f31d72080c0a635284bbb9' }), h("slot", { key: '6bded6f5615ad6bbb6f721add8c558974f2fde3e', name: "additional" }), h("slot", { key: '02a3446012d0d132a805a207972c7034a3d8a4cf', name: "footer" })));
+            }, "aria-expanded": (state.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '582cdd7a6bc61e25e6a196fc17c43bce3907033a', name: "top" }), h("slot", { key: '2b076344434db3b9b844423f4a797e793deba873' }), h("slot", { key: 'd45c6146209b2eed25166a38285f06aa5ae66a53', name: "additional" }), h("slot", { key: '5f29d378a41d9e8eee471cb131fac87bf5767572', name: "footer" })));
     }
     static get watchers() { return {
         "label": ["setState"],

package/components/pn-mainnav-link2.js

@@ -31,7 +31,7 @@ const PnMainnavLink = /*@__PURE__*/ proxyCustomElement(class PnMainnavLink exten
         state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;
     }
     render() {
-        return (h(Host, { key: '3c93d6d6fa93518b592e3a91f7a19b8875d8a786', role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-expanded": (state.openLevel + '' === this.levelId + '') + '', "aria-haspopup": "true" }, this.name, h("pn-icon", { class: "first-level_icon", icon: angle_small_down, color: "blue700" }), h("pn-icon", { class: "first-level_arrow", icon: arrow_right, color: "blue700" }))) : (h("a", { href: this.href, ...(this.target ? { target: this.target } : {}), ...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {}), ...(this.linkid ? { id: this.linkid } : {}) }, this.name, this.target === '_blank' ? h("pn-icon", { icon: open_in_new, color: "blue700" }) : null)), h("slot", { key: '365a480af84435a0d0ae0c9c95cf5461410f539f' })));
+        return (h(Host, { key: '76a15bd12ee14e7d774661d578445facd3722004', role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-expanded": (state.openLevel + '' === this.levelId + '') + '', "aria-haspopup": "true" }, this.name, h("pn-icon", { class: "first-level_icon", icon: angle_small_down, color: "blue700" }), h("pn-icon", { class: "first-level_arrow", icon: arrow_right, color: "blue700" }))) : (h("a", { href: this.href, ...(this.target ? { target: this.target } : {}), ...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {}), ...(this.linkid ? { id: this.linkid } : {}) }, this.name, this.target === '_blank' ? h("pn-icon", { icon: open_in_new, color: "blue700" }) : null)), h("slot", { key: '6d2e33590d65706ea811fdcb963c48950517bc61' })));
     }
     static get style() { return PnMainnavLinkStyle0; }
 }, [4, "pn-mainnav-link", {

package/components/pn-mainnav-list2.js

@@ -15,7 +15,7 @@ const PnMainnavList = /*@__PURE__*/ proxyCustomElement(class PnMainnavList exten
         this.linkCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-link').length;
     }
     render() {
-        return (h(Host, { key: '3f433037d2fc867c74a1f5759fadb2f4fffd2c57', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? h("div", { class: "mainnav-list-heading" }, this.heading) : null, h("slot", { key: '52fd5e61c361e7660f43780fbdf8050835cc7c16' })));
+        return (h(Host, { key: '9a48708097c27c00ae3244b6d7974757717182c3', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? h("div", { class: "mainnav-list-heading" }, this.heading) : null, h("slot", { key: 'ca8723edd8fbf394adb586da44d07067abf393e4' })));
     }
     static get style() { return PnMainnavListStyle0; }
 }, [4, "pn-mainnav-list", {

package/components/pn-mainnav2.js

@@ -147,7 +147,7 @@ const PnMainnav = /*@__PURE__*/ proxyCustomElement(class PnMainnav extends HTMLE
         state.openLevel = event.detail;
     }
     render() {
-        return (h(Host, { key: '1b30fcc03e3f10d965469b31cdb62617cdc16c8b' }, h("div", { key: 'df334e4a7a9c9a34a2dddebab2d5b5f9d815e8c0', class: "mainnav-toggle" }, h("button", { key: '094bcd9687a0dfe49de1cf442ec18d766e97b998', "aria-controls": this.navigationId, "aria-expanded": state.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, state.i18n.mainMenuButton, h("pn-icon", { key: '92d31dd8f0842406ac92ca0930b4862e64805ae2', icon: state.openMenu ? close : bars, color: "white" }))), h("nav", { key: 'c583056ed35ca91dc776e2a4f7d568a353c0f27d', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": state.openMenu + '', "data-menu-currentlevel": state.currentLevel, id: this.navigationId }, h("slot", { key: 'e66850f10c8b2d2963d93b4fc9bfead91be77777' }))));
+        return (h(Host, { key: '96a2de7d4e9c02a53cab673a533f16b31330e3d5' }, h("div", { key: 'bfc843c5e20af6edfba29a21a42fa78f6ae3dcec', class: "mainnav-toggle" }, h("button", { key: 'c830400cb0eb94ec7e43e40faf540dec5cf98cb3', "aria-controls": this.navigationId, "aria-expanded": state.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, state.i18n.mainMenuButton, h("pn-icon", { key: 'fbcffba27203ef72cd790ffc8b956aa92d94ffed', icon: state.openMenu ? close : bars, color: "white" }))), h("nav", { key: 'b4e906e2e031ef66f83a5c2597d3f7cc3b2a2be1', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": state.openMenu + '', "data-menu-currentlevel": state.currentLevel, id: this.navigationId }, h("slot", { key: '2c9742cd1aaf860cc0e51a4d66e049a59976e7c8' }))));
     }
     static get style() { return PnMainnavStyle0; }
 }, [4, "pn-mainnav", {

package/components/pn-marketweb-carousel2.js

@@ -283,7 +283,7 @@ const PnMarketwebCarousel = /*@__PURE__*/ proxyCustomElement(class PnMarketwebCa
         this.updateNavButtons();
     }
     render() {
-        return (h(Host, { key: 'd3a7419d04a2c4fad14f8b5448343acfb08d9689' }, h("div", { key: '4127f2f28a43f182ad3e6270fcddb060cde21031', class: "pn-marketweb-carousel" }, h("section", { key: 'ebe97d5bcc34cbf2cca67cec5cf5c332253269a7', class: "slider-wrapper" }, this.showCarouselButtons && (h("div", { key: 'b1afb321a25f04a618a1b9edc921277dc923bc3c', class: "nav-buttons", role: "group", "aria-label": this.ariaNavigationLabel }, h("pn-button", { key: '2e9ea01a7970b3e3412afffe7163c35c26b78cd5', appearance: "light", icon: arrow_left, "icon-only": "true", tooltip: this.previousButtonLabel, class: `nav-button ${this.currentSlide === 0 && !this.showFirstSlidePrevButton ? 'invisible' : ''}`, "data-nav-button-prev": true, "area-label": this.previousButtonLabel, "aria-disabled": this.currentSlide === 0 && !this.showFirstSlidePrevButton }), h("pn-button", { key: 'd5eabf25ca890e994eded467bbb95d620a9c3b28', appearance: "light", icon: arrow_right, "icon-only": "true", tooltip: this.nextButtonLabel, class: "nav-button", "data-nav-button-next": true, "area-label": this.nextButtonLabel, "aria-disabled": this.currentSlide === this.totalSlides - 1 && !this.showLastSlideNextButton }))), this.slidesData && (h("ul", { key: '3614d28a9b7fd857b70b6e223db3f00e1324a108', class: "slides-container", "data-slides-container": true, "data-partial": this.slidesToShow === 1 ? 'false' : 'true', "aria-live": "polite", style: { display: 'flex', transform: 'none' } }, this.slidesData.map((slide, index) => (h("li", { class: "slide", "data-slide": true, innerHTML: slide, style: { width: this.slideWidth + '%' }, "aria-hidden": index !== this.currentSlide })))))))));
+        return (h(Host, { key: '8d489af98cf73ac43c552ac3ee316bd24bf5a2d0' }, h("div", { key: 'dc3d18f66f48af9cf2ed99d495c3626e95d1d8b3', class: "pn-marketweb-carousel" }, h("section", { key: '27dfb31b3648f26928645f1f713bafaedbb9f0fb', class: "slider-wrapper" }, this.showCarouselButtons && (h("div", { key: '5f88edaf3de10701c2632f592715f9bcefbd22d5', class: "nav-buttons", role: "group", "aria-label": this.ariaNavigationLabel }, h("pn-button", { key: '2df234b30539b17076a6db38da77e38b8b593ba0', appearance: "light", icon: arrow_left, "icon-only": "true", tooltip: this.previousButtonLabel, class: `nav-button ${this.currentSlide === 0 && !this.showFirstSlidePrevButton ? 'invisible' : ''}`, "data-nav-button-prev": true, "area-label": this.previousButtonLabel, "aria-disabled": this.currentSlide === 0 && !this.showFirstSlidePrevButton }), h("pn-button", { key: 'd9637df87e201c5667c164f65a7d486a2bdc12e8', appearance: "light", icon: arrow_right, "icon-only": "true", tooltip: this.nextButtonLabel, class: "nav-button", "data-nav-button-next": true, "area-label": this.nextButtonLabel, "aria-disabled": this.currentSlide === this.totalSlides - 1 && !this.showLastSlideNextButton }))), this.slidesData && (h("ul", { key: '61a176627f3a3c5df83b2498e8cfc3570ef1ec5e', class: "slides-container", "data-slides-container": true, "data-partial": this.slidesToShow === 1 ? 'false' : 'true', "aria-live": "polite", style: { display: 'flex', transform: 'none' } }, this.slidesData.map((slide, index) => (h("li", { class: "slide", "data-slide": true, innerHTML: slide, style: { width: this.slideWidth + '%' }, "aria-hidden": index !== this.currentSlide })))))))));
     }
     static get watchers() { return {
         "source": ["handleSourceChange"]

package/components/pn-marketweb-header-main-row2.js

@@ -53,7 +53,7 @@ function promotedItemId(item) {
     return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\/]/gim, '');
 }
 
-const pnMarketwebHeaderMainRowCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-header-main-row{display:contents}pn-marketweb-header-main-row .siteheader-row-main{background-color:var(--siteheader-main-row-bg-mobile, transparent)}pn-marketweb-header-main-row .siteheader-mobile-left{display:flex;align-items:center;flex:1 1 auto;min-width:0;order:1}pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;order:1}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logocontainer{min-height:5.6rem;background:transparent;position:static;left:auto;transform:none}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logolink{max-height:5.6rem}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logo{display:block;width:auto;max-width:12.7rem;height:2.4rem}pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none;align-items:center}pn-marketweb-header-main-row .siteheader-mainnav-middle{display:none;align-items:center;justify-content:flex-end;order:3}pn-marketweb-header-main-row .siteheader-mainnav-middle>pn-marketweb-siteheader-search{display:flex;align-items:center;justify-content:flex-end}pn-marketweb-header-main-row .siteheader-mainnav-middle>[slot=header-bottom-button]{display:contents}pn-marketweb-header-main-row .siteheader-mainnav-menu{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;order:2}pn-marketweb-header-main-row .siteheader-menu{max-width:100%;overflow:visible}pn-marketweb-header-main-row .siteheader-menu pn-mainnav-link a[target]::after{content:none}pn-marketweb-header-main-row .siteheader-menu pn-marketweb-siteheader-search{width:100%;padding:0.3rem 1.6rem}pn-marketweb-header-main-row .siteheader-menu [slot=top] pn-search-field{width:100%}pn-marketweb-header-main-row .siteheader-menu nav.mainnav[data-menu-open=true]>pn-mainnav-level[data-level=\"1\"]{display:block;margin-top:0;height:calc(100dvh - 0);overflow-y:auto;-webkit-overflow-scrolling:touch}pn-marketweb-header-main-row .siteheader-mainnav-groups{display:flex;flex-direction:column}pn-marketweb-header-main-row .siteheader-mainnav-list{overflow:visible}pn-marketweb-header-main-row .siteheader-mainnav-divider{display:none}pn-marketweb-header-main-row .siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}pn-marketweb-header-main-row .siteheader-menu-footer>*{margin:1.6rem}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-logo,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none}body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-logo{display:none}body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:flex}@media screen and (min-width: 769px){pn-marketweb-header-main-row .siteheader-row-main{background-color:var(--siteheader-main-row-bg-tablet, transparent)}pn-marketweb-header-main-row .siteheader-mobile-left{display:none}pn-marketweb-header-main-row .siteheader-mainnav-middle{display:flex;margin-left:auto}pn-marketweb-header-main-row .siteheader-mainnav-menu{justify-content:flex-start}pn-marketweb-header-main-row .siteheader-menu-footer{display:none}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-logo,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-logo,body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none}}@media screen and (min-width: 1024px){pn-marketweb-header-main-row .siteheader-mainnav-groups{display:inline-flex;flex-direction:row;align-items:stretch;vertical-align:top}pn-marketweb-header-main-row .siteheader-mainnav-middle{order:3;margin-left:1.6rem}pn-marketweb-header-main-row .siteheader-mainnav-menu{order:2}pn-marketweb-header-main-row .siteheader-menu{margin-top:auto;overflow:visible}pn-marketweb-header-main-row .siteheader-menu nav.mainnav[data-menu-open=true]>pn-mainnav-level[data-level=\"1\"]{margin-top:0;height:auto;overflow-y:visible}pn-marketweb-header-main-row .siteheader-mainnav-list{display:inline-flex;align-items:stretch;vertical-align:top}pn-marketweb-header-main-row .siteheader-mainnav-divider{display:inline-flex;align-self:center;width:1px;min-height:4rem;margin:0 0.8rem;background:var(--siteheader-mainnav-divider-color, #d3cecb)}}";
+const pnMarketwebHeaderMainRowCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-header-main-row{display:contents}pn-marketweb-header-main-row .siteheader-row-main{background-color:var(--siteheader-main-row-bg-mobile, transparent)}pn-marketweb-header-main-row .siteheader-mobile-left{display:flex;align-items:center;flex:1 1 auto;min-width:0;order:1}pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;order:1}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logocontainer{min-height:5.6rem;background:transparent;position:static;left:auto;transform:none}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logolink{max-height:5.6rem}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logo{display:block;width:auto;max-width:12.7rem;height:2.4rem}pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none;align-items:center}pn-marketweb-header-main-row .siteheader-mainnav-middle{display:none;align-items:center;justify-content:flex-end;order:3}pn-marketweb-header-main-row .siteheader-mainnav-middle>pn-marketweb-siteheader-search{display:flex;align-items:center;justify-content:flex-end}pn-marketweb-header-main-row .siteheader-mainnav-middle>[slot=header-bottom-button]{display:contents}pn-marketweb-header-main-row .siteheader-mainnav-menu{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;order:2}pn-marketweb-header-main-row .siteheader-mainnav-menu>[slot=mobile-toprightend]{display:flex;align-items:center;align-self:center;padding:1rem 0;margin-right:1.2rem;color:var(--siteheader-cart-link-color, var(--siteheader-top-link-color, inherit));text-decoration:none}pn-marketweb-header-main-row .siteheader-mainnav-menu>[slot=mobile-toprightend]>:not(pn-icon):not([data-cart-countindicator]){display:none}pn-marketweb-header-main-row .siteheader-mainnav-menu>[slot=mobile-toprightend] pn-icon svg>path{fill:var(--siteheader-cart-icon-color, var(--siteheader-top-icon-fill, currentColor))}pn-marketweb-header-main-row .siteheader-menu{max-width:100%;overflow:visible}pn-marketweb-header-main-row .siteheader-menu pn-mainnav-link a[target]::after{content:none}pn-marketweb-header-main-row .siteheader-menu pn-marketweb-siteheader-search{width:100%;padding:0.3rem 1.6rem}pn-marketweb-header-main-row .siteheader-menu [slot=top] pn-search-field{width:100%}pn-marketweb-header-main-row .siteheader-menu nav.mainnav[data-menu-open=true]>pn-mainnav-level[data-level=\"1\"]{display:block;margin-top:0;height:calc(100dvh - 0);overflow-y:auto;-webkit-overflow-scrolling:touch}pn-marketweb-header-main-row .siteheader-mainnav-groups{display:flex;flex-direction:column}pn-marketweb-header-main-row .siteheader-mainnav-list{overflow:visible}pn-marketweb-header-main-row .siteheader-mainnav-divider{display:none}pn-marketweb-header-main-row .siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}pn-marketweb-header-main-row .siteheader-menu-footer>*{margin:1.6rem}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-logo,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none}body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-logo{display:none}body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:flex}@media screen and (min-width: 769px){pn-marketweb-header-main-row .siteheader-row-main{background-color:var(--siteheader-main-row-bg-tablet, transparent)}pn-marketweb-header-main-row .siteheader-mobile-left{display:none}pn-marketweb-header-main-row .siteheader-mainnav-middle{display:flex;margin-left:auto}pn-marketweb-header-main-row .siteheader-mainnav-menu{justify-content:flex-start}pn-marketweb-header-main-row .siteheader-mainnav-menu>[slot=mobile-toprightend]{display:none}pn-marketweb-header-main-row .siteheader-menu-footer{display:none}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-logo,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-logo,body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none}}@media screen and (min-width: 1024px){pn-marketweb-header-main-row .siteheader-mainnav-groups{display:inline-flex;flex-direction:row;align-items:stretch;vertical-align:top}pn-marketweb-header-main-row .siteheader-mainnav-middle{order:3;margin-left:1.6rem}pn-marketweb-header-main-row .siteheader-mainnav-menu{order:2}pn-marketweb-header-main-row .siteheader-menu{margin-top:auto;overflow:visible}pn-marketweb-header-main-row .siteheader-menu nav.mainnav[data-menu-open=true]>pn-mainnav-level[data-level=\"1\"]{margin-top:0;height:auto;overflow-y:visible}pn-marketweb-header-main-row .siteheader-mainnav-list{display:inline-flex;align-items:stretch;vertical-align:top}pn-marketweb-header-main-row .siteheader-mainnav-divider{display:inline-flex;align-self:center;width:1px;min-height:4rem;margin:0 0.8rem;background:var(--siteheader-mainnav-divider-color, #d3cecb)}}";
 const PnMarketwebHeaderMainRowStyle0 = pnMarketwebHeaderMainRowCss;
 
 const PnMarketwebHeaderMainRow = /*@__PURE__*/ proxyCustomElement(class PnMarketwebHeaderMainRow extends HTMLElement {
@@ -135,19 +135,19 @@ const PnMarketwebHeaderMainRow = /*@__PURE__*/ proxyCustomElement(class PnMarket
     render() {
         // main row's subcomponent have light appearance even if business theme, since white bg
         const appearance = 'light';
-        return (h("div", { key: 'b19e8188f8776a417d92b422e97af169073992d7', class: "siteheader-row siteheader-row-main" }, h("div", { key: 'ee3206293821a283e0db7231fb88f8c7c4ccaf9f', class: "siteheader-mobile-left" }, h("div", { key: 'f02ae43733ecbb7d9a58f2f2faa0422e67ab398f', class: "siteheader-mobile-logo" }, renderHeaderLogo({
+        return (h("div", { key: '6569068aa71f831c64d80ae49841c52c422aafee', class: "siteheader-row siteheader-row-main" }, h("div", { key: 'd80d94ad7d42ad0e6dd4f17793470e3b99e1259b', class: "siteheader-mobile-left" }, h("div", { key: '8f15ec3f0912eff80b9b2b1b5110f9d8d5be340b', class: "siteheader-mobile-logo" }, renderHeaderLogo({
             homePageLink: this.logoUrl, //this.vm.homePageLink,
             homeLabel: this.i18n.home,
-        })), this.vm.hasMenuSwitching && (h("div", { key: '7559d93cf6e65dd98d943cc0bd047597486c7562', class: "siteheader-mobile-menu-toggle" }, renderHeaderMenuSwitcher({
+        })), this.vm.hasMenuSwitching && (h("div", { key: 'cd7e5b59db027518655aa6b64ca7d41c50439df8', class: "siteheader-mobile-menu-toggle" }, renderHeaderMenuSwitcher({
             vm: this.vm,
             activeMenuMode: this.activeMenuMode,
             navigateOnMenuToggle: this.navigateOnMenuToggle,
             onMenuToggleChange: this.menuToggleChangeHandler,
-        })))), h("div", { key: '25864e4241677776b8fffe41ba24cce1c3b5bc8f', class: "siteheader-mainnav-middle" }, h("pn-marketweb-siteheader-search", { key: '1ff81b6b404c473ed028a01115780f1837f78ec2', language: this.language, siteid: this.siteid, primary: true, search: this.vm.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n }), h("slot", { key: 'd650ca23a0fa02d7e4dacccea5020743a509c782', name: "header-bottom-button" })), h("div", { key: 'b72af48b90c18d82a80469297327518af35c142c', class: "siteheader-mainnav-menu" }, h("div", { key: 'fbcd12fab8d69e0181fcc81185dca22fd502df7d', class: "siteheader-menu" }, h("pn-mainnav", { key: '3980090469bd133fabc2576ac41a12ab98f3cbc5', ref: el => {
+        })))), h("div", { key: '1e1602ae9fa7a24e67c4210c349fa11c647cbc61', class: "siteheader-mainnav-middle" }, h("pn-marketweb-siteheader-search", { key: '56b70f0de0d1eb0818f9be8b29f6aab4a33436ce', language: this.language, siteid: this.siteid, primary: true, search: this.vm.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n }), h("slot", { key: '3a2a912c7578588245a306e0a69b19ba4fe6f07b', name: "header-bottom-button" })), h("div", { key: '950031e00ce843cb258fe41a019d2d291484355e', class: "siteheader-mainnav-menu" }, h("slot", { key: '5d162a549fa86c35ae1df1a70d8fa891676115c9', name: "mobile-toprightend" }), h("div", { key: '590c867a2b6c21b32677583050455464ec3d7256', class: "siteheader-menu" }, h("pn-mainnav", { key: '22e04f8724b186aa428ec79f1779b79c9c4fdaa0', ref: el => {
                 this.mainNavRefHandler(el);
             }, market: this.market, language: this.language, onMenuOpenChange: e => {
                 document.body.setAttribute('data-siteheader-menuopen', String(e.detail));
-            } }, h("pn-mainnav-level", { key: '2c608f41f227e445808121d53abab276459cedc8' }, this.showMenuDivider ? (this.renderGroupedMenuLists(this.primaryItems, this.sharedItems)) : (h("pn-mainnav-list", null, this.renderMenuLinks(this.primaryItems))), this.renderMenuFooter(appearance), h("div", { key: 'f41ca4efbce5a71be65381199efb81f491c0ee0d', slot: "top", class: "siteheader-menu-top" }, h("pn-marketweb-siteheader-search", { key: 'bf04f67936996b8151a6ba14c64a5a7212d90ee4', language: this.language, siteid: this.siteid, search: this.vm.search, "hide-search": this.hideSearch, i18n: this.i18n }))))))));
+            } }, h("pn-mainnav-level", { key: '67a41d3f1fda939b23f8115fa8a0358f75f44422' }, this.showMenuDivider ? (this.renderGroupedMenuLists(this.primaryItems, this.sharedItems)) : (h("pn-mainnav-list", null, this.renderMenuLinks(this.primaryItems))), this.renderMenuFooter(appearance), h("div", { key: 'f4c378b80d938530e5fe28bbedb48c080f4edb35', slot: "top", class: "siteheader-menu-top" }, h("pn-marketweb-siteheader-search", { key: '7dd680e6a0e3286e988b86d27e2d916e29171e98', language: this.language, siteid: this.siteid, search: this.vm.search, "hide-search": this.hideSearch, i18n: this.i18n }))))))));
     }
     static get style() { return PnMarketwebHeaderMainRowStyle0; }
 }, [4, "pn-marketweb-header-main-row", {

package/components/pn-marketweb-header-main-row2.js.map

@@ -1 +1 @@
-{"file":"pn-marketweb-header-main-row2.js","mappings":"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","names":[],"sources":["src/components/layout-components/pn-marketweb-header/utils/header-menu.ts","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.scss?tag=pn-marketweb-header-main-row","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.tsx"],"sourcesContent":["import {\n    MenuItem,\n    PromotedMenuItem,\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\n\n/**\n * Adds a Home item at the beginning of the main menu when needed.\n *\n * What it does:\n * - Returns the input untouched when hideHomeMenuItem is true\n * - Avoids adding a duplicate Home item if one already exists first in the list\n * - Otherwise prepends a synthetic Home item using the translated label\n */\nexport function prependHomeMenuItem(\n    items: MenuItem[],\n    i18n: SiteHeaderI18N,\n    homeUrl: string,\n    hideHomeMenuItem: boolean,\n): MenuItem[] {\n    if (hideHomeMenuItem) {\n        return items;\n    }\n\n    if (items[0]?.name === i18n.menuHomeButton) {\n        return items;\n    }\n\n    return [\n        {\n            href: homeUrl,\n            name: i18n.menuHomeButton,\n            id: 'homelink',\n            open: false,\n            selected: false,\n            children: [],\n        } as MenuItem,\n        ...items,\n    ];\n}\n\n/**\n * Creates a stable-ish tracking id for promoted menu items.\n *\n * This mirrors the old wrapper behavior and is used when rendering promoted links.\n */\nexport function promotedItemId(item: PromotedMenuItem): string {\n    return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n}","@import \"../../../../globals/main.scss\";\n@import \"./../../pn-marketweb-siteheader/pn-marketweb-siteheader-common.scss\";\n\n$siteheader-breakpoint-tablet: 769px;\n$siteheader-breakpoint-desktop: 1024px;\n\n$siteheader-logo-width-mobile: 12.7rem;\n$siteheader-logo-height-mobile: 2.4rem;\n$siteheader-logo-container-min-height-mobile: 5.6rem;\n\n$siteheader-menu-mobile-offset-top: 0; //was 5.6rem;\n\n$siteheader-space-xxs: 0.3rem;\n$siteheader-space-md: 0.8rem;\n$siteheader-space-xl: 1.2rem;\n$siteheader-space-3xl: 1.6rem;\n\npn-marketweb-header-main-row {\n    display: contents;\n\n    .siteheader-row-main {\n        background-color: var(--siteheader-main-row-bg-mobile, transparent);\n    }\n\n    .siteheader-mobile-left {\n        display: flex;\n        align-items: center;\n        flex: 1 1 auto;\n        min-width: 0;\n        order: 1;\n    }\n\n    .siteheader-mobile-logo {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        min-width: 0;\n        order: 1;\n\n        .siteheader-logocontainer {\n            min-height: $siteheader-logo-container-min-height-mobile;\n            background: transparent;\n            position: static;\n            left: auto;\n            transform: none;\n        }\n\n        .siteheader-logolink {\n            max-height: $siteheader-logo-container-min-height-mobile;\n        }\n\n        .siteheader-logo {\n            display: block;\n            width: auto;\n            max-width: $siteheader-logo-width-mobile;\n            height: $siteheader-logo-height-mobile;\n        }\n    }\n\n    .siteheader-mobile-menu-toggle {\n        display: none;\n        align-items: center;\n    }\n\n    .siteheader-mainnav-middle {\n        display: none;\n        align-items: center;\n        justify-content: flex-end;\n        order: 3;\n\n        > pn-marketweb-siteheader-search {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n        }\n\n        > [slot=\"header-bottom-button\"] {\n            display: contents;\n        }\n    }\n\n    .siteheader-mainnav-menu {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        flex: 0 0 auto;\n        order: 2;        \n    }\n\n    .siteheader-menu {\n        max-width: 100%;\n        overflow: visible;\n\n        pn-mainnav-link a[target] {\n            &::after {\n                content: none;\n            }\n        }\n\n        pn-marketweb-siteheader-search {\n            width: 100%;\n            padding: $siteheader-space-xxs $siteheader-space-3xl;\n        }\n\n        [slot=\"top\"] pn-search-field {\n            width: 100%;\n        }\n\n        nav.mainnav[data-menu-open=\"true\"] > pn-mainnav-level[data-level=\"1\"] {\n            display: block;\n            margin-top: $siteheader-menu-mobile-offset-top;\n            height: calc(100dvh - #{$siteheader-menu-mobile-offset-top});\n            overflow-y: auto;\n            -webkit-overflow-scrolling: touch;\n        }\n    }\n\n    .siteheader-mainnav-groups {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .siteheader-mainnav-list {\n        overflow: visible;\n    }\n\n    .siteheader-mainnav-divider {\n        display: none;\n    }\n\n    .siteheader-menu-footer {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n\n        > * {\n            margin: $siteheader-space-3xl;\n        }\n    }\n}\n\npn-marketweb-header-main-row {\n    body[data-siteheader-menuopen=\"false\"] &,\n    body:not([data-siteheader-menuopen]) & {\n        .siteheader-mobile-logo {\n            display: flex;\n        }\n\n        .siteheader-mobile-menu-toggle {\n            display: none;\n        }\n    }\n\n    body[data-siteheader-menuopen=\"true\"] & {\n        .siteheader-mobile-logo {\n            display: none;\n        }\n\n        .siteheader-mobile-menu-toggle {\n            display: flex;\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-tablet) {\n    pn-marketweb-header-main-row {\n        .siteheader-row-main {\n            background-color: var(--siteheader-main-row-bg-tablet, transparent);\n        }\n\n        .siteheader-mobile-left {\n            display: none;\n        }\n\n        .siteheader-mainnav-middle {\n            display: flex;\n            margin-left: auto;\n        }\n\n        .siteheader-mainnav-menu {\n            justify-content: flex-start;\n        }\n\n        .siteheader-menu-footer {\n            display: none;\n        }\n\n        body[data-siteheader-menuopen=\"false\"] &,\n        body:not([data-siteheader-menuopen]) &,\n        body[data-siteheader-menuopen=\"true\"] & {\n            .siteheader-mobile-logo {\n                display: flex;\n            }\n\n            .siteheader-mobile-menu-toggle {\n                display: none;\n            }\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-desktop) {\n    pn-marketweb-header-main-row {\n        .siteheader-mainnav-groups {\n            display: inline-flex;\n            flex-direction: row;\n            align-items: stretch;\n            vertical-align: top;\n        }\n\n        .siteheader-mainnav-middle {\n            order: 3;\n            margin-left: $siteheader-space-3xl;\n        }\n\n        .siteheader-mainnav-menu {\n            order: 2;\n        }\n\n        .siteheader-menu {\n            margin-top: auto;\n            overflow: visible;\n\n            nav.mainnav[data-menu-open=\"true\"] > pn-mainnav-level[data-level=\"1\"] {\n                margin-top: 0;\n                height: auto;\n                overflow-y: visible;\n            }\n        }\n\n        .siteheader-mainnav-list {\n            display: inline-flex;\n            align-items: stretch;\n            vertical-align: top;\n        }\n\n        .siteheader-mainnav-divider {\n            display: inline-flex;\n            align-self: center;\n            width: 1px;\n            min-height: 4rem;\n            margin: 0 $siteheader-space-md;\n            background: var(--siteheader-mainnav-divider-color, #{$gray200});\n        }\n    }\n}","import {\n    Component,\n    h,\n    Prop,\n} from '@stencil/core';\n\nimport type {\n    MenuItem,\n    PromotedMenuItem,\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../types/pn-marketweb-header.types';\nimport { promotedItemId } from '../utils/header-menu';\nimport {\n    HeaderAppearance,\n    HeaderTheme,\n} from '../utils/header-theme';\nimport {\n    renderHeaderLanguageSelector,\n    renderHeaderLogin,\n    renderHeaderLogo,\n    renderHeaderMenuSwitcher,\n    renderHeaderSiteSelector,\n} from './shared/pn-marketweb-header-shared';\n\n@Component({\n    tag: 'pn-marketweb-header-main-row',\n    styleUrl: 'pn-marketweb-header-main-row.scss',\n})\nexport class PnMarketwebHeaderMainRow {\n    @Prop() vm!: HeaderViewModel;\n    @Prop() i18n!: SiteHeaderI18N;\n\n    @Prop() market?: string;\n    @Prop() language?: string;\n    @Prop() siteid?: string;\n\n    @Prop() hideSearch!: boolean;\n    @Prop() hideLogin!: boolean;\n    @Prop() hideLanguageSelector!: boolean;\n    @Prop() hideSiteSelector!: boolean;\n\n    @Prop() minimizeSearch!: boolean;\n\n    @Prop() activeMenuMode!: HeaderMenuMode;\n    @Prop() navigateOnMenuToggle!: boolean;\n\n    @Prop() primaryItems!: MenuItem[];\n    @Prop() sharedItems!: MenuItem[];\n    @Prop() showMenuDivider!: boolean;\n\n    @Prop() userToken!: string;\n    @Prop() userFullname!: string;\n    @Prop() userLoggedin!: boolean;\n    @Prop() endpoint?: string;\n    @Prop() environment?: string;\n    @Prop() showProfileSelection!: boolean;\n    @Prop() showUnifiedLogin!: boolean;\n    @Prop() checkUserLoggedInStateInterval!: number;\n    @Prop() useMarketwebLogin!: boolean;\n    @Prop() spaMode!: boolean;\n\n    @Prop() theme: HeaderTheme;\n    @Prop() logoUrl:string;\n\n    @Prop() menuToggleChangeHandler!: (e: CustomEvent<HeaderMenuMode>) => void;\n    @Prop() mainNavRefHandler!: (el: HTMLElement | undefined) => void;\n    @Prop() adjustSiteSelectorUrl!: (href: string) => string;\n\n    private renderMenuLink(item: MenuItem) {\n        return (\n            <pn-mainnav-link\n                name={item.name}\n                href={item.href}\n                itemid={item.id}\n                target={item.linkTarget ?? '_self'}\n                linkid={item.trackingId}\n            >\n                {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n                    <pn-mainnav-level label={item.name}>\n                        {!!item.children?.length && (\n                            <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n                                {item.children.map(childitem => (\n                                    <pn-mainnav-link\n                                        name={childitem.name}\n                                        href={childitem.href}\n                                        target={childitem.linkTarget ?? '_self'}\n                                        linkid={childitem.trackingId}\n                                    ></pn-mainnav-link>\n                                ))}\n                            </pn-mainnav-list>\n                        )}\n\n                        {!!item.promotedMenuItems?.length && (\n                            <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n                                {item.promotedMenuItems.map((childitem: PromotedMenuItem) => (\n                                    <pn-mainnav-link\n                                        href={childitem.href}\n                                        name={childitem.linkText}\n                                        target={childitem.openInNewWindow ? '_blank' : '_self'}\n                                        linkid={promotedItemId(childitem) + item.id}\n                                    ></pn-mainnav-link>\n                                ))}\n                            </pn-mainnav-list>\n                        )}\n                    </pn-mainnav-level>\n                )}\n            </pn-mainnav-link>\n        );\n    }\n\n    private renderMenuLinks(items: MenuItem[]) {\n        return items.map(item => this.renderMenuLink(item));\n    }\n\n    private renderGroupedMenuLists(primaryItems: MenuItem[], sharedItems: MenuItem[]) {\n        const hasPrimaryItems = primaryItems.length > 0;\n        const hasSharedItems = sharedItems.length > 0;\n        const hasDivider = hasPrimaryItems && hasSharedItems;\n\n        return <div class=\"siteheader-mainnav-groups\">\n            {hasPrimaryItems ? (\n                <pn-mainnav-list class=\"siteheader-mainnav-list siteheader-mainnav-list-primary\">\n                    {this.renderMenuLinks(primaryItems)}\n                </pn-mainnav-list>\n            ) : null}\n\n            {hasDivider ? (\n                <div class=\"siteheader-mainnav-divider\" aria-hidden=\"true\"></div>\n            ) : null}\n\n            {hasSharedItems ? (\n                <pn-mainnav-list class=\"siteheader-mainnav-list siteheader-mainnav-list-shared\">\n                    {this.renderMenuLinks(sharedItems)}\n                </pn-mainnav-list>\n            ) : null}\n        </div>\n    }\n\n    private renderMenuFooter(appearance: HeaderAppearance) {\n        return (\n            <div slot=\"footer\" class=\"siteheader-menu-footer\">\n                <slot name=\"menu-footer-cta\"></slot>\n\n                {renderHeaderLogin({\n                    vm: this.vm,\n                    hideLogin: this.hideLogin,\n                    userToken: this.userToken,\n                    userFullname: this.userFullname,\n                    userLoggedin: this.userLoggedin,\n                    endpoint: this.endpoint,\n                    environment: this.environment,\n                    i18n: this.i18n,\n                    showProfileSelection: this.showProfileSelection,\n                    showUnifiedLogin: this.showUnifiedLogin,\n                    checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n                    useMarketwebLogin: this.useMarketwebLogin,\n                    appearance\n                })}\n\n                {renderHeaderLanguageSelector({\n                    vm: this.vm,\n                    hideLanguageSelector: this.hideLanguageSelector,\n                    language: this.language,\n                    spaMode: this.spaMode,\n                    appearance\n                })}\n\n                {renderHeaderSiteSelector({\n                    vm: this.vm,\n                    hideSiteSelector: this.hideSiteSelector,\n                    language: this.language,\n                    appearance,\n                    adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,\n                })}\n            </div>\n        );\n    }\n\n    render() {\n        // main row's subcomponent have light appearance even if business theme, since white bg\n        const appearance: HeaderAppearance = 'light';               \n        return (\n            <div class=\"siteheader-row siteheader-row-main\">\n                <div class=\"siteheader-mobile-left\">\n                    <div class=\"siteheader-mobile-logo\">\n                        {renderHeaderLogo({\n                            homePageLink: this.logoUrl, //this.vm.homePageLink,\n                            homeLabel: this.i18n.home,\n                        })}\n                    </div>\n\n                    {this.vm.hasMenuSwitching && (\n                        <div class=\"siteheader-mobile-menu-toggle\">\n                            {renderHeaderMenuSwitcher({\n                                vm: this.vm,\n                                activeMenuMode: this.activeMenuMode,\n                                navigateOnMenuToggle: this.navigateOnMenuToggle,\n                                onMenuToggleChange: this.menuToggleChangeHandler,\n                            })}\n                        </div>\n                    )}\n                </div>\n\n                <div class=\"siteheader-mainnav-middle\">\n                    <pn-marketweb-siteheader-search\n                        language={this.language}\n                        siteid={this.siteid}\n                        primary={true}\n                        search={this.vm.search}\n                        hide-search={this.hideSearch}\n                        show-only-link={this.minimizeSearch}\n                        i18n={this.i18n}\n                    ></pn-marketweb-siteheader-search>\n\n                    <slot name=\"header-bottom-button\"></slot>\n                </div>\n\n                <div class=\"siteheader-mainnav-menu\">\n                    <div class=\"siteheader-menu\">\n                        <pn-mainnav\n                            ref={el => {\n                                this.mainNavRefHandler(el as HTMLElement | undefined);\n                            }}\n                            market={this.market}\n                            language={this.language}\n                            onMenuOpenChange={e => {\n                                document.body.setAttribute('data-siteheader-menuopen', String(e.detail));\n                            }}\n                        >\n                            <pn-mainnav-level>\n                                {this.showMenuDivider ? (\n                                    this.renderGroupedMenuLists(this.primaryItems, this.sharedItems)\n                                ) : (\n                                    <pn-mainnav-list>{this.renderMenuLinks(this.primaryItems)}</pn-mainnav-list>\n                                )}\n\n                                {this.renderMenuFooter(appearance)}\n\n                                <div slot=\"top\" class=\"siteheader-menu-top\">\n                                    <pn-marketweb-siteheader-search\n                                        language={this.language}\n                                        siteid={this.siteid}\n                                        search={this.vm.search}\n                                        hide-search={this.hideSearch}\n                                        i18n={this.i18n}\n                                    ></pn-marketweb-siteheader-search>\n                                </div>\n                            </pn-mainnav-level>\n                        </pn-mainnav>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}"],"version":3}
+{"file":"pn-marketweb-header-main-row2.js","mappings":";;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;SAQgB,mBAAmB,CAC/B,KAAiB,EACjB,IAAoB,EACpB,OAAe,EACf,gBAAyB;IAEzB,IAAI,gBAAgB,EAAE;QAClB,OAAO,KAAK,CAAC;KAChB;IAED,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC,cAAc,EAAE;QACxC,OAAO,KAAK,CAAC;KAChB;IAED,OAAO;QACH;YACI,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,IAAI,CAAC,cAAc;YACzB,EAAE,EAAE,UAAU;YACd,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,EAAE;SACH;QACb,GAAG,KAAK;KACX,CAAC;AACN,CAAC;AAED;;;;;SAKgB,cAAc,CAAC,IAAsB;IACjD,OAAO,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;AACxE;;AChDA,MAAM,2BAA2B,GAAG,41LAA41L,CAAC;AACj4L,uCAAe,2BAA2B;;MC+B7B,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwCzB,cAAc,CAAC,IAAc;QACjC,QACI,uBACI,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,EAAE,EACf,MAAM,EAAE,IAAI,CAAC,UAAU,IAAI,OAAO,EAClC,MAAM,EAAE,IAAI,CAAC,UAAU,IAEtB,CAAC,CAAC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAC1G,wBAAkB,KAAK,EAAE,IAAI,CAAC,IAAI,IAC7B,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,KACpB,uBAAiB,OAAO,EAAE,IAAI,CAAC,iBAAiB,IAAI,EAAE,IACjD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,KACxB,uBACI,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,MAAM,EAAE,SAAS,CAAC,UAAU,IAAI,OAAO,EACvC,MAAM,EAAE,SAAS,CAAC,UAAU,GACb,CACtB,CAAC,CACY,CACrB,EAEA,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,KAC7B,uBAAiB,OAAO,EAAE,IAAI,CAAC,uBAAuB,IACjD,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAA2B,MACpD,uBACI,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,IAAI,EAAE,SAAS,CAAC,QAAQ,EACxB,MAAM,EAAE,SAAS,CAAC,eAAe,GAAG,QAAQ,GAAG,OAAO,EACtD,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAAE,GAC5B,CACtB,CAAC,CACY,CACrB,CACc,CACtB,CACa,EACpB;KACL;IAEO,eAAe,CAAC,KAAiB;QACrC,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;KACvD;IAEO,sBAAsB,CAAC,YAAwB,EAAE,WAAuB;QAC5E,MAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9C,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;QAErD,OAAO,WAAK,KAAK,EAAC,2BAA2B,IACxC,eAAe,IACZ,uBAAiB,KAAK,EAAC,yDAAyD,IAC3E,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CACrB,IAClB,IAAI,EAEP,UAAU,IACP,WAAK,KAAK,EAAC,4BAA4B,iBAAa,MAAM,GAAO,IACjE,IAAI,EAEP,cAAc,IACX,uBAAiB,KAAK,EAAC,wDAAwD,IAC1E,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CACpB,IAClB,IAAI,CACN,CAAA;KACT;IAEO,gBAAgB,CAAC,UAA4B;QACjD,QACI,WAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,wBAAwB,IAC7C,YAAM,IAAI,EAAC,iBAAiB,GAAQ,EAEnC,iBAAiB,CAAC;YACf,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;YAC/C,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,8BAA8B,EAAE,IAAI,CAAC,8BAA8B;YACnE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,UAAU;SACb,CAAC,EAED,4BAA4B,CAAC;YAC1B,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;YAC/C,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,UAAU;SACb,CAAC,EAED,wBAAwB,CAAC;YACtB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,UAAU;YACV,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;SACpD,CAAC,CACA,EACR;KACL;IAED,MAAM;;QAEF,MAAM,UAAU,GAAqB,OAAO,CAAC;QAC7C,QACI,4DAAK,KAAK,EAAC,oCAAoC,IAC3C,4DAAK,KAAK,EAAC,wBAAwB,IAC/B,4DAAK,KAAK,EAAC,wBAAwB,IAC9B,gBAAgB,CAAC;YACd,YAAY,EAAE,IAAI,CAAC,OAAO;YAC1B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI;SAC5B,CAAC,CACA,EAEL,IAAI,CAAC,EAAE,CAAC,gBAAgB,KACrB,4DAAK,KAAK,EAAC,+BAA+B,IACrC,wBAAwB,CAAC;YACtB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;YAC/C,kBAAkB,EAAE,IAAI,CAAC,uBAAuB;SACnD,CAAC,CACA,CACT,CACC,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IAClC,uFACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,iBACT,IAAI,CAAC,UAAU,oBACZ,IAAI,CAAC,cAAc,EACnC,IAAI,EAAE,IAAI,CAAC,IAAI,GACe,EAElC,6DAAM,IAAI,EAAC,sBAAsB,GAAQ,CACvC,EAEN,4DAAK,KAAK,EAAC,yBAAyB,IAChC,6DAAM,IAAI,EAAC,oBAAoB,GAAQ,EAEvC,4DAAK,KAAK,EAAC,iBAAiB,IACxB,mEACI,GAAG,EAAE,EAAE;gBACH,IAAI,CAAC,iBAAiB,CAAC,EAA6B,CAAC,CAAC;aACzD,EACD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,gBAAgB,EAAE,CAAC;gBACf,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;aAC5E,IAED,2EACK,IAAI,CAAC,eAAe,IACjB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,KAEhE,2BAAkB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAmB,CAC/E,EAEA,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAElC,4DAAK,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,qBAAqB,IACvC,uFACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,iBACT,IAAI,CAAC,UAAU,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,GACe,CAChC,CACS,CACV,CACX,CACJ,CACJ,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/layout-components/pn-marketweb-header/utils/header-menu.ts","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.scss?tag=pn-marketweb-header-main-row","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.tsx"],"sourcesContent":["import {\n    MenuItem,\n    PromotedMenuItem,\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\n\n/**\n * Adds a Home item at the beginning of the main menu when needed.\n *\n * What it does:\n * - Returns the input untouched when hideHomeMenuItem is true\n * - Avoids adding a duplicate Home item if one already exists first in the list\n * - Otherwise prepends a synthetic Home item using the translated label\n */\nexport function prependHomeMenuItem(\n    items: MenuItem[],\n    i18n: SiteHeaderI18N,\n    homeUrl: string,\n    hideHomeMenuItem: boolean,\n): MenuItem[] {\n    if (hideHomeMenuItem) {\n        return items;\n    }\n\n    if (items[0]?.name === i18n.menuHomeButton) {\n        return items;\n    }\n\n    return [\n        {\n            href: homeUrl,\n            name: i18n.menuHomeButton,\n            id: 'homelink',\n            open: false,\n            selected: false,\n            children: [],\n        } as MenuItem,\n        ...items,\n    ];\n}\n\n/**\n * Creates a stable-ish tracking id for promoted menu items.\n *\n * This mirrors the old wrapper behavior and is used when rendering promoted links.\n */\nexport function promotedItemId(item: PromotedMenuItem): string {\n    return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n}","@import \"../../../../globals/main.scss\";\n@import \"./../../pn-marketweb-siteheader/pn-marketweb-siteheader-common.scss\";\n\n$siteheader-breakpoint-tablet: 769px;\n$siteheader-breakpoint-desktop: 1024px;\n\n$siteheader-logo-width-mobile: 12.7rem;\n$siteheader-logo-height-mobile: 2.4rem;\n$siteheader-logo-container-min-height-mobile: 5.6rem;\n\n$siteheader-menu-mobile-offset-top: 0; //was 5.6rem;\n\n$siteheader-space-xxs: 0.3rem;\n$siteheader-space-md: 0.8rem;\n$siteheader-space-xl: 1.2rem;\n$siteheader-space-3xl: 1.6rem;\n\npn-marketweb-header-main-row {\n    display: contents;\n\n    .siteheader-row-main {\n        background-color: var(--siteheader-main-row-bg-mobile, transparent);\n    }\n\n    .siteheader-mobile-left {\n        display: flex;\n        align-items: center;\n        flex: 1 1 auto;\n        min-width: 0;\n        order: 1;\n    }\n\n    .siteheader-mobile-logo {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        min-width: 0;\n        order: 1;\n\n        .siteheader-logocontainer {\n            min-height: $siteheader-logo-container-min-height-mobile;\n            background: transparent;\n            position: static;\n            left: auto;\n            transform: none;\n        }\n\n        .siteheader-logolink {\n            max-height: $siteheader-logo-container-min-height-mobile;\n        }\n\n        .siteheader-logo {\n            display: block;\n            width: auto;\n            max-width: $siteheader-logo-width-mobile;\n            height: $siteheader-logo-height-mobile;\n        }\n    }\n\n    .siteheader-mobile-menu-toggle {\n        display: none;\n        align-items: center;\n    }\n\n    .siteheader-mainnav-middle {\n        display: none;\n        align-items: center;\n        justify-content: flex-end;\n        order: 3;\n\n        > pn-marketweb-siteheader-search {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n        }\n\n        > [slot=\"header-bottom-button\"] {\n            display: contents;\n        }\n    }\n\n    .siteheader-mainnav-menu {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        flex: 0 0 auto;\n        order: 2;\n\n        > [slot=\"mobile-toprightend\"] {\n            display: flex;\n            align-items: center;\n            align-self: center;\n            padding: 1rem 0;\n            margin-right: $siteheader-space-xl;\n            color: var(--siteheader-cart-link-color, var(--siteheader-top-link-color, inherit));\n            text-decoration: none;\n\n            > :not(pn-icon):not([data-cart-countindicator]) {\n                display: none;\n            }\n\n            pn-icon {\n                svg > path {\n                    fill: var(--siteheader-cart-icon-color, var(--siteheader-top-icon-fill, currentColor));\n                }\n            }\n        }\n    }\n\n    .siteheader-menu {\n        max-width: 100%;\n        overflow: visible;\n\n        pn-mainnav-link a[target] {\n            &::after {\n                content: none;\n            }\n        }\n\n        pn-marketweb-siteheader-search {\n            width: 100%;\n            padding: $siteheader-space-xxs $siteheader-space-3xl;\n        }\n\n        [slot=\"top\"] pn-search-field {\n            width: 100%;\n        }\n\n        nav.mainnav[data-menu-open=\"true\"] > pn-mainnav-level[data-level=\"1\"] {\n            display: block;\n            margin-top: $siteheader-menu-mobile-offset-top;\n            height: calc(100dvh - #{$siteheader-menu-mobile-offset-top});\n            overflow-y: auto;\n            -webkit-overflow-scrolling: touch;\n        }\n    }\n\n    .siteheader-mainnav-groups {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .siteheader-mainnav-list {\n        overflow: visible;\n    }\n\n    .siteheader-mainnav-divider {\n        display: none;\n    }\n\n    .siteheader-menu-footer {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n\n        > * {\n            margin: $siteheader-space-3xl;\n        }\n    }\n}\n\npn-marketweb-header-main-row {\n    body[data-siteheader-menuopen=\"false\"] &,\n    body:not([data-siteheader-menuopen]) & {\n        .siteheader-mobile-logo {\n            display: flex;\n        }\n\n        .siteheader-mobile-menu-toggle {\n            display: none;\n        }\n    }\n\n    body[data-siteheader-menuopen=\"true\"] & {\n        .siteheader-mobile-logo {\n            display: none;\n        }\n\n        .siteheader-mobile-menu-toggle {\n            display: flex;\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-tablet) {\n    pn-marketweb-header-main-row {\n        .siteheader-row-main {\n            background-color: var(--siteheader-main-row-bg-tablet, transparent);\n        }\n\n        .siteheader-mobile-left {\n            display: none;\n        }\n\n        .siteheader-mainnav-middle {\n            display: flex;\n            margin-left: auto;\n        }\n\n        .siteheader-mainnav-menu {\n            justify-content: flex-start;\n\n            > [slot=\"mobile-toprightend\"] {\n                display: none;\n            }\n        }\n\n        .siteheader-menu-footer {\n            display: none;\n        }\n\n        body[data-siteheader-menuopen=\"false\"] &,\n        body:not([data-siteheader-menuopen]) &,\n        body[data-siteheader-menuopen=\"true\"] & {\n            .siteheader-mobile-logo {\n                display: flex;\n            }\n\n            .siteheader-mobile-menu-toggle {\n                display: none;\n            }\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-desktop) {\n    pn-marketweb-header-main-row {\n        .siteheader-mainnav-groups {\n            display: inline-flex;\n            flex-direction: row;\n            align-items: stretch;\n            vertical-align: top;\n        }\n\n        .siteheader-mainnav-middle {\n            order: 3;\n            margin-left: $siteheader-space-3xl;\n        }\n\n        .siteheader-mainnav-menu {\n            order: 2;\n        }\n\n        .siteheader-menu {\n            margin-top: auto;\n            overflow: visible;\n\n            nav.mainnav[data-menu-open=\"true\"] > pn-mainnav-level[data-level=\"1\"] {\n                margin-top: 0;\n                height: auto;\n                overflow-y: visible;\n            }\n        }\n\n        .siteheader-mainnav-list {\n            display: inline-flex;\n            align-items: stretch;\n            vertical-align: top;\n        }\n\n        .siteheader-mainnav-divider {\n            display: inline-flex;\n            align-self: center;\n            width: 1px;\n            min-height: 4rem;\n            margin: 0 $siteheader-space-md;\n            background: var(--siteheader-mainnav-divider-color, #{$gray200});\n        }\n    }\n}","import {\n    Component,\n    h,\n    Prop,\n} from '@stencil/core';\n\nimport type {\n    MenuItem,\n    PromotedMenuItem,\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../types/pn-marketweb-header.types';\nimport { promotedItemId } from '../utils/header-menu';\nimport {\n    HeaderAppearance,\n    HeaderTheme,\n} from '../utils/header-theme';\nimport {\n    renderHeaderLanguageSelector,\n    renderHeaderLogin,\n    renderHeaderLogo,\n    renderHeaderMenuSwitcher,\n    renderHeaderSiteSelector,\n} from './shared/pn-marketweb-header-shared';\n\n@Component({\n    tag: 'pn-marketweb-header-main-row',\n    styleUrl: 'pn-marketweb-header-main-row.scss',\n})\nexport class PnMarketwebHeaderMainRow {\n    @Prop() vm!: HeaderViewModel;\n    @Prop() i18n!: SiteHeaderI18N;\n\n    @Prop() market?: string;\n    @Prop() language?: string;\n    @Prop() siteid?: string;\n\n    @Prop() hideSearch!: boolean;\n    @Prop() hideLogin!: boolean;\n    @Prop() hideLanguageSelector!: boolean;\n    @Prop() hideSiteSelector!: boolean;\n\n    @Prop() minimizeSearch!: boolean;\n\n    @Prop() activeMenuMode!: HeaderMenuMode;\n    @Prop() navigateOnMenuToggle!: boolean;\n\n    @Prop() primaryItems!: MenuItem[];\n    @Prop() sharedItems!: MenuItem[];\n    @Prop() showMenuDivider!: boolean;\n\n    @Prop() userToken!: string;\n    @Prop() userFullname!: string;\n    @Prop() userLoggedin!: boolean;\n    @Prop() endpoint?: string;\n    @Prop() environment?: string;\n    @Prop() showProfileSelection!: boolean;\n    @Prop() showUnifiedLogin!: boolean;\n    @Prop() checkUserLoggedInStateInterval!: number;\n    @Prop() useMarketwebLogin!: boolean;\n    @Prop() spaMode!: boolean;\n\n    @Prop() theme: HeaderTheme;\n    @Prop() logoUrl:string;\n\n    @Prop() menuToggleChangeHandler!: (e: CustomEvent<HeaderMenuMode>) => void;\n    @Prop() mainNavRefHandler!: (el: HTMLElement | undefined) => void;\n    @Prop() adjustSiteSelectorUrl!: (href: string) => string;\n\n    private renderMenuLink(item: MenuItem) {\n        return (\n            <pn-mainnav-link\n                name={item.name}\n                href={item.href}\n                itemid={item.id}\n                target={item.linkTarget ?? '_self'}\n                linkid={item.trackingId}\n            >\n                {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n                    <pn-mainnav-level label={item.name}>\n                        {!!item.children?.length && (\n                            <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n                                {item.children.map(childitem => (\n                                    <pn-mainnav-link\n                                        name={childitem.name}\n                                        href={childitem.href}\n                                        target={childitem.linkTarget ?? '_self'}\n                                        linkid={childitem.trackingId}\n                                    ></pn-mainnav-link>\n                                ))}\n                            </pn-mainnav-list>\n                        )}\n\n                        {!!item.promotedMenuItems?.length && (\n                            <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n                                {item.promotedMenuItems.map((childitem: PromotedMenuItem) => (\n                                    <pn-mainnav-link\n                                        href={childitem.href}\n                                        name={childitem.linkText}\n                                        target={childitem.openInNewWindow ? '_blank' : '_self'}\n                                        linkid={promotedItemId(childitem) + item.id}\n                                    ></pn-mainnav-link>\n                                ))}\n                            </pn-mainnav-list>\n                        )}\n                    </pn-mainnav-level>\n                )}\n            </pn-mainnav-link>\n        );\n    }\n\n    private renderMenuLinks(items: MenuItem[]) {\n        return items.map(item => this.renderMenuLink(item));\n    }\n\n    private renderGroupedMenuLists(primaryItems: MenuItem[], sharedItems: MenuItem[]) {\n        const hasPrimaryItems = primaryItems.length > 0;\n        const hasSharedItems = sharedItems.length > 0;\n        const hasDivider = hasPrimaryItems && hasSharedItems;\n\n        return <div class=\"siteheader-mainnav-groups\">\n            {hasPrimaryItems ? (\n                <pn-mainnav-list class=\"siteheader-mainnav-list siteheader-mainnav-list-primary\">\n                    {this.renderMenuLinks(primaryItems)}\n                </pn-mainnav-list>\n            ) : null}\n\n            {hasDivider ? (\n                <div class=\"siteheader-mainnav-divider\" aria-hidden=\"true\"></div>\n            ) : null}\n\n            {hasSharedItems ? (\n                <pn-mainnav-list class=\"siteheader-mainnav-list siteheader-mainnav-list-shared\">\n                    {this.renderMenuLinks(sharedItems)}\n                </pn-mainnav-list>\n            ) : null}\n        </div>\n    }\n\n    private renderMenuFooter(appearance: HeaderAppearance) {\n        return (\n            <div slot=\"footer\" class=\"siteheader-menu-footer\">\n                <slot name=\"menu-footer-cta\"></slot>\n\n                {renderHeaderLogin({\n                    vm: this.vm,\n                    hideLogin: this.hideLogin,\n                    userToken: this.userToken,\n                    userFullname: this.userFullname,\n                    userLoggedin: this.userLoggedin,\n                    endpoint: this.endpoint,\n                    environment: this.environment,\n                    i18n: this.i18n,\n                    showProfileSelection: this.showProfileSelection,\n                    showUnifiedLogin: this.showUnifiedLogin,\n                    checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n                    useMarketwebLogin: this.useMarketwebLogin,\n                    appearance\n                })}\n\n                {renderHeaderLanguageSelector({\n                    vm: this.vm,\n                    hideLanguageSelector: this.hideLanguageSelector,\n                    language: this.language,\n                    spaMode: this.spaMode,\n                    appearance\n                })}\n\n                {renderHeaderSiteSelector({\n                    vm: this.vm,\n                    hideSiteSelector: this.hideSiteSelector,\n                    language: this.language,\n                    appearance,\n                    adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,\n                })}\n            </div>\n        );\n    }\n\n    render() {\n        // main row's subcomponent have light appearance even if business theme, since white bg\n        const appearance: HeaderAppearance = 'light';               \n        return (\n            <div class=\"siteheader-row siteheader-row-main\">\n                <div class=\"siteheader-mobile-left\">\n                    <div class=\"siteheader-mobile-logo\">\n                        {renderHeaderLogo({\n                            homePageLink: this.logoUrl, //this.vm.homePageLink,\n                            homeLabel: this.i18n.home,\n                        })}\n                    </div>\n\n                    {this.vm.hasMenuSwitching && (\n                        <div class=\"siteheader-mobile-menu-toggle\">\n                            {renderHeaderMenuSwitcher({\n                                vm: this.vm,\n                                activeMenuMode: this.activeMenuMode,\n                                navigateOnMenuToggle: this.navigateOnMenuToggle,\n                                onMenuToggleChange: this.menuToggleChangeHandler,\n                            })}\n                        </div>\n                    )}\n                </div>\n\n                <div class=\"siteheader-mainnav-middle\">\n                    <pn-marketweb-siteheader-search\n                        language={this.language}\n                        siteid={this.siteid}\n                        primary={true}\n                        search={this.vm.search}\n                        hide-search={this.hideSearch}\n                        show-only-link={this.minimizeSearch}\n                        i18n={this.i18n}\n                    ></pn-marketweb-siteheader-search>\n\n                    <slot name=\"header-bottom-button\"></slot>\n                </div>\n\n                <div class=\"siteheader-mainnav-menu\">\n                    <slot name=\"mobile-toprightend\"></slot>\n\n                    <div class=\"siteheader-menu\">\n                        <pn-mainnav\n                            ref={el => {\n                                this.mainNavRefHandler(el as HTMLElement | undefined);\n                            }}\n                            market={this.market}\n                            language={this.language}\n                            onMenuOpenChange={e => {\n                                document.body.setAttribute('data-siteheader-menuopen', String(e.detail));\n                            }}\n                        >\n                            <pn-mainnav-level>\n                                {this.showMenuDivider ? (\n                                    this.renderGroupedMenuLists(this.primaryItems, this.sharedItems)\n                                ) : (\n                                    <pn-mainnav-list>{this.renderMenuLinks(this.primaryItems)}</pn-mainnav-list>\n                                )}\n\n                                {this.renderMenuFooter(appearance)}\n\n                                <div slot=\"top\" class=\"siteheader-menu-top\">\n                                    <pn-marketweb-siteheader-search\n                                        language={this.language}\n                                        siteid={this.siteid}\n                                        search={this.vm.search}\n                                        hide-search={this.hideSearch}\n                                        i18n={this.i18n}\n                                    ></pn-marketweb-siteheader-search>\n                                </div>\n                            </pn-mainnav-level>\n                        </pn-mainnav>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}"],"version":3}

package/components/pn-marketweb-header-skeleton-loader.js

@@ -11,7 +11,7 @@ const PnMarketwebHeaderSkeletonLoader$1 = /*@__PURE__*/ proxyCustomElement(class
     }
     render() {
         console.log('Rendering PnMarketwebHeaderSkeletonLoader...');
-        return (h(Host, { key: 'df31cc237329e033c4ace683027a6458a3790ef1' }, h("header", { key: '51d25dc2af64660068fcabfa5f95cc0872d29cce', class: "header-skeleton", "aria-hidden": "true" }, h("div", { key: '1469d90c9ca66cc371257818dbf1aacbdc2c0b8c', class: "mobile-layout" }, h("div", { key: '591d0124da5d93e45809cf35f514b590c60d666f', class: "mobile-row" }, h("div", { key: '1e8ec053ab87561b5f3a6a5c6e45c4fbcbe66212', class: "skel skel-logo" }), h("div", { key: '83c7c0f633155348cb92e3370f16daf3c5d0e6c2', class: "skel skel-icon-button" }))), h("div", { key: '847b9bbe3de7c3a0aa5954e82167e99a5813fcd2', class: "tablet-desktop-layout" }, h("div", { key: '5b4f7867da490285dd1032fdf9b7387b705a51f2', class: "top-row" }, h("div", { key: '208485c9f664ef1008bf57eb5a98e6687ba70949', class: "top-row-left" }, h("div", { key: 'b2fdca97d9b576d20d16ca833e84a80191653e3f', class: "skel skel-chip" }), h("div", { key: 'ca6b630a8c38cd87c4e65ffd483e0e65e4774326', class: "skel skel-icon-button" })), h("div", { key: '0923c1a855f32159dd42dc49eb9e84b47a70a549', class: "top-row-center" }, h("div", { key: 'dda22514ffd4a1ceae80252dafe49597a63ec364', class: "skel skel-logo" })), h("div", { key: 'a6ec95a525889c8cc13b35ccc03a90c509a2c35c', class: "top-row-right" }, h("div", { key: '41d4a9998a8478423a2b1ce566568fe845c8767a', class: "skel skel-icon-button" }), h("div", { key: '0fb5f413dad85ffab8e8038c7720f3828fb24b72', class: "skel skel-icon-button" }), h("div", { key: 'b53f8b517499a89c30ee3c46179ffed6cc7e12b4', class: "skel skel-pill" }))), h("div", { key: 'e7c90c573556c1599f25bf99761d437e7ed3e7c8', class: "bottom-row" }, h("div", { key: '0c9d2b72369a256efa2daf8eafd8f938369601a0', class: "bottom-row-left" }, h("div", { key: '9835aa30019d52084f98c362e0e8a255fc747d46', class: "skel skel-menu-button" })), h("div", { key: '4cc96d47f41114dbe08ce67b62106664b2f8deee', class: "bottom-row-right" }, h("div", { key: '5bcab9e4e0f36f838b7467e3dcf130d4b95faa85', class: "skel skel-search" })))))));
+        return (h(Host, { key: '5c4c13c622367a8feaa0e033874a72ae32d08544' }, h("header", { key: 'ae00c78d2e9fe06a48f95bf8031afdbc2a789b07', class: "header-skeleton", "aria-hidden": "true" }, h("div", { key: '37ce3f8e8032610e1c7c961d585f6646af1e278f', class: "mobile-layout" }, h("div", { key: '155ca8796a56d85a5e8f50670927230d2efe75d9', class: "mobile-row" }, h("div", { key: '36ce4fc8111957ab530c06bcad478468f9a10aa6', class: "skel skel-logo" }), h("div", { key: '74fb1c6b13d6fcbe5f0e5e7fce0662b93260763d', class: "skel skel-icon-button" }))), h("div", { key: '631f88856f05eaf98b8012833647a65fbd1bd504', class: "tablet-desktop-layout" }, h("div", { key: 'e15650439b2ce20ac981003bc0f348ba1bc8ab79', class: "top-row" }, h("div", { key: '41867b971e7a114fc05fae6e7d0cd08d147580eb', class: "top-row-left" }, h("div", { key: '2dbabfef4fb9b7eecf402c41c1ef504b8bec4811', class: "skel skel-chip" }), h("div", { key: '69bf07438a8374517117db88a4df0ef788a495ed', class: "skel skel-icon-button" })), h("div", { key: '56910a40f903999ed98213b59938a0c598d998e8', class: "top-row-center" }, h("div", { key: '6c8f2aac70e20b586bc8b270cbceec0aa6b769ca', class: "skel skel-logo" })), h("div", { key: 'abeb394fda5834e169c9fd6ba596297d58340d7e', class: "top-row-right" }, h("div", { key: 'fd9f236694831537f5895410b0e60e6d05ff9bee', class: "skel skel-icon-button" }), h("div", { key: 'e04ee10525a54e6134ebe1caf7c9de28e487a89a', class: "skel skel-icon-button" }), h("div", { key: '5d0c1f732ee30ab266f5f9c22a45dcfe9cf402be', class: "skel skel-pill" }))), h("div", { key: 'bcd942e081c9dc503e5d99b948d0e8ffe7b314a5', class: "bottom-row" }, h("div", { key: 'fb23008de03b74125c60747ce51a48ca5ac9bf16', class: "bottom-row-left" }, h("div", { key: '5e7d0f027d9ba32a9c6f8acfab42444e4f3b56dc', class: "skel skel-menu-button" })), h("div", { key: '183351a3e21b17c01401bd88ef5fe5fc3a96470b', class: "bottom-row-right" }, h("div", { key: '4b6cfa35eb8d67ace2ae277a39d34be8f4c1c1a1', class: "skel skel-search" })))))));
     }
     static get style() { return PnMarketwebHeaderSkeletonLoaderStyle0; }
 }, [1, "pn-marketweb-header-skeleton-loader"]);

package/components/pn-marketweb-header-top-row2.js

@@ -95,7 +95,7 @@ const PnMarketwebHeaderTopRow = /*@__PURE__*/ proxyCustomElement(class PnMarketw
     }
     render() {
         const appearance = getAppearanceForTheme(this.theme);
-        return (h("div", { key: '9049f93d4fb66778b1b7091b417f5d5aba810a84', class: "siteheader-row siteheader-row-top" }, h("div", { key: '93f679b1fa27b8429ee7b06bf7f299f052217d3f', class: "siteheader-topleft" }, h("slot", { key: 'c55903c0bfe58aa095a949a3439a1138fbfec9f3', name: "header-top-left" }), renderHeaderSiteSelector({
+        return (h("div", { key: '6dae77d3315a7697c3f75e310cef8632f277a08f', class: "siteheader-row siteheader-row-top" }, h("div", { key: 'b3eb662b1f9057ed750e585a31e2b06c05f5c925', class: "siteheader-topleft" }, h("slot", { key: 'ff34efaa83b0429de351e704eb04a31fd9f5259a', name: "header-top-left" }), renderHeaderSiteSelector({
             vm: this.vm,
             hideSiteSelector: this.hideSiteSelector,
             language: this.language,
@@ -110,7 +110,7 @@ const PnMarketwebHeaderTopRow = /*@__PURE__*/ proxyCustomElement(class PnMarketw
         })), renderHeaderLogo({
             homePageLink: this.logoUrl, //this.vm.homePageLink,
             homeLabel: this.i18n.home,
-        }), h("div", { key: '707a07896949fa60022384a49236ae78559f8290', class: "siteheader-topright" }, h("slot", { key: '03206c719b76c39694017db2125346686fe8c868', name: "header-top-right-start" }), renderHeaderLogin({
+        }), h("div", { key: '6efe812bcda3ef96ab6a06d7aa8c7a41150a509b', class: "siteheader-topright" }, h("slot", { key: '5b8834f095b01c52bab5f6134ebf9d26f048cfc1', name: "header-top-right-start" }), renderHeaderLogin({
             vm: this.vm,
             hideLogin: this.hideLogin,
             userToken: this.userToken,
@@ -130,7 +130,7 @@ const PnMarketwebHeaderTopRow = /*@__PURE__*/ proxyCustomElement(class PnMarketw
             language: this.language,
             spaMode: this.spaMode,
             appearance
-        }), h("slot", { key: '89b985631478ee126961384d73dc25614bfcf41f', name: "toprightend" }), h("div", { key: '8c70b69b1d87a942679c7a9e202bac6b07b484e9', class: "siteheader-menu-top-search" }, h("pn-marketweb-siteheader-search", { key: 'f541bb616b730459b8a55f6da9ef8752e4826cad', language: this.language, siteid: this.siteid, search: this.vm.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: true })))));
+        }), h("slot", { key: '76c5fdb2fc354c09532d23bbd01063460006795c', name: "toprightend" }), h("div", { key: '44ec76b8051220fc7b56115247c431e7533c8d0f', class: "siteheader-menu-top-search" }, h("pn-marketweb-siteheader-search", { key: '2fe35c9ec19f6f19a81c06aa15f6b9423bf1a5fb', language: this.language, siteid: this.siteid, search: this.vm.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: true })))));
     }
     static get style() { return PnMarketwebHeaderTopRowStyle0; }
 }, [4, "pn-marketweb-header-top-row", {

package/components/pn-marketweb-header.js

@@ -1035,7 +1035,7 @@ const PnMarketwebHeader$1 = /*@__PURE__*/ proxyCustomElement(class PnMarketwebHe
             : { primaryItems: [], sharedItems: [] };
         return (h(Host, { key: '77b50a06702c9c8aee59392c7ebcf392d0e93ace', language: this.language ?? undefined, market: this.market ?? undefined, environment: this.environment ?? undefined, "data-status": this.status, "data-mode": this.activeMenuMode, "data-theme": activeTheme }, h("header", { key: 'f17a9126e62264bcbc596802394d8a0eb64809d7' }, vm && (h(Fragment, { key: 'e4d0c6cbb175bd545c37011e8a26040e293b5078' }, h("pn-marketweb-header-top-row", { key: 'f20e51e813cd52f09a223d860e04759f9d277183', vm: vm, i18n: i18n, language: this.language ?? undefined, siteid: this.siteid ?? undefined, endpoint: this.endpoint ?? undefined, environment: this.environment ?? undefined, userToken: this.userToken, userFullname: this.userFullname, userLoggedin: this.userLoggedin, hideSiteSelector: this.hideSiteSelector, hideLanguageSelector: this.hideLanguageSelector, hideSearch: this.hideSearch, hideLogin: this.hideLogin, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, spaMode: this.spaMode, checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, activeMenuMode: this.activeMenuMode, theme: activeTheme, navigateOnMenuToggle: this.navigateOnMenuToggle, menuToggleChangeHandler: this.onMenuToggleChange, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: 'c0025425b08f233bc8ef6c9db59c516b1c2c8d05', name: "header-top-left", slot: "header-top-left" }), h("slot", { key: '822354a2c86ca56f4a7e6926492a5202e82d0d2e', name: "header-top-right-start", slot: "header-top-right-start" }), h("slot", { key: '68364a475418c6bb6baba867f9b78bc2f7cd3c92', name: "toprightend", slot: "toprightend" })), h("slot", { key: 'e49bc7c21f51abb86b05e6a986163f6b8848c425', name: "siteheader-menu-top-button" }), h("pn-marketweb-header-main-row", { key: 'a56827628a3f649546881449479df0d7721da5b2', vm: vm, i18n: i18n, market: this.market ?? undefined, language: this.language ?? undefined, siteid: this.siteid ?? undefined, hideSearch: this.hideSearch, hideLogin: this.hideLogin, hideLanguageSelector: this.hideLanguageSelector, hideSiteSelector: this.hideSiteSelector, minimizeSearch: this.minimizeSearch, activeMenuMode: this.activeMenuMode, theme: activeTheme, navigateOnMenuToggle: this.navigateOnMenuToggle, primaryItems: menuGroups.primaryItems, sharedItems: menuGroups.sharedItems, showMenuDivider: menuGroups.primaryItems.length > 0 && menuGroups.sharedItems.length > 0, userToken: this.userToken, userFullname: this.userFullname, userLoggedin: this.userLoggedin, endpoint: this.endpoint ?? undefined, environment: this.environment ?? undefined, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, spaMode: this.spaMode, menuToggleChangeHandler: this.onMenuToggleChange, mainNavRefHandler: (el) => {
                 this.mainNavEl = el;
-            }, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: '624d401daf67b3af80f3708d8321f541547f3225', name: "header-bottom-button", slot: "header-bottom-button" }), h("slot", { key: '5bf770f2882a239a3a45b511af696fc87bbf861d', name: "menu-footer-cta", slot: "menu-footer-cta" })))))));
+            }, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: '673017970d5f273a2810acc09d47744cfdda19e6', name: "mobile-toprightend", slot: "mobile-toprightend" }), h("slot", { key: '86493520b39dd5c0fbe4a371e3503cfdcc51e8bf', name: "header-bottom-button", slot: "header-bottom-button" }), h("slot", { key: '1fa6a9440a1f2b4bcb081fbc5c7ce3bb31a6bb63', name: "menu-footer-cta", slot: "menu-footer-cta" })))))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],