@postnord/pn-marketweb-components 2.0.90 → 2.0.91

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 (16) hide show
  1. package/cjs/pn-marketweb-siteheader.cjs.entry.js +72 -50
  2. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css +131 -0
  3. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +91 -68
  4. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +91 -71
  5. package/custom-elements/index.js +135 -113
  6. package/esm/pn-marketweb-siteheader.entry.js +72 -50
  7. package/esm-es5/pn-marketweb-siteheader.entry.js +1 -1
  8. package/package.json +1 -1
  9. package/pn-market-web-components/p-67887512.system.js +1 -1
  10. package/pn-market-web-components/p-ab60d37d.entry.js +1 -0
  11. package/pn-market-web-components/p-f15cac52.system.entry.js +1 -0
  12. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  13. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.d.ts +4 -4
  14. package/umd/pn-marketweb-salesforce.js +2 -2
  15. package/pn-market-web-components/p-5482774f.entry.js +0 -1
  16. package/pn-market-web-components/p-6d08e5cc.system.entry.js +0 -1
package/cjs/pn-marketweb-siteheader.cjs.entry.js CHANGED
@@ -69,18 +69,18 @@ const translations = {
69
69
  }
70
70
  };
71
71
 
72
- const pnMarketwebSiteheaderCss = "body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#FFFFFF}pn-marketweb-siteheader header{position:relative;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:initial;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-align:center;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #F3F2F2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{-ms-flex-pack:justify;justify-content:space-between;min-height:3.2em}}pn-marketweb-siteheader .siteheader-topright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;min-height:3em;background:#FFFFFF;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{-webkit-box-shadow:none;box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container{display:none}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}";
72
+ const pnMarketwebSiteheaderCss = "body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#FFFFFF}pn-marketweb-siteheader header{position:relative;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:initial;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-align:center;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #F3F2F2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{-ms-flex-pack:justify;justify-content:space-between;min-height:3.2em}}pn-marketweb-siteheader .siteheader-topright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;min-height:3em;background:#FFFFFF;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{-webkit-box-shadow:none;box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container{display:none}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright *{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{-ms-flex-item-align:center;align-self:center;margin-left:1rem}@media screen and (max-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:transparent}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#0D234B;color:#FFFFFF;border:0.1rem solid #FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav{background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav a{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button{background-color:#0D234B;color:#FFFFFF;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav pn-mainnav-level:not([data-level=\"1\"]){background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list a:hover{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid white;border-top-right-radius:50%;border-bottom-right-radius:50%}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #FFFFFF;border-radius:50%;padding:0.5rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}";
73
73
 
74
74
  let PnMarketwebSiteheader = class {
75
75
  constructor(hostRef) {
76
76
  index.registerInstance(this, hostRef);
77
77
  this.changeLanguage = index.createEvent(this, "changeLanguage", 7);
78
78
  this.changeMarket = index.createEvent(this, "changeMarket", 7);
79
- this.endpointPath = "/api/navigation/header";
79
+ this.endpointPath = '/api/navigation/header';
80
80
  // allowedLanguages = ["sv","da","fi","no","en"];
81
81
  // allowedMarkets = ["se","dk","fi","no","com", "tpl"];
82
82
  /** Specifies which market we want to show (se,dk,fi,no,com) */
83
- this.market = null; //se
83
+ this.market = null; //se
84
84
  /** Specifies which language we want to show (sv,da,fi,no,en) */
85
85
  this.language = null; //sv
86
86
  /** Specifies the current site id (guid) */
@@ -88,9 +88,9 @@ let PnMarketwebSiteheader = class {
88
88
  /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */
89
89
  this.environment = null; //sv
90
90
  /** Access token passed from backend */
91
- this.userToken = "";
91
+ this.userToken = '';
92
92
  /** User Fullname */
93
- this.userFullname = "";
93
+ this.userFullname = '';
94
94
  /** User Logged in state from the backend */
95
95
  this.userLoggedin = false;
96
96
  /** Specifies which endpoint domain we should load from */
@@ -108,17 +108,26 @@ let PnMarketwebSiteheader = class {
108
108
  /** Adjusts the menus URLs */
109
109
  this.siteDomainInUrls = false;
110
110
  /** Autocomplete endpoint */
111
- this.AutocompleteEndpoint = "";
111
+ this.AutocompleteEndpoint = '';
112
112
  /** Forward session to backend */
113
113
  this.sessionForward = false;
114
114
  /** If the component should use cached requests */
115
115
  this.cache = false;
116
116
  /** Event based only language switch */
117
117
  this.spaMode = false;
118
- this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
118
+ this.i18n = {
119
+ searchlabel: '',
120
+ searchplaceholder: '',
121
+ searchbuttontext: '',
122
+ menuHomeButton: '',
123
+ menuGoBackButton: '',
124
+ mainMenuButton: '',
125
+ menuStartButton: '',
126
+ profileSelectionFlyoutHeading: '',
127
+ };
119
128
  this.gotData = false;
120
129
  this.fetchingData = false;
121
- this.homePageLink = "/";
130
+ this.homePageLink = '/';
122
131
  // Menu state
123
132
  this.menuItems = [];
124
133
  // Search
@@ -133,7 +142,7 @@ let PnMarketwebSiteheader = class {
133
142
  this.minimizeSearch = false;
134
143
  this.loggedIn = false;
135
144
  // FetchHelper
136
- this.fetchHelper = new FetchHelper.FetchHelper("siteheader");
145
+ this.fetchHelper = new FetchHelper.FetchHelper('siteheader');
137
146
  // Login manager
138
147
  this.loginManager = null;
139
148
  }
@@ -161,13 +170,15 @@ let PnMarketwebSiteheader = class {
161
170
  this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
162
171
  }
163
172
  if (!this.endpoint) {
164
- this.endpoint = "";
173
+ this.endpoint = '';
165
174
  }
166
175
  }
167
176
  async init() {
168
177
  this.setTranslations();
169
178
  await this.fetchData();
170
- window.setTimeout(() => { this.checkMenuOverflow(); }, 50);
179
+ window.setTimeout(() => {
180
+ this.checkMenuOverflow();
181
+ }, 50);
171
182
  }
172
183
  setTranslations() {
173
184
  if (this.language && translations[this.language]) {
@@ -193,11 +204,11 @@ let PnMarketwebSiteheader = class {
193
204
  return;
194
205
  }
195
206
  this.fetchingData = true;
196
- const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
207
+ const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
197
208
  const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
198
- const data = await this.fetchHelper.fetchJson(fetchUrl, {
199
- 'mode': 'cors'
200
- }, this.cache, this.onFetchRefreshed.bind(this));
209
+ const data = (await this.fetchHelper.fetchJson(fetchUrl, {
210
+ mode: 'cors',
211
+ }, this.cache, this.onFetchRefreshed.bind(this)));
201
212
  await this.setStateFromData(data);
202
213
  }
203
214
  onFetchRefreshed(data) {
@@ -213,18 +224,20 @@ let PnMarketwebSiteheader = class {
213
224
  }
214
225
  const siteUrl = this.siteDefinition.url;
215
226
  // Add trailing slash to domain if it's missing
216
- return siteUrl + ((siteUrl.lastIndexOf("/") !== siteUrl.length - 1) ? "/" : "") + item.twoLetterISOLanguageName;
227
+ return siteUrl + (siteUrl.lastIndexOf('/') !== siteUrl.length - 1 ? '/' : '') + item.twoLetterISOLanguageName;
217
228
  }
218
229
  async setStateFromData(data) {
219
230
  var _a, _b, _c;
220
- if (typeof data !== "object") {
231
+ if (typeof data !== 'object') {
221
232
  console.warn('Data was not valid', data);
222
233
  }
223
234
  // Set site definition
224
235
  this.siteDefinition = data.sitedefinition;
225
236
  // Set navigation information
226
237
  if (this.siteDomainInUrls) {
227
- this.menuItems = data.mainMenu.menuItems.map((item) => { return this.adjustMenuItemUrls(item); });
238
+ this.menuItems = data.mainMenu.menuItems.map(item => {
239
+ return this.adjustMenuItemUrls(item);
240
+ });
228
241
  }
229
242
  else {
230
243
  this.menuItems = data.mainMenu.menuItems;
@@ -237,7 +250,7 @@ let PnMarketwebSiteheader = class {
237
250
  id: 'homelink',
238
251
  open: false,
239
252
  selected: false,
240
- children: []
253
+ children: [],
241
254
  });
242
255
  }
243
256
  // Set search
@@ -249,29 +262,41 @@ let PnMarketwebSiteheader = class {
249
262
  this.setLanguageOptions();
250
263
  let loginDialog = data.loginViewModel;
251
264
  if (loginDialog && this.siteDomainInUrls) {
252
- loginDialog.loggedInLinks = loginDialog.loggedInLinks.map((item) => { item.href = this.adjustHref(item.href); return item; });
253
- loginDialog.loginMenuLinks = loginDialog.loginMenuLinks.map((item) => { item.href = this.adjustHref(item.href); return item; });
265
+ loginDialog.loggedInLinks = loginDialog.loggedInLinks.map(item => {
266
+ item.href = this.adjustHref(item.href);
267
+ return item;
268
+ });
269
+ loginDialog.loginMenuLinks = loginDialog.loginMenuLinks.map(item => {
270
+ item.href = this.adjustHref(item.href);
271
+ return item;
272
+ });
254
273
  }
255
274
  this.loginDialog = loginDialog;
256
275
  await this.spaModeAdjustments();
257
276
  this.gotData = true;
258
277
  this.fetchingData = true;
259
278
  this.homePageLink = (_c = (_b = this.siteDefinition) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : document.location.hostname;
260
- window.setTimeout(() => { this.checkMenuOverflow(); }, 100);
279
+ window.setTimeout(() => {
280
+ this.checkMenuOverflow();
281
+ }, 100);
261
282
  }
262
283
  adjustMenuItemUrls(item) {
263
284
  item.href = this.adjustHref(item.href);
264
285
  if (item.children && item.children.length > 0) {
265
- let adjustedItems = item.children.map((item) => { return this.adjustMenuItemUrls(item); });
286
+ let adjustedItems = item.children.map(item => {
287
+ return this.adjustMenuItemUrls(item);
288
+ });
266
289
  item.children = adjustedItems;
267
290
  }
268
291
  return item;
269
292
  }
270
293
  adjustHref(href) {
271
- if (href.indexOf("http") === 0) {
294
+ if (href.indexOf('http') === 0) {
272
295
  return href;
273
296
  }
274
- const domainUrl = (this.siteDefinition.url.lastIndexOf("/") === this.siteDefinition.url.length - 1) ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1) : this.siteDefinition.url;
297
+ const domainUrl = this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1
298
+ ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)
299
+ : this.siteDefinition.url;
275
300
  href = domainUrl + href;
276
301
  return href;
277
302
  }
@@ -281,14 +306,14 @@ let PnMarketwebSiteheader = class {
281
306
  return;
282
307
  }
283
308
  const hrefLangsTags = (_a = Array.prototype.slice.call(document.querySelectorAll('link[rel="alternate"][hreflang]'))) !== null && _a !== void 0 ? _a : [];
284
- const hrefLangs = hrefLangsTags.map((tag) => {
285
- let hrefLangValue = tag.getAttribute("hreflang");
286
- if (hrefLangValue.indexOf("en-") !== -1 || hrefLangValue.indexOf("en_") !== -1) {
309
+ const hrefLangs = hrefLangsTags.map(tag => {
310
+ let hrefLangValue = tag.getAttribute('hreflang');
311
+ if (hrefLangValue.indexOf('en-') !== -1 || hrefLangValue.indexOf('en_') !== -1) {
287
312
  hrefLangValue = hrefLangValue.substring(0, 2);
288
313
  }
289
314
  return hrefLangValue;
290
315
  });
291
- let languageOptions = []; // Reset language options
316
+ let languageOptions = []; // Reset language options
292
317
  this.languageSelector.languages.map((languageOption) => {
293
318
  // In case there are language links present on the page we only show languages that have those tags
294
319
  if (hrefLangs && hrefLangs.length > 0) {
@@ -315,7 +340,7 @@ let PnMarketwebSiteheader = class {
315
340
  }
316
341
  }
317
342
  promotedItemId(item) {
318
- return "promo-" + item.linkText.replace(/[^A-Za-z0-9.\\\/]/igm, "");
343
+ return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\/]/gim, '');
319
344
  }
320
345
  handleResize() {
321
346
  requestAnimationFrame(() => {
@@ -332,12 +357,12 @@ let PnMarketwebSiteheader = class {
332
357
  return;
333
358
  }
334
359
  const parent = firstMenuLevel.parentElement;
335
- if (parent.tagName.toLocaleLowerCase() !== "nav") {
360
+ if (parent.tagName.toLocaleLowerCase() !== 'nav') {
336
361
  return;
337
362
  }
338
363
  const parentWidth = parent.scrollWidth;
339
364
  const elmWidth = firstMenuLevel.clientWidth;
340
- const isOverFlowed = parentWidth < (elmWidth);
365
+ const isOverFlowed = parentWidth < elmWidth;
341
366
  if (isOverFlowed && this.minimizeSearch === false) {
342
367
  this.minimizeSearch = true;
343
368
  }
@@ -347,7 +372,9 @@ let PnMarketwebSiteheader = class {
347
372
  return href;
348
373
  }
349
374
  const loginDomains = ['portal.postnord.com'];
350
- const matchedHref = loginDomains.filter((domain) => { return href.indexOf(domain) !== -1; });
375
+ const matchedHref = loginDomains.filter(domain => {
376
+ return href.indexOf(domain) !== -1;
377
+ });
351
378
  if (matchedHref.length === 0) {
352
379
  return href;
353
380
  }
@@ -355,24 +382,19 @@ let PnMarketwebSiteheader = class {
355
382
  }
356
383
  render() {
357
384
  var _a, _b, _c, _d, _e, _f;
358
- return (index.h(index.Host, { language: this.language, market: this.market, environment: this.environment }, index.h("header", null, index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-topleft" }, index.h("slot", { name: "topleft" }), (this.gotData && this.siteSelector && !this.hideSiteSelector) &&
359
- index.h("pn-site-selector", { language: this.language, buttontext: (_b = (_a = this.siteSelector) === null || _a === void 0 ? void 0 : _a.currentSiteTitle) !== null && _b !== void 0 ? _b : 'postnord' }, (this.gotData && ((_c = this.siteSelector) === null || _c === void 0 ? void 0 : _c.currentSiteTitle)) &&
360
- index.h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription }), (this.gotData && ((_d = this.siteSelector) === null || _d === void 0 ? void 0 : _d.siteSelections)) && this.siteSelector.siteSelections.map((site) => index.h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))), index.h("div", { class: "siteheader-logocontainer" }, index.h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, index.h("slot", { name: "logo" }, index.h("svg", { class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65" }, index.h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))), index.h("div", { class: "siteheader-topright" }, index.h("slot", { name: "toprightstart" }), (this.gotData && this.loginDialog && !this.hideLogin) && (index.h("pn-marketweb-siteheader-login", { token: this.userToken, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
361
- index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))), index.h("slot", { name: "toprightend" }))), index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-menu" }, (this.gotData && this.menuItems) && (index.h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: (e) => {
362
- document.body.setAttribute("data-siteheader-menuopen", (e.detail + ''));
363
- } }, index.h("pn-mainnav-level", null, index.h("pn-mainnav-list", null, this.menuItems.map((item) => {
385
+ return (index.h(index.Host, { language: this.language, market: this.market, environment: this.environment }, index.h("header", null, index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-topleft" }, index.h("slot", { name: "topleft" }), this.gotData && this.siteSelector && !this.hideSiteSelector && (index.h("pn-site-selector", { language: this.language, buttontext: (_b = (_a = this.siteSelector) === null || _a === void 0 ? void 0 : _a.currentSiteTitle) !== null && _b !== void 0 ? _b : 'postnord' }, this.gotData && ((_c = this.siteSelector) === null || _c === void 0 ? void 0 : _c.currentSiteTitle) && (index.h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription })), this.gotData &&
386
+ ((_d = this.siteSelector) === null || _d === void 0 ? void 0 : _d.siteSelections) &&
387
+ this.siteSelector.siteSelections.map(site => (index.h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))), index.h("div", { class: "siteheader-logocontainer" }, index.h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, index.h("slot", { name: "logo" }, index.h("svg", { class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65" }, index.h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))), index.h("div", { class: "siteheader-topright" }, index.h("slot", { name: "toprightstart" }), this.gotData && this.loginDialog && !this.hideLogin && (index.h("pn-marketweb-siteheader-login", { token: this.userToken, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), index.h("slot", { name: "toprightend" }))), index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-menu" }, this.gotData && this.menuItems && (index.h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: e => {
388
+ document.body.setAttribute('data-siteheader-menuopen', e.detail + '');
389
+ } }, index.h("pn-mainnav-level", null, index.h("pn-mainnav-list", null, this.menuItems.map(item => {
364
390
  var _a, _b;
365
- return (index.h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: (_a = item.linkTarget) !== null && _a !== void 0 ? _a : "_self", linkid: item.trackingId }, ((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) &&
366
- index.h("pn-mainnav-level", null, item.children.length > 0 &&
367
- index.h("pn-mainnav-list", { heading: ((_b = item.navigationHeading) !== null && _b !== void 0 ? _b : "") }, item.children.map((childitem) => {
368
- var _a;
369
- return (index.h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : "_self", linkid: childitem.trackingId }));
370
- })), (item.promotedMenuItems && item.promotedMenuItems.length > 0) &&
371
- index.h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map((childitem) => (index.h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? "_blank" : "_self", linkid: this.promotedItemId(childitem) + item.id })))))));
372
- })), index.h("div", { slot: "footer", class: "siteheader-menu-footer" }, (this.gotData && this.loginDialog && !this.hideLogin) && (index.h("pn-marketweb-siteheader-login", { emitEvents: false, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
373
- index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))), !this.hideSiteSelector &&
374
- index.h("pn-site-selector", { language: this.language }, (this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle)) &&
375
- index.h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription }), (this.gotData && ((_f = this.siteSelector) === null || _f === void 0 ? void 0 : _f.siteSelections)) && this.siteSelector.siteSelections.map((site) => index.h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))), index.h("div", { slot: "top", class: "siteheader-menu-top" }, index.h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), index.h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, primary: true, search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
391
+ return (index.h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: (_a = item.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: item.trackingId }, ((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (index.h("pn-mainnav-level", null, item.children.length > 0 && (index.h("pn-mainnav-list", { heading: (_b = item.navigationHeading) !== null && _b !== void 0 ? _b : '' }, item.children.map(childitem => {
392
+ var _a;
393
+ return (index.h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: childitem.trackingId }));
394
+ }))), item.promotedMenuItems && item.promotedMenuItems.length > 0 && (index.h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map(childitem => (index.h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? '_blank' : '_self', linkid: this.promotedItemId(childitem) + item.id })))))))));
395
+ })), index.h("div", { slot: "footer", class: "siteheader-menu-footer" }, index.h("slot", { name: "menu-footer-cta" }), this.gotData && this.loginDialog && !this.hideLogin && (index.h("pn-marketweb-siteheader-login", { emitEvents: false, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), !this.hideSiteSelector && (index.h("pn-site-selector", { language: this.language }, this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (index.h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })), this.gotData &&
396
+ ((_f = this.siteSelector) === null || _f === void 0 ? void 0 : _f.siteSelections) &&
397
+ this.siteSelector.siteSelections.map(site => (index.h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))))), index.h("div", { slot: "top", class: "siteheader-menu-top" }, index.h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), index.h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, primary: true, search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
376
398
  }
377
399
  get hostElement() { return index.getElement(this); }
378
400
  static get watchers() { return {
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css CHANGED
@@ -210,4 +210,135 @@ pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-con
210
210
  }
211
211
  .siteheader-menu-footer > * {
212
212
  margin: 1.6rem;
213
+ }
214
+
215
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header {
216
+ background-color: #0D234B;
217
+ }
218
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-row:not(:last-child) {
219
+ border-bottom: 0.1rem solid #0D234B;
220
+ }
221
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label {
222
+ color: #FFFFFF;
223
+ }
224
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg > path {
225
+ fill: #FFFFFF;
226
+ }
227
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topleft button.pn-nav-dropdown-label:hover {
228
+ background-color: #005D92;
229
+ }
230
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topleft button.pn-nav-dropdown-label:active {
231
+ background-color: #00A0D6;
232
+ }
233
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topleft button.pn-nav-dropdown-label:focus {
234
+ background-color: #00A0D6;
235
+ }
236
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-logocontainer {
237
+ background-color: #0D234B;
238
+ }
239
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-logocontainer svg.siteheader-logo > path {
240
+ fill: #FFFFFF;
241
+ }
242
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topright * {
243
+ color: #FFFFFF;
244
+ }
245
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topright .siteheader-logindialog svg > path {
246
+ fill: #FFFFFF;
247
+ }
248
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topright pn-language-selector pn-icon svg > path {
249
+ fill: #FFFFFF;
250
+ }
251
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topright button:hover {
252
+ background-color: #005D92;
253
+ }
254
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topright button:active {
255
+ background-color: #00A0D6;
256
+ }
257
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topright button:focus {
258
+ background-color: #00A0D6;
259
+ }
260
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topright [slot=toprightend] {
261
+ align-self: center;
262
+ margin-left: 1rem;
263
+ }
264
+ @media screen and (max-width: 48em) {
265
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-topright [slot=toprightend] {
266
+ display: none;
267
+ }
268
+ }
269
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-menu .mainnav-toggle button {
270
+ background-color: transparent;
271
+ }
272
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-menu .first-level_icon svg > path {
273
+ fill: #FFFFFF;
274
+ }
275
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-search form pn-search-field input {
276
+ background-color: #0D234B;
277
+ color: #FFFFFF;
278
+ border: 0.1rem solid #FFFFFF;
279
+ }
280
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-search form pn-search-field input:hover {
281
+ border-color: #FFFFFF;
282
+ }
283
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-search form pn-search-field input::placeholder {
284
+ color: #FFFFFF;
285
+ }
286
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav {
287
+ background-color: #0D234B;
288
+ }
289
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav a {
290
+ color: #FFFFFF;
291
+ }
292
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list > pn-mainnav-link a,
293
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list > pn-mainnav-link button {
294
+ background-color: #0D234B;
295
+ color: #FFFFFF;
296
+ border-bottom: 0.1rem solid rgba(0, 93, 146, 0.5);
297
+ }
298
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav pn-mainnav-level:not([data-level="1"]) {
299
+ background-color: #0D234B;
300
+ }
301
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list {
302
+ color: #FFFFFF;
303
+ }
304
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list a:hover {
305
+ background-color: #00A0D6;
306
+ }
307
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search {
308
+ background-color: #0D234B;
309
+ }
310
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container {
311
+ border-top: 1px solid #FFFFFF;
312
+ border-bottom: 1px solid #FFFFFF;
313
+ border-right: 1px solid white;
314
+ border-top-right-radius: 50%;
315
+ border-bottom-right-radius: 50%;
316
+ }
317
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear {
318
+ border: 2px solid #FFFFFF;
319
+ border-radius: 50%;
320
+ padding: 0.5rem;
321
+ }
322
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header [data-level="1"] pn-mainnav-link pn-icon.first-level_arrow svg > path {
323
+ fill: #FFFFFF;
324
+ }
325
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-menu-footer button {
326
+ color: #FFFFFF;
327
+ }
328
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-menu-footer button:hover {
329
+ background-color: #005D92;
330
+ }
331
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-menu-footer button:active {
332
+ background-color: #00A0D6;
333
+ }
334
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-menu-footer button:focus {
335
+ background-color: #00A0D6;
336
+ }
337
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-menu-footer button svg > path {
338
+ fill: #FFFFFF;
339
+ }
340
+ @media screen and (min-width: 48em) {
341
+ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] {
342
+ display: none;
343
+ }
213
344
  }