npm - @postnord/pn-marketweb-components - Versions diffs - 4.3.1 → 4.3.3 - Mend

@postnord/pn-marketweb-components 4.3.1 → 4.3.3

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

Files changed (350) hide show

package/components/pn-mainnav-level2.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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}
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 > [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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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"],