@postnord/pn-marketweb-components 4.2.4 → 4.3.0

package/components/pn-mainnav2.js.map

@@ -1 +1 @@
-{"file":"pn-mainnav2.js","mappings":"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","names":[],"sources":["src/components/navigation/pn-mainnav/translations.ts","src/components/navigation/pn-mainnav/pn-mainnav.scss?tag=pn-mainnav","src/components/navigation/pn-mainnav/pn-mainnav.tsx"],"sourcesContent":["export const translations = {\n  'sv': {\n    menuHomeButton: 'Hem',\n    menuGoBackButton: 'Gå tillbaka',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    navLabel: 'Huvudnavigation',\n  },\n  'en': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'da': {\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbage',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Hovednavigation',\n  },\n  'no': {\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbake',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    navLabel: 'Hovednavigasjon',\n  },\n  'de': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Geh zurück',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Start',\n    navLabel: 'Hauptnavigation',\n  },\n  'zh': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'it': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'nl': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'tr': {\n    menuHomeButton: 'Anasayfa',\n    menuGoBackButton: 'Geri git',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Başlat',\n    navLabel: 'Ana gezinme',\n  },\n  'pt': {\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'pl': {\n    menuHomeButton: 'Strona główna',\n    menuGoBackButton: 'Powrót',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Początek',\n    navLabel: 'Menu główne systemu',\n  },\n  'pt-BR': {\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Voltar',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Iniciar',\n    navLabel: 'Navegação principal',\n  },\n};\n","@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav {\n  display: flex;\n  flex-flow: row-reverse;\n  position: relative;\n  width: 100%;\n  min-height: 5.1rem;\n\n  @media screen and (min-width: $mobilenav-media-tablet) {\n    flex-flow: row;\n  }\n  @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n    flex-flow: column;\n  }\n\n  [slot='footer'] {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      display: none;\n    }\n  }\n  > nav {\n    height: auto;\n    width: 100vw;\n    background-color: $white;\n    z-index: 2;\n    transform: translateX(100vw);\n    transition: transform 0.2s 0s;\n    transition-property: transform, visibility;\n    display: flex;\n    flex-flow: column;\n    visibility: hidden;\n    position: fixed;\n    top: 3em;\n    bottom: 0;\n    left: 0;\n    @media screen and (min-width: $mobilenav-media-tablet) {\n      top: 6.5em;\n    }\n\n    &[data-menu-open='true'] {\n      visibility: visible;\n      transform: translateX(0);\n    }\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      flex-flow: row-reverse;\n      top: 0;\n      position: static;\n      // overflow: visible;\n      height: auto;\n      width: 100%;\n      justify-content: space-between;\n      visibility: visible;\n      transform: translateX(0);\n    }\n\n    a {\n      text-decoration: none;\n    }\n\n    button {\n      cursor: pointer;\n    }\n  }\n}\n\n.mainnav-toggle {\n  display: flex;\n  align-items: center;\n  align-self: center;\n  // @media screen and (min-width: $mobilenav-media-tablet) {\n  //   align-self: center;\n  // }\n  // @media screen and (min-width: $mobilenav-media-smalldesktop) {\n  //   align-self: center;\n  // }\n\n  @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n    display: none;\n  }\n  > button {\n    display: flex;\n    align-items: center;\n    background-color: $blue700;\n    color: $white;\n    border-radius: 2.4rem;\n    border: none;\n    padding: 0.6rem 1.6rem;\n    cursor: pointer;\n    font-size: 1.6rem;\n\n    &:focus {\n      outline: 0;\n    }\n\n    pn-icon {\n      margin-left: 0.8rem;\n      display: block;\n    }\n\n    svg {\n      display: block;\n      margin: -0.2rem -0.5rem -0.2rem 0;\n      height: 1.9rem;\n      width: 1.9rem;\n    }\n  }\n}\n","import { Component, Prop, h, Host, Listen, Event, EventEmitter, Element } from '@stencil/core';\nimport { translations } from './translations';\nimport { Menui18n } from './types';\nimport state from './pn-mainnav-store';\nimport { close, bars } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav',\n  styleUrl: 'pn-mainnav.scss',\n  shadow: false,\n})\nexport class PnMainnav {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which market we want to fetch navigation for (se,dk,fi,no,com) */\n  @Prop() market: string = 'se';\n  /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Specifies which endpoint we should read information from */\n  @Prop() navigationId: string = 'mainnav';\n  /** Specifies which endpoint we should read information from */\n  @Prop({ mutable: true }) openMenu: boolean = false;\n  /** Sets the label of the navigation (Required if multiple nav elements are on a page) */\n  @Prop() navLabel: string = '';\n\n  @Event() menuLanguageChange: EventEmitter; // Could not use language change since it's a existing window event\n  @Event() marketChange: EventEmitter;\n  @Event() menuOpenChange: EventEmitter;\n\n  componentWillLoad() {\n    this.init();\n    document.removeEventListener('mousedown', this._onClickOutside.bind(this));\n    document.addEventListener('mousedown', this._onClickOutside.bind(this));\n  }\n\n  async init() {\n    this.setLanguage();\n    this.setMarket();\n  }\n\n  private _onClickOutside(event) {\n    const clickedOutside = !this.hostElement.contains(event.target);\n    if (clickedOutside) {\n      state.openLevel = '';\n    }\n  }\n\n  @Listen('language')\n  setLanguage() {\n    this.menuLanguageChange.emit(this.language);\n  }\n\n  @Listen('market')\n  setMarket() {\n    this.marketChange.emit(this.market);\n  }\n\n  @Listen('menuLanguageChange')\n  onLanguageChange(event) {\n    if (translations[event.detail]) {\n      state.i18n = translations[event.detail] as Menui18n;\n      if (!this.navLabel) {\n        this.navLabel = state.i18n.navLabel;\n      }\n    }\n  }\n\n  @Listen('setmenuopenstate')\n  setMenuOpenState() {\n    state.openMenu = !state.openMenu;\n    this.menuOpenChange.emit(state.openMenu);\n  }\n\n  @Listen('openMenuLevelChange')\n  onOpenMenuLevelChange(event) {\n    state.openLevel = event.detail;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"mainnav-toggle\">\n          <button aria-controls={this.navigationId} aria-expanded={state.openMenu + ''} onClick={this.setMenuOpenState.bind(this)}>\n            {state.i18n.mainMenuButton}\n            <pn-icon icon={state.openMenu ? close : bars} color=\"white\"></pn-icon>\n          </button>\n        </div>\n        <nav class=\"mainnav\" aria-label={this.navLabel} data-menu-open={state.openMenu + ''} data-menu-currentlevel={state.currentLevel} id={this.navigationId}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-mainnav2.js","mappings":"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","names":[],"sources":["src/components/navigation/pn-mainnav/translations.ts","src/components/navigation/pn-mainnav/pn-mainnav.scss?tag=pn-mainnav","src/components/navigation/pn-mainnav/pn-mainnav.tsx"],"sourcesContent":["export const translations = {\n  'sv': {\n    menuHomeButton: 'Hem',\n    menuGoBackButton: 'Gå tillbaka',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    navLabel: 'Huvudnavigation',\n  },\n  'en': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'da': {\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbage',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Hovednavigation',\n  },\n  'no': {\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbake',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    navLabel: 'Hovednavigasjon',\n  },\n  'de': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Geh zurück',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Start',\n    navLabel: 'Hauptnavigation',\n  },\n  'zh': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'it': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'nl': {\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'tr': {\n    menuHomeButton: 'Anasayfa',\n    menuGoBackButton: 'Geri git',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Başlat',\n    navLabel: 'Ana gezinme',\n  },\n  'pt': {\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    navLabel: 'Main navigation',\n  },\n  'pl': {\n    menuHomeButton: 'Strona główna',\n    menuGoBackButton: 'Powrót',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Początek',\n    navLabel: 'Menu główne systemu',\n  },\n  'pt-BR': {\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Voltar',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Iniciar',\n    navLabel: 'Navegação principal',\n  },\n};\n","@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\n// -----------------------------------------------------------------------------\n// Component token defaults\n// Styling API\n// -----------------------------------------------------------------------------\npn-mainnav {\n    --mainnav-nav-background-color: #{$white};\n\n    --mainnav-toggle-background-color: #{$blue700};\n    --mainnav-toggle-text-color: #{$white};\n    --mainnav-toggle-border-radius: 2.4rem;\n    --mainnav-toggle-padding: 0.6rem 1.6rem;\n    --mainnav-toggle-font-size: 1.6rem;\n    --mainnav-top-position: var(--siteheader-mainnav-top-position-mobile,3em);\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\n// -----------------------------------------------------------------------------\npn-mainnav {\n    display: flex;\n    flex-flow: row-reverse;\n    position: relative;\n    width: 100%;\n    min-height: 5.1rem;\n\n    @media screen and (min-width: $mobilenav-media-tablet) {\n        flex-flow: row;\n    }\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        flex-flow: column;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Slotted content\n// -----------------------------------------------------------------------------\npn-mainnav {\n    [slot='footer'] {\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            display: none;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Internal elements\n// -----------------------------------------------------------------------------\npn-mainnav {\n    >nav {\n        display: flex;\n        flex-flow: column;\n        position: fixed;\n        top: var(--mainnav-top-position);\n        bottom: 0;\n        left: 0;\n        width: 100vw;\n        height: auto;\n        background-color: var(--mainnav-nav-background-color);\n        z-index: 2;\n        visibility: hidden;\n        transform: translateX(100vw);\n        transition: transform 0.2s 0s;\n        transition-property: transform, visibility;\n\n        @media screen and (min-width: $mobilenav-media-tablet) {\n            top: 6.5em;\n        }\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            flex-flow: row-reverse;\n            position: static;\n            top: 0;\n            width: 100%;\n            height: auto;\n            justify-content: space-between;\n            visibility: visible;\n            transform: translateX(0);\n        }\n\n        a {\n            text-decoration: none;\n        }\n\n        button {\n            cursor: pointer;\n        }\n    }\n}\n\n.mainnav-toggle {\n    display: flex;\n    align-items: center;\n    align-self: center;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        display: none;\n    }\n\n    >button {\n        display: flex;\n        align-items: center;\n        background-color: var(--mainnav-toggle-background-color);\n        color: var(--mainnav-toggle-text-color);\n        border: none;\n        border-radius: var(--mainnav-toggle-border-radius);\n        padding: var(--mainnav-toggle-padding);\n        cursor: pointer;\n        font-size: var(--mainnav-toggle-font-size);\n\n        &:focus {\n            outline: 0;\n        }\n\n        pn-icon {\n            display: block;\n            margin-left: 0.8rem;\n        }\n\n        svg {\n            display: block;\n            margin: -0.2rem -0.5rem -0.2rem 0;\n            width: 1.9rem;\n            height: 1.9rem;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// State\n// -----------------------------------------------------------------------------\npn-mainnav>nav[data-menu-open='true'] {\n    visibility: visible;\n    transform: translateX(0);\n}","import { Component, Prop, h, Host, Listen, Event, EventEmitter, Element } from '@stencil/core';\nimport { translations } from './translations';\nimport { Menui18n } from './types';\nimport state from './pn-mainnav-store';\nimport { close, bars } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav',\n  styleUrl: 'pn-mainnav.scss',\n  shadow: false,\n})\nexport class PnMainnav {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which market we want to fetch navigation for (se,dk,fi,no,com) */\n  @Prop() market: string = 'se';\n  /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Specifies which endpoint we should read information from */\n  @Prop() navigationId: string = 'mainnav';\n  /** Specifies which endpoint we should read information from */\n  @Prop({ mutable: true }) openMenu: boolean = false;\n  /** Sets the label of the navigation (Required if multiple nav elements are on a page) */\n  @Prop() navLabel: string = '';\n\n  @Event() menuLanguageChange: EventEmitter; // Could not use language change since it's a existing window event\n  @Event() marketChange: EventEmitter;\n  @Event() menuOpenChange: EventEmitter;\n\n  componentWillLoad() {\n    this.init();\n    document.removeEventListener('mousedown', this._onClickOutside.bind(this));\n    document.addEventListener('mousedown', this._onClickOutside.bind(this));\n  }\n\n  async init() {\n    this.setLanguage();\n    this.setMarket();\n  }\n\n  private _onClickOutside(event) {\n    const clickedOutside = !this.hostElement.contains(event.target);\n    if (clickedOutside) {\n      state.openLevel = '';\n    }\n  }\n\n  @Listen('language')\n  setLanguage() {\n    this.menuLanguageChange.emit(this.language);\n  }\n\n  @Listen('market')\n  setMarket() {\n    this.marketChange.emit(this.market);\n  }\n\n  @Listen('menuLanguageChange')\n  onLanguageChange(event) {\n    if (translations[event.detail]) {\n      state.i18n = translations[event.detail] as Menui18n;\n      if (!this.navLabel) {\n        this.navLabel = state.i18n.navLabel;\n      }\n    }\n  }\n\n  @Listen('setmenuopenstate')\n  setMenuOpenState() {\n    state.openMenu = !state.openMenu;\n    this.menuOpenChange.emit(state.openMenu);\n  }\n\n  @Listen('openMenuLevelChange')\n  onOpenMenuLevelChange(event) {\n    state.openLevel = event.detail;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"mainnav-toggle\">\n          <button aria-controls={this.navigationId} aria-expanded={state.openMenu + ''} onClick={this.setMenuOpenState.bind(this)}>\n            {state.i18n.mainMenuButton}\n            <pn-icon icon={state.openMenu ? close : bars} color=\"white\"></pn-icon>\n          </button>\n        </div>\n        <nav class=\"mainnav\" aria-label={this.navLabel} data-menu-open={state.openMenu + ''} data-menu-currentlevel={state.currentLevel} id={this.navigationId}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/pn-marketweb-carousel2.js

@@ -283,7 +283,7 @@ const PnMarketwebCarousel = /*@__PURE__*/ proxyCustomElement(class PnMarketwebCa
         this.updateNavButtons();
     }
     render() {
-        return (h(Host, { key: 'b698d9177704754039292c9ce3c3c04ffe3076cb' }, h("div", { key: 'bcaf850a2c1626f160fd62caa5340c9ef04ca225', class: "pn-marketweb-carousel" }, h("section", { key: '6fc7ddd2b8e65b0068a3f61721098403ceda1324', class: "slider-wrapper" }, this.showCarouselButtons && (h("div", { key: 'cfe389ab17c6b67cac74a18cfe7097866211535f', class: "nav-buttons", role: "group", "aria-label": this.ariaNavigationLabel }, h("pn-button", { key: '227aa82b01eed8f15e95fb4909bd311a260e4147', 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: 'e8ec979e13ea2c3d30195de671564b4d47fcdae9', 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: '9b340fd2ff08ae7161957d450feb122611c944e6', 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: '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 })))))))));
     }
     static get watchers() { return {
         "source": ["handleSourceChange"]

package/components/pn-marketweb-header-main-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnMarketwebHeaderMainRow extends Components.PnMarketwebHeaderMainRow, HTMLElement {}
+export const PnMarketwebHeaderMainRow: {
+    prototype: PnMarketwebHeaderMainRow;
+    new (): PnMarketwebHeaderMainRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,8 @@
+import { P as PnMarketwebHeaderMainRow$1, d as defineCustomElement$1 } from './pn-marketweb-header-main-row2.js';
+
+const PnMarketwebHeaderMainRow = PnMarketwebHeaderMainRow$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebHeaderMainRow, defineCustomElement };
+
+//# sourceMappingURL=pn-marketweb-header-main-row.js.map

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

@@ -0,0 +1 @@
+{"file":"pn-marketweb-header-main-row.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,281 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { r as renderHeaderLogin, d as renderHeaderLanguageSelector, f as renderHeaderSiteSelector, h as renderHeaderLogo, i as renderHeaderMenuSwitcher } from './pn-marketweb-header-shared.js';
+import { d as defineCustomElement$g } from './pn-language-selector2.js';
+import { d as defineCustomElement$f } from './pn-language-selector-option2.js';
+import { d as defineCustomElement$e } from './pn-mainnav2.js';
+import { d as defineCustomElement$d } from './pn-mainnav-level2.js';
+import { d as defineCustomElement$c } from './pn-mainnav-link2.js';
+import { d as defineCustomElement$b } from './pn-mainnav-list2.js';
+import { d as defineCustomElement$a } from './pn-marketweb-header-toggle2.js';
+import { d as defineCustomElement$9 } from './pn-marketweb-siteheader-login2.js';
+import { d as defineCustomElement$8 } from './pn-marketweb-siteheader-login-button2.js';
+import { d as defineCustomElement$7 } from './pn-marketweb-siteheader-login-linklist2.js';
+import { d as defineCustomElement$6 } from './pn-marketweb-siteheader-login-links2.js';
+import { d as defineCustomElement$5 } from './pn-marketweb-siteheader-login-profileselection2.js';
+import { d as defineCustomElement$4 } from './pn-marketweb-siteheader-search2.js';
+import { d as defineCustomElement$3 } from './pn-marketweb-siteheader-unified-login2.js';
+import { d as defineCustomElement$2 } from './pn-site-selector2.js';
+import { d as defineCustomElement$1 } from './pn-site-selector-item2.js';
+
+/**
+ * Adds a Home item at the beginning of the main menu when needed.
+ *
+ * What it does:
+ * - Returns the input untouched when hideHomeMenuItem is true
+ * - Avoids adding a duplicate Home item if one already exists first in the list
+ * - Otherwise prepends a synthetic Home item using the translated label
+ */
+function prependHomeMenuItem(items, i18n, homeUrl, hideHomeMenuItem) {
+    if (hideHomeMenuItem) {
+        return items;
+    }
+    if (items[0]?.name === i18n.menuHomeButton) {
+        return items;
+    }
+    return [
+        {
+            href: homeUrl,
+            name: i18n.menuHomeButton,
+            id: 'homelink',
+            open: false,
+            selected: false,
+            children: [],
+        },
+        ...items,
+    ];
+}
+/**
+ * Creates a stable-ish tracking id for promoted menu items.
+ *
+ * This mirrors the old wrapper behavior and is used when rendering promoted links.
+ */
+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 PnMarketwebHeaderMainRowStyle0 = pnMarketwebHeaderMainRowCss;
+
+const PnMarketwebHeaderMainRow = /*@__PURE__*/ proxyCustomElement(class PnMarketwebHeaderMainRow extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.vm = undefined;
+        this.i18n = undefined;
+        this.market = undefined;
+        this.language = undefined;
+        this.siteid = undefined;
+        this.hideSearch = undefined;
+        this.hideLogin = undefined;
+        this.hideLanguageSelector = undefined;
+        this.hideSiteSelector = undefined;
+        this.minimizeSearch = undefined;
+        this.activeMenuMode = undefined;
+        this.navigateOnMenuToggle = undefined;
+        this.primaryItems = undefined;
+        this.sharedItems = undefined;
+        this.showMenuDivider = undefined;
+        this.userToken = undefined;
+        this.userFullname = undefined;
+        this.userLoggedin = undefined;
+        this.endpoint = undefined;
+        this.environment = undefined;
+        this.showProfileSelection = undefined;
+        this.showUnifiedLogin = undefined;
+        this.checkUserLoggedInStateInterval = undefined;
+        this.useMarketwebLogin = undefined;
+        this.spaMode = undefined;
+        this.theme = undefined;
+        this.logoUrl = undefined;
+        this.menuToggleChangeHandler = undefined;
+        this.mainNavRefHandler = undefined;
+        this.adjustSiteSelectorUrl = undefined;
+    }
+    renderMenuLink(item) {
+        return (h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: item.linkTarget ?? '_self', linkid: item.trackingId }, ((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (h("pn-mainnav-level", { label: item.name }, !!item.children?.length && (h("pn-mainnav-list", { heading: item.navigationHeading ?? '' }, item.children.map(childitem => (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: childitem.linkTarget ?? '_self', linkid: childitem.trackingId }))))), !!item.promotedMenuItems?.length && (h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map((childitem) => (h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? '_blank' : '_self', linkid: promotedItemId(childitem) + item.id })))))))));
+    }
+    renderMenuLinks(items) {
+        return items.map(item => this.renderMenuLink(item));
+    }
+    renderGroupedMenuLists(primaryItems, sharedItems) {
+        const hasPrimaryItems = primaryItems.length > 0;
+        const hasSharedItems = sharedItems.length > 0;
+        const hasDivider = hasPrimaryItems && hasSharedItems;
+        return h("div", { class: "siteheader-mainnav-groups" }, hasPrimaryItems ? (h("pn-mainnav-list", { class: "siteheader-mainnav-list siteheader-mainnav-list-primary" }, this.renderMenuLinks(primaryItems))) : null, hasDivider ? (h("div", { class: "siteheader-mainnav-divider", "aria-hidden": "true" })) : null, hasSharedItems ? (h("pn-mainnav-list", { class: "siteheader-mainnav-list siteheader-mainnav-list-shared" }, this.renderMenuLinks(sharedItems))) : null);
+    }
+    renderMenuFooter(appearance) {
+        return (h("div", { slot: "footer", class: "siteheader-menu-footer" }, h("slot", { name: "menu-footer-cta" }), renderHeaderLogin({
+            vm: this.vm,
+            hideLogin: this.hideLogin,
+            userToken: this.userToken,
+            userFullname: this.userFullname,
+            userLoggedin: this.userLoggedin,
+            endpoint: this.endpoint,
+            environment: this.environment,
+            i18n: this.i18n,
+            showProfileSelection: this.showProfileSelection,
+            showUnifiedLogin: this.showUnifiedLogin,
+            checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,
+            useMarketwebLogin: this.useMarketwebLogin,
+            appearance
+        }), renderHeaderLanguageSelector({
+            vm: this.vm,
+            hideLanguageSelector: this.hideLanguageSelector,
+            language: this.language,
+            spaMode: this.spaMode,
+            appearance
+        }), renderHeaderSiteSelector({
+            vm: this.vm,
+            hideSiteSelector: this.hideSiteSelector,
+            language: this.language,
+            appearance,
+            adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,
+        })));
+    }
+    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({
+            homePageLink: this.logoUrl, //this.vm.homePageLink,
+            homeLabel: this.i18n.home,
+        })), this.vm.hasMenuSwitching && (h("div", { key: '7559d93cf6e65dd98d943cc0bd047597486c7562', 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 => {
+                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 }))))))));
+    }
+    static get style() { return PnMarketwebHeaderMainRowStyle0; }
+}, [4, "pn-marketweb-header-main-row", {
+        "vm": [16],
+        "i18n": [16],
+        "market": [1],
+        "language": [1],
+        "siteid": [1],
+        "hideSearch": [4, "hide-search"],
+        "hideLogin": [4, "hide-login"],
+        "hideLanguageSelector": [4, "hide-language-selector"],
+        "hideSiteSelector": [4, "hide-site-selector"],
+        "minimizeSearch": [4, "minimize-search"],
+        "activeMenuMode": [2, "active-menu-mode"],
+        "navigateOnMenuToggle": [4, "navigate-on-menu-toggle"],
+        "primaryItems": [16],
+        "sharedItems": [16],
+        "showMenuDivider": [4, "show-menu-divider"],
+        "userToken": [1, "user-token"],
+        "userFullname": [1, "user-fullname"],
+        "userLoggedin": [4, "user-loggedin"],
+        "endpoint": [1],
+        "environment": [1],
+        "showProfileSelection": [4, "show-profile-selection"],
+        "showUnifiedLogin": [4, "show-unified-login"],
+        "checkUserLoggedInStateInterval": [2, "check-user-logged-in-state-interval"],
+        "useMarketwebLogin": [4, "use-marketweb-login"],
+        "spaMode": [4, "spa-mode"],
+        "theme": [1],
+        "logoUrl": [1, "logo-url"],
+        "menuToggleChangeHandler": [16],
+        "mainNavRefHandler": [16],
+        "adjustSiteSelectorUrl": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["pn-marketweb-header-main-row", "pn-language-selector", "pn-language-selector-option", "pn-mainnav", "pn-mainnav-level", "pn-mainnav-link", "pn-mainnav-list", "pn-marketweb-header-toggle", "pn-marketweb-siteheader-login", "pn-marketweb-siteheader-login-button", "pn-marketweb-siteheader-login-linklist", "pn-marketweb-siteheader-login-links", "pn-marketweb-siteheader-login-profileselection", "pn-marketweb-siteheader-search", "pn-marketweb-siteheader-unified-login", "pn-site-selector", "pn-site-selector-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "pn-marketweb-header-main-row":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PnMarketwebHeaderMainRow);
+            }
+            break;
+        case "pn-language-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "pn-language-selector-option":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "pn-mainnav":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "pn-mainnav-level":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "pn-mainnav-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "pn-mainnav-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "pn-marketweb-header-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "pn-marketweb-siteheader-login":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "pn-marketweb-siteheader-login-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "pn-marketweb-siteheader-login-linklist":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "pn-marketweb-siteheader-login-links":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "pn-marketweb-siteheader-login-profileselection":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "pn-marketweb-siteheader-search":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "pn-marketweb-siteheader-unified-login":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "pn-site-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "pn-site-selector-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { PnMarketwebHeaderMainRow as P, defineCustomElement as d, prependHomeMenuItem as p };
+
+//# sourceMappingURL=pn-marketweb-header-main-row2.js.map

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

@@ -0,0 +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}