@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.
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +72 -50
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css +131 -0
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +91 -68
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +91 -71
- package/custom-elements/index.js +135 -113
- package/esm/pn-marketweb-siteheader.entry.js +72 -50
- package/esm-es5/pn-marketweb-siteheader.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-ab60d37d.entry.js +1 -0
- package/pn-market-web-components/p-f15cac52.system.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.d.ts +4 -4
- package/umd/pn-marketweb-salesforce.js +2 -2
- package/pn-market-web-components/p-5482774f.entry.js +0 -1
- package/pn-market-web-components/p-6d08e5cc.system.entry.js +0 -1
package/custom-elements/index.js
CHANGED
|
@@ -4075,69 +4075,6 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
|
|
|
4075
4075
|
static get style() { return pnMarketwebSitefooterCss; }
|
|
4076
4076
|
};
|
|
4077
4077
|
|
|
4078
|
-
const translations$5 = {
|
|
4079
|
-
'sv': {
|
|
4080
|
-
"searchlabel": "Sök",
|
|
4081
|
-
"searchplaceholder": "Vad letar du efter?",
|
|
4082
|
-
"searchbuttontext": "Sök",
|
|
4083
|
-
"menuHomeButton": "Hem",
|
|
4084
|
-
"menuGoBackButton": "Gå tillbaka",
|
|
4085
|
-
"mainMenuButton": "Meny",
|
|
4086
|
-
"menuStartButton": "Start",
|
|
4087
|
-
"profileSelectionFlyoutHeading": "Inloggad som",
|
|
4088
|
-
},
|
|
4089
|
-
'en': {
|
|
4090
|
-
"searchlabel": "Search",
|
|
4091
|
-
"searchplaceholder": "Search",
|
|
4092
|
-
"searchbuttontext": "Search",
|
|
4093
|
-
"menuHomeButton": "Home",
|
|
4094
|
-
"menuGoBackButton": "Go back",
|
|
4095
|
-
"mainMenuButton": "Menu",
|
|
4096
|
-
"menuStartButton": "Start",
|
|
4097
|
-
"profileSelectionFlyoutHeading": "Logged in as",
|
|
4098
|
-
},
|
|
4099
|
-
'da': {
|
|
4100
|
-
"searchlabel": "Søg",
|
|
4101
|
-
"searchplaceholder": "Søg",
|
|
4102
|
-
"searchbuttontext": "Søg",
|
|
4103
|
-
"menuHomeButton": "Hjem",
|
|
4104
|
-
"menuGoBackButton": "Gå tilbage",
|
|
4105
|
-
"mainMenuButton": "Menu",
|
|
4106
|
-
"menuStartButton": "Start",
|
|
4107
|
-
"profileSelectionFlyoutHeading": "Logget ind som",
|
|
4108
|
-
},
|
|
4109
|
-
'no': {
|
|
4110
|
-
"searchlabel": "Søk",
|
|
4111
|
-
"searchplaceholder": "Søk",
|
|
4112
|
-
"searchbuttontext": "Søk",
|
|
4113
|
-
"menuHomeButton": "Hjem",
|
|
4114
|
-
"menuGoBackButton": "Gå tilbake",
|
|
4115
|
-
"mainMenuButton": "Meny",
|
|
4116
|
-
"menuStartButton": "Start",
|
|
4117
|
-
"profileSelectionFlyoutHeading": "Logget på som",
|
|
4118
|
-
},
|
|
4119
|
-
'fi': {
|
|
4120
|
-
"searchlabel": "Hae",
|
|
4121
|
-
"searchplaceholder": "Hae",
|
|
4122
|
-
"searchbuttontext": "Hae",
|
|
4123
|
-
"menuHomeButton": "Koti",
|
|
4124
|
-
"menuGoBackButton": "Mene takaisin",
|
|
4125
|
-
"mainMenuButton": "Valikko",
|
|
4126
|
-
"menuStartButton": "Alkaa",
|
|
4127
|
-
"profileSelectionFlyoutHeading": "Kirjautunut sisään nimellä",
|
|
4128
|
-
},
|
|
4129
|
-
'de': {
|
|
4130
|
-
"searchlabel": "Suche",
|
|
4131
|
-
"searchplaceholder": "Wonach suchen Sie?",
|
|
4132
|
-
"searchbuttontext": "Suche",
|
|
4133
|
-
"menuHomeButton": "Start",
|
|
4134
|
-
"menuGoBackButton": "Geh zurück",
|
|
4135
|
-
"mainMenuButton": "Menü",
|
|
4136
|
-
"menuStartButton": "Start",
|
|
4137
|
-
"profileSelectionFlyoutHeading": "Eingeloggt als",
|
|
4138
|
-
}
|
|
4139
|
-
};
|
|
4140
|
-
|
|
4141
4078
|
class MarketWebLoginManager {
|
|
4142
4079
|
constructor(options = null) {
|
|
4143
4080
|
var _a;
|
|
@@ -4378,7 +4315,70 @@ class MarketWebLoginManager {
|
|
|
4378
4315
|
}
|
|
4379
4316
|
}
|
|
4380
4317
|
|
|
4381
|
-
const
|
|
4318
|
+
const translations$5 = {
|
|
4319
|
+
'sv': {
|
|
4320
|
+
"searchlabel": "Sök",
|
|
4321
|
+
"searchplaceholder": "Vad letar du efter?",
|
|
4322
|
+
"searchbuttontext": "Sök",
|
|
4323
|
+
"menuHomeButton": "Hem",
|
|
4324
|
+
"menuGoBackButton": "Gå tillbaka",
|
|
4325
|
+
"mainMenuButton": "Meny",
|
|
4326
|
+
"menuStartButton": "Start",
|
|
4327
|
+
"profileSelectionFlyoutHeading": "Inloggad som",
|
|
4328
|
+
},
|
|
4329
|
+
'en': {
|
|
4330
|
+
"searchlabel": "Search",
|
|
4331
|
+
"searchplaceholder": "Search",
|
|
4332
|
+
"searchbuttontext": "Search",
|
|
4333
|
+
"menuHomeButton": "Home",
|
|
4334
|
+
"menuGoBackButton": "Go back",
|
|
4335
|
+
"mainMenuButton": "Menu",
|
|
4336
|
+
"menuStartButton": "Start",
|
|
4337
|
+
"profileSelectionFlyoutHeading": "Logged in as",
|
|
4338
|
+
},
|
|
4339
|
+
'da': {
|
|
4340
|
+
"searchlabel": "Søg",
|
|
4341
|
+
"searchplaceholder": "Søg",
|
|
4342
|
+
"searchbuttontext": "Søg",
|
|
4343
|
+
"menuHomeButton": "Hjem",
|
|
4344
|
+
"menuGoBackButton": "Gå tilbage",
|
|
4345
|
+
"mainMenuButton": "Menu",
|
|
4346
|
+
"menuStartButton": "Start",
|
|
4347
|
+
"profileSelectionFlyoutHeading": "Logget ind som",
|
|
4348
|
+
},
|
|
4349
|
+
'no': {
|
|
4350
|
+
"searchlabel": "Søk",
|
|
4351
|
+
"searchplaceholder": "Søk",
|
|
4352
|
+
"searchbuttontext": "Søk",
|
|
4353
|
+
"menuHomeButton": "Hjem",
|
|
4354
|
+
"menuGoBackButton": "Gå tilbake",
|
|
4355
|
+
"mainMenuButton": "Meny",
|
|
4356
|
+
"menuStartButton": "Start",
|
|
4357
|
+
"profileSelectionFlyoutHeading": "Logget på som",
|
|
4358
|
+
},
|
|
4359
|
+
'fi': {
|
|
4360
|
+
"searchlabel": "Hae",
|
|
4361
|
+
"searchplaceholder": "Hae",
|
|
4362
|
+
"searchbuttontext": "Hae",
|
|
4363
|
+
"menuHomeButton": "Koti",
|
|
4364
|
+
"menuGoBackButton": "Mene takaisin",
|
|
4365
|
+
"mainMenuButton": "Valikko",
|
|
4366
|
+
"menuStartButton": "Alkaa",
|
|
4367
|
+
"profileSelectionFlyoutHeading": "Kirjautunut sisään nimellä",
|
|
4368
|
+
},
|
|
4369
|
+
'de': {
|
|
4370
|
+
"searchlabel": "Suche",
|
|
4371
|
+
"searchplaceholder": "Wonach suchen Sie?",
|
|
4372
|
+
"searchbuttontext": "Suche",
|
|
4373
|
+
"menuHomeButton": "Start",
|
|
4374
|
+
"menuGoBackButton": "Geh zurück",
|
|
4375
|
+
"mainMenuButton": "Menü",
|
|
4376
|
+
"menuStartButton": "Start",
|
|
4377
|
+
"profileSelectionFlyoutHeading": "Eingeloggt als",
|
|
4378
|
+
}
|
|
4379
|
+
};
|
|
4380
|
+
|
|
4381
|
+
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}}";
|
|
4382
4382
|
|
|
4383
4383
|
let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
4384
4384
|
constructor() {
|
|
@@ -4386,11 +4386,11 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4386
4386
|
this.__registerHost();
|
|
4387
4387
|
this.changeLanguage = createEvent(this, "changeLanguage", 7);
|
|
4388
4388
|
this.changeMarket = createEvent(this, "changeMarket", 7);
|
|
4389
|
-
this.endpointPath =
|
|
4389
|
+
this.endpointPath = '/api/navigation/header';
|
|
4390
4390
|
// allowedLanguages = ["sv","da","fi","no","en"];
|
|
4391
4391
|
// allowedMarkets = ["se","dk","fi","no","com", "tpl"];
|
|
4392
4392
|
/** Specifies which market we want to show (se,dk,fi,no,com) */
|
|
4393
|
-
this.market = null; //se
|
|
4393
|
+
this.market = null; //se
|
|
4394
4394
|
/** Specifies which language we want to show (sv,da,fi,no,en) */
|
|
4395
4395
|
this.language = null; //sv
|
|
4396
4396
|
/** Specifies the current site id (guid) */
|
|
@@ -4398,9 +4398,9 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4398
4398
|
/** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */
|
|
4399
4399
|
this.environment = null; //sv
|
|
4400
4400
|
/** Access token passed from backend */
|
|
4401
|
-
this.userToken =
|
|
4401
|
+
this.userToken = '';
|
|
4402
4402
|
/** User Fullname */
|
|
4403
|
-
this.userFullname =
|
|
4403
|
+
this.userFullname = '';
|
|
4404
4404
|
/** User Logged in state from the backend */
|
|
4405
4405
|
this.userLoggedin = false;
|
|
4406
4406
|
/** Specifies which endpoint domain we should load from */
|
|
@@ -4418,17 +4418,26 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4418
4418
|
/** Adjusts the menus URLs */
|
|
4419
4419
|
this.siteDomainInUrls = false;
|
|
4420
4420
|
/** Autocomplete endpoint */
|
|
4421
|
-
this.AutocompleteEndpoint =
|
|
4421
|
+
this.AutocompleteEndpoint = '';
|
|
4422
4422
|
/** Forward session to backend */
|
|
4423
4423
|
this.sessionForward = false;
|
|
4424
4424
|
/** If the component should use cached requests */
|
|
4425
4425
|
this.cache = false;
|
|
4426
4426
|
/** Event based only language switch */
|
|
4427
4427
|
this.spaMode = false;
|
|
4428
|
-
this.i18n = {
|
|
4428
|
+
this.i18n = {
|
|
4429
|
+
searchlabel: '',
|
|
4430
|
+
searchplaceholder: '',
|
|
4431
|
+
searchbuttontext: '',
|
|
4432
|
+
menuHomeButton: '',
|
|
4433
|
+
menuGoBackButton: '',
|
|
4434
|
+
mainMenuButton: '',
|
|
4435
|
+
menuStartButton: '',
|
|
4436
|
+
profileSelectionFlyoutHeading: '',
|
|
4437
|
+
};
|
|
4429
4438
|
this.gotData = false;
|
|
4430
4439
|
this.fetchingData = false;
|
|
4431
|
-
this.homePageLink =
|
|
4440
|
+
this.homePageLink = '/';
|
|
4432
4441
|
// Menu state
|
|
4433
4442
|
this.menuItems = [];
|
|
4434
4443
|
// Search
|
|
@@ -4443,7 +4452,7 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4443
4452
|
this.minimizeSearch = false;
|
|
4444
4453
|
this.loggedIn = false;
|
|
4445
4454
|
// FetchHelper
|
|
4446
|
-
this.fetchHelper = new FetchHelper(
|
|
4455
|
+
this.fetchHelper = new FetchHelper('siteheader');
|
|
4447
4456
|
// Login manager
|
|
4448
4457
|
this.loginManager = null;
|
|
4449
4458
|
}
|
|
@@ -4471,13 +4480,15 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4471
4480
|
this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
|
|
4472
4481
|
}
|
|
4473
4482
|
if (!this.endpoint) {
|
|
4474
|
-
this.endpoint =
|
|
4483
|
+
this.endpoint = '';
|
|
4475
4484
|
}
|
|
4476
4485
|
}
|
|
4477
4486
|
async init() {
|
|
4478
4487
|
this.setTranslations();
|
|
4479
4488
|
await this.fetchData();
|
|
4480
|
-
window.setTimeout(() => {
|
|
4489
|
+
window.setTimeout(() => {
|
|
4490
|
+
this.checkMenuOverflow();
|
|
4491
|
+
}, 50);
|
|
4481
4492
|
}
|
|
4482
4493
|
setTranslations() {
|
|
4483
4494
|
if (this.language && translations$5[this.language]) {
|
|
@@ -4503,11 +4514,11 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4503
4514
|
return;
|
|
4504
4515
|
}
|
|
4505
4516
|
this.fetchingData = true;
|
|
4506
|
-
const endpointBase =
|
|
4517
|
+
const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
|
|
4507
4518
|
const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
|
|
4508
|
-
const data = await this.fetchHelper.fetchJson(fetchUrl, {
|
|
4509
|
-
|
|
4510
|
-
}, this.cache, this.onFetchRefreshed.bind(this));
|
|
4519
|
+
const data = (await this.fetchHelper.fetchJson(fetchUrl, {
|
|
4520
|
+
mode: 'cors',
|
|
4521
|
+
}, this.cache, this.onFetchRefreshed.bind(this)));
|
|
4511
4522
|
await this.setStateFromData(data);
|
|
4512
4523
|
}
|
|
4513
4524
|
onFetchRefreshed(data) {
|
|
@@ -4523,18 +4534,20 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4523
4534
|
}
|
|
4524
4535
|
const siteUrl = this.siteDefinition.url;
|
|
4525
4536
|
// Add trailing slash to domain if it's missing
|
|
4526
|
-
return siteUrl + (
|
|
4537
|
+
return siteUrl + (siteUrl.lastIndexOf('/') !== siteUrl.length - 1 ? '/' : '') + item.twoLetterISOLanguageName;
|
|
4527
4538
|
}
|
|
4528
4539
|
async setStateFromData(data) {
|
|
4529
4540
|
var _a, _b, _c;
|
|
4530
|
-
if (typeof data !==
|
|
4541
|
+
if (typeof data !== 'object') {
|
|
4531
4542
|
console.warn('Data was not valid', data);
|
|
4532
4543
|
}
|
|
4533
4544
|
// Set site definition
|
|
4534
4545
|
this.siteDefinition = data.sitedefinition;
|
|
4535
4546
|
// Set navigation information
|
|
4536
4547
|
if (this.siteDomainInUrls) {
|
|
4537
|
-
this.menuItems = data.mainMenu.menuItems.map(
|
|
4548
|
+
this.menuItems = data.mainMenu.menuItems.map(item => {
|
|
4549
|
+
return this.adjustMenuItemUrls(item);
|
|
4550
|
+
});
|
|
4538
4551
|
}
|
|
4539
4552
|
else {
|
|
4540
4553
|
this.menuItems = data.mainMenu.menuItems;
|
|
@@ -4547,7 +4560,7 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4547
4560
|
id: 'homelink',
|
|
4548
4561
|
open: false,
|
|
4549
4562
|
selected: false,
|
|
4550
|
-
children: []
|
|
4563
|
+
children: [],
|
|
4551
4564
|
});
|
|
4552
4565
|
}
|
|
4553
4566
|
// Set search
|
|
@@ -4559,29 +4572,41 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4559
4572
|
this.setLanguageOptions();
|
|
4560
4573
|
let loginDialog = data.loginViewModel;
|
|
4561
4574
|
if (loginDialog && this.siteDomainInUrls) {
|
|
4562
|
-
loginDialog.loggedInLinks = loginDialog.loggedInLinks.map(
|
|
4563
|
-
|
|
4575
|
+
loginDialog.loggedInLinks = loginDialog.loggedInLinks.map(item => {
|
|
4576
|
+
item.href = this.adjustHref(item.href);
|
|
4577
|
+
return item;
|
|
4578
|
+
});
|
|
4579
|
+
loginDialog.loginMenuLinks = loginDialog.loginMenuLinks.map(item => {
|
|
4580
|
+
item.href = this.adjustHref(item.href);
|
|
4581
|
+
return item;
|
|
4582
|
+
});
|
|
4564
4583
|
}
|
|
4565
4584
|
this.loginDialog = loginDialog;
|
|
4566
4585
|
await this.spaModeAdjustments();
|
|
4567
4586
|
this.gotData = true;
|
|
4568
4587
|
this.fetchingData = true;
|
|
4569
4588
|
this.homePageLink = (_c = (_b = this.siteDefinition) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : document.location.hostname;
|
|
4570
|
-
window.setTimeout(() => {
|
|
4589
|
+
window.setTimeout(() => {
|
|
4590
|
+
this.checkMenuOverflow();
|
|
4591
|
+
}, 100);
|
|
4571
4592
|
}
|
|
4572
4593
|
adjustMenuItemUrls(item) {
|
|
4573
4594
|
item.href = this.adjustHref(item.href);
|
|
4574
4595
|
if (item.children && item.children.length > 0) {
|
|
4575
|
-
let adjustedItems = item.children.map(
|
|
4596
|
+
let adjustedItems = item.children.map(item => {
|
|
4597
|
+
return this.adjustMenuItemUrls(item);
|
|
4598
|
+
});
|
|
4576
4599
|
item.children = adjustedItems;
|
|
4577
4600
|
}
|
|
4578
4601
|
return item;
|
|
4579
4602
|
}
|
|
4580
4603
|
adjustHref(href) {
|
|
4581
|
-
if (href.indexOf(
|
|
4604
|
+
if (href.indexOf('http') === 0) {
|
|
4582
4605
|
return href;
|
|
4583
4606
|
}
|
|
4584
|
-
const domainUrl =
|
|
4607
|
+
const domainUrl = this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1
|
|
4608
|
+
? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)
|
|
4609
|
+
: this.siteDefinition.url;
|
|
4585
4610
|
href = domainUrl + href;
|
|
4586
4611
|
return href;
|
|
4587
4612
|
}
|
|
@@ -4591,14 +4616,14 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4591
4616
|
return;
|
|
4592
4617
|
}
|
|
4593
4618
|
const hrefLangsTags = (_a = Array.prototype.slice.call(document.querySelectorAll('link[rel="alternate"][hreflang]'))) !== null && _a !== void 0 ? _a : [];
|
|
4594
|
-
const hrefLangs = hrefLangsTags.map(
|
|
4595
|
-
let hrefLangValue = tag.getAttribute(
|
|
4596
|
-
if (hrefLangValue.indexOf(
|
|
4619
|
+
const hrefLangs = hrefLangsTags.map(tag => {
|
|
4620
|
+
let hrefLangValue = tag.getAttribute('hreflang');
|
|
4621
|
+
if (hrefLangValue.indexOf('en-') !== -1 || hrefLangValue.indexOf('en_') !== -1) {
|
|
4597
4622
|
hrefLangValue = hrefLangValue.substring(0, 2);
|
|
4598
4623
|
}
|
|
4599
4624
|
return hrefLangValue;
|
|
4600
4625
|
});
|
|
4601
|
-
let languageOptions = []; // Reset language options
|
|
4626
|
+
let languageOptions = []; // Reset language options
|
|
4602
4627
|
this.languageSelector.languages.map((languageOption) => {
|
|
4603
4628
|
// In case there are language links present on the page we only show languages that have those tags
|
|
4604
4629
|
if (hrefLangs && hrefLangs.length > 0) {
|
|
@@ -4625,7 +4650,7 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4625
4650
|
}
|
|
4626
4651
|
}
|
|
4627
4652
|
promotedItemId(item) {
|
|
4628
|
-
return
|
|
4653
|
+
return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\/]/gim, '');
|
|
4629
4654
|
}
|
|
4630
4655
|
handleResize() {
|
|
4631
4656
|
requestAnimationFrame(() => {
|
|
@@ -4642,12 +4667,12 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4642
4667
|
return;
|
|
4643
4668
|
}
|
|
4644
4669
|
const parent = firstMenuLevel.parentElement;
|
|
4645
|
-
if (parent.tagName.toLocaleLowerCase() !==
|
|
4670
|
+
if (parent.tagName.toLocaleLowerCase() !== 'nav') {
|
|
4646
4671
|
return;
|
|
4647
4672
|
}
|
|
4648
4673
|
const parentWidth = parent.scrollWidth;
|
|
4649
4674
|
const elmWidth = firstMenuLevel.clientWidth;
|
|
4650
|
-
const isOverFlowed = parentWidth <
|
|
4675
|
+
const isOverFlowed = parentWidth < elmWidth;
|
|
4651
4676
|
if (isOverFlowed && this.minimizeSearch === false) {
|
|
4652
4677
|
this.minimizeSearch = true;
|
|
4653
4678
|
}
|
|
@@ -4657,7 +4682,9 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4657
4682
|
return href;
|
|
4658
4683
|
}
|
|
4659
4684
|
const loginDomains = ['portal.postnord.com'];
|
|
4660
|
-
const matchedHref = loginDomains.filter(
|
|
4685
|
+
const matchedHref = loginDomains.filter(domain => {
|
|
4686
|
+
return href.indexOf(domain) !== -1;
|
|
4687
|
+
});
|
|
4661
4688
|
if (matchedHref.length === 0) {
|
|
4662
4689
|
return href;
|
|
4663
4690
|
}
|
|
@@ -4665,24 +4692,19 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
4665
4692
|
}
|
|
4666
4693
|
render() {
|
|
4667
4694
|
var _a, _b, _c, _d, _e, _f;
|
|
4668
|
-
return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("header", null, h("div", { class: "siteheader-row" }, h("div", { class: "siteheader-topleft" }, h("slot", { name: "topleft" }),
|
|
4669
|
-
|
|
4670
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
} }, h("pn-mainnav-level", null, h("pn-mainnav-list", null, this.menuItems.map((item) => {
|
|
4695
|
+
return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("header", null, h("div", { class: "siteheader-row" }, h("div", { class: "siteheader-topleft" }, h("slot", { name: "topleft" }), this.gotData && this.siteSelector && !this.hideSiteSelector && (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) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription })), this.gotData &&
|
|
4696
|
+
((_d = this.siteSelector) === null || _d === void 0 ? void 0 : _d.siteSelections) &&
|
|
4697
|
+
this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))), h("div", { class: "siteheader-logocontainer" }, h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, h("slot", { name: "logo" }, 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" }, 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)" }))))), h("div", { class: "siteheader-topright" }, h("slot", { name: "toprightstart" }), this.gotData && this.loginDialog && !this.hideLogin && (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 && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), h("slot", { name: "toprightend" }))), h("div", { class: "siteheader-row" }, h("div", { class: "siteheader-menu" }, this.gotData && this.menuItems && (h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: e => {
|
|
4698
|
+
document.body.setAttribute('data-siteheader-menuopen', e.detail + '');
|
|
4699
|
+
} }, h("pn-mainnav-level", null, h("pn-mainnav-list", null, this.menuItems.map(item => {
|
|
4674
4700
|
var _a, _b;
|
|
4675
|
-
return (h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: (_a = item.linkTarget) !== null && _a !== void 0 ? _a :
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
|
|
4681
|
-
|
|
4682
|
-
})), h("div", { slot: "footer", class: "siteheader-menu-footer" }, (this.gotData && this.loginDialog && !this.hideLogin) && (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 &&
|
|
4683
|
-
h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))), !this.hideSiteSelector &&
|
|
4684
|
-
h("pn-site-selector", { language: this.language }, (this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle)) &&
|
|
4685
|
-
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) => h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))), h("div", { slot: "top", class: "siteheader-menu-top" }, h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), 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 })))));
|
|
4701
|
+
return (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)) && (h("pn-mainnav-level", null, item.children.length > 0 && (h("pn-mainnav-list", { heading: (_b = item.navigationHeading) !== null && _b !== void 0 ? _b : '' }, item.children.map(childitem => {
|
|
4702
|
+
var _a;
|
|
4703
|
+
return (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: childitem.trackingId }));
|
|
4704
|
+
}))), item.promotedMenuItems && item.promotedMenuItems.length > 0 && (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: this.promotedItemId(childitem) + item.id })))))))));
|
|
4705
|
+
})), h("div", { slot: "footer", class: "siteheader-menu-footer" }, h("slot", { name: "menu-footer-cta" }), this.gotData && this.loginDialog && !this.hideLogin && (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 && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), !this.hideSiteSelector && (h("pn-site-selector", { language: this.language }, this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })), this.gotData &&
|
|
4706
|
+
((_f = this.siteSelector) === null || _f === void 0 ? void 0 : _f.siteSelections) &&
|
|
4707
|
+
this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))))), h("div", { slot: "top", class: "siteheader-menu-top" }, h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), 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 })))));
|
|
4686
4708
|
}
|
|
4687
4709
|
get hostElement() { return this; }
|
|
4688
4710
|
static get watchers() { return {
|