@postnord/pn-marketweb-components 1.0.42-beta2 → 1.0.43
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-language-selector_9.cjs.entry.js +16 -1
- package/cjs/pn-marketweb-sitefooter.cjs.entry.js +0 -1
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +4 -5
- package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js +0 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +28 -30
- package/collection/components/navigation/pn-language-selector/pn-language-selector.js +15 -0
- package/custom-elements/index.js +20 -7
- package/esm/pn-language-selector_9.entry.js +16 -1
- package/esm/pn-marketweb-sitefooter.entry.js +0 -1
- package/esm/pn-marketweb-siteheader.entry.js +4 -5
- package/esm-es5/pn-language-selector_9.entry.js +1 -1
- package/esm-es5/pn-marketweb-sitefooter.entry.js +1 -1
- package/esm-es5/pn-marketweb-siteheader.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/p-1611123a.system.entry.js +1 -0
- package/pn-market-web-components/p-2e6644ea.system.entry.js +1 -0
- package/pn-market-web-components/p-38ff23f5.entry.js +1 -0
- package/pn-market-web-components/p-5f8ef634.entry.js +1 -0
- package/pn-market-web-components/p-93d8620b.entry.js +1 -0
- package/pn-market-web-components/p-a22df959.system.js +1 -1
- package/pn-market-web-components/p-da370548.system.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/navigation/pn-language-selector/pn-language-selector.d.ts +1 -0
- package/pn-market-web-components/p-4aa3b95d.entry.js +0 -1
- package/pn-market-web-components/p-5df99382.entry.js +0 -1
- package/pn-market-web-components/p-81df672d.entry.js +0 -1
- package/pn-market-web-components/p-a1309b3b.system.entry.js +0 -1
- package/pn-market-web-components/p-b2383083.system.entry.js +0 -1
- package/pn-market-web-components/p-b446ca28.system.entry.js +0 -1
|
@@ -37,6 +37,7 @@ let PnlanguageSelector = class {
|
|
|
37
37
|
this.options = [];
|
|
38
38
|
}
|
|
39
39
|
componentWillLoad() {
|
|
40
|
+
this.setInitialSelectedLanguageName();
|
|
40
41
|
this.setTranslations();
|
|
41
42
|
}
|
|
42
43
|
componentDidLoad() {
|
|
@@ -46,6 +47,20 @@ let PnlanguageSelector = class {
|
|
|
46
47
|
this.setSelectedLanguageName();
|
|
47
48
|
this.addEventBindingsToOptions();
|
|
48
49
|
}
|
|
50
|
+
setInitialSelectedLanguageName() {
|
|
51
|
+
if (!window.Intl || !this.value) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
const langs = new Intl.DisplayNames([this.value], { type: 'language' });
|
|
55
|
+
if (!langs) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
const languageName = langs.of(this.value);
|
|
59
|
+
if (!languageName) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
this.selectedLanguageName = languageName.charAt(0).toUpperCase() + languageName.slice(1);
|
|
63
|
+
}
|
|
49
64
|
addEventBindingsToOptions() {
|
|
50
65
|
const options = [].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));
|
|
51
66
|
options.map((option) => {
|
|
@@ -441,7 +456,7 @@ let PnMarketwebSiteheaderLogin = class {
|
|
|
441
456
|
: (index.h("ul", null, index.h("li", null, index.h("pn-button", { href: this.loginManager.getLoginUrl(this.loginDialog.loginUrl), target: "_top" }, this.loginDialog.loginLinkText)), index.h("li", null, index.h("pn-button", { href: this.loginDialog.registerUrl, target: "_top", appearance: "light", variant: "outlined" }, this.loginDialog.createLoginLinkText)))))
|
|
442
457
|
:
|
|
443
458
|
index.h("div", null, index.h("ul", null, this.loginDialog.loggedInLinks.map((link) => {
|
|
444
|
-
const isLogoutLink = link.href.indexOf('logout');
|
|
459
|
+
const isLogoutLink = link.href.indexOf('logout') !== -1;
|
|
445
460
|
const href = (isLogoutLink) ? this.loginManager.getLogoutUrl(link.href.replace('logout', '').replace('http://window.location.href/?', '').replace('https://window.location.href/?', '')) : link.href;
|
|
446
461
|
return (index.h("li", null, index.h("pn-button", Object.assign({ href: href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), this.linkAppearanceAttributes(link), { onClick: () => {
|
|
447
462
|
if (isLogoutLink) {
|
|
@@ -148,7 +148,6 @@ let PnMarketwebSiteheader = class {
|
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
150
|
onLanguageSelectorChange(e) {
|
|
151
|
-
console.log('onLanguageSelectorChange(e', e);
|
|
152
151
|
this.language = e.detail;
|
|
153
152
|
window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));
|
|
154
153
|
}
|
|
@@ -297,10 +296,10 @@ let PnMarketwebSiteheader = class {
|
|
|
297
296
|
}
|
|
298
297
|
render() {
|
|
299
298
|
var _a, _b, _c, _d, _e, _f;
|
|
300
|
-
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.hideSiteSelector &&
|
|
299
|
+
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) &&
|
|
301
300
|
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)) &&
|
|
302
301
|
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("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.token, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
|
|
303
|
-
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" }, index.h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: (e) => {
|
|
302
|
+
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) => {
|
|
304
303
|
document.body.setAttribute("data-siteheader-menuopen", (e.detail + ''));
|
|
305
304
|
} }, index.h("pn-mainnav-level", null, index.h("pn-mainnav-list", null, this.menuItems.map((item) => {
|
|
306
305
|
var _a, _b;
|
|
@@ -310,11 +309,11 @@ let PnMarketwebSiteheader = class {
|
|
|
310
309
|
var _a;
|
|
311
310
|
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 }));
|
|
312
311
|
})), (item.promotedMenuItems && item.promotedMenuItems.length > 0) &&
|
|
313
|
-
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) })))))));
|
|
312
|
+
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 })))))));
|
|
314
313
|
})), 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, i18n: this.i18n })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
|
|
315
314
|
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 &&
|
|
316
315
|
index.h("pn-site-selector", { language: this.language }, (this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle)) &&
|
|
317
|
-
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", { search: this.search, "hide-search": this.hideSearch, i18n: this.i18n }))))), index.h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
|
|
316
|
+
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", { search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), index.h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
|
|
318
317
|
}
|
|
319
318
|
get hostElement() { return index.getElement(this); }
|
|
320
319
|
static get watchers() { return {
|
|
@@ -127,7 +127,7 @@ export class PnMarketwebSiteheaderLogin {
|
|
|
127
127
|
:
|
|
128
128
|
h("div", null,
|
|
129
129
|
h("ul", null, this.loginDialog.loggedInLinks.map((link) => {
|
|
130
|
-
const isLogoutLink = link.href.indexOf('logout');
|
|
130
|
+
const isLogoutLink = link.href.indexOf('logout') !== -1;
|
|
131
131
|
const href = (isLogoutLink) ? this.loginManager.getLogoutUrl(link.href.replace('logout', '').replace('http://window.location.href/?', '').replace('https://window.location.href/?', '')) : link.href;
|
|
132
132
|
return (h("li", null,
|
|
133
133
|
h("pn-button", Object.assign({ href: href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), this.linkAppearanceAttributes(link), { onClick: () => { if (isLogoutLink) {
|
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js
CHANGED
|
@@ -91,7 +91,6 @@ export class PnMarketwebSiteheader {
|
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
onLanguageSelectorChange(e) {
|
|
94
|
-
console.log('onLanguageSelectorChange(e', e);
|
|
95
94
|
this.language = e.detail;
|
|
96
95
|
window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));
|
|
97
96
|
}
|
|
@@ -251,7 +250,7 @@ export class PnMarketwebSiteheader {
|
|
|
251
250
|
h("div", { class: "siteheader-row" },
|
|
252
251
|
h("div", { class: "siteheader-topleft" },
|
|
253
252
|
h("slot", { name: "topleft" }),
|
|
254
|
-
!this.hideSiteSelector &&
|
|
253
|
+
(this.gotData && this.siteSelector && !this.hideSiteSelector) &&
|
|
255
254
|
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' },
|
|
256
255
|
(this.gotData && ((_c = this.siteSelector) === null || _c === void 0 ? void 0 : _c.currentSiteTitle)) &&
|
|
257
256
|
h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription }),
|
|
@@ -267,34 +266,33 @@ export class PnMarketwebSiteheader {
|
|
|
267
266
|
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) }))),
|
|
268
267
|
h("slot", { name: "toprightend" }))),
|
|
269
268
|
h("div", { class: "siteheader-row" },
|
|
270
|
-
h("div", { class: "siteheader-menu" },
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
h("pn-mainnav-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
item.children.
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
(item.
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
h("
|
|
288
|
-
|
|
289
|
-
(this.
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
(
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
h("
|
|
297
|
-
h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, i18n: this.i18n }))))),
|
|
269
|
+
h("div", { class: "siteheader-menu" }, (this.gotData && this.menuItems) && (h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: (e) => {
|
|
270
|
+
document.body.setAttribute("data-siteheader-menuopen", (e.detail + ''));
|
|
271
|
+
} },
|
|
272
|
+
h("pn-mainnav-level", null,
|
|
273
|
+
h("pn-mainnav-list", null, this.menuItems.map((item) => {
|
|
274
|
+
var _a, _b;
|
|
275
|
+
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)) &&
|
|
276
|
+
h("pn-mainnav-level", null,
|
|
277
|
+
item.children.length > 0 &&
|
|
278
|
+
h("pn-mainnav-list", { heading: ((_b = item.navigationHeading) !== null && _b !== void 0 ? _b : "") }, item.children.map((childitem) => {
|
|
279
|
+
var _a;
|
|
280
|
+
return (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : "_self", linkid: childitem.trackingId }));
|
|
281
|
+
})),
|
|
282
|
+
(item.promotedMenuItems && item.promotedMenuItems.length > 0) &&
|
|
283
|
+
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 })))))));
|
|
284
|
+
})),
|
|
285
|
+
h("div", { slot: "footer", class: "siteheader-menu-footer" },
|
|
286
|
+
(this.gotData && this.loginDialog && !this.hideLogin) && (h("pn-marketweb-siteheader-login", { emitEvents: false, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n })),
|
|
287
|
+
(this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
|
|
288
|
+
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) }))),
|
|
289
|
+
!this.hideSiteSelector &&
|
|
290
|
+
h("pn-site-selector", { language: this.language },
|
|
291
|
+
(this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle)) &&
|
|
292
|
+
h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription }),
|
|
293
|
+
(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 })))),
|
|
294
|
+
h("div", { slot: "top", class: "siteheader-menu-top" },
|
|
295
|
+
h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))),
|
|
298
296
|
h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
|
|
299
297
|
}
|
|
300
298
|
static get is() { return "pn-marketweb-siteheader"; }
|
|
@@ -8,6 +8,7 @@ export class PnlanguageSelector {
|
|
|
8
8
|
this.options = [];
|
|
9
9
|
}
|
|
10
10
|
componentWillLoad() {
|
|
11
|
+
this.setInitialSelectedLanguageName();
|
|
11
12
|
this.setTranslations();
|
|
12
13
|
}
|
|
13
14
|
componentDidLoad() {
|
|
@@ -17,6 +18,20 @@ export class PnlanguageSelector {
|
|
|
17
18
|
this.setSelectedLanguageName();
|
|
18
19
|
this.addEventBindingsToOptions();
|
|
19
20
|
}
|
|
21
|
+
setInitialSelectedLanguageName() {
|
|
22
|
+
if (!window.Intl || !this.value) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
const langs = new Intl.DisplayNames([this.value], { type: 'language' });
|
|
26
|
+
if (!langs) {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
const languageName = langs.of(this.value);
|
|
30
|
+
if (!languageName) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
this.selectedLanguageName = languageName.charAt(0).toUpperCase() + languageName.slice(1);
|
|
34
|
+
}
|
|
20
35
|
addEventBindingsToOptions() {
|
|
21
36
|
const options = [].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));
|
|
22
37
|
options.map((option) => {
|
package/custom-elements/index.js
CHANGED
|
@@ -2531,6 +2531,7 @@ let PnlanguageSelector = class extends HTMLElement {
|
|
|
2531
2531
|
this.options = [];
|
|
2532
2532
|
}
|
|
2533
2533
|
componentWillLoad() {
|
|
2534
|
+
this.setInitialSelectedLanguageName();
|
|
2534
2535
|
this.setTranslations();
|
|
2535
2536
|
}
|
|
2536
2537
|
componentDidLoad() {
|
|
@@ -2540,6 +2541,20 @@ let PnlanguageSelector = class extends HTMLElement {
|
|
|
2540
2541
|
this.setSelectedLanguageName();
|
|
2541
2542
|
this.addEventBindingsToOptions();
|
|
2542
2543
|
}
|
|
2544
|
+
setInitialSelectedLanguageName() {
|
|
2545
|
+
if (!window.Intl || !this.value) {
|
|
2546
|
+
return;
|
|
2547
|
+
}
|
|
2548
|
+
const langs = new Intl.DisplayNames([this.value], { type: 'language' });
|
|
2549
|
+
if (!langs) {
|
|
2550
|
+
return;
|
|
2551
|
+
}
|
|
2552
|
+
const languageName = langs.of(this.value);
|
|
2553
|
+
if (!languageName) {
|
|
2554
|
+
return;
|
|
2555
|
+
}
|
|
2556
|
+
this.selectedLanguageName = languageName.charAt(0).toUpperCase() + languageName.slice(1);
|
|
2557
|
+
}
|
|
2543
2558
|
addEventBindingsToOptions() {
|
|
2544
2559
|
const options = [].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));
|
|
2545
2560
|
options.map((option) => {
|
|
@@ -3244,7 +3259,6 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
|
|
|
3244
3259
|
await this.setStateFromData(data);
|
|
3245
3260
|
}
|
|
3246
3261
|
onFetchRefreshed(data) {
|
|
3247
|
-
console.log('Data was updated after request', data);
|
|
3248
3262
|
this.setStateFromData(data);
|
|
3249
3263
|
}
|
|
3250
3264
|
getLinkContentByType(linkType = "") {
|
|
@@ -3655,7 +3669,6 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3655
3669
|
}
|
|
3656
3670
|
}
|
|
3657
3671
|
onLanguageSelectorChange(e) {
|
|
3658
|
-
console.log('onLanguageSelectorChange(e', e);
|
|
3659
3672
|
this.language = e.detail;
|
|
3660
3673
|
window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));
|
|
3661
3674
|
}
|
|
@@ -3804,10 +3817,10 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3804
3817
|
}
|
|
3805
3818
|
render() {
|
|
3806
3819
|
var _a, _b, _c, _d, _e, _f;
|
|
3807
|
-
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.hideSiteSelector &&
|
|
3820
|
+
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) &&
|
|
3808
3821
|
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)) &&
|
|
3809
3822
|
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) => 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("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.token, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
|
|
3810
|
-
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" }, h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: (e) => {
|
|
3823
|
+
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) => {
|
|
3811
3824
|
document.body.setAttribute("data-siteheader-menuopen", (e.detail + ''));
|
|
3812
3825
|
} }, h("pn-mainnav-level", null, h("pn-mainnav-list", null, this.menuItems.map((item) => {
|
|
3813
3826
|
var _a, _b;
|
|
@@ -3817,11 +3830,11 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3817
3830
|
var _a;
|
|
3818
3831
|
return (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : "_self", linkid: childitem.trackingId }));
|
|
3819
3832
|
})), (item.promotedMenuItems && item.promotedMenuItems.length > 0) &&
|
|
3820
|
-
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) })))))));
|
|
3833
|
+
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 })))))));
|
|
3821
3834
|
})), 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, i18n: this.i18n })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
|
|
3822
3835
|
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 &&
|
|
3823
3836
|
h("pn-site-selector", { language: this.language }, (this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle)) &&
|
|
3824
|
-
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", { search: this.search, "hide-search": this.hideSearch, i18n: this.i18n }))))), h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
|
|
3837
|
+
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", { search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
|
|
3825
3838
|
}
|
|
3826
3839
|
get hostElement() { return this; }
|
|
3827
3840
|
static get watchers() { return {
|
|
@@ -3955,7 +3968,7 @@ let PnMarketwebSiteheaderLogin$1 = class extends HTMLElement {
|
|
|
3955
3968
|
: (h("ul", null, h("li", null, h("pn-button", { href: this.loginManager.getLoginUrl(this.loginDialog.loginUrl), target: "_top" }, this.loginDialog.loginLinkText)), h("li", null, h("pn-button", { href: this.loginDialog.registerUrl, target: "_top", appearance: "light", variant: "outlined" }, this.loginDialog.createLoginLinkText)))))
|
|
3956
3969
|
:
|
|
3957
3970
|
h("div", null, h("ul", null, this.loginDialog.loggedInLinks.map((link) => {
|
|
3958
|
-
const isLogoutLink = link.href.indexOf('logout');
|
|
3971
|
+
const isLogoutLink = link.href.indexOf('logout') !== -1;
|
|
3959
3972
|
const href = (isLogoutLink) ? this.loginManager.getLogoutUrl(link.href.replace('logout', '').replace('http://window.location.href/?', '').replace('https://window.location.href/?', '')) : link.href;
|
|
3960
3973
|
return (h("li", null, h("pn-button", Object.assign({ href: href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), this.linkAppearanceAttributes(link), { onClick: () => {
|
|
3961
3974
|
if (isLogoutLink) {
|
|
@@ -33,6 +33,7 @@ let PnlanguageSelector = class {
|
|
|
33
33
|
this.options = [];
|
|
34
34
|
}
|
|
35
35
|
componentWillLoad() {
|
|
36
|
+
this.setInitialSelectedLanguageName();
|
|
36
37
|
this.setTranslations();
|
|
37
38
|
}
|
|
38
39
|
componentDidLoad() {
|
|
@@ -42,6 +43,20 @@ let PnlanguageSelector = class {
|
|
|
42
43
|
this.setSelectedLanguageName();
|
|
43
44
|
this.addEventBindingsToOptions();
|
|
44
45
|
}
|
|
46
|
+
setInitialSelectedLanguageName() {
|
|
47
|
+
if (!window.Intl || !this.value) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const langs = new Intl.DisplayNames([this.value], { type: 'language' });
|
|
51
|
+
if (!langs) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
const languageName = langs.of(this.value);
|
|
55
|
+
if (!languageName) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
this.selectedLanguageName = languageName.charAt(0).toUpperCase() + languageName.slice(1);
|
|
59
|
+
}
|
|
45
60
|
addEventBindingsToOptions() {
|
|
46
61
|
const options = [].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));
|
|
47
62
|
options.map((option) => {
|
|
@@ -437,7 +452,7 @@ let PnMarketwebSiteheaderLogin = class {
|
|
|
437
452
|
: (h("ul", null, h("li", null, h("pn-button", { href: this.loginManager.getLoginUrl(this.loginDialog.loginUrl), target: "_top" }, this.loginDialog.loginLinkText)), h("li", null, h("pn-button", { href: this.loginDialog.registerUrl, target: "_top", appearance: "light", variant: "outlined" }, this.loginDialog.createLoginLinkText)))))
|
|
438
453
|
:
|
|
439
454
|
h("div", null, h("ul", null, this.loginDialog.loggedInLinks.map((link) => {
|
|
440
|
-
const isLogoutLink = link.href.indexOf('logout');
|
|
455
|
+
const isLogoutLink = link.href.indexOf('logout') !== -1;
|
|
441
456
|
const href = (isLogoutLink) ? this.loginManager.getLogoutUrl(link.href.replace('logout', '').replace('http://window.location.href/?', '').replace('https://window.location.href/?', '')) : link.href;
|
|
442
457
|
return (h("li", null, h("pn-button", Object.assign({ href: href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), this.linkAppearanceAttributes(link), { onClick: () => {
|
|
443
458
|
if (isLogoutLink) {
|
|
@@ -144,7 +144,6 @@ let PnMarketwebSiteheader = class {
|
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
onLanguageSelectorChange(e) {
|
|
147
|
-
console.log('onLanguageSelectorChange(e', e);
|
|
148
147
|
this.language = e.detail;
|
|
149
148
|
window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));
|
|
150
149
|
}
|
|
@@ -293,10 +292,10 @@ let PnMarketwebSiteheader = class {
|
|
|
293
292
|
}
|
|
294
293
|
render() {
|
|
295
294
|
var _a, _b, _c, _d, _e, _f;
|
|
296
|
-
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.hideSiteSelector &&
|
|
295
|
+
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) &&
|
|
297
296
|
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)) &&
|
|
298
297
|
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) => 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("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.token, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
|
|
299
|
-
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" }, h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: (e) => {
|
|
298
|
+
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) => {
|
|
300
299
|
document.body.setAttribute("data-siteheader-menuopen", (e.detail + ''));
|
|
301
300
|
} }, h("pn-mainnav-level", null, h("pn-mainnav-list", null, this.menuItems.map((item) => {
|
|
302
301
|
var _a, _b;
|
|
@@ -306,11 +305,11 @@ let PnMarketwebSiteheader = class {
|
|
|
306
305
|
var _a;
|
|
307
306
|
return (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : "_self", linkid: childitem.trackingId }));
|
|
308
307
|
})), (item.promotedMenuItems && item.promotedMenuItems.length > 0) &&
|
|
309
|
-
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) })))))));
|
|
308
|
+
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 })))))));
|
|
310
309
|
})), 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, i18n: this.i18n })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
|
|
311
310
|
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 &&
|
|
312
311
|
h("pn-site-selector", { language: this.language }, (this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle)) &&
|
|
313
|
-
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", { search: this.search, "hide-search": this.hideSearch, i18n: this.i18n }))))), h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
|
|
312
|
+
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", { search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), h("pn-marketweb-siteheader-search", { search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));
|
|
314
313
|
}
|
|
315
314
|
get hostElement() { return getElement(this); }
|
|
316
315
|
static get watchers() { return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function r(e){try{s(i.next(e))}catch(t){o(t)}}function l(e){try{s(i["throw"](e))}catch(t){o(t)}}function s(e){e.done?n(e.value):a(e.value).then(r,l)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,a,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(e){return function(t){return s([e,t])}}function s(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;a=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=t.call(e,n)}catch(l){r=[6,l];a=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-b26d0794.js";import{s as state,o as onChange}from"./pn-mainnav-store-c14ad7e8.js";import{M as MarketWebLoginManager}from"./MarketWebLoginManager-310d2552.js";import"./index-94746173.js";var translations$1={sv:{heading:"Språk"},en:{heading:"Language"},da:{heading:"Sprog"},no:{heading:"Språk"},fi:{heading:"Kieli"}};var pnLanguageSelectorCss="pn-language-selector{max-height:5.2rem}pn-language-selector pn-nav-dropdown:not([data-open]) .nav-dropdown-content-container,pn-language-selector pn-nav-dropdown[data-open=false] .nav-dropdown-content-container{display:none}pn-language-selector pn-nav-dropdown{display:block}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#FFFFFF;color:#005D92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0D234B;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";var PnlanguageSelector=function(){function e(e){registerInstance(this,e);this.setLanguage=createEvent(this,"setLanguage",7);this.value="";this.selectedLanguageName="";this.options=[]}e.prototype.componentWillLoad=function(){this.setTranslations()};e.prototype.componentDidLoad=function(){this.initialize()};e.prototype.initialize=function(){this.setSelectedLanguageName();this.addEventBindingsToOptions()};e.prototype.addEventBindingsToOptions=function(){var e=this;var t=[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));t.map((function(t){t.removeEventListener("setCurrentLanguage",(function(t){e.onSetCurrentLanguage(t.detail)}));t.addEventListener("setCurrentLanguage",(function(t){e.onSetCurrentLanguage(t.detail)}))}))};e.prototype.setSelectedLanguageName=function(){var e=this;var t=[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));t.map((function(t){if(t.getAttribute("code")==e.value){e.selectedLanguageName=t.getAttribute("name")}}))};e.prototype.onSetCurrentLanguage=function(e){this.value=e.code;this.selectedLanguageName=e.name;this.setLanguage.emit(this.value)};e.prototype.setTranslations=function(){if(translations$1[this.value]){this.i18n=translations$1[this.value]}};e.prototype.onValueChange=function(){var e=this;var t;var n=(t=this.hostElement.querySelectorAll("pn-language-selector-option"))!==null&&t!==void 0?t:[];n.forEach((function(t){var n=(t.getAttribute("code")===e.value)+"";if(t.getAttribute("selected")+""!==n){t.setAttribute("selected",n)}}))};e.prototype.render=function(){return h(Host,{value:this.value},h("pn-nav-dropdown",{label:this.selectedLanguageName,icon:"globe"},h("nav",{class:"languageselector-nav","aria-label":this.i18n.heading},h("strong",{class:"languageselector-title"},this.i18n.heading),h("div",{class:"languageselector-list",role:"list"},h("slot",null)))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["setSelectedLanguageName","setTranslations","onValueChange"]}},enumerable:false,configurable:true});return e}();PnlanguageSelector.style=pnLanguageSelectorCss;var pnLanguageSelectorOptionCss="pn-language-selector-option{margin:0;padding:0;list-style:none}.languageselector-button,.languageselector-link{width:100%;padding:1.1rem 1.6rem 1.1rem 1.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;text-decoration:none;border:0;cursor:pointer;background-color:#FFFFFF;color:#005D92;font-size:1.6rem;font-weight:bold;border-radius:0}.languageselector-button:hover,.languageselector-button:focus,.languageselector-button:active,.languageselector-link:hover,.languageselector-link:focus,.languageselector-link:active{color:#0D234B;text-decoration:underline;-webkit-box-shadow:none;box-shadow:none;background-color:#F3F2F2;color:#005D92;outline:none}.languageselector-itemtext{display:inline-block;margin-left:1rem}.languageselector-radio-outer{background:#fff;border:0.1em solid #D3CECB;border-radius:50%;height:1.5em;width:1.5em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s, -webkit-box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92}.languageselector-radio-outer:hover>.languageselector-radio-outer{border:0.1rem solid #005D92;background:#E0F8FF}[selected=true] .languageselector-radio-outer{border:0.1rem solid #005D92}.languageselector-radio-inner{-webkit-transform:scale(0);transform:scale(0);height:1em;width:1em;background-color:#005D92;border-radius:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{-webkit-transform:scale(1);transform:scale(1)}";var PnlanguageSelectorOption=function(){function e(e){registerInstance(this,e);this.setCurrentLanguage=createEvent(this,"setCurrentLanguage",7);this.name="";this.code="";this.url="";this.selected=false}e.prototype.onOptionClick=function(){var e={name:this.name,code:this.code,url:this.url,current:true};this.setCurrentLanguage.emit(e)};e.prototype.render=function(){return h(Host,{role:"listitem",selected:this.selected+"",code:this.code,name:this.name},!this.url?h("button",{class:"languageselector-button","data-langcode":this.code,onClick:this.onOptionClick.bind(this)},h("span",{class:"languageselector-radio-outer"},h("span",{class:"languageselector-radio-inner"})),h("span",{class:"languageselector-itemtext"},this.name," - ",this.code)):h("a",{href:this.url,target:"_self",class:"languageselector-link","data-langcode":this.code},h("span",{class:"languageselector-radio-outer"},h("span",{class:"languageselector-radio-inner"})),h("span",{class:"languageselector-itemtext"},this.name," - ",this.code)))};return e}();PnlanguageSelectorOption.style=pnLanguageSelectorOptionCss;var translations={sv:{menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start",navLabel:"Huvudnavigation"},en:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},da:{menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Hovednavigation"},no:{menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start",navLabel:"Hovednavigasjon"},fi:{menuHomeButton:"Koti",menuGoBackButton:"Mene takaisin",mainMenuButton:"Valikko",menuStartButton:"Alkaa",navLabel:"Päänavigointi"}};var pnMainnavCss="pn-mainnav{display:-ms-flexbox;display:flex;-ms-flex-flow:row-reverse;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{-ms-flex-flow:row;flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{-ms-flex-flow:column;flex-flow:column}}@media screen and (min-width: 64em){pn-mainnav [slot=footer]{display:none}}pn-mainnav>nav{height:auto;width:100vw;background-color:#FFFFFF;z-index:2;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;visibility:hidden;position:fixed;top:3em;bottom:0;left:0}@media screen and (min-width: 48em){pn-mainnav>nav{top:6.5em}}pn-mainnav>nav[data-menu-open=true]{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{-ms-flex-flow:row-reverse;flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;-ms-flex-pack:justify;justify-content:space-between;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#005D92;color:#FFFFFF;border-radius:2.4rem;border:none;padding:0.6rem 1.6rem;cursor:pointer;font-size:1.6rem}.mainnav-toggle>button:focus{outline:0}.mainnav-toggle>button pn-icon{margin-left:0.8rem;display:block}.mainnav-toggle>button svg{display:block;margin:-0.2rem -0.5rem -0.2rem 0;height:1.9rem;width:1.9rem}";var PnMainnav=function(){function e(e){registerInstance(this,e);this.menuLanguageChange=createEvent(this,"menuLanguageChange",7);this.marketChange=createEvent(this,"marketChange",7);this.menuOpenChange=createEvent(this,"menuOpenChange",7);this.market="se";this.language="sv";this.navigationId="mainnav";this.openMenu=false;this.navLabel=""}e.prototype.componentWillLoad=function(){this.init();document.removeEventListener("mousedown",this._onClickOutside.bind(this));document.addEventListener("mousedown",this._onClickOutside.bind(this))};e.prototype.init=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setLanguage();this.setMarket();return[2]}))}))};e.prototype._onClickOutside=function(e){var t=!this.hostElement.contains(e.target);if(t){state.openLevel=""}};e.prototype.setLanguage=function(){this.menuLanguageChange.emit(this.language)};e.prototype.setMarket=function(){this.marketChange.emit(this.market)};e.prototype.onLanguageChange=function(e){if(translations[e.detail]){state.i18n=translations[e.detail];if(!this.navLabel){this.navLabel=state.i18n.navLabel}}};e.prototype.setMenuOpenState=function(){state.openMenu=!state.openMenu;this.menuOpenChange.emit(state.openMenu)};e.prototype.onOpenMenuLevelChange=function(e){state.openLevel=e.detail};e.prototype.render=function(){return h(Host,null,h("div",{class:"mainnav-toggle"},h("button",{"aria-controls":this.navigationId,"aria-expanded":state.openMenu+"",onClick:this.setMenuOpenState.bind(this)},state.i18n.mainMenuButton,h("pn-icon",{symbol:state.openMenu?"close":"bars",color:"white"}))),h("nav",{class:"mainnav","aria-label":this.navLabel,"data-menu-open":state.openMenu+"","data-menu-currentlevel":state.currentLevel,id:this.navigationId},h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnMainnav.style=pnMainnavCss;var pnMainnavLevelCss='pn-mainnav-level{display:block}pn-mainnav-level:not(.hydrated){max-height:5.6rem;overflow:hidden}pn-mainnav-level[data-level="1"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;-ms-flex:1;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level="1"]{width:auto;overflow:initial}pn-mainnav-level[data-level="1"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level="2"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#FFFFFF;z-index:1;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-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);-moz-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);height:auto;z-index:3;display:none}pn-mainnav-level[data-level="2"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level="2"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level="2"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level="2"][aria-hidden=false]{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level="2"][aria-hidden=false]:not([data-level-listcount="1"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:"top top" "left right"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][data-level-alignment=center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-mainnav-level[data-level="2"] a{color:#005D92;text-decoration:none}pn-mainnav-level [slot=top]{display:-ms-flexbox;display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel="2"] pn-mainnav-level [slot=footer]{display:none;-ms-scroll-chaining:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005D92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-level="2"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}';var PnMainnavLevel=function(){function e(e){registerInstance(this,e);this.level=1;this.levelId="";this.isOpen=false;this.parentName="";this.parentHref="";this.parentLinkId="";this.listCount=0;this.alignment="right"}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var n=this;return __generator(this,(function(i){this.listCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-list").length;e=this.hostElement.parentElement;if(e.tagName.toLowerCase()!=="nav"){this.level=2}if(e.tagName.toLowerCase()==="pn-mainnav-link"){this.parentName=e.getAttribute("name")+"";this.parentHref=e.getAttribute("href")+"";this.parentLinkId=e.getAttribute("linkid")+"";t=this.parentName.toLowerCase().replace(/\W/gi,"_");this.levelId="mainnav-lvl"+this.level+"-"+t}onChange("openLevel",(function(){n.onChangeOpenLevel()}));return[2]}))}))};e.prototype.onOpen=function(){var e=this;if(this.level===2){requestAnimationFrame((function(){var t=e.hostElement.getClientRects()[0];if(!t){return}var n=e.hostElement.parentElement.parentElement.parentElement.parentElement;if(n&&n.tagName.toLowerCase()==="nav"){var i=n.getClientRects()[0];if(!i){return}if(t.right>window.innerWidth){var a=e.hostElement.parentElement.getClientRects()[0];if(a.left-t.width<0){e.alignment="center"}else{e.alignment="left"}}}}))}};e.prototype.onChangeOpenLevel=function(){this.isOpen=state.openLevel===this.levelId;state.currentLevel=this.level};e.prototype.render=function(){return h(Host,Object.assign({role:"navigation"},this.level>1&&this.levelId?{"aria-hidden":!this.isOpen+""}:{},{"data-level-listcount":this.listCount+"","data-level-alignment":this.alignment,"data-level":this.level+""},this.levelId?{id:this.levelId}:{}),this.level>1?h("div",{class:"mainnav-level-header"},h("label",{htmlFor:this.levelId},state.i18n.menuGoBackButton),h("button",{class:"secondlevel-backbtn",onClick:function(){state.openLevel="";state.currentLevel=1},"aria-expanded":(state.openLevel===this.levelId)+""},h("pn-icon",{symbol:"arrow-left",color:"blue700"}),state.i18n.menuStartButton),this.parentHref&&this.parentName?h("pn-mainnav-link",{href:this.parentHref,name:this.parentName,linkid:this.parentLinkId}):null):null,h("slot",{name:"top"}),h("slot",null),h("slot",{name:"additional"}),h("slot",{name:"footer"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["onOpen"]}},enumerable:false,configurable:true});return e}();PnMainnavLevel.style=pnMainnavLevelCss;var pnMainnavListCss='pn-mainnav-list{display:block;overflow:visible;list-style:none;margin:0;padding:0;grid-area:right}@media screen and (min-width: 64em){pn-mainnav-list+pn-mainnav-list{grid-area:left;border-right:0.1rem solid #D3CECB;margin-bottom:1.6rem;margin-right:-0.7rem;padding-right:0.7rem}}[data-level="1"]>pn-mainnav-list{overflow:scroll;-webkit-overflow-scrolling:touch}@media screen and (min-width: 64em){[data-level="1"]>pn-mainnav-list{height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level="2"]>pn-mainnav-list[data-navlist-showcolumns=true]{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:1.6rem;-moz-column-gap:1.6rem;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;-webkit-column-span:all;-moz-column-span:all;column-span:all;font-size:1.8rem;padding:1.4rem 1.4rem 1.4rem 4.8rem}@media screen and (min-width: 64em){.mainnav-list-heading{display:block;padding:0 1.4rem 1.4rem 1.4rem}}';var PnMainnavList=function(){function e(e){registerInstance(this,e);this.heading="";this.linkCount=0}e.prototype.componentWillLoad=function(){this.linkCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-link").length};e.prototype.render=function(){return h(Host,{class:"mainnav-list",role:"list","data-navlist-itemcount":this.linkCount+"","data-navlist-showcolumns":(this.linkCount>=8)+""},this.heading?h("div",{class:"mainnav-list-heading"},this.heading):null,h("slot",null))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnMainnavList.style=pnMainnavListCss;var pnMarketwebSiteheaderLoginCss="pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login strong{padding:0.8rem 1.6rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-marketweb-siteheader-login ul,pn-marketweb-siteheader-login li{list-style:none;margin:0;padding:0}pn-marketweb-siteheader-login li{padding:0.8rem 1.6rem}pn-marketweb-siteheader-login li pn-button{display:block;width:100%}pn-marketweb-siteheader-login pn-nav-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-nav-dropdown{display:block}";var PnMarketwebSiteheaderLogin=function(){function e(e){registerInstance(this,e);this.loginStateChange=createEvent(this,"loginStateChange",7);this.endpoint="";this.token="";this.emitEvents=true;this.loginDialog=null;this.loginManager=null;this.loggedIn=false;this.toggleButtonText="";this.username=""}e.prototype.componentWillLoad=function(){this.loginManager=new MarketWebLoginManager({endpoint:this.endpoint,eventTarget:this.hostElement});this.hostElement["loginmanager"]=this.loginManager;if(this.token){this.loginManager.registerToken(this.token)}this.hostElement.addEventListener(this.loginManager.events.loginstatechange,this.onLoginStateChange.bind(this));this.init()};e.prototype.init=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.toggleButtonText=this.loginDialog.loginMenuLinkText;this.loginManager.init(this.emitEvents);this.setToggleButtonText();return[2]}))}))};e.prototype.setUserName=function(){var e=this.loginManager.getUserInfo();var t="";if(!this.loggedIn||!e){this.username=t}if(e.given_name){t=e.given_name+((e===null||e===void 0?void 0:e.family_name)?" "+(e===null||e===void 0?void 0:e.family_name):"")}if(!t&&e.email){t=e.email}this.username=t};e.prototype.setToggleButtonText=function(){if(this.loggedIn){this.toggleButtonText=this.username;if(!this.toggleButtonText){this.toggleButtonText=this.loginDialog.loggedInButtonText}}else{this.toggleButtonText=this.loginDialog.loginMenuLinkText}};e.prototype.onLoginStateChange=function(e){if(this.loggedIn!==e.detail&&this.emitEvents){this.loggedIn=e.detail;this.loginStateChange.emit({loggedIn:this.loggedIn,token:this.loginManager.getToken()});this.setUserName();this.setToggleButtonText()}};e.prototype.uniqueId=function(e){return"loginlink-"+e.replace(/[^A-Za-z0-9.\\\/]/gim,"")};e.prototype.linkAppearanceAttributes=function(e){var t={};if(e.linkType){switch(e.linkType){case"primary":t={appearance:"",variant:""};break;case"secondary":t={appearance:"light",variant:"outlined"};break;case"regularlink":default:t={appearance:"light",variant:"borderless",icon:"arrow-right"};break}return t}if(!e.linkType){t={appearance:e.primaryLinkApperance?"dark":"light"}}return t};e.prototype.render=function(){var e=this;var t,n,i;if(!this.loginDialog){return}var a={username:null};if(this.username){a.username=this.username}return h(Host,Object.assign({},a),h("pn-nav-dropdown",{label:this.toggleButtonText,icon:"user",class:"siteheader-logindialog"},!this.loginDialog.overrideLoginMenu?h("div",{"data-loggedin":this.loggedIn+""},!this.loggedIn?h("div",null,(t=this.loginDialog.loginTitle)!==null&&t!==void 0?t:h("strong",null,this.loginDialog.loginTitle),((n=this.loginDialog.loginMenuLinks)===null||n===void 0?void 0:n.length)>0?h("ul",null,this.loginDialog.loginMenuLinks.map((function(t,n){var i=n===0&&!t.href?e.loginManager.getLoginUrl():t.href;return h("li",null,h("pn-button",Object.assign({href:i,id:e.uniqueId(t.linkText)},e.linkAppearanceAttributes(t),t.openInNewWindow&&{target:"_blank"}),t.linkText))}))):h("ul",null,h("li",null,h("pn-button",{href:this.loginManager.getLoginUrl(this.loginDialog.loginUrl),target:"_top"},this.loginDialog.loginLinkText)),h("li",null,h("pn-button",{href:this.loginDialog.registerUrl,target:"_top",appearance:"light",variant:"outlined"},this.loginDialog.createLoginLinkText)))):h("div",null,h("ul",null,this.loginDialog.loggedInLinks.map((function(t){var n=t.href.indexOf("logout");var i=n?e.loginManager.getLogoutUrl(t.href.replace("logout","").replace("http://window.location.href/?","").replace("https://window.location.href/?","")):t.href;return h("li",null,h("pn-button",Object.assign({href:i,id:e.uniqueId(t.linkText)},t.openInNewWindow&&{target:"_blank"},e.linkAppearanceAttributes(t),{onClick:function(){if(n){e.loginManager.clearUserData()}}}),t.linkText))}))))):h("div",null,h("ul",null,(i=this.loginDialog.loginMenuLinks)===null||i===void 0?void 0:i.map((function(e){return h("li",null,h("a",{href:e.href,target:e.openInNewWindow?"_blank":"_self",class:"btn btn-link"},e.linkText))}))))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{i18n:["init"],loginDialog:["init"]}},enumerable:false,configurable:true});return e}();PnMarketwebSiteheaderLogin.style=pnMarketwebSiteheaderLoginCss;var pnMarketwebSiteheaderSearchCss=".siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:-ms-inline-flexbox;display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{-ms-flex-item-align:center;align-self:center;padding:0;height:2.3em;width:2.3em;line-height:0;min-height:unset;min-width:unset}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search form{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:auto;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{-ms-flex-item-align:center;align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";var PnMarketwebSiteheaderSearch=function(){function e(e){registerInstance(this,e);this.showOnlyLink=false;this.hideSearch=false;this.search={}}e.prototype.componentWillLoad=function(){};e.prototype.render=function(){var e=this;if(!this.search.formActionUrl||this.hideSearch){return}return h("div",{class:"siteheader-search"},this.showOnlyLink?h("a",{href:this.search.formActionUrl,title:this.i18n.searchlabel},h("pn-button",{appearance:"light",icon:"search"})):h("form",{method:"get",action:this.search.formActionUrl,role:"search"},h("pn-search-field",{label:this.i18n.searchlabel,name:"q",button:"icon",onSearch:function(){var t=e.hostElement.querySelector("form");if(t){t.submit()}},placeholder:this.i18n.searchplaceholder})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnMarketwebSiteheaderSearch.style=pnMarketwebSiteheaderSearchCss;var languageData={sv:{navlabel:"Webbplatsväljare"},en:{navlabel:"Website selector"},da:{navlabel:"Webstedsvælger"},no:{navlabel:"Nettstedsvelger"},fi:{navlabel:"Verkkosivun valitsin"}};var pnSiteSelectorCss="pn-site-selector{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;max-height:5.2rem}@media screen and (min-width: 75em){pn-site-selector{display:block}}.siteselector-heading{display:block;padding:0;margin-bottom:1.6rem}@media screen and (min-width: 75em){.siteselector-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";var PnSiteSelector=function(){function e(e){registerInstance(this,e);this.buttontext="postnord";this.heading="PostNord";this.language="sv";this.i18n={navlabel:"Site selector"}}e.prototype.componentWillLoad=function(){this.setLanguage()};e.prototype.setLanguage=function(){if(languageData[this.language]){this.i18n=languageData[this.language]}};e.prototype.render=function(){return h(Host,null,h("pn-nav-dropdown",{label:this.buttontext,icon:"angle-small-down"},h("nav",{class:"siteselector-nav","aria-label":this.i18n.navlabel},this.heading?h("strong",{class:"siteselector-heading"},this.heading):null,h("ul",{class:"siteselector-list"},h("slot",null)))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnSiteSelector.style=pnSiteSelectorCss;var pnSiteSelectorItemCss="pn-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005D92;-ms-flex-direction:row;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:none;-webkit-box-shadow:none;box-shadow:none}.siteselector-item-link:active{background-color:#F3F2F2;color:#00A0D6;outline:none}.siteselector-item-link>span{-ms-flex-positive:1;flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;-ms-flex-item-align:center;align-self:center}.siteselector-item-link pn-icon svg{width:100%;height:auto}.siteselector-item-title{display:block}.siteselector-item-description{color:#2D2013;font-size:1.28rem}a:hover>.siteselector-item-description,a:focus>.siteselector-item-description{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:none}a:active>.siteselector-item-description{background-color:#F3F2F2;color:#00A0D6;outline:none}";var PnSiteSelectorItem=function(){function e(e){registerInstance(this,e);this.url="";this.heading="";this.description="";this.newwindow=false}e.prototype.render=function(){return h(Host,{role:"listitem"},this.url?h("a",{class:"siteselector-item-link",href:this.url,target:this.newwindow?"_blank":"self",rel:this.newwindow?"nofollow noopener":""},h("span",null,this.heading&&h("span",{class:"siteselector-item-title"},this.heading),this.description&&h("small",{class:"siteselector-item-description"},this.description)),h("pn-icon",{symbol:"angle-small-right",color:"blue700"})):h("div",null,this.heading&&h("span",{class:"siteselector-item-title"},this.heading),this.description&&h("small",{class:"siteselector-item-description"},this.description)))};return e}();PnSiteSelectorItem.style=pnSiteSelectorItemCss;export{PnlanguageSelector as pn_language_selector,PnlanguageSelectorOption as pn_language_selector_option,PnMainnav as pn_mainnav,PnMainnavLevel as pn_mainnav_level,PnMainnavList as pn_mainnav_list,PnMarketwebSiteheaderLogin as pn_marketweb_siteheader_login,PnMarketwebSiteheaderSearch as pn_marketweb_siteheader_search,PnSiteSelector as pn_site_selector,PnSiteSelectorItem as pn_site_selector_item};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function r(e){try{s(i.next(e))}catch(t){o(t)}}function l(e){try{s(i["throw"](e))}catch(t){o(t)}}function s(e){e.done?n(e.value):a(e.value).then(r,l)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,a,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(e){return function(t){return s([e,t])}}function s(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;a=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=t.call(e,n)}catch(l){r=[6,l];a=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-b26d0794.js";import{s as state,o as onChange}from"./pn-mainnav-store-c14ad7e8.js";import{M as MarketWebLoginManager}from"./MarketWebLoginManager-310d2552.js";import"./index-94746173.js";var translations$1={sv:{heading:"Språk"},en:{heading:"Language"},da:{heading:"Sprog"},no:{heading:"Språk"},fi:{heading:"Kieli"}};var pnLanguageSelectorCss="pn-language-selector{max-height:5.2rem}pn-language-selector pn-nav-dropdown:not([data-open]) .nav-dropdown-content-container,pn-language-selector pn-nav-dropdown[data-open=false] .nav-dropdown-content-container{display:none}pn-language-selector pn-nav-dropdown{display:block}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#FFFFFF;color:#005D92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0D234B;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";var PnlanguageSelector=function(){function e(e){registerInstance(this,e);this.setLanguage=createEvent(this,"setLanguage",7);this.value="";this.selectedLanguageName="";this.options=[]}e.prototype.componentWillLoad=function(){this.setInitialSelectedLanguageName();this.setTranslations()};e.prototype.componentDidLoad=function(){this.initialize()};e.prototype.initialize=function(){this.setSelectedLanguageName();this.addEventBindingsToOptions()};e.prototype.setInitialSelectedLanguageName=function(){if(!window.Intl||!this.value){return}var e=new Intl.DisplayNames([this.value],{type:"language"});if(!e){return}var t=e.of(this.value);if(!t){return}this.selectedLanguageName=t.charAt(0).toUpperCase()+t.slice(1)};e.prototype.addEventBindingsToOptions=function(){var e=this;var t=[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));t.map((function(t){t.removeEventListener("setCurrentLanguage",(function(t){e.onSetCurrentLanguage(t.detail)}));t.addEventListener("setCurrentLanguage",(function(t){e.onSetCurrentLanguage(t.detail)}))}))};e.prototype.setSelectedLanguageName=function(){var e=this;var t=[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));t.map((function(t){if(t.getAttribute("code")==e.value){e.selectedLanguageName=t.getAttribute("name")}}))};e.prototype.onSetCurrentLanguage=function(e){this.value=e.code;this.selectedLanguageName=e.name;this.setLanguage.emit(this.value)};e.prototype.setTranslations=function(){if(translations$1[this.value]){this.i18n=translations$1[this.value]}};e.prototype.onValueChange=function(){var e=this;var t;var n=(t=this.hostElement.querySelectorAll("pn-language-selector-option"))!==null&&t!==void 0?t:[];n.forEach((function(t){var n=(t.getAttribute("code")===e.value)+"";if(t.getAttribute("selected")+""!==n){t.setAttribute("selected",n)}}))};e.prototype.render=function(){return h(Host,{value:this.value},h("pn-nav-dropdown",{label:this.selectedLanguageName,icon:"globe"},h("nav",{class:"languageselector-nav","aria-label":this.i18n.heading},h("strong",{class:"languageselector-title"},this.i18n.heading),h("div",{class:"languageselector-list",role:"list"},h("slot",null)))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["setSelectedLanguageName","setTranslations","onValueChange"]}},enumerable:false,configurable:true});return e}();PnlanguageSelector.style=pnLanguageSelectorCss;var pnLanguageSelectorOptionCss="pn-language-selector-option{margin:0;padding:0;list-style:none}.languageselector-button,.languageselector-link{width:100%;padding:1.1rem 1.6rem 1.1rem 1.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;text-decoration:none;border:0;cursor:pointer;background-color:#FFFFFF;color:#005D92;font-size:1.6rem;font-weight:bold;border-radius:0}.languageselector-button:hover,.languageselector-button:focus,.languageselector-button:active,.languageselector-link:hover,.languageselector-link:focus,.languageselector-link:active{color:#0D234B;text-decoration:underline;-webkit-box-shadow:none;box-shadow:none;background-color:#F3F2F2;color:#005D92;outline:none}.languageselector-itemtext{display:inline-block;margin-left:1rem}.languageselector-radio-outer{background:#fff;border:0.1em solid #D3CECB;border-radius:50%;height:1.5em;width:1.5em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s, -webkit-box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92}.languageselector-radio-outer:hover>.languageselector-radio-outer{border:0.1rem solid #005D92;background:#E0F8FF}[selected=true] .languageselector-radio-outer{border:0.1rem solid #005D92}.languageselector-radio-inner{-webkit-transform:scale(0);transform:scale(0);height:1em;width:1em;background-color:#005D92;border-radius:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{-webkit-transform:scale(1);transform:scale(1)}";var PnlanguageSelectorOption=function(){function e(e){registerInstance(this,e);this.setCurrentLanguage=createEvent(this,"setCurrentLanguage",7);this.name="";this.code="";this.url="";this.selected=false}e.prototype.onOptionClick=function(){var e={name:this.name,code:this.code,url:this.url,current:true};this.setCurrentLanguage.emit(e)};e.prototype.render=function(){return h(Host,{role:"listitem",selected:this.selected+"",code:this.code,name:this.name},!this.url?h("button",{class:"languageselector-button","data-langcode":this.code,onClick:this.onOptionClick.bind(this)},h("span",{class:"languageselector-radio-outer"},h("span",{class:"languageselector-radio-inner"})),h("span",{class:"languageselector-itemtext"},this.name," - ",this.code)):h("a",{href:this.url,target:"_self",class:"languageselector-link","data-langcode":this.code},h("span",{class:"languageselector-radio-outer"},h("span",{class:"languageselector-radio-inner"})),h("span",{class:"languageselector-itemtext"},this.name," - ",this.code)))};return e}();PnlanguageSelectorOption.style=pnLanguageSelectorOptionCss;var translations={sv:{menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start",navLabel:"Huvudnavigation"},en:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},da:{menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Hovednavigation"},no:{menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start",navLabel:"Hovednavigasjon"},fi:{menuHomeButton:"Koti",menuGoBackButton:"Mene takaisin",mainMenuButton:"Valikko",menuStartButton:"Alkaa",navLabel:"Päänavigointi"}};var pnMainnavCss="pn-mainnav{display:-ms-flexbox;display:flex;-ms-flex-flow:row-reverse;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{-ms-flex-flow:row;flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{-ms-flex-flow:column;flex-flow:column}}@media screen and (min-width: 64em){pn-mainnav [slot=footer]{display:none}}pn-mainnav>nav{height:auto;width:100vw;background-color:#FFFFFF;z-index:2;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;visibility:hidden;position:fixed;top:3em;bottom:0;left:0}@media screen and (min-width: 48em){pn-mainnav>nav{top:6.5em}}pn-mainnav>nav[data-menu-open=true]{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{-ms-flex-flow:row-reverse;flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;-ms-flex-pack:justify;justify-content:space-between;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#005D92;color:#FFFFFF;border-radius:2.4rem;border:none;padding:0.6rem 1.6rem;cursor:pointer;font-size:1.6rem}.mainnav-toggle>button:focus{outline:0}.mainnav-toggle>button pn-icon{margin-left:0.8rem;display:block}.mainnav-toggle>button svg{display:block;margin:-0.2rem -0.5rem -0.2rem 0;height:1.9rem;width:1.9rem}";var PnMainnav=function(){function e(e){registerInstance(this,e);this.menuLanguageChange=createEvent(this,"menuLanguageChange",7);this.marketChange=createEvent(this,"marketChange",7);this.menuOpenChange=createEvent(this,"menuOpenChange",7);this.market="se";this.language="sv";this.navigationId="mainnav";this.openMenu=false;this.navLabel=""}e.prototype.componentWillLoad=function(){this.init();document.removeEventListener("mousedown",this._onClickOutside.bind(this));document.addEventListener("mousedown",this._onClickOutside.bind(this))};e.prototype.init=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setLanguage();this.setMarket();return[2]}))}))};e.prototype._onClickOutside=function(e){var t=!this.hostElement.contains(e.target);if(t){state.openLevel=""}};e.prototype.setLanguage=function(){this.menuLanguageChange.emit(this.language)};e.prototype.setMarket=function(){this.marketChange.emit(this.market)};e.prototype.onLanguageChange=function(e){if(translations[e.detail]){state.i18n=translations[e.detail];if(!this.navLabel){this.navLabel=state.i18n.navLabel}}};e.prototype.setMenuOpenState=function(){state.openMenu=!state.openMenu;this.menuOpenChange.emit(state.openMenu)};e.prototype.onOpenMenuLevelChange=function(e){state.openLevel=e.detail};e.prototype.render=function(){return h(Host,null,h("div",{class:"mainnav-toggle"},h("button",{"aria-controls":this.navigationId,"aria-expanded":state.openMenu+"",onClick:this.setMenuOpenState.bind(this)},state.i18n.mainMenuButton,h("pn-icon",{symbol:state.openMenu?"close":"bars",color:"white"}))),h("nav",{class:"mainnav","aria-label":this.navLabel,"data-menu-open":state.openMenu+"","data-menu-currentlevel":state.currentLevel,id:this.navigationId},h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnMainnav.style=pnMainnavCss;var pnMainnavLevelCss='pn-mainnav-level{display:block}pn-mainnav-level:not(.hydrated){max-height:5.6rem;overflow:hidden}pn-mainnav-level[data-level="1"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;-ms-flex:1;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level="1"]{width:auto;overflow:initial}pn-mainnav-level[data-level="1"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level="2"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#FFFFFF;z-index:1;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-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);-moz-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);height:auto;z-index:3;display:none}pn-mainnav-level[data-level="2"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level="2"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level="2"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level="2"][aria-hidden=false]{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level="2"][aria-hidden=false]:not([data-level-listcount="1"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:"top top" "left right"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][data-level-alignment=center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-mainnav-level[data-level="2"] a{color:#005D92;text-decoration:none}pn-mainnav-level [slot=top]{display:-ms-flexbox;display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel="2"] pn-mainnav-level [slot=footer]{display:none;-ms-scroll-chaining:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005D92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-level="2"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}';var PnMainnavLevel=function(){function e(e){registerInstance(this,e);this.level=1;this.levelId="";this.isOpen=false;this.parentName="";this.parentHref="";this.parentLinkId="";this.listCount=0;this.alignment="right"}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var n=this;return __generator(this,(function(i){this.listCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-list").length;e=this.hostElement.parentElement;if(e.tagName.toLowerCase()!=="nav"){this.level=2}if(e.tagName.toLowerCase()==="pn-mainnav-link"){this.parentName=e.getAttribute("name")+"";this.parentHref=e.getAttribute("href")+"";this.parentLinkId=e.getAttribute("linkid")+"";t=this.parentName.toLowerCase().replace(/\W/gi,"_");this.levelId="mainnav-lvl"+this.level+"-"+t}onChange("openLevel",(function(){n.onChangeOpenLevel()}));return[2]}))}))};e.prototype.onOpen=function(){var e=this;if(this.level===2){requestAnimationFrame((function(){var t=e.hostElement.getClientRects()[0];if(!t){return}var n=e.hostElement.parentElement.parentElement.parentElement.parentElement;if(n&&n.tagName.toLowerCase()==="nav"){var i=n.getClientRects()[0];if(!i){return}if(t.right>window.innerWidth){var a=e.hostElement.parentElement.getClientRects()[0];if(a.left-t.width<0){e.alignment="center"}else{e.alignment="left"}}}}))}};e.prototype.onChangeOpenLevel=function(){this.isOpen=state.openLevel===this.levelId;state.currentLevel=this.level};e.prototype.render=function(){return h(Host,Object.assign({role:"navigation"},this.level>1&&this.levelId?{"aria-hidden":!this.isOpen+""}:{},{"data-level-listcount":this.listCount+"","data-level-alignment":this.alignment,"data-level":this.level+""},this.levelId?{id:this.levelId}:{}),this.level>1?h("div",{class:"mainnav-level-header"},h("label",{htmlFor:this.levelId},state.i18n.menuGoBackButton),h("button",{class:"secondlevel-backbtn",onClick:function(){state.openLevel="";state.currentLevel=1},"aria-expanded":(state.openLevel===this.levelId)+""},h("pn-icon",{symbol:"arrow-left",color:"blue700"}),state.i18n.menuStartButton),this.parentHref&&this.parentName?h("pn-mainnav-link",{href:this.parentHref,name:this.parentName,linkid:this.parentLinkId}):null):null,h("slot",{name:"top"}),h("slot",null),h("slot",{name:"additional"}),h("slot",{name:"footer"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["onOpen"]}},enumerable:false,configurable:true});return e}();PnMainnavLevel.style=pnMainnavLevelCss;var pnMainnavListCss='pn-mainnav-list{display:block;overflow:visible;list-style:none;margin:0;padding:0;grid-area:right}@media screen and (min-width: 64em){pn-mainnav-list+pn-mainnav-list{grid-area:left;border-right:0.1rem solid #D3CECB;margin-bottom:1.6rem;margin-right:-0.7rem;padding-right:0.7rem}}[data-level="1"]>pn-mainnav-list{overflow:scroll;-webkit-overflow-scrolling:touch}@media screen and (min-width: 64em){[data-level="1"]>pn-mainnav-list{height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level="2"]>pn-mainnav-list[data-navlist-showcolumns=true]{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:1.6rem;-moz-column-gap:1.6rem;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;-webkit-column-span:all;-moz-column-span:all;column-span:all;font-size:1.8rem;padding:1.4rem 1.4rem 1.4rem 4.8rem}@media screen and (min-width: 64em){.mainnav-list-heading{display:block;padding:0 1.4rem 1.4rem 1.4rem}}';var PnMainnavList=function(){function e(e){registerInstance(this,e);this.heading="";this.linkCount=0}e.prototype.componentWillLoad=function(){this.linkCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-link").length};e.prototype.render=function(){return h(Host,{class:"mainnav-list",role:"list","data-navlist-itemcount":this.linkCount+"","data-navlist-showcolumns":(this.linkCount>=8)+""},this.heading?h("div",{class:"mainnav-list-heading"},this.heading):null,h("slot",null))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnMainnavList.style=pnMainnavListCss;var pnMarketwebSiteheaderLoginCss="pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login strong{padding:0.8rem 1.6rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-marketweb-siteheader-login ul,pn-marketweb-siteheader-login li{list-style:none;margin:0;padding:0}pn-marketweb-siteheader-login li{padding:0.8rem 1.6rem}pn-marketweb-siteheader-login li pn-button{display:block;width:100%}pn-marketweb-siteheader-login pn-nav-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-nav-dropdown{display:block}";var PnMarketwebSiteheaderLogin=function(){function e(e){registerInstance(this,e);this.loginStateChange=createEvent(this,"loginStateChange",7);this.endpoint="";this.token="";this.emitEvents=true;this.loginDialog=null;this.loginManager=null;this.loggedIn=false;this.toggleButtonText="";this.username=""}e.prototype.componentWillLoad=function(){this.loginManager=new MarketWebLoginManager({endpoint:this.endpoint,eventTarget:this.hostElement});this.hostElement["loginmanager"]=this.loginManager;if(this.token){this.loginManager.registerToken(this.token)}this.hostElement.addEventListener(this.loginManager.events.loginstatechange,this.onLoginStateChange.bind(this));this.init()};e.prototype.init=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.toggleButtonText=this.loginDialog.loginMenuLinkText;this.loginManager.init(this.emitEvents);this.setToggleButtonText();return[2]}))}))};e.prototype.setUserName=function(){var e=this.loginManager.getUserInfo();var t="";if(!this.loggedIn||!e){this.username=t}if(e.given_name){t=e.given_name+((e===null||e===void 0?void 0:e.family_name)?" "+(e===null||e===void 0?void 0:e.family_name):"")}if(!t&&e.email){t=e.email}this.username=t};e.prototype.setToggleButtonText=function(){if(this.loggedIn){this.toggleButtonText=this.username;if(!this.toggleButtonText){this.toggleButtonText=this.loginDialog.loggedInButtonText}}else{this.toggleButtonText=this.loginDialog.loginMenuLinkText}};e.prototype.onLoginStateChange=function(e){if(this.loggedIn!==e.detail&&this.emitEvents){this.loggedIn=e.detail;this.loginStateChange.emit({loggedIn:this.loggedIn,token:this.loginManager.getToken()});this.setUserName();this.setToggleButtonText()}};e.prototype.uniqueId=function(e){return"loginlink-"+e.replace(/[^A-Za-z0-9.\\\/]/gim,"")};e.prototype.linkAppearanceAttributes=function(e){var t={};if(e.linkType){switch(e.linkType){case"primary":t={appearance:"",variant:""};break;case"secondary":t={appearance:"light",variant:"outlined"};break;case"regularlink":default:t={appearance:"light",variant:"borderless",icon:"arrow-right"};break}return t}if(!e.linkType){t={appearance:e.primaryLinkApperance?"dark":"light"}}return t};e.prototype.render=function(){var e=this;var t,n,i;if(!this.loginDialog){return}var a={username:null};if(this.username){a.username=this.username}return h(Host,Object.assign({},a),h("pn-nav-dropdown",{label:this.toggleButtonText,icon:"user",class:"siteheader-logindialog"},!this.loginDialog.overrideLoginMenu?h("div",{"data-loggedin":this.loggedIn+""},!this.loggedIn?h("div",null,(t=this.loginDialog.loginTitle)!==null&&t!==void 0?t:h("strong",null,this.loginDialog.loginTitle),((n=this.loginDialog.loginMenuLinks)===null||n===void 0?void 0:n.length)>0?h("ul",null,this.loginDialog.loginMenuLinks.map((function(t,n){var i=n===0&&!t.href?e.loginManager.getLoginUrl():t.href;return h("li",null,h("pn-button",Object.assign({href:i,id:e.uniqueId(t.linkText)},e.linkAppearanceAttributes(t),t.openInNewWindow&&{target:"_blank"}),t.linkText))}))):h("ul",null,h("li",null,h("pn-button",{href:this.loginManager.getLoginUrl(this.loginDialog.loginUrl),target:"_top"},this.loginDialog.loginLinkText)),h("li",null,h("pn-button",{href:this.loginDialog.registerUrl,target:"_top",appearance:"light",variant:"outlined"},this.loginDialog.createLoginLinkText)))):h("div",null,h("ul",null,this.loginDialog.loggedInLinks.map((function(t){var n=t.href.indexOf("logout")!==-1;var i=n?e.loginManager.getLogoutUrl(t.href.replace("logout","").replace("http://window.location.href/?","").replace("https://window.location.href/?","")):t.href;return h("li",null,h("pn-button",Object.assign({href:i,id:e.uniqueId(t.linkText)},t.openInNewWindow&&{target:"_blank"},e.linkAppearanceAttributes(t),{onClick:function(){if(n){e.loginManager.clearUserData()}}}),t.linkText))}))))):h("div",null,h("ul",null,(i=this.loginDialog.loginMenuLinks)===null||i===void 0?void 0:i.map((function(e){return h("li",null,h("a",{href:e.href,target:e.openInNewWindow?"_blank":"_self",class:"btn btn-link"},e.linkText))}))))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{i18n:["init"],loginDialog:["init"]}},enumerable:false,configurable:true});return e}();PnMarketwebSiteheaderLogin.style=pnMarketwebSiteheaderLoginCss;var pnMarketwebSiteheaderSearchCss=".siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:-ms-inline-flexbox;display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{-ms-flex-item-align:center;align-self:center;padding:0;height:2.3em;width:2.3em;line-height:0;min-height:unset;min-width:unset}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search form{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:auto;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{-ms-flex-item-align:center;align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";var PnMarketwebSiteheaderSearch=function(){function e(e){registerInstance(this,e);this.showOnlyLink=false;this.hideSearch=false;this.search={}}e.prototype.componentWillLoad=function(){};e.prototype.render=function(){var e=this;if(!this.search.formActionUrl||this.hideSearch){return}return h("div",{class:"siteheader-search"},this.showOnlyLink?h("a",{href:this.search.formActionUrl,title:this.i18n.searchlabel},h("pn-button",{appearance:"light",icon:"search"})):h("form",{method:"get",action:this.search.formActionUrl,role:"search"},h("pn-search-field",{label:this.i18n.searchlabel,name:"q",button:"icon",onSearch:function(){var t=e.hostElement.querySelector("form");if(t){t.submit()}},placeholder:this.i18n.searchplaceholder})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnMarketwebSiteheaderSearch.style=pnMarketwebSiteheaderSearchCss;var languageData={sv:{navlabel:"Webbplatsväljare"},en:{navlabel:"Website selector"},da:{navlabel:"Webstedsvælger"},no:{navlabel:"Nettstedsvelger"},fi:{navlabel:"Verkkosivun valitsin"}};var pnSiteSelectorCss="pn-site-selector{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;max-height:5.2rem}@media screen and (min-width: 75em){pn-site-selector{display:block}}.siteselector-heading{display:block;padding:0;margin-bottom:1.6rem}@media screen and (min-width: 75em){.siteselector-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";var PnSiteSelector=function(){function e(e){registerInstance(this,e);this.buttontext="postnord";this.heading="PostNord";this.language="sv";this.i18n={navlabel:"Site selector"}}e.prototype.componentWillLoad=function(){this.setLanguage()};e.prototype.setLanguage=function(){if(languageData[this.language]){this.i18n=languageData[this.language]}};e.prototype.render=function(){return h(Host,null,h("pn-nav-dropdown",{label:this.buttontext,icon:"angle-small-down"},h("nav",{class:"siteselector-nav","aria-label":this.i18n.navlabel},this.heading?h("strong",{class:"siteselector-heading"},this.heading):null,h("ul",{class:"siteselector-list"},h("slot",null)))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnSiteSelector.style=pnSiteSelectorCss;var pnSiteSelectorItemCss="pn-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005D92;-ms-flex-direction:row;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:none;-webkit-box-shadow:none;box-shadow:none}.siteselector-item-link:active{background-color:#F3F2F2;color:#00A0D6;outline:none}.siteselector-item-link>span{-ms-flex-positive:1;flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;-ms-flex-item-align:center;align-self:center}.siteselector-item-link pn-icon svg{width:100%;height:auto}.siteselector-item-title{display:block}.siteselector-item-description{color:#2D2013;font-size:1.28rem}a:hover>.siteselector-item-description,a:focus>.siteselector-item-description{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:none}a:active>.siteselector-item-description{background-color:#F3F2F2;color:#00A0D6;outline:none}";var PnSiteSelectorItem=function(){function e(e){registerInstance(this,e);this.url="";this.heading="";this.description="";this.newwindow=false}e.prototype.render=function(){return h(Host,{role:"listitem"},this.url?h("a",{class:"siteselector-item-link",href:this.url,target:this.newwindow?"_blank":"self",rel:this.newwindow?"nofollow noopener":""},h("span",null,this.heading&&h("span",{class:"siteselector-item-title"},this.heading),this.description&&h("small",{class:"siteselector-item-description"},this.description)),h("pn-icon",{symbol:"angle-small-right",color:"blue700"})):h("div",null,this.heading&&h("span",{class:"siteselector-item-title"},this.heading),this.description&&h("small",{class:"siteselector-item-description"},this.description)))};return e}();PnSiteSelectorItem.style=pnSiteSelectorItemCss;export{PnlanguageSelector as pn_language_selector,PnlanguageSelectorOption as pn_language_selector_option,PnMainnav as pn_mainnav,PnMainnavLevel as pn_mainnav_level,PnMainnavList as pn_mainnav_list,PnMarketwebSiteheaderLogin as pn_marketweb_siteheader_login,PnMarketwebSiteheaderSearch as pn_marketweb_siteheader_search,PnSiteSelector as pn_site_selector,PnSiteSelectorItem as pn_site_selector_item};
|