@postnord/pn-marketweb-components 1.0.35 → 1.0.36
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/FetchHelper-f80943bf.js +87 -0
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-mainnav-link.cjs.entry.js +1 -1
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-marketweb-sitefooter.cjs.entry.js +15 -2
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +22 -13
- package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js +33 -2
- package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.stories.js +3 -3
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +40 -13
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +2 -1
- package/collection/components/navigation/pn-mainnav/pn-mainnav-link.js +1 -1
- package/collection/globals/FetchHelper.js +84 -0
- package/custom-elements/index.js +122 -18
- package/esm/FetchHelper-a0c8aa54.js +85 -0
- package/esm/loader.js +1 -1
- package/esm/pn-mainnav-link.entry.js +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-marketweb-sitefooter.entry.js +15 -2
- package/esm/pn-marketweb-siteheader.entry.js +22 -13
- package/esm-es5/FetchHelper-a0c8aa54.js +1 -0
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-mainnav-link.entry.js +1 -1
- package/esm-es5/pn-market-web-components.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-25bdf3f8.system.js +1 -1
- package/pn-market-web-components/p-4921fcc3.entry.js +1 -0
- package/pn-market-web-components/p-4f1a53f4.entry.js +1 -0
- package/pn-market-web-components/p-6d718a66.system.entry.js +1 -0
- package/pn-market-web-components/p-97dc5687.js +1 -0
- package/pn-market-web-components/p-d6a17042.system.js +1 -0
- package/pn-market-web-components/p-daa6ddb3.system.entry.js +1 -0
- package/pn-market-web-components/p-dc471243.entry.js +1 -0
- package/pn-market-web-components/{p-251d44f2.system.entry.js → p-e3fb52a6.system.entry.js} +1 -1
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.d.ts +5 -0
- package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.d.ts +5 -0
- package/types/components.d.ts +16 -0
- package/types/globals/FetchHelper.d.ts +17 -0
- package/pn-market-web-components/p-031d91aa.entry.js +0 -1
- package/pn-market-web-components/p-134f14eb.system.entry.js +0 -1
- package/pn-market-web-components/p-2f494f64.system.entry.js +0 -1
- package/pn-market-web-components/p-3562a62f.entry.js +0 -1
- package/pn-market-web-components/p-e220ea83.entry.js +0 -1
package/custom-elements/index.js
CHANGED
|
@@ -2722,7 +2722,7 @@ let PnMainnavLink$1 = class extends HTMLElement {
|
|
|
2722
2722
|
state$2.openLevel = (state$2.openLevel + "" === this.levelId + "") ? '' : this.levelId;
|
|
2723
2723
|
}
|
|
2724
2724
|
render() {
|
|
2725
|
-
return (h(Host, { role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-pressed": "", "aria-expanded": ((state$2.openLevel + "" === this.levelId + "")) + '' }, this.name, h("pn-icon", { class: "first-level_icon", symbol: "angle-small-down", color: "blue700" }), h("pn-icon", { class: "first-level_arrow", symbol: "arrow-right", color: "blue700" }))) : (h("a", Object.assign({ href: this.href }, (this.target ? { target: this.target } : {}), (this.linkid ? { id: this.linkid } : {})), this.name, this.target === "_blank" ? (h("pn-icon", { symbol: "open-in-new", color: "blue700" })) : null)), h("slot", null)));
|
|
2725
|
+
return (h(Host, { role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-pressed": "", "aria-expanded": ((state$2.openLevel + "" === this.levelId + "")) + '' }, this.name, h("pn-icon", { class: "first-level_icon", symbol: "angle-small-down", color: "blue700" }), h("pn-icon", { class: "first-level_arrow", symbol: "arrow-right", color: "blue700" }))) : (h("a", Object.assign({ href: this.href }, (this.target ? { target: this.target } : {}), (this.target === "_blank" ? { rel: "nofollow noopener" } : {}), (this.linkid ? { id: this.linkid } : {})), this.name, this.target === "_blank" ? (h("pn-icon", { symbol: "open-in-new", color: "blue700" })) : null)), h("slot", null)));
|
|
2726
2726
|
}
|
|
2727
2727
|
get hostElement() { return this; }
|
|
2728
2728
|
static get style() { return pnMainnavLinkCss; }
|
|
@@ -2962,6 +2962,90 @@ class MarketWebContextService {
|
|
|
2962
2962
|
}
|
|
2963
2963
|
}
|
|
2964
2964
|
|
|
2965
|
+
class FetchHelper {
|
|
2966
|
+
constructor(namespace = "") {
|
|
2967
|
+
this.storagePrefix = "";
|
|
2968
|
+
this.store = {
|
|
2969
|
+
get: (key, permanentStorageFirst = false) => {
|
|
2970
|
+
const firstProfider = permanentStorageFirst ? window.localStorage : window.sessionStorage;
|
|
2971
|
+
const secondProvider = permanentStorageFirst ? window.sessionStorage : window.localStorage;
|
|
2972
|
+
let value = firstProfider.getItem(`${this.storagePrefix}-${key}`);
|
|
2973
|
+
if (!value) {
|
|
2974
|
+
value = secondProvider.getItem(`${this.storagePrefix}-${key}`);
|
|
2975
|
+
}
|
|
2976
|
+
if (!value) {
|
|
2977
|
+
return value;
|
|
2978
|
+
}
|
|
2979
|
+
if (value.indexOf('{') === 0) {
|
|
2980
|
+
try {
|
|
2981
|
+
return JSON.parse(value);
|
|
2982
|
+
}
|
|
2983
|
+
catch (e) {
|
|
2984
|
+
}
|
|
2985
|
+
}
|
|
2986
|
+
if (value.indexOf(',') !== -1) {
|
|
2987
|
+
return value.split(',');
|
|
2988
|
+
}
|
|
2989
|
+
return value;
|
|
2990
|
+
},
|
|
2991
|
+
set: (key, value, permanent = false) => {
|
|
2992
|
+
const provider = permanent ? window.localStorage : window.sessionStorage;
|
|
2993
|
+
if (typeof value === "object" && typeof value.length === "undefined") {
|
|
2994
|
+
provider.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));
|
|
2995
|
+
return;
|
|
2996
|
+
}
|
|
2997
|
+
provider.setItem(`${this.storagePrefix}-${key}`, value);
|
|
2998
|
+
},
|
|
2999
|
+
remove: (key) => {
|
|
3000
|
+
window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);
|
|
3001
|
+
},
|
|
3002
|
+
};
|
|
3003
|
+
this.storagePrefix = namespace;
|
|
3004
|
+
}
|
|
3005
|
+
async fetchJson(input, init = {}, useCache = false, onCacheUpdated = null) {
|
|
3006
|
+
const requestPromise = new Promise(async (resolve) => {
|
|
3007
|
+
let doFetchRequest = true;
|
|
3008
|
+
const url = (typeof input === "string") ? input : input.url;
|
|
3009
|
+
const cacheKey = url;
|
|
3010
|
+
let jsonData = null;
|
|
3011
|
+
let cachedData = null;
|
|
3012
|
+
if (useCache) {
|
|
3013
|
+
cachedData = this.store.get(cacheKey);
|
|
3014
|
+
// If the data was stored in session storage, then we don't need to do a full request
|
|
3015
|
+
if (cachedData && !cachedData.permanent) {
|
|
3016
|
+
doFetchRequest = false;
|
|
3017
|
+
}
|
|
3018
|
+
if (cachedData && cachedData.data) {
|
|
3019
|
+
jsonData = cachedData.data;
|
|
3020
|
+
resolve(jsonData);
|
|
3021
|
+
}
|
|
3022
|
+
}
|
|
3023
|
+
if (doFetchRequest) {
|
|
3024
|
+
const response = await window.fetch(input, init);
|
|
3025
|
+
jsonData = await response.json();
|
|
3026
|
+
resolve(jsonData);
|
|
3027
|
+
if (useCache) {
|
|
3028
|
+
if (typeof onCacheUpdated === "function" && cachedData != null) {
|
|
3029
|
+
onCacheUpdated(jsonData);
|
|
3030
|
+
}
|
|
3031
|
+
this.store.set(cacheKey, this.wrapJson(jsonData, true), true);
|
|
3032
|
+
this.store.set(cacheKey, this.wrapJson(jsonData, false), false);
|
|
3033
|
+
}
|
|
3034
|
+
}
|
|
3035
|
+
});
|
|
3036
|
+
return requestPromise;
|
|
3037
|
+
}
|
|
3038
|
+
wrapJson(data, permanent = false) {
|
|
3039
|
+
const now = new Date();
|
|
3040
|
+
return {
|
|
3041
|
+
timestamp: now.getTime(),
|
|
3042
|
+
time: now.toISOString(),
|
|
3043
|
+
data: data,
|
|
3044
|
+
permanent: permanent
|
|
3045
|
+
};
|
|
3046
|
+
}
|
|
3047
|
+
}
|
|
3048
|
+
|
|
2965
3049
|
const pnMarketwebSitefooterCss = "";
|
|
2966
3050
|
|
|
2967
3051
|
let PnMarketwebSiteheader$2 = class extends HTMLElement {
|
|
@@ -2977,8 +3061,12 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
|
|
|
2977
3061
|
this.environment = null; //sv
|
|
2978
3062
|
/** Specifies which endpoint domain we should load from */
|
|
2979
3063
|
this.endpoint = null;
|
|
3064
|
+
/** If the component should use cached requests */
|
|
3065
|
+
this.cache = false;
|
|
2980
3066
|
this.gotData = false;
|
|
2981
3067
|
this.fetchingData = false;
|
|
3068
|
+
// FetchHelper
|
|
3069
|
+
this.fetchHelper = new FetchHelper("sitefooter");
|
|
2982
3070
|
}
|
|
2983
3071
|
componentWillLoad() {
|
|
2984
3072
|
this.setInitialValues().then(() => {
|
|
@@ -3030,8 +3118,13 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
|
|
|
3030
3118
|
this.fetchingData = true;
|
|
3031
3119
|
const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
|
|
3032
3120
|
const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
|
|
3033
|
-
const
|
|
3034
|
-
|
|
3121
|
+
const data = await this.fetchHelper.fetchJson(fetchUrl, {
|
|
3122
|
+
'mode': 'cors'
|
|
3123
|
+
}, this.cache, this.onFetchRefreshed.bind(this));
|
|
3124
|
+
await this.setStateFromData(data);
|
|
3125
|
+
}
|
|
3126
|
+
onFetchRefreshed(data) {
|
|
3127
|
+
console.log('Data was updated after request', data);
|
|
3035
3128
|
this.setStateFromData(data);
|
|
3036
3129
|
}
|
|
3037
3130
|
getLinkContentByType(linkType = "") {
|
|
@@ -3077,6 +3170,9 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
|
|
|
3077
3170
|
render() {
|
|
3078
3171
|
var _a, _b, _c, _d, _e;
|
|
3079
3172
|
return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "" }, (this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.columns)) ? this.footerContent.columns.map((column) => (h("pn-site-footer-col", null, h("h3", null, column.heading), column.links ? (h("ul", Object.assign({}, ((column.links && column.links[0] && column.links[0].linkType) && { 'class': 'social-media' })), column.links.map((link) => {
|
|
3173
|
+
if (!link.linkHref) {
|
|
3174
|
+
return false;
|
|
3175
|
+
}
|
|
3080
3176
|
let linkText = link.linkText;
|
|
3081
3177
|
if (link.linkType) {
|
|
3082
3178
|
linkText = this.getLinkContentByType(link.linkType);
|
|
@@ -3176,6 +3272,8 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3176
3272
|
this.hideLogin = false;
|
|
3177
3273
|
/** Forward session to backend */
|
|
3178
3274
|
this.sessionForward = false;
|
|
3275
|
+
/** If the component should use cached requests */
|
|
3276
|
+
this.cache = false;
|
|
3179
3277
|
/** Event based only language switch */
|
|
3180
3278
|
this.spaMode = false;
|
|
3181
3279
|
this.gotData = false;
|
|
@@ -3193,6 +3291,8 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3193
3291
|
// Login dialog
|
|
3194
3292
|
this.loginDialog = null;
|
|
3195
3293
|
this.minimizeSearch = false;
|
|
3294
|
+
// FetchHelper
|
|
3295
|
+
this.fetchHelper = new FetchHelper("siteheader");
|
|
3196
3296
|
}
|
|
3197
3297
|
componentWillLoad() {
|
|
3198
3298
|
this.setInitialValues().then(() => {
|
|
@@ -3250,12 +3350,14 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3250
3350
|
this.fetchingData = true;
|
|
3251
3351
|
const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
|
|
3252
3352
|
const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
|
|
3253
|
-
const
|
|
3353
|
+
const data = await this.fetchHelper.fetchJson(fetchUrl, {
|
|
3254
3354
|
'mode': 'cors'
|
|
3255
|
-
});
|
|
3256
|
-
const data = await response.json();
|
|
3355
|
+
}, this.cache, this.onFetchRefreshed.bind(this));
|
|
3257
3356
|
await this.setStateFromData(data);
|
|
3258
3357
|
}
|
|
3358
|
+
onFetchRefreshed(data) {
|
|
3359
|
+
this.setStateFromData(data);
|
|
3360
|
+
}
|
|
3259
3361
|
getLanguageVersionUrl(item) {
|
|
3260
3362
|
if (this.spaMode) {
|
|
3261
3363
|
return null;
|
|
@@ -3269,7 +3371,7 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3269
3371
|
return siteUrl + ((siteUrl.lastIndexOf("/") !== siteUrl.length - 1) ? "/" : "") + item.twoLetterISOLanguageName;
|
|
3270
3372
|
}
|
|
3271
3373
|
async setStateFromData(data) {
|
|
3272
|
-
var _a, _b;
|
|
3374
|
+
var _a, _b, _c;
|
|
3273
3375
|
if (typeof data !== "object") {
|
|
3274
3376
|
console.warn('Data was not valid', data);
|
|
3275
3377
|
}
|
|
@@ -3278,14 +3380,16 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3278
3380
|
// Set navigation information
|
|
3279
3381
|
this.menuItems = data.mainMenu.menuItems;
|
|
3280
3382
|
// Create the "Home" link
|
|
3281
|
-
this.menuItems.
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3383
|
+
if (!this.menuItems[0] || ((_a = this.menuItems[0]) === null || _a === void 0 ? void 0 : _a.name) !== this.i18n.menuHomeButton) {
|
|
3384
|
+
this.menuItems.unshift({
|
|
3385
|
+
href: this.siteDefinition.url,
|
|
3386
|
+
name: this.i18n.menuHomeButton,
|
|
3387
|
+
id: 'homelink',
|
|
3388
|
+
open: false,
|
|
3389
|
+
selected: false,
|
|
3390
|
+
children: []
|
|
3391
|
+
});
|
|
3392
|
+
}
|
|
3289
3393
|
// Set search
|
|
3290
3394
|
this.search = data.search;
|
|
3291
3395
|
// Set site selector
|
|
@@ -3297,7 +3401,7 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
|
|
|
3297
3401
|
await this.spaModeAdjustments();
|
|
3298
3402
|
this.gotData = true;
|
|
3299
3403
|
this.fetchingData = true;
|
|
3300
|
-
this.homePageLink = (
|
|
3404
|
+
this.homePageLink = (_c = (_b = this.siteDefinition) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : document.location.hostname;
|
|
3301
3405
|
window.setTimeout(() => { this.checkMenuOverflow(); }, 100);
|
|
3302
3406
|
}
|
|
3303
3407
|
setLanguageOptions() {
|
|
@@ -4451,8 +4555,8 @@ const PnMainnav = /*@__PURE__*/proxyCustomElement(PnMainnav$1, [4,"pn-mainnav",{
|
|
|
4451
4555
|
const PnMainnavLevel = /*@__PURE__*/proxyCustomElement(PnMainnavLevel$1, [4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}]);
|
|
4452
4556
|
const PnMainnavLink = /*@__PURE__*/proxyCustomElement(PnMainnavLink$1, [4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]);
|
|
4453
4557
|
const PnMainnavList = /*@__PURE__*/proxyCustomElement(PnMainnavList$1, [4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}]);
|
|
4454
|
-
const PnMarketwebSitefooter = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheader$2, [0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]);
|
|
4455
|
-
const PnMarketwebSiteheader = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheader$1, [4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]);
|
|
4558
|
+
const PnMarketwebSitefooter = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheader$2, [0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]);
|
|
4559
|
+
const PnMarketwebSiteheader = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheader$1, [4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]);
|
|
4456
4560
|
const PnMarketwebSiteheaderLogin = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheaderLogin$1, [0,"pn-marketweb-siteheader-login",{"endpoint":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}]);
|
|
4457
4561
|
const PnMarketwebSiteheaderSearch = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheaderSearch$1, [0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}]);
|
|
4458
4562
|
const PnProductPricelist = /*@__PURE__*/proxyCustomElement(PnFindProductPricelist, [4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]);
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
class FetchHelper {
|
|
2
|
+
constructor(namespace = "") {
|
|
3
|
+
this.storagePrefix = "";
|
|
4
|
+
this.store = {
|
|
5
|
+
get: (key, permanentStorageFirst = false) => {
|
|
6
|
+
const firstProfider = permanentStorageFirst ? window.localStorage : window.sessionStorage;
|
|
7
|
+
const secondProvider = permanentStorageFirst ? window.sessionStorage : window.localStorage;
|
|
8
|
+
let value = firstProfider.getItem(`${this.storagePrefix}-${key}`);
|
|
9
|
+
if (!value) {
|
|
10
|
+
value = secondProvider.getItem(`${this.storagePrefix}-${key}`);
|
|
11
|
+
}
|
|
12
|
+
if (!value) {
|
|
13
|
+
return value;
|
|
14
|
+
}
|
|
15
|
+
if (value.indexOf('{') === 0) {
|
|
16
|
+
try {
|
|
17
|
+
return JSON.parse(value);
|
|
18
|
+
}
|
|
19
|
+
catch (e) {
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
if (value.indexOf(',') !== -1) {
|
|
23
|
+
return value.split(',');
|
|
24
|
+
}
|
|
25
|
+
return value;
|
|
26
|
+
},
|
|
27
|
+
set: (key, value, permanent = false) => {
|
|
28
|
+
const provider = permanent ? window.localStorage : window.sessionStorage;
|
|
29
|
+
if (typeof value === "object" && typeof value.length === "undefined") {
|
|
30
|
+
provider.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
provider.setItem(`${this.storagePrefix}-${key}`, value);
|
|
34
|
+
},
|
|
35
|
+
remove: (key) => {
|
|
36
|
+
window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
this.storagePrefix = namespace;
|
|
40
|
+
}
|
|
41
|
+
async fetchJson(input, init = {}, useCache = false, onCacheUpdated = null) {
|
|
42
|
+
const requestPromise = new Promise(async (resolve) => {
|
|
43
|
+
let doFetchRequest = true;
|
|
44
|
+
const url = (typeof input === "string") ? input : input.url;
|
|
45
|
+
const cacheKey = url;
|
|
46
|
+
let jsonData = null;
|
|
47
|
+
let cachedData = null;
|
|
48
|
+
if (useCache) {
|
|
49
|
+
cachedData = this.store.get(cacheKey);
|
|
50
|
+
// If the data was stored in session storage, then we don't need to do a full request
|
|
51
|
+
if (cachedData && !cachedData.permanent) {
|
|
52
|
+
doFetchRequest = false;
|
|
53
|
+
}
|
|
54
|
+
if (cachedData && cachedData.data) {
|
|
55
|
+
jsonData = cachedData.data;
|
|
56
|
+
resolve(jsonData);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
if (doFetchRequest) {
|
|
60
|
+
const response = await window.fetch(input, init);
|
|
61
|
+
jsonData = await response.json();
|
|
62
|
+
resolve(jsonData);
|
|
63
|
+
if (useCache) {
|
|
64
|
+
if (typeof onCacheUpdated === "function" && cachedData != null) {
|
|
65
|
+
onCacheUpdated(jsonData);
|
|
66
|
+
}
|
|
67
|
+
this.store.set(cacheKey, this.wrapJson(jsonData, true), true);
|
|
68
|
+
this.store.set(cacheKey, this.wrapJson(jsonData, false), false);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
return requestPromise;
|
|
73
|
+
}
|
|
74
|
+
wrapJson(data, permanent = false) {
|
|
75
|
+
const now = new Date();
|
|
76
|
+
return {
|
|
77
|
+
timestamp: now.getTime(),
|
|
78
|
+
time: now.toISOString(),
|
|
79
|
+
data: data,
|
|
80
|
+
permanent: permanent
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
export { FetchHelper as F };
|
package/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-marketweb-sitefooter",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search",[[1,"pn-filter-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]]]],["pn-profile-selector",[[0,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"endpoint":[1],"loginManager":[32],"loggedIn":[32],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-sidenav",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-tile_3",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-choice-button_2",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}],[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-site-footer_2",[[4,"pn-site-footer",{"url":[1]}],[4,"pn-site-footer-col"]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]]], options);
|
|
13
|
+
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-marketweb-sitefooter",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search",[[1,"pn-filter-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]]]],["pn-profile-selector",[[0,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"endpoint":[1],"loginManager":[32],"loggedIn":[32],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-sidenav",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-tile_3",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-choice-button_2",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}],[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-site-footer_2",[[4,"pn-site-footer",{"url":[1]}],[4,"pn-site-footer-col"]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -32,7 +32,7 @@ let PnMainnavLink = class {
|
|
|
32
32
|
state.openLevel = (state.openLevel + "" === this.levelId + "") ? '' : this.levelId;
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-pressed": "", "aria-expanded": ((state.openLevel + "" === this.levelId + "")) + '' }, this.name, h("pn-icon", { class: "first-level_icon", symbol: "angle-small-down", color: "blue700" }), h("pn-icon", { class: "first-level_arrow", symbol: "arrow-right", color: "blue700" }))) : (h("a", Object.assign({ href: this.href }, (this.target ? { target: this.target } : {}), (this.linkid ? { id: this.linkid } : {})), this.name, this.target === "_blank" ? (h("pn-icon", { symbol: "open-in-new", color: "blue700" })) : null)), h("slot", null)));
|
|
35
|
+
return (h(Host, { role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-pressed": "", "aria-expanded": ((state.openLevel + "" === this.levelId + "")) + '' }, this.name, h("pn-icon", { class: "first-level_icon", symbol: "angle-small-down", color: "blue700" }), h("pn-icon", { class: "first-level_arrow", symbol: "arrow-right", color: "blue700" }))) : (h("a", Object.assign({ href: this.href }, (this.target ? { target: this.target } : {}), (this.target === "_blank" ? { rel: "nofollow noopener" } : {}), (this.linkid ? { id: this.linkid } : {})), this.name, this.target === "_blank" ? (h("pn-icon", { symbol: "open-in-new", color: "blue700" })) : null)), h("slot", null)));
|
|
36
36
|
}
|
|
37
37
|
get hostElement() { return getElement(this); }
|
|
38
38
|
};
|
|
@@ -53,5 +53,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
patchBrowser().then(options => {
|
|
56
|
-
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-marketweb-sitefooter",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search",[[1,"pn-filter-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]]]],["pn-profile-selector",[[0,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"endpoint":[1],"loginManager":[32],"loggedIn":[32],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-sidenav",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-tile_3",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-choice-button_2",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}],[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-site-footer_2",[[4,"pn-site-footer",{"url":[1]}],[4,"pn-site-footer-col"]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]]], options);
|
|
56
|
+
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-marketweb-sitefooter",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search",[[1,"pn-filter-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]]]],["pn-profile-selector",[[0,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"endpoint":[1],"loginManager":[32],"loggedIn":[32],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-sidenav",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-tile_3",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-choice-button_2",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}],[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-site-footer_2",[[4,"pn-site-footer",{"url":[1]}],[4,"pn-site-footer-col"]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]]], options);
|
|
57
57
|
});
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as Host, g as getElement } from './index-1537f439.js';
|
|
2
2
|
import { M as MarketWebContextService } from './MarketWebContextService-ab7796c6.js';
|
|
3
|
+
import { F as FetchHelper } from './FetchHelper-a0c8aa54.js';
|
|
3
4
|
|
|
4
5
|
const translations = {
|
|
5
6
|
'sv': {
|
|
@@ -63,8 +64,12 @@ let PnMarketwebSiteheader = class {
|
|
|
63
64
|
this.environment = null; //sv
|
|
64
65
|
/** Specifies which endpoint domain we should load from */
|
|
65
66
|
this.endpoint = null;
|
|
67
|
+
/** If the component should use cached requests */
|
|
68
|
+
this.cache = false;
|
|
66
69
|
this.gotData = false;
|
|
67
70
|
this.fetchingData = false;
|
|
71
|
+
// FetchHelper
|
|
72
|
+
this.fetchHelper = new FetchHelper("sitefooter");
|
|
68
73
|
}
|
|
69
74
|
componentWillLoad() {
|
|
70
75
|
this.setInitialValues().then(() => {
|
|
@@ -116,8 +121,13 @@ let PnMarketwebSiteheader = class {
|
|
|
116
121
|
this.fetchingData = true;
|
|
117
122
|
const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
|
|
118
123
|
const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
|
|
119
|
-
const
|
|
120
|
-
|
|
124
|
+
const data = await this.fetchHelper.fetchJson(fetchUrl, {
|
|
125
|
+
'mode': 'cors'
|
|
126
|
+
}, this.cache, this.onFetchRefreshed.bind(this));
|
|
127
|
+
await this.setStateFromData(data);
|
|
128
|
+
}
|
|
129
|
+
onFetchRefreshed(data) {
|
|
130
|
+
console.log('Data was updated after request', data);
|
|
121
131
|
this.setStateFromData(data);
|
|
122
132
|
}
|
|
123
133
|
getLinkContentByType(linkType = "") {
|
|
@@ -163,6 +173,9 @@ let PnMarketwebSiteheader = class {
|
|
|
163
173
|
render() {
|
|
164
174
|
var _a, _b, _c, _d, _e;
|
|
165
175
|
return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "" }, (this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.columns)) ? this.footerContent.columns.map((column) => (h("pn-site-footer-col", null, h("h3", null, column.heading), column.links ? (h("ul", Object.assign({}, ((column.links && column.links[0] && column.links[0].linkType) && { 'class': 'social-media' })), column.links.map((link) => {
|
|
176
|
+
if (!link.linkHref) {
|
|
177
|
+
return false;
|
|
178
|
+
}
|
|
166
179
|
let linkText = link.linkText;
|
|
167
180
|
if (link.linkType) {
|
|
168
181
|
linkText = this.getLinkContentByType(link.linkType);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-1537f439.js';
|
|
2
2
|
import { M as MarketWebContextService } from './MarketWebContextService-ab7796c6.js';
|
|
3
|
+
import { F as FetchHelper } from './FetchHelper-a0c8aa54.js';
|
|
3
4
|
|
|
4
5
|
const translations = {
|
|
5
6
|
'sv': {
|
|
@@ -77,6 +78,8 @@ let PnMarketwebSiteheader = class {
|
|
|
77
78
|
this.hideLogin = false;
|
|
78
79
|
/** Forward session to backend */
|
|
79
80
|
this.sessionForward = false;
|
|
81
|
+
/** If the component should use cached requests */
|
|
82
|
+
this.cache = false;
|
|
80
83
|
/** Event based only language switch */
|
|
81
84
|
this.spaMode = false;
|
|
82
85
|
this.gotData = false;
|
|
@@ -94,6 +97,8 @@ let PnMarketwebSiteheader = class {
|
|
|
94
97
|
// Login dialog
|
|
95
98
|
this.loginDialog = null;
|
|
96
99
|
this.minimizeSearch = false;
|
|
100
|
+
// FetchHelper
|
|
101
|
+
this.fetchHelper = new FetchHelper("siteheader");
|
|
97
102
|
}
|
|
98
103
|
componentWillLoad() {
|
|
99
104
|
this.setInitialValues().then(() => {
|
|
@@ -151,12 +156,14 @@ let PnMarketwebSiteheader = class {
|
|
|
151
156
|
this.fetchingData = true;
|
|
152
157
|
const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
|
|
153
158
|
const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
|
|
154
|
-
const
|
|
159
|
+
const data = await this.fetchHelper.fetchJson(fetchUrl, {
|
|
155
160
|
'mode': 'cors'
|
|
156
|
-
});
|
|
157
|
-
const data = await response.json();
|
|
161
|
+
}, this.cache, this.onFetchRefreshed.bind(this));
|
|
158
162
|
await this.setStateFromData(data);
|
|
159
163
|
}
|
|
164
|
+
onFetchRefreshed(data) {
|
|
165
|
+
this.setStateFromData(data);
|
|
166
|
+
}
|
|
160
167
|
getLanguageVersionUrl(item) {
|
|
161
168
|
if (this.spaMode) {
|
|
162
169
|
return null;
|
|
@@ -170,7 +177,7 @@ let PnMarketwebSiteheader = class {
|
|
|
170
177
|
return siteUrl + ((siteUrl.lastIndexOf("/") !== siteUrl.length - 1) ? "/" : "") + item.twoLetterISOLanguageName;
|
|
171
178
|
}
|
|
172
179
|
async setStateFromData(data) {
|
|
173
|
-
var _a, _b;
|
|
180
|
+
var _a, _b, _c;
|
|
174
181
|
if (typeof data !== "object") {
|
|
175
182
|
console.warn('Data was not valid', data);
|
|
176
183
|
}
|
|
@@ -179,14 +186,16 @@ let PnMarketwebSiteheader = class {
|
|
|
179
186
|
// Set navigation information
|
|
180
187
|
this.menuItems = data.mainMenu.menuItems;
|
|
181
188
|
// Create the "Home" link
|
|
182
|
-
this.menuItems.
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
189
|
+
if (!this.menuItems[0] || ((_a = this.menuItems[0]) === null || _a === void 0 ? void 0 : _a.name) !== this.i18n.menuHomeButton) {
|
|
190
|
+
this.menuItems.unshift({
|
|
191
|
+
href: this.siteDefinition.url,
|
|
192
|
+
name: this.i18n.menuHomeButton,
|
|
193
|
+
id: 'homelink',
|
|
194
|
+
open: false,
|
|
195
|
+
selected: false,
|
|
196
|
+
children: []
|
|
197
|
+
});
|
|
198
|
+
}
|
|
190
199
|
// Set search
|
|
191
200
|
this.search = data.search;
|
|
192
201
|
// Set site selector
|
|
@@ -198,7 +207,7 @@ let PnMarketwebSiteheader = class {
|
|
|
198
207
|
await this.spaModeAdjustments();
|
|
199
208
|
this.gotData = true;
|
|
200
209
|
this.fetchingData = true;
|
|
201
|
-
this.homePageLink = (
|
|
210
|
+
this.homePageLink = (_c = (_b = this.siteDefinition) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : document.location.hostname;
|
|
202
211
|
window.setTimeout(() => { this.checkMenuOverflow(); }, 100);
|
|
203
212
|
}
|
|
204
213
|
setLanguageOptions() {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,r,n){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function a(e){try{f(n.next(e))}catch(t){o(t)}}function s(e){try{f(n["throw"](e))}catch(t){o(t)}}function f(e){e.done?r(e.value):i(e.value).then(a,s)}f((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return f([e,t])}}function f(a){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;i=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){r.label=a[1];break}if(a[0]===6&&r.label<o[1]){r.label=o[1];o=a;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(a);break}if(o[2])r.ops.pop();r.trys.pop();continue}a=t.call(e,r)}catch(s){a=[6,s];i=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var FetchHelper=function(){function e(e){var t=this;if(e===void 0){e=""}this.storagePrefix="";this.store={get:function(e,r){if(r===void 0){r=false}var n=r?window.localStorage:window.sessionStorage;var i=r?window.sessionStorage:window.localStorage;var o=n.getItem(t.storagePrefix+"-"+e);if(!o){o=i.getItem(t.storagePrefix+"-"+e)}if(!o){return o}if(o.indexOf("{")===0){try{return JSON.parse(o)}catch(a){}}if(o.indexOf(",")!==-1){return o.split(",")}return o},set:function(e,r,n){if(n===void 0){n=false}var i=n?window.localStorage:window.sessionStorage;if(typeof r==="object"&&typeof r.length==="undefined"){i.setItem(t.storagePrefix+"-"+e,JSON.stringify(r));return}i.setItem(t.storagePrefix+"-"+e,r)},remove:function(e){window.sessionStorage.removeItem(t.storagePrefix+"-"+e)}};this.storagePrefix=e}e.prototype.fetchJson=function(e,t,r,n){if(t===void 0){t={}}if(r===void 0){r=false}if(n===void 0){n=null}return __awaiter(this,void 0,void 0,(function(){var i;var o=this;return __generator(this,(function(a){i=new Promise((function(i){return __awaiter(o,void 0,void 0,(function(){var o,a,s,f,u,l;return __generator(this,(function(c){switch(c.label){case 0:o=true;a=typeof e==="string"?e:e.url;s=a;f=null;u=null;if(r){u=this.store.get(s);if(u&&!u.permanent){o=false}if(u&&u.data){f=u.data;i(f)}}if(!o)return[3,3];return[4,window.fetch(e,t)];case 1:l=c.sent();return[4,l.json()];case 2:f=c.sent();i(f);if(r){if(typeof n==="function"&&u!=null){n(f)}this.store.set(s,this.wrapJson(f,true),true);this.store.set(s,this.wrapJson(f,false),false)}c.label=3;case 3:return[2]}}))}))}));return[2,i]}))}))};e.prototype.wrapJson=function(e,t){if(t===void 0){t=false}var r=new Date;return{timestamp:r.getTime(),time:r.toISOString(),data:e,permanent:t}};return e}();export{FetchHelper as F};
|
package/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-1537f439.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,n){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{market:[1537],language:[1537],environment:[1537],endpoint:[1],hideSiteSelector:[1540,"hide-site-selector"],hideLanguageSelector:[1540,"hide-language-selector"],hideSearch:[1540,"hide-search"],hideLogin:[1540,"hide-login"],sessionForward:[4,"session-forward"],spaMode:[4,"spa-mode"],i18n:[32],gotData:[32],fetchingData:[32],homePageLink:[32],menuItems:[32],siteDefinition:[32],search:[32],siteSelector:[32],languageSelector:[32],languageOptions:[32],loginDialog:[32],minimizeSearch:[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{source:[1],language:[1025],market:[1025],filteredItems:[32],postagetype:[32],weight:[32],weightvalue:[32],deliveryscope:[32],sourceData:[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{source:[1],language:[1025],market:[1025],productid:[1],filteredItems:[32],sourceData:[32],gotData:[32],loading:[32],postagetype:[32],weight:[32],weightvalue:[32]}]]],["pn-marketweb-sitefooter",[[0,"pn-marketweb-sitefooter",{market:[1537],language:[1537],environment:[1537],endpoint:[1],siteDefinition:[32],footerContent:[32],i18n:[32],gotData:[32],fetchingData:[32]}]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search",[[1,"pn-filter-search",{disabled:[4],placeholder:[1],inputid:[1],name:[1],autocomplete:[1],value:[1],label:[1],loading:[4],button:[1],light:[4]},[[0,"input","inputHandler"]]]]],["pn-profile-selector",[[0,"pn-profile-selector",{language:[1537],returnUrl:[1,"return-url"],endpoint:[1],loginManager:[32],loggedIn:[32],i18n:[32],isLoading:[32],numberOfProfiles:[32]}]]],["pn-sidenav",[[4,"pn-sidenav",{language:[1],navLabel:[1,"nav-label"],i18n:[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{level:[32],levelId:[32],isOpen:[32],parentName:[32],parentHref:[32],parentLinkId:[32],alignment:[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{name:[1],href:[1],target:[1],linkid:[1],icon:[1],current:[4],levelId:[32],open:[32],hasChildren:[32]}]]],["pn-product-tile_3",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{label:[1],text:[1],icon:[1]}],[0,"pn-product-tile-price",{label:[1],amount:[1],currency:[1],url:[1]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{item:[1040],shownitems:[16],weightText:[32]}]]],["pn-choice-button_2",[[0,"pn-find-service-and-price-result",{item:[1040],shownitems:[16],weightText:[32]}],[4,"pn-choice-button",{value:[520],name:[1],choiceid:[1],type:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-site-footer_2",[[4,"pn-site-footer",{url:[1]}],[4,"pn-site-footer-col"]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{name:[1],href:[1],target:[1],linkid:[1],levelId:[32],open:[32],hasChildren:[32]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{level:[32],levelId:[32],isOpen:[32],parentName:[32],parentHref:[32],parentLinkId:[32],listCount:[32],alignment:[32]}],[4,"pn-language-selector",{value:[1537],selectedLanguageName:[32],options:[32],i18n:[32]}],[0,"pn-language-selector-option",{name:[1],code:[1],url:[1],selected:[4],currentLanguage:[1,"current-language"]}],[4,"pn-mainnav",{market:[1],language:[1],navigationId:[1,"navigation-id"],openMenu:[1028,"open-menu"],navLabel:[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{heading:[1],linkCount:[32]}],[0,"pn-marketweb-siteheader-login",{endpoint:[1],i18n:[8,"i-1-8n"],emitEvents:[4,"emit-events"],loginDialog:[1040],loginManager:[32],loggedIn:[32],toggleButtonText:[32],username:[32]}],[0,"pn-marketweb-siteheader-search",{i18n:[8,"i-1-8n"],showOnlyLink:[1028,"show-only-link"],hideSearch:[1028,"hide-search"],search:[1040]}],[4,"pn-site-selector",{buttontext:[1537],heading:[1537],language:[1537],i18n:[32]}],[0,"pn-site-selector-item",{url:[1],heading:[1],description:[1],newwindow:[4]}]]]],n)}))};export{defineCustomElements};
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-1537f439.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,n){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{market:[1537],language:[1537],environment:[1537],endpoint:[1],hideSiteSelector:[1540,"hide-site-selector"],hideLanguageSelector:[1540,"hide-language-selector"],hideSearch:[1540,"hide-search"],hideLogin:[1540,"hide-login"],sessionForward:[4,"session-forward"],cache:[4],spaMode:[4,"spa-mode"],i18n:[32],gotData:[32],fetchingData:[32],homePageLink:[32],menuItems:[32],siteDefinition:[32],search:[32],siteSelector:[32],languageSelector:[32],languageOptions:[32],loginDialog:[32],minimizeSearch:[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{source:[1],language:[1025],market:[1025],filteredItems:[32],postagetype:[32],weight:[32],weightvalue:[32],deliveryscope:[32],sourceData:[32]}]]],["pn-product-pricelist",[[4,"pn-product-pricelist",{source:[1],language:[1025],market:[1025],productid:[1],filteredItems:[32],sourceData:[32],gotData:[32],loading:[32],postagetype:[32],weight:[32],weightvalue:[32]}]]],["pn-marketweb-sitefooter",[[0,"pn-marketweb-sitefooter",{market:[1537],language:[1537],environment:[1537],endpoint:[1],cache:[4],siteDefinition:[32],footerContent:[32],i18n:[32],gotData:[32],fetchingData:[32]}]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search",[[1,"pn-filter-search",{disabled:[4],placeholder:[1],inputid:[1],name:[1],autocomplete:[1],value:[1],label:[1],loading:[4],button:[1],light:[4]},[[0,"input","inputHandler"]]]]],["pn-profile-selector",[[0,"pn-profile-selector",{language:[1537],returnUrl:[1,"return-url"],endpoint:[1],loginManager:[32],loggedIn:[32],i18n:[32],isLoading:[32],numberOfProfiles:[32]}]]],["pn-sidenav",[[4,"pn-sidenav",{language:[1],navLabel:[1,"nav-label"],i18n:[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{level:[32],levelId:[32],isOpen:[32],parentName:[32],parentHref:[32],parentLinkId:[32],alignment:[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{name:[1],href:[1],target:[1],linkid:[1],icon:[1],current:[4],levelId:[32],open:[32],hasChildren:[32]}]]],["pn-product-tile_3",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{label:[1],text:[1],icon:[1]}],[0,"pn-product-tile-price",{label:[1],amount:[1],currency:[1],url:[1]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{item:[1040],shownitems:[16],weightText:[32]}]]],["pn-choice-button_2",[[0,"pn-find-service-and-price-result",{item:[1040],shownitems:[16],weightText:[32]}],[4,"pn-choice-button",{value:[520],name:[1],choiceid:[1],type:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-site-footer_2",[[4,"pn-site-footer",{url:[1]}],[4,"pn-site-footer-col"]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{name:[1],href:[1],target:[1],linkid:[1],levelId:[32],open:[32],hasChildren:[32]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{level:[32],levelId:[32],isOpen:[32],parentName:[32],parentHref:[32],parentLinkId:[32],listCount:[32],alignment:[32]}],[4,"pn-language-selector",{value:[1537],selectedLanguageName:[32],options:[32],i18n:[32]}],[0,"pn-language-selector-option",{name:[1],code:[1],url:[1],selected:[4],currentLanguage:[1,"current-language"]}],[4,"pn-mainnav",{market:[1],language:[1],navigationId:[1,"navigation-id"],openMenu:[1028,"open-menu"],navLabel:[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{heading:[1],linkCount:[32]}],[0,"pn-marketweb-siteheader-login",{endpoint:[1],i18n:[8,"i-1-8n"],emitEvents:[4,"emit-events"],loginDialog:[1040],loginManager:[32],loggedIn:[32],toggleButtonText:[32],username:[32]}],[0,"pn-marketweb-siteheader-search",{i18n:[8,"i-1-8n"],showOnlyLink:[1028,"show-only-link"],hideSearch:[1028,"hide-search"],search:[1040]}],[4,"pn-site-selector",{buttontext:[1537],heading:[1537],language:[1537],i18n:[32]}],[0,"pn-site-selector-item",{url:[1],heading:[1],description:[1],newwindow:[4]}]]]],n)}))};export{defineCustomElements};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,a as Host,g as getElement}from"./index-1537f439.js";import{s as state}from"./pn-mainnav-store-8e518460.js";import"./index-e34aec9d.js";var pnMainnavLinkCss='pn-mainnav-link{display:block}pn-mainnav-link button,pn-mainnav-link a{font-weight:normal;position:relative;border:0 none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:transparent;color:#005D92}pn-mainnav-link button:hover,pn-mainnav-link button:focus,pn-mainnav-link a:hover,pn-mainnav-link a:focus{background-color:#FFFFFF;color:#005D92;outline:0;-webkit-box-shadow:none;box-shadow:none}pn-mainnav-link button:active,pn-mainnav-link a:active{background-color:#F3F2F2;color:#00A0D6;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link{height:100%;padding-left:0;position:relative;scroll-snap-align:center}}[data-level="1"] pn-mainnav-link:first-child{border-top:0.1rem solid #F3F2F2}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link:first-child{border:0}}[data-level="1"] pn-mainnav-link>button,[data-level="1"] pn-mainnav-link>a{font-size:2rem;width:100%;border-bottom:0.1rem solid #F3F2F2;height:auto;padding:1.9rem 0 1.9rem 3rem}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button,[data-level="1"] pn-mainnav-link>a{height:100%;border:0;font-size:1.6rem;font-weight:normal;position:relative;outline:0;overflow:hidden;padding:1.6rem 1.6rem;white-space:nowrap}[data-level="1"] pn-mainnav-link>button::before,[data-level="1"] pn-mainnav-link>a::before{content:"";background-color:#00A0D6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;-webkit-transform:translateY(100%);transform:translateY(100%);-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)}[data-level="1"] pn-mainnav-link>button:hover::before,[data-level="1"] pn-mainnav-link>button:focus::before,[data-level="1"] pn-mainnav-link>a:hover::before,[data-level="1"] pn-mainnav-link>a:focus::before{-webkit-transform:translateY(0);transform:translateY(0)}[data-level="1"] pn-mainnav-link>button:active,[data-level="1"] pn-mainnav-link>a:active{outline:0;-webkit-box-shadow:none;box-shadow:none;color:#005D92}[data-level="1"] pn-mainnav-link>button:active::before,[data-level="1"] pn-mainnav-link>a:active::before{background-color:#8EDDF9;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button:hover,[data-level="1"] pn-mainnav-link>button:focus,[data-level="1"] pn-mainnav-link>a:hover,[data-level="1"] pn-mainnav-link>a:focus{text-decoration:none}}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button[aria-expanded=true]::before,[data-level="1"] pn-mainnav-link>a[aria-expanded=true]::before{content:"";background-color:#00A0D6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;-webkit-transform:translateY(0);transform:translateY(0);-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)}}[data-level="1"] pn-mainnav-link [aria-expanded=true] .first-level_icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}[data-level="1"] pn-mainnav-link pn-icon.first-level_icon{-webkit-transition:0.25s linear transform;transition:0.25s linear transform;width:1.92rem;height:1.92rem;display:none}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link pn-icon.first-level_icon{display:block}}[data-level="1"] pn-mainnav-link pn-icon.first-level_arrow{display:block;position:absolute;height:2.4rem;width:2.4rem;right:2.4rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link pn-icon.first-level_arrow{display:none}}[data-level="1"] pn-mainnav-link pn-icon svg{pointer-events:none;speak:none;width:100%;height:100%}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"]:not([data-level-listcount="1"]) pn-mainnav-list:last-child pn-mainnav-link>a{min-width:unset}}[data-level="2"] pn-mainnav-link{position:static;display:inline-block;width:100%;height:auto}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link{padding-left:0;margin-bottom:1.6rem}}[data-level="2"] pn-mainnav-link>a{font-size:1.6rem;border-bottom:0.1rem solid #F3F2F2;padding:2.2rem 0 2.2rem 3rem;white-space:normal}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a{min-width:16em;border:0;border-radius:1rem;padding:1.4rem 1.6rem}}[data-level="2"] pn-mainnav-link>a:hover{background-color:#FFFFFF;color:#005D92}[data-level="2"] pn-mainnav-link>a:hover,[data-level="2"] pn-mainnav-link>a:focus{-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a:hover,[data-level="2"] pn-mainnav-link>a:focus{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:0}}[data-level="2"] pn-mainnav-link>a:hover::before,[data-level="2"] pn-mainnav-link>a:focus::before{content:none}[data-level="2"] pn-mainnav-link>a:active{-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a:active{background-color:#F3F2F2;color:#00A0D6;outline:0}}[data-level="2"] pn-mainnav-link>a:active::before{content:none}[data-level="2"] pn-mainnav-link pn-icon{display:inline-block;margin-left:0.2em;min-width:1.5rem;width:1.5rem;height:1.5rem}';var PnMainnavLink=function(){function n(n){registerInstance(this,n);this.name="";this.href="";this.target="";this.linkid="";this.levelId="";this.open=false;this.hasChildren=false}n.prototype.componentWillLoad=function(){this.hasChildren=this.hostElement.querySelectorAll("pn-mainnav-level").length>0;if(this.hasChildren&&this.name){var n=this.name.toLowerCase().replace(/\W/gi,"_");this.levelId="mainnav-lvl"+2+"-"+n}};n.prototype.setOpenMenuLevel=function(){state.openLevel=state.openLevel+""===this.levelId+""?"":this.levelId};n.prototype.render=function(){return h(Host,{role:"listitem",name:this.name,href:this.href,linkid:this.linkid},this.hasChildren?h("button",{onClick:this.setOpenMenuLevel.bind(this),"aria-controls":this.levelId,"aria-pressed":"","aria-expanded":(state.openLevel+""===this.levelId+"")+""},this.name,h("pn-icon",{class:"first-level_icon",symbol:"angle-small-down",color:"blue700"}),h("pn-icon",{class:"first-level_arrow",symbol:"arrow-right",color:"blue700"})):h("a",Object.assign({href:this.href},this.target?{target:this.target}:{},this.linkid?{id:this.linkid}:{}),this.name,this.target==="_blank"?h("pn-icon",{symbol:"open-in-new",color:"blue700"}):null),h("slot",null))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();PnMainnavLink.style=pnMainnavLinkCss;export{PnMainnavLink as pn_mainnav_link};
|
|
1
|
+
import{r as registerInstance,h,a as Host,g as getElement}from"./index-1537f439.js";import{s as state}from"./pn-mainnav-store-8e518460.js";import"./index-e34aec9d.js";var pnMainnavLinkCss='pn-mainnav-link{display:block}pn-mainnav-link button,pn-mainnav-link a{font-weight:normal;position:relative;border:0 none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:transparent;color:#005D92}pn-mainnav-link button:hover,pn-mainnav-link button:focus,pn-mainnav-link a:hover,pn-mainnav-link a:focus{background-color:#FFFFFF;color:#005D92;outline:0;-webkit-box-shadow:none;box-shadow:none}pn-mainnav-link button:active,pn-mainnav-link a:active{background-color:#F3F2F2;color:#00A0D6;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link{height:100%;padding-left:0;position:relative;scroll-snap-align:center}}[data-level="1"] pn-mainnav-link:first-child{border-top:0.1rem solid #F3F2F2}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link:first-child{border:0}}[data-level="1"] pn-mainnav-link>button,[data-level="1"] pn-mainnav-link>a{font-size:2rem;width:100%;border-bottom:0.1rem solid #F3F2F2;height:auto;padding:1.9rem 0 1.9rem 3rem}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button,[data-level="1"] pn-mainnav-link>a{height:100%;border:0;font-size:1.6rem;font-weight:normal;position:relative;outline:0;overflow:hidden;padding:1.6rem 1.6rem;white-space:nowrap}[data-level="1"] pn-mainnav-link>button::before,[data-level="1"] pn-mainnav-link>a::before{content:"";background-color:#00A0D6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;-webkit-transform:translateY(100%);transform:translateY(100%);-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)}[data-level="1"] pn-mainnav-link>button:hover::before,[data-level="1"] pn-mainnav-link>button:focus::before,[data-level="1"] pn-mainnav-link>a:hover::before,[data-level="1"] pn-mainnav-link>a:focus::before{-webkit-transform:translateY(0);transform:translateY(0)}[data-level="1"] pn-mainnav-link>button:active,[data-level="1"] pn-mainnav-link>a:active{outline:0;-webkit-box-shadow:none;box-shadow:none;color:#005D92}[data-level="1"] pn-mainnav-link>button:active::before,[data-level="1"] pn-mainnav-link>a:active::before{background-color:#8EDDF9;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button:hover,[data-level="1"] pn-mainnav-link>button:focus,[data-level="1"] pn-mainnav-link>a:hover,[data-level="1"] pn-mainnav-link>a:focus{text-decoration:none}}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button[aria-expanded=true]::before,[data-level="1"] pn-mainnav-link>a[aria-expanded=true]::before{content:"";background-color:#00A0D6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;-webkit-transform:translateY(0);transform:translateY(0);-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)}}[data-level="1"] pn-mainnav-link [aria-expanded=true] .first-level_icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}[data-level="1"] pn-mainnav-link pn-icon.first-level_icon{-webkit-transition:0.25s linear transform;transition:0.25s linear transform;width:1.92rem;height:1.92rem;display:none}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link pn-icon.first-level_icon{display:block}}[data-level="1"] pn-mainnav-link pn-icon.first-level_arrow{display:block;position:absolute;height:2.4rem;width:2.4rem;right:2.4rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link pn-icon.first-level_arrow{display:none}}[data-level="1"] pn-mainnav-link pn-icon svg{pointer-events:none;speak:none;width:100%;height:100%}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"]:not([data-level-listcount="1"]) pn-mainnav-list:last-child pn-mainnav-link>a{min-width:unset}}[data-level="2"] pn-mainnav-link{position:static;display:inline-block;width:100%;height:auto}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link{padding-left:0;margin-bottom:1.6rem}}[data-level="2"] pn-mainnav-link>a{font-size:1.6rem;border-bottom:0.1rem solid #F3F2F2;padding:2.2rem 0 2.2rem 3rem;white-space:normal}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a{min-width:16em;border:0;border-radius:1rem;padding:1.4rem 1.6rem}}[data-level="2"] pn-mainnav-link>a:hover{background-color:#FFFFFF;color:#005D92}[data-level="2"] pn-mainnav-link>a:hover,[data-level="2"] pn-mainnav-link>a:focus{-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a:hover,[data-level="2"] pn-mainnav-link>a:focus{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:0}}[data-level="2"] pn-mainnav-link>a:hover::before,[data-level="2"] pn-mainnav-link>a:focus::before{content:none}[data-level="2"] pn-mainnav-link>a:active{-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a:active{background-color:#F3F2F2;color:#00A0D6;outline:0}}[data-level="2"] pn-mainnav-link>a:active::before{content:none}[data-level="2"] pn-mainnav-link pn-icon{display:inline-block;margin-left:0.2em;min-width:1.5rem;width:1.5rem;height:1.5rem}';var PnMainnavLink=function(){function n(n){registerInstance(this,n);this.name="";this.href="";this.target="";this.linkid="";this.levelId="";this.open=false;this.hasChildren=false}n.prototype.componentWillLoad=function(){this.hasChildren=this.hostElement.querySelectorAll("pn-mainnav-level").length>0;if(this.hasChildren&&this.name){var n=this.name.toLowerCase().replace(/\W/gi,"_");this.levelId="mainnav-lvl"+2+"-"+n}};n.prototype.setOpenMenuLevel=function(){state.openLevel=state.openLevel+""===this.levelId+""?"":this.levelId};n.prototype.render=function(){return h(Host,{role:"listitem",name:this.name,href:this.href,linkid:this.linkid},this.hasChildren?h("button",{onClick:this.setOpenMenuLevel.bind(this),"aria-controls":this.levelId,"aria-pressed":"","aria-expanded":(state.openLevel+""===this.levelId+"")+""},this.name,h("pn-icon",{class:"first-level_icon",symbol:"angle-small-down",color:"blue700"}),h("pn-icon",{class:"first-level_arrow",symbol:"arrow-right",color:"blue700"})):h("a",Object.assign({href:this.href},this.target?{target:this.target}:{},this.target==="_blank"?{rel:"nofollow noopener"}:{},this.linkid?{id:this.linkid}:{}),this.name,this.target==="_blank"?h("pn-icon",{symbol:"open-in-new",color:"blue700"}):null),h("slot",null))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();PnMainnavLink.style=pnMainnavLinkCss;export{PnMainnavLink as pn_mainnav_link};
|