@postnord/pn-marketweb-components 2.0.85 → 2.0.87
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-proxio-pricegroup.cjs.entry.js +49 -6
- package/cjs/pn-proxio-productcard_4.cjs.entry.js +8 -8
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.css +114 -36
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js +53 -9
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.stories.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.css +9 -2
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.css +4 -3
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.js +2 -2
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.css +19 -2
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.js +1 -1
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.css +47 -5
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.js +1 -0
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.stories.js +2 -1
- package/custom-elements/index.js +57 -14
- package/esm/pn-proxio-pricegroup.entry.js +49 -6
- package/esm/pn-proxio-productcard_4.entry.js +8 -8
- package/esm-es5/pn-proxio-pricegroup.entry.js +1 -1
- package/esm-es5/pn-proxio-productcard_4.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/p-375354d3.entry.js +1 -0
- package/pn-market-web-components/p-40f0bb03.entry.js +1 -0
- package/pn-market-web-components/p-5ab6f876.system.entry.js +1 -0
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-e217affa.system.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.d.ts +3 -1
- package/umd/pn-marketweb-salesforce.js +2 -2
- package/pn-market-web-components/p-6c8d3789.system.entry.js +0 -1
- package/pn-market-web-components/p-942ad206.system.entry.js +0 -1
- package/pn-market-web-components/p-c3ea7666.entry.js +0 -1
- package/pn-market-web-components/p-df9708f2.entry.js +0 -1
package/custom-elements/index.js
CHANGED
|
@@ -6084,7 +6084,7 @@ const translations$1 = {
|
|
|
6084
6084
|
}
|
|
6085
6085
|
};
|
|
6086
6086
|
|
|
6087
|
-
const pnProxioPricegroupCss = "pn-proxio-pricegroup div.weightcontainer{margin:
|
|
6087
|
+
const pnProxioPricegroupCss = "pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{-webkit-transform:translateY(-0.4rem);transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{-ms-flex:0 0 auto;flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position=\"0\"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position=\"2\"],pn-proxio-pricegroup div.weightdata[data-carousel-position=\"-2\"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005D92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#FFFFFF}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}";
|
|
6088
6088
|
|
|
6089
6089
|
let PnProxioPricegroup$1 = class extends HTMLElement {
|
|
6090
6090
|
constructor() {
|
|
@@ -6149,26 +6149,69 @@ let PnProxioPricegroup$1 = class extends HTMLElement {
|
|
|
6149
6149
|
this.i18n = translations$1[this.culture];
|
|
6150
6150
|
}
|
|
6151
6151
|
}
|
|
6152
|
-
|
|
6152
|
+
getPriceString(product) {
|
|
6153
6153
|
var _a;
|
|
6154
|
-
|
|
6154
|
+
let price = product.weightAndPriceList ? (_a = product === null || product === void 0 ? void 0 : product.weightAndPriceList[this.activeWeightIndex]) === null || _a === void 0 ? void 0 : _a.item2 : '';
|
|
6155
|
+
return price ? this.i18n.from + price : '';
|
|
6155
6156
|
}
|
|
6156
6157
|
isActive(index) {
|
|
6157
6158
|
return index === this.activeWeightIndex;
|
|
6158
6159
|
}
|
|
6160
|
+
getCarouselPosition(index) {
|
|
6161
|
+
switch (index) {
|
|
6162
|
+
case this.activeWeightIndex - 2: {
|
|
6163
|
+
return -2;
|
|
6164
|
+
}
|
|
6165
|
+
case this.activeWeightIndex - 1: {
|
|
6166
|
+
return -1;
|
|
6167
|
+
}
|
|
6168
|
+
case this.activeWeightIndex: {
|
|
6169
|
+
return 0;
|
|
6170
|
+
}
|
|
6171
|
+
case this.activeWeightIndex + 1: {
|
|
6172
|
+
return 1;
|
|
6173
|
+
}
|
|
6174
|
+
case this.activeWeightIndex + 2: {
|
|
6175
|
+
return 2;
|
|
6176
|
+
}
|
|
6177
|
+
default:
|
|
6178
|
+
return "outside";
|
|
6179
|
+
}
|
|
6180
|
+
}
|
|
6181
|
+
getContainerPosition() {
|
|
6182
|
+
let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;
|
|
6183
|
+
switch (this.activeWeightIndex) {
|
|
6184
|
+
case 0: {
|
|
6185
|
+
return "end50";
|
|
6186
|
+
}
|
|
6187
|
+
case 1: {
|
|
6188
|
+
return "end75";
|
|
6189
|
+
}
|
|
6190
|
+
case maxIndex - 1: {
|
|
6191
|
+
return "start75";
|
|
6192
|
+
}
|
|
6193
|
+
case maxIndex: {
|
|
6194
|
+
return "start50";
|
|
6195
|
+
}
|
|
6196
|
+
default: {
|
|
6197
|
+
return "default";
|
|
6198
|
+
}
|
|
6199
|
+
}
|
|
6200
|
+
}
|
|
6159
6201
|
render() {
|
|
6160
6202
|
var _a, _b, _c;
|
|
6161
|
-
return (h(Host, null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.proxioProduct) ? (h("div",
|
|
6162
|
-
(h("div", { class: "weightvaluecontainer" }, h("pn-button", { disabled: this.activeWeightIndex === 0 ? ("disabled") : (null), "icon-only": "true", icon: "arrow-left", appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex - 1) }), h("div", { class: "weightradios
|
|
6203
|
+
return (h(Host, null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.proxioProduct) ? (h("div", { class: "proxio-pricegroup-container" }, h("div", { class: "weightcontainer" }, this.data.proxioProduct.weightAndPriceList ?
|
|
6204
|
+
(h("div", { class: "weightvaluecontainer" }, h("pn-button", { disabled: this.activeWeightIndex === 0 ? ("disabled") : (null), "icon-only": "true", icon: "arrow-left", appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex - 1) }), h("div", { class: "weightradios ", "data-carousel-container-position": this.getContainerPosition() }, h("div", { class: "weightline" }), this.data.proxioProduct.weightAndPriceList.map((weightItem, index) => this.getCarouselPosition(index) !== null ?
|
|
6205
|
+
h("div", { class: "weightdata", "data-carousel-position": this.getCarouselPosition(index), onClick: () => this.setActiveWeightIndex(index) }, h("input", { type: "radio", id: "weightradio" + index, name: "weightradio", value: index, checked: this.isActive(index) }), h("label", { htmlFor: "weightradio" + index }, weightItem.item1)) : null)), h("pn-button", { disabled: this.activeWeightIndex === ((_c = (_b = this.data.proxioProduct) === null || _b === void 0 ? void 0 : _b.weightAndPriceList) === null || _c === void 0 ? void 0 : _c.length) - 1 ? ("disabled") : (null), icon: "arrow-right", appearance: "light", "icon-only": "true", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex + 1) }))) : (null)), h("pn-proxio-productcard", null, h("pn-illustration", { slot: "illustrationmobile", illustration: this.data.proxioProduct.productIcon }), h("h2", { slot: "title" }, this.data.proxioProduct.productTitle), h("pn-proxio-productcard-description", { slot: "description", heading: this.data.proxioProduct.productPreamble, highlight: this.data.proxioProduct.deliveryDateInformation, list: this.data.proxioProduct.productDescriptionBulletListItems }), h("div", { slot: "information" }, h("pn-proxio-productcard-information", { label: this.i18n.labelPackage, information: this.data.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { label: this.i18n.labelRoll, information: this.data.proxioProduct.productRollDimensionsList })), h("div", { slot: "bottomtags" }, this.data.proxioProduct.tracable ?
|
|
6163
6206
|
(h("pn-titletag", { color: "gray50" }, this.i18n.notTraceable)) : (null), this.data.proxioProduct.usp1 ?
|
|
6164
6207
|
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp1)) : (null), this.data.proxioProduct.usp2 ?
|
|
6165
6208
|
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp2)) : (null), this.data.proxioProduct.usp3 ?
|
|
6166
|
-
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp3)) : (null)), h("pn-illustration", { slot: "illustration", illustration: this.data.proxioProduct.productIcon }), h("div", { slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { price: this.
|
|
6209
|
+
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp3)) : (null)), h("pn-illustration", { slot: "illustration", illustration: this.data.proxioProduct.productIcon }), h("div", { slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { price: this.getPriceString(this.data.proxioProduct), link: this.data.proxioProduct.productLink, linktext: this.data.proxioProduct.productLinkText }), this.data.relatedProxioProducts ? (this.data.relatedProxioProducts.map((product) => (h("pn-proxio-productcard-pricelink", { price: this.getPriceString(product), link: product.productLink, linktext: product.productLinkText })))) : (null))))) : (null)));
|
|
6167
6210
|
}
|
|
6168
6211
|
static get style() { return pnProxioPricegroupCss; }
|
|
6169
6212
|
};
|
|
6170
6213
|
|
|
6171
|
-
const pnProxioProductcardCss = "pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}pn-proxio-productcard .carddetails{min-width:70%;padding:
|
|
6214
|
+
const pnProxioProductcardCss = "pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{-ms-flex-direction:column;flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem;display:-ms-flexbox;display:flex;gap:0.8rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#EFFBFF;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration] .pn-illustration{max-width:8rem;margin-left:auto;margin-right:auto;margin-top:4rem}pn-proxio-productcard [slot=information]{display:-ms-flexbox;display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{-ms-flex-direction:column;flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";
|
|
6172
6215
|
|
|
6173
6216
|
let PnProxioProductcard$1 = class extends HTMLElement {
|
|
6174
6217
|
constructor() {
|
|
@@ -6176,12 +6219,12 @@ let PnProxioProductcard$1 = class extends HTMLElement {
|
|
|
6176
6219
|
this.__registerHost();
|
|
6177
6220
|
}
|
|
6178
6221
|
render() {
|
|
6179
|
-
return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" })))));
|
|
6222
|
+
return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("slot", { name: "illustrationmobile" }), h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" })))));
|
|
6180
6223
|
}
|
|
6181
6224
|
static get style() { return pnProxioProductcardCss; }
|
|
6182
6225
|
};
|
|
6183
6226
|
|
|
6184
|
-
const pnProxioProductcardDescriptionCss = "pn-proxio-productcard-description h3{font-size:2rem}pn-proxio-productcard-description .highlight{color:#
|
|
6227
|
+
const pnProxioProductcardDescriptionCss = "pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0AA85C}";
|
|
6185
6228
|
|
|
6186
6229
|
let PnProxioProductcardDescription$1 = class extends HTMLElement {
|
|
6187
6230
|
constructor() {
|
|
@@ -6199,7 +6242,7 @@ let PnProxioProductcardDescription$1 = class extends HTMLElement {
|
|
|
6199
6242
|
static get style() { return pnProxioProductcardDescriptionCss; }
|
|
6200
6243
|
};
|
|
6201
6244
|
|
|
6202
|
-
const pnProxioProductcardInformationCss = "pn-proxio-productcard-information{-
|
|
6245
|
+
const pnProxioProductcardInformationCss = "pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";
|
|
6203
6246
|
|
|
6204
6247
|
let PnProxioProductcardInformation$1 = class extends HTMLElement {
|
|
6205
6248
|
constructor() {
|
|
@@ -6208,14 +6251,14 @@ let PnProxioProductcardInformation$1 = class extends HTMLElement {
|
|
|
6208
6251
|
this.information = [];
|
|
6209
6252
|
}
|
|
6210
6253
|
render() {
|
|
6211
|
-
return (h(Host, null, h("div", { class: "cardinfocontent" }, this.information && this.label ? (h("div", { class: "cardinfocontent-item" }, h("p",
|
|
6212
|
-
(h("p", null, h("strong", { class: "label" }, item.item1, ":"), " ", item.item2))
|
|
6254
|
+
return (h(Host, null, h("div", { class: "cardinfocontent" }, this.information && this.label ? (h("div", { class: "cardinfocontent-item" }, h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label)), this.information.map((item) => (item ?
|
|
6255
|
+
(h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2))
|
|
6213
6256
|
: (null))))) : null)));
|
|
6214
6257
|
}
|
|
6215
6258
|
static get style() { return pnProxioProductcardInformationCss; }
|
|
6216
6259
|
};
|
|
6217
6260
|
|
|
6218
|
-
const pnProxioProductcardPricelinkCss = "pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:
|
|
6261
|
+
const pnProxioProductcardPricelinkCss = "pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:0.8rem;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}";
|
|
6219
6262
|
|
|
6220
6263
|
let PnProxioProductcardPricelink$1 = class extends HTMLElement {
|
|
6221
6264
|
constructor() {
|
|
@@ -6224,7 +6267,7 @@ let PnProxioProductcardPricelink$1 = class extends HTMLElement {
|
|
|
6224
6267
|
}
|
|
6225
6268
|
render() {
|
|
6226
6269
|
return this.link && this.linktext ?
|
|
6227
|
-
(h(Host, null, this.price ? (h("
|
|
6270
|
+
(h(Host, null, this.price ? (h("h3", null, this.price)) : (null), h("pn-button", { small: "true", icon: "arrow-right", appearance: "light", href: this.link, target: "_blank", rel: "noopener nofollower noreferrer" }, this.linktext))) : (null);
|
|
6228
6271
|
}
|
|
6229
6272
|
static get style() { return pnProxioProductcardPricelinkCss; }
|
|
6230
6273
|
};
|
|
@@ -18,7 +18,7 @@ const translations = {
|
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
-
const pnProxioPricegroupCss = "pn-proxio-pricegroup div.weightcontainer{margin:
|
|
21
|
+
const pnProxioPricegroupCss = "pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{-webkit-transform:translateY(-0.4rem);transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{-ms-flex:0 0 auto;flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position=\"0\"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position=\"2\"],pn-proxio-pricegroup div.weightdata[data-carousel-position=\"-2\"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005D92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#FFFFFF}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}";
|
|
22
22
|
|
|
23
23
|
let PnProxioPricegroup = class {
|
|
24
24
|
constructor(hostRef) {
|
|
@@ -82,21 +82,64 @@ let PnProxioPricegroup = class {
|
|
|
82
82
|
this.i18n = translations[this.culture];
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
-
|
|
85
|
+
getPriceString(product) {
|
|
86
86
|
var _a;
|
|
87
|
-
|
|
87
|
+
let price = product.weightAndPriceList ? (_a = product === null || product === void 0 ? void 0 : product.weightAndPriceList[this.activeWeightIndex]) === null || _a === void 0 ? void 0 : _a.item2 : '';
|
|
88
|
+
return price ? this.i18n.from + price : '';
|
|
88
89
|
}
|
|
89
90
|
isActive(index) {
|
|
90
91
|
return index === this.activeWeightIndex;
|
|
91
92
|
}
|
|
93
|
+
getCarouselPosition(index) {
|
|
94
|
+
switch (index) {
|
|
95
|
+
case this.activeWeightIndex - 2: {
|
|
96
|
+
return -2;
|
|
97
|
+
}
|
|
98
|
+
case this.activeWeightIndex - 1: {
|
|
99
|
+
return -1;
|
|
100
|
+
}
|
|
101
|
+
case this.activeWeightIndex: {
|
|
102
|
+
return 0;
|
|
103
|
+
}
|
|
104
|
+
case this.activeWeightIndex + 1: {
|
|
105
|
+
return 1;
|
|
106
|
+
}
|
|
107
|
+
case this.activeWeightIndex + 2: {
|
|
108
|
+
return 2;
|
|
109
|
+
}
|
|
110
|
+
default:
|
|
111
|
+
return "outside";
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
getContainerPosition() {
|
|
115
|
+
let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;
|
|
116
|
+
switch (this.activeWeightIndex) {
|
|
117
|
+
case 0: {
|
|
118
|
+
return "end50";
|
|
119
|
+
}
|
|
120
|
+
case 1: {
|
|
121
|
+
return "end75";
|
|
122
|
+
}
|
|
123
|
+
case maxIndex - 1: {
|
|
124
|
+
return "start75";
|
|
125
|
+
}
|
|
126
|
+
case maxIndex: {
|
|
127
|
+
return "start50";
|
|
128
|
+
}
|
|
129
|
+
default: {
|
|
130
|
+
return "default";
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}
|
|
92
134
|
render() {
|
|
93
135
|
var _a, _b, _c;
|
|
94
|
-
return (h(Host, null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.proxioProduct) ? (h("div",
|
|
95
|
-
(h("div", { class: "weightvaluecontainer" }, h("pn-button", { disabled: this.activeWeightIndex === 0 ? ("disabled") : (null), "icon-only": "true", icon: "arrow-left", appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex - 1) }), h("div", { class: "weightradios
|
|
136
|
+
return (h(Host, null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.proxioProduct) ? (h("div", { class: "proxio-pricegroup-container" }, h("div", { class: "weightcontainer" }, this.data.proxioProduct.weightAndPriceList ?
|
|
137
|
+
(h("div", { class: "weightvaluecontainer" }, h("pn-button", { disabled: this.activeWeightIndex === 0 ? ("disabled") : (null), "icon-only": "true", icon: "arrow-left", appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex - 1) }), h("div", { class: "weightradios ", "data-carousel-container-position": this.getContainerPosition() }, h("div", { class: "weightline" }), this.data.proxioProduct.weightAndPriceList.map((weightItem, index) => this.getCarouselPosition(index) !== null ?
|
|
138
|
+
h("div", { class: "weightdata", "data-carousel-position": this.getCarouselPosition(index), onClick: () => this.setActiveWeightIndex(index) }, h("input", { type: "radio", id: "weightradio" + index, name: "weightradio", value: index, checked: this.isActive(index) }), h("label", { htmlFor: "weightradio" + index }, weightItem.item1)) : null)), h("pn-button", { disabled: this.activeWeightIndex === ((_c = (_b = this.data.proxioProduct) === null || _b === void 0 ? void 0 : _b.weightAndPriceList) === null || _c === void 0 ? void 0 : _c.length) - 1 ? ("disabled") : (null), icon: "arrow-right", appearance: "light", "icon-only": "true", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex + 1) }))) : (null)), h("pn-proxio-productcard", null, h("pn-illustration", { slot: "illustrationmobile", illustration: this.data.proxioProduct.productIcon }), h("h2", { slot: "title" }, this.data.proxioProduct.productTitle), h("pn-proxio-productcard-description", { slot: "description", heading: this.data.proxioProduct.productPreamble, highlight: this.data.proxioProduct.deliveryDateInformation, list: this.data.proxioProduct.productDescriptionBulletListItems }), h("div", { slot: "information" }, h("pn-proxio-productcard-information", { label: this.i18n.labelPackage, information: this.data.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { label: this.i18n.labelRoll, information: this.data.proxioProduct.productRollDimensionsList })), h("div", { slot: "bottomtags" }, this.data.proxioProduct.tracable ?
|
|
96
139
|
(h("pn-titletag", { color: "gray50" }, this.i18n.notTraceable)) : (null), this.data.proxioProduct.usp1 ?
|
|
97
140
|
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp1)) : (null), this.data.proxioProduct.usp2 ?
|
|
98
141
|
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp2)) : (null), this.data.proxioProduct.usp3 ?
|
|
99
|
-
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp3)) : (null)), h("pn-illustration", { slot: "illustration", illustration: this.data.proxioProduct.productIcon }), h("div", { slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { price: this.
|
|
142
|
+
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp3)) : (null)), h("pn-illustration", { slot: "illustration", illustration: this.data.proxioProduct.productIcon }), h("div", { slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { price: this.getPriceString(this.data.proxioProduct), link: this.data.proxioProduct.productLink, linktext: this.data.proxioProduct.productLinkText }), this.data.relatedProxioProducts ? (this.data.relatedProxioProducts.map((product) => (h("pn-proxio-productcard-pricelink", { price: this.getPriceString(product), link: product.productLink, linktext: product.productLinkText })))) : (null))))) : (null)));
|
|
100
143
|
}
|
|
101
144
|
};
|
|
102
145
|
PnProxioPricegroup.style = pnProxioPricegroupCss;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as Host } from './index-5397620b.js';
|
|
2
2
|
|
|
3
|
-
const pnProxioProductcardCss = "pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}pn-proxio-productcard .carddetails{min-width:70%;padding:
|
|
3
|
+
const pnProxioProductcardCss = "pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{-ms-flex-direction:column;flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem;display:-ms-flexbox;display:flex;gap:0.8rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#EFFBFF;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration] .pn-illustration{max-width:8rem;margin-left:auto;margin-right:auto;margin-top:4rem}pn-proxio-productcard [slot=information]{display:-ms-flexbox;display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{-ms-flex-direction:column;flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";
|
|
4
4
|
|
|
5
5
|
let PnProxioProductcard = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" })))));
|
|
10
|
+
return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("slot", { name: "illustrationmobile" }), h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" })))));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
PnProxioProductcard.style = pnProxioProductcardCss;
|
|
14
14
|
|
|
15
|
-
const pnProxioProductcardDescriptionCss = "pn-proxio-productcard-description h3{font-size:2rem}pn-proxio-productcard-description .highlight{color:#
|
|
15
|
+
const pnProxioProductcardDescriptionCss = "pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0AA85C}";
|
|
16
16
|
|
|
17
17
|
let PnProxioProductcardDescription = class {
|
|
18
18
|
constructor(hostRef) {
|
|
@@ -29,7 +29,7 @@ let PnProxioProductcardDescription = class {
|
|
|
29
29
|
};
|
|
30
30
|
PnProxioProductcardDescription.style = pnProxioProductcardDescriptionCss;
|
|
31
31
|
|
|
32
|
-
const pnProxioProductcardInformationCss = "pn-proxio-productcard-information{-
|
|
32
|
+
const pnProxioProductcardInformationCss = "pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";
|
|
33
33
|
|
|
34
34
|
let PnProxioProductcardInformation = class {
|
|
35
35
|
constructor(hostRef) {
|
|
@@ -37,14 +37,14 @@ let PnProxioProductcardInformation = class {
|
|
|
37
37
|
this.information = [];
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, null, h("div", { class: "cardinfocontent" }, this.information && this.label ? (h("div", { class: "cardinfocontent-item" }, h("p",
|
|
41
|
-
(h("p", null, h("strong", { class: "label" }, item.item1, ":"), " ", item.item2))
|
|
40
|
+
return (h(Host, null, h("div", { class: "cardinfocontent" }, this.information && this.label ? (h("div", { class: "cardinfocontent-item" }, h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label)), this.information.map((item) => (item ?
|
|
41
|
+
(h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2))
|
|
42
42
|
: (null))))) : null)));
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
PnProxioProductcardInformation.style = pnProxioProductcardInformationCss;
|
|
46
46
|
|
|
47
|
-
const pnProxioProductcardPricelinkCss = "pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:
|
|
47
|
+
const pnProxioProductcardPricelinkCss = "pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:0.8rem;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}";
|
|
48
48
|
|
|
49
49
|
let PnProxioProductcardPricelink = class {
|
|
50
50
|
constructor(hostRef) {
|
|
@@ -52,7 +52,7 @@ let PnProxioProductcardPricelink = class {
|
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
54
|
return this.link && this.linktext ?
|
|
55
|
-
(h(Host, null, this.price ? (h("
|
|
55
|
+
(h(Host, null, this.price ? (h("h3", null, this.price)) : (null), h("pn-button", { small: "true", icon: "arrow-right", appearance: "light", href: this.link, target: "_blank", rel: "noopener nofollower noreferrer" }, this.linktext))) : (null);
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
PnProxioProductcardPricelink.style = pnProxioProductcardPricelinkCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,i,e,r){function o(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,n){function a(t){try{s(r.next(t))}catch(i){n(i)}}function l(t){try{s(r["throw"](t))}catch(i){n(i)}}function s(t){t.done?e(t.value):o(t.value).then(a,l)}s((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,o,n,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(t){return function(i){return s([t,i])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(e)try{if(r=1,o&&(n=a[0]&2?o["return"]:a[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,a[1])).done)return n;if(o=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;o=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){e.label=a[1];break}if(a[0]===6&&e.label<n[1]){e.label=n[1];n=a;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(a);break}if(n[2])e.ops.pop();e.trys.pop();continue}a=i.call(t,e)}catch(l){a=[6,l];o=0}finally{r=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host}from"./index-5397620b.js";import{F as FetchHelper,M as MarketWebContextService}from"./FetchHelper-1dfe8514.js";var translations={"sv-se":{from:"Från ",labelRoll:"Rulle",labelPackage:"Paket",notTraceable:"Inte spårbart",Creapest:"Billigast"},"en-gb":{from:"From ",labelRoll:"Roll",labelPackage:"Package",notTraceable:"Not traceable",Creapest:"Cheapest"}};var pnProxioPricegroupCss="pn-proxio-pricegroup div.weightcontainer{margin:3rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:5rem;-ms-flex-pack:justify;justify-content:space-between}pn-proxio-pricegroup input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.3rem;height:1.3rem;background-color:#005D92;border-radius:50%}pn-proxio-pricegroup input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.5rem;width:1.5rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button button div.button-tooltip{visibility:hidden;display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin-left:auto;margin-right:auto;position:relative}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.7rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1.32rem);border-radius:3rem;margin-right:3.5rem}pn-proxio-pricegroup .activeweight{font-size:large;font-weight:bold}";var PnProxioPricegroup=function(){function t(t){registerInstance(this,t);this.endpoint=null;this.culture="sv-se";this.tariffid="";this.cache=true;this.activeWeightIndex=0;this.data=null;this.i18n=translations["sv-se"];this.fetchHelper=new FetchHelper("proxiopricegroup")}t.prototype.componentWillLoad=function(){var t=this;this.setInitialValues().then((function(){t.init()}))};t.prototype.setInitialValues=function(t){if(t===void 0){t=window.location.href}return __awaiter(this,void 0,void 0,(function(){var i,e,r,o;return __generator(this,(function(n){switch(n.label){case 0:i=new MarketWebContextService(t);return[4,i.getEnvironmentName()];case 1:e=n.sent();if(!(!this.endpoint&&(e===null||e===void 0?void 0:e.indexOf("local"))===-1))return[3,4];return[4,i.getMarket()];case 2:r=n.sent();o=this;return[4,i.getEndpoint(e,r)];case 3:o.endpoint=n.sent();n.label=4;case 4:if(!this.endpoint){this.endpoint=""}return[2]}}))}))};t.prototype.init=function(){this.setCulture();this.fetchData()};t.prototype.fetchData=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(r){switch(r.label){case 0:if(!this.culture||!this.tariffid){return[2]}t=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;i="".concat(t,"/api/proxio/price-list-group?tariffId=").concat(this.tariffid,"&culture=").concat(this.culture,"&cached=").concat(this.cache);return[4,this.fetchHelper.fetchJson(i,{mode:"cors"},this.cache,this.onFetchData.bind(this))];case 1:e=r.sent();if(e===null||e===void 0?void 0:e.proxioProduct){this.data=e}return[2]}}))}))};t.prototype.onFetchData=function(t){this.data=t};t.prototype.setActiveWeightIndex=function(t){var i,e,r;var o=0;var n=(r=((e=(i=this.data.proxioProduct)===null||i===void 0?void 0:i.weightAndPriceList)===null||e===void 0?void 0:e.length)-1)!==null&&r!==void 0?r:o;t=t>n?n:t;t=t<o?o:t;this.activeWeightIndex=t};t.prototype.setCulture=function(){if(translations[this.culture]){this.i18n=translations[this.culture]}};t.prototype.getPrice=function(t){var i;return(i=t===null||t===void 0?void 0:t.weightAndPriceList[this.activeWeightIndex])===null||i===void 0?void 0:i.item2};t.prototype.isActive=function(t){return t===this.activeWeightIndex};t.prototype.render=function(){var t=this;var i,e,r;return h(Host,null,((i=this.data)===null||i===void 0?void 0:i.proxioProduct)?h("div",null,h("div",{class:"weightcontainer"},this.data.proxioProduct.weightAndPriceList?h("div",{class:"weightvaluecontainer"},h("pn-button",{disabled:this.activeWeightIndex===0?"disabled":null,"icon-only":"true",icon:"arrow-left",appearance:"light",small:"true",onClick:function(){return t.setActiveWeightIndex(t.activeWeightIndex-1)}}),h("div",{class:"weightradios"},h("div",{class:"weightline"}),this.data.proxioProduct.weightAndPriceList.map((function(i,e){return h("div",{class:"weightdata"+(t.isActive(e)?" activeweight":"")},h("input",{type:"radio",id:"weightradio"+e,name:"weightradio",value:e,checked:t.isActive(e),onClick:function(){return t.setActiveWeightIndex(e)}}),h("label",{htmlFor:"weightradio"+e},i.item1))}))),h("pn-button",{disabled:this.activeWeightIndex===((r=(e=this.data.proxioProduct)===null||e===void 0?void 0:e.weightAndPriceList)===null||r===void 0?void 0:r.length)-1?"disabled":null,icon:"arrow-right",appearance:"light","icon-only":"true",small:"true",onClick:function(){return t.setActiveWeightIndex(t.activeWeightIndex+1)}})):null),h("pn-proxio-productcard",null,h("h2",{slot:"title"},this.data.proxioProduct.productTitle),h("pn-proxio-productcard-description",{slot:"description",heading:this.data.proxioProduct.productPreamble,highlight:this.data.proxioProduct.deliveryDateInformation,list:this.data.proxioProduct.productDescriptionBulletListItems}),h("div",{slot:"information"},h("pn-proxio-productcard-information",{label:this.i18n.labelPackage,information:this.data.proxioProduct.productPackageDimensionsList}),h("pn-proxio-productcard-information",{label:this.i18n.labelRoll,information:this.data.proxioProduct.productRollDimensionsList})),h("div",{slot:"bottomtags"},this.data.proxioProduct.tracable?h("pn-titletag",{color:"gray50"},this.i18n.notTraceable):null,this.data.proxioProduct.usp1?h("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp1):null,this.data.proxioProduct.usp2?h("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp2):null,this.data.proxioProduct.usp3?h("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp3):null),h("pn-illustration",{slot:"illustration",illustration:this.data.proxioProduct.productIcon}),h("div",{slot:"pricelink"},h("pn-proxio-productcard-pricelink",{price:this.i18n.from+this.getPrice(this.data.proxioProduct),link:this.data.proxioProduct.productLink,linktext:this.data.proxioProduct.productLinkText}),this.data.relatedProxioProducts?this.data.relatedProxioProducts.map((function(i){return h("pn-proxio-productcard-pricelink",{price:t.i18n.from+t.getPrice(i),link:i.productLink,linktext:i.productLinkText})})):null))):null)};return t}();PnProxioPricegroup.style=pnProxioPricegroupCss;export{PnProxioPricegroup as pn_proxio_pricegroup};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,i,e,r){function o(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,n){function a(t){try{c(r.next(t))}catch(i){n(i)}}function s(t){try{c(r["throw"](t))}catch(i){n(i)}}function c(t){t.done?e(t.value):o(t.value).then(a,s)}c((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,o,n,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return c([t,i])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(e)try{if(r=1,o&&(n=a[0]&2?o["return"]:a[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,a[1])).done)return n;if(o=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;o=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){e.label=a[1];break}if(a[0]===6&&e.label<n[1]){e.label=n[1];n=a;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(a);break}if(n[2])e.ops.pop();e.trys.pop();continue}a=i.call(t,e)}catch(s){a=[6,s];o=0}finally{r=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host}from"./index-5397620b.js";import{F as FetchHelper,M as MarketWebContextService}from"./FetchHelper-1dfe8514.js";var translations={"sv-se":{from:"Från ",labelRoll:"Rulle",labelPackage:"Paket",notTraceable:"Inte spårbart",Creapest:"Billigast"},"en-gb":{from:"From ",labelRoll:"Roll",labelPackage:"Package",notTraceable:"Not traceable",Creapest:"Cheapest"}};var pnProxioPricegroupCss='pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{-webkit-transform:translateY(-0.4rem);transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{-ms-flex:0 0 auto;flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position="0"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position="2"],pn-proxio-pricegroup div.weightdata[data-carousel-position="-2"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005D92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#FFFFFF}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}';var PnProxioPricegroup=function(){function t(t){registerInstance(this,t);this.endpoint=null;this.culture="sv-se";this.tariffid="";this.cache=true;this.activeWeightIndex=0;this.data=null;this.i18n=translations["sv-se"];this.fetchHelper=new FetchHelper("proxiopricegroup")}t.prototype.componentWillLoad=function(){var t=this;this.setInitialValues().then((function(){t.init()}))};t.prototype.setInitialValues=function(t){if(t===void 0){t=window.location.href}return __awaiter(this,void 0,void 0,(function(){var i,e,r,o;return __generator(this,(function(n){switch(n.label){case 0:i=new MarketWebContextService(t);return[4,i.getEnvironmentName()];case 1:e=n.sent();if(!(!this.endpoint&&(e===null||e===void 0?void 0:e.indexOf("local"))===-1))return[3,4];return[4,i.getMarket()];case 2:r=n.sent();o=this;return[4,i.getEndpoint(e,r)];case 3:o.endpoint=n.sent();n.label=4;case 4:if(!this.endpoint){this.endpoint=""}return[2]}}))}))};t.prototype.init=function(){this.setCulture();this.fetchData()};t.prototype.fetchData=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(r){switch(r.label){case 0:if(!this.culture||!this.tariffid){return[2]}t=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;i="".concat(t,"/api/proxio/price-list-group?tariffId=").concat(this.tariffid,"&culture=").concat(this.culture,"&cached=").concat(this.cache);return[4,this.fetchHelper.fetchJson(i,{mode:"cors"},this.cache,this.onFetchData.bind(this))];case 1:e=r.sent();if(e===null||e===void 0?void 0:e.proxioProduct){this.data=e}return[2]}}))}))};t.prototype.onFetchData=function(t){this.data=t};t.prototype.setActiveWeightIndex=function(t){var i,e,r;var o=0;var n=(r=((e=(i=this.data.proxioProduct)===null||i===void 0?void 0:i.weightAndPriceList)===null||e===void 0?void 0:e.length)-1)!==null&&r!==void 0?r:o;t=t>n?n:t;t=t<o?o:t;this.activeWeightIndex=t};t.prototype.setCulture=function(){if(translations[this.culture]){this.i18n=translations[this.culture]}};t.prototype.getPriceString=function(t){var i;var e=t.weightAndPriceList?(i=t===null||t===void 0?void 0:t.weightAndPriceList[this.activeWeightIndex])===null||i===void 0?void 0:i.item2:"";return e?this.i18n.from+e:""};t.prototype.isActive=function(t){return t===this.activeWeightIndex};t.prototype.getCarouselPosition=function(t){switch(t){case this.activeWeightIndex-2:{return-2}case this.activeWeightIndex-1:{return-1}case this.activeWeightIndex:{return 0}case this.activeWeightIndex+1:{return 1}case this.activeWeightIndex+2:{return 2}default:return"outside"}};t.prototype.getContainerPosition=function(){var t=this.data.proxioProduct.weightAndPriceList.length-1;switch(this.activeWeightIndex){case 0:{return"end50"}case 1:{return"end75"}case t-1:{return"start75"}case t:{return"start50"}default:{return"default"}}};t.prototype.render=function(){var t=this;var i,e,r;return h(Host,null,((i=this.data)===null||i===void 0?void 0:i.proxioProduct)?h("div",{class:"proxio-pricegroup-container"},h("div",{class:"weightcontainer"},this.data.proxioProduct.weightAndPriceList?h("div",{class:"weightvaluecontainer"},h("pn-button",{disabled:this.activeWeightIndex===0?"disabled":null,"icon-only":"true",icon:"arrow-left",appearance:"light",small:"true",onClick:function(){return t.setActiveWeightIndex(t.activeWeightIndex-1)}}),h("div",{class:"weightradios ","data-carousel-container-position":this.getContainerPosition()},h("div",{class:"weightline"}),this.data.proxioProduct.weightAndPriceList.map((function(i,e){return t.getCarouselPosition(e)!==null?h("div",{class:"weightdata","data-carousel-position":t.getCarouselPosition(e),onClick:function(){return t.setActiveWeightIndex(e)}},h("input",{type:"radio",id:"weightradio"+e,name:"weightradio",value:e,checked:t.isActive(e)}),h("label",{htmlFor:"weightradio"+e},i.item1)):null}))),h("pn-button",{disabled:this.activeWeightIndex===((r=(e=this.data.proxioProduct)===null||e===void 0?void 0:e.weightAndPriceList)===null||r===void 0?void 0:r.length)-1?"disabled":null,icon:"arrow-right",appearance:"light","icon-only":"true",small:"true",onClick:function(){return t.setActiveWeightIndex(t.activeWeightIndex+1)}})):null),h("pn-proxio-productcard",null,h("pn-illustration",{slot:"illustrationmobile",illustration:this.data.proxioProduct.productIcon}),h("h2",{slot:"title"},this.data.proxioProduct.productTitle),h("pn-proxio-productcard-description",{slot:"description",heading:this.data.proxioProduct.productPreamble,highlight:this.data.proxioProduct.deliveryDateInformation,list:this.data.proxioProduct.productDescriptionBulletListItems}),h("div",{slot:"information"},h("pn-proxio-productcard-information",{label:this.i18n.labelPackage,information:this.data.proxioProduct.productPackageDimensionsList}),h("pn-proxio-productcard-information",{label:this.i18n.labelRoll,information:this.data.proxioProduct.productRollDimensionsList})),h("div",{slot:"bottomtags"},this.data.proxioProduct.tracable?h("pn-titletag",{color:"gray50"},this.i18n.notTraceable):null,this.data.proxioProduct.usp1?h("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp1):null,this.data.proxioProduct.usp2?h("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp2):null,this.data.proxioProduct.usp3?h("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp3):null),h("pn-illustration",{slot:"illustration",illustration:this.data.proxioProduct.productIcon}),h("div",{slot:"pricelink"},h("pn-proxio-productcard-pricelink",{price:this.getPriceString(this.data.proxioProduct),link:this.data.proxioProduct.productLink,linktext:this.data.proxioProduct.productLinkText}),this.data.relatedProxioProducts?this.data.relatedProxioProducts.map((function(i){return h("pn-proxio-productcard-pricelink",{price:t.getPriceString(i),link:i.productLink,linktext:i.productLinkText})})):null))):null)};return t}();PnProxioPricegroup.style=pnProxioPricegroupCss;export{PnProxioPricegroup as pn_proxio_pricegroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,a as Host}from"./index-5397620b.js";var pnProxioProductcardCss="pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}pn-proxio-productcard .carddetails{min-width:70%;padding:
|
|
1
|
+
import{r as registerInstance,h,a as Host}from"./index-5397620b.js";var pnProxioProductcardCss="pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{-ms-flex-direction:column;flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem;display:-ms-flexbox;display:flex;gap:0.8rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#EFFBFF;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration] .pn-illustration{max-width:8rem;margin-left:auto;margin-right:auto;margin-top:4rem}pn-proxio-productcard [slot=information]{display:-ms-flexbox;display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{-ms-flex-direction:column;flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";var PnProxioProductcard=function(){function r(r){registerInstance(this,r)}r.prototype.render=function(){return h(Host,null,h("div",{class:"cardcontent"},h("div",{class:"carddetails"},h("slot",{name:"illustrationmobile"}),h("div",{class:"heading"},h("slot",{name:"title"}),h("slot",{name:"uppertags"})),h("slot",{name:"description"}),h("slot",{name:"information"}),h("slot",{name:"bottomtags"})),h("div",{class:"cardcalltoactions"},h("slot",{name:"illustration"}),h("slot",{name:"pricelink"}))))};return r}();PnProxioProductcard.style=pnProxioProductcardCss;var pnProxioProductcardDescriptionCss="pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0AA85C}";var PnProxioProductcardDescription=function(){function r(r){registerInstance(this,r);this.list=[]}r.prototype.render=function(){return h(Host,null,this.heading?h("h3",null,this.heading):null,this.highlight?h("h3",{class:"highlight"},this.highlight):null,this.description?h("span",null,this.description):null,this.list?h("ul",null,this.list.map((function(r){return h("li",null,r)}))):null)};return r}();PnProxioProductcardDescription.style=pnProxioProductcardDescriptionCss;var pnProxioProductcardInformationCss="pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";var PnProxioProductcardInformation=function(){function r(r){registerInstance(this,r);this.information=[]}r.prototype.render=function(){return h(Host,null,h("div",{class:"cardinfocontent"},this.information&&this.label?h("div",{class:"cardinfocontent-item"},h("p",{class:"cardinfocontent-title"},h("strong",null,this.label)),this.information.map((function(r){return r?h("p",null,h("strong",{class:"cardinfocontent-label"},r.item1,":")," ",r.item2):null}))):null))};return r}();PnProxioProductcardInformation.style=pnProxioProductcardInformationCss;var pnProxioProductcardPricelinkCss="pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:0.8rem;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}";var PnProxioProductcardPricelink=function(){function r(r){registerInstance(this,r)}r.prototype.render=function(){return this.link&&this.linktext?h(Host,null,this.price?h("h3",null,this.price):null,h("pn-button",{small:"true",icon:"arrow-right",appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null};return r}();PnProxioProductcardPricelink.style=pnProxioProductcardPricelinkCss;export{PnProxioProductcard as pn_proxio_productcard,PnProxioProductcardDescription as pn_proxio_productcard_description,PnProxioProductcardInformation as pn_proxio_productcard_information,PnProxioProductcardPricelink as pn_proxio_productcard_pricelink};
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as t,a as i}from"./p-58e8d7d5.js";let o=class{constructor(t){r(this,t)}render(){return t(i,null,t("div",{class:"cardcontent"},t("div",{class:"carddetails"},t("slot",{name:"illustrationmobile"}),t("div",{class:"heading"},t("slot",{name:"title"}),t("slot",{name:"uppertags"})),t("slot",{name:"description"}),t("slot",{name:"information"}),t("slot",{name:"bottomtags"})),t("div",{class:"cardcalltoactions"},t("slot",{name:"illustration"}),t("slot",{name:"pricelink"}))))}};o.style="pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{-ms-flex-direction:column;flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem;display:-ms-flexbox;display:flex;gap:0.8rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#EFFBFF;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration] .pn-illustration{max-width:8rem;margin-left:auto;margin-right:auto;margin-top:4rem}pn-proxio-productcard [slot=information]{display:-ms-flexbox;display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{-ms-flex-direction:column;flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";let n=class{constructor(t){r(this,t),this.list=[]}render(){return t(i,null,this.heading?t("h3",null,this.heading):null,this.highlight?t("h3",{class:"highlight"},this.highlight):null,this.description?t("span",null,this.description):null,this.list?t("ul",null,this.list.map((r=>t("li",null,r)))):null)}};n.style="pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0AA85C}";let e=class{constructor(t){r(this,t),this.information=[]}render(){return t(i,null,t("div",{class:"cardinfocontent"},this.information&&this.label?t("div",{class:"cardinfocontent-item"},t("p",{class:"cardinfocontent-title"},t("strong",null,this.label)),this.information.map((r=>r?t("p",null,t("strong",{class:"cardinfocontent-label"},r.item1,":")," ",r.item2):null))):null))}};e.style="pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";let l=class{constructor(t){r(this,t)}render(){return this.link&&this.linktext?t(i,null,this.price?t("h3",null,this.price):null,t("pn-button",{small:"true",icon:"arrow-right",appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null}};l.style="pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:0.8rem;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}";export{o as pn_proxio_productcard,n as pn_proxio_productcard_description,e as pn_proxio_productcard_information,l as pn_proxio_productcard_pricelink}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as t,a as e}from"./p-58e8d7d5.js";import{F as r,M as o}from"./p-f0f58646.js";const a={"sv-se":{from:"Från ",labelRoll:"Rulle",labelPackage:"Paket",notTraceable:"Inte spårbart",Creapest:"Billigast"},"en-gb":{from:"From ",labelRoll:"Roll",labelPackage:"Package",notTraceable:"Not traceable",Creapest:"Cheapest"}};let n=class{constructor(t){i(this,t),this.endpoint=null,this.culture="sv-se",this.tariffid="",this.cache=!0,this.activeWeightIndex=0,this.data=null,this.i18n=a["sv-se"],this.fetchHelper=new r("proxiopricegroup")}componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(i=window.location.href){const t=new o(i),e=await t.getEnvironmentName();if(!this.endpoint&&-1===(null==e?void 0:e.indexOf("local"))){const i=await t.getMarket();this.endpoint=await t.getEndpoint(e,i)}this.endpoint||(this.endpoint="")}init(){this.setCulture(),this.fetchData()}async fetchData(){if(!this.culture||!this.tariffid)return;const i=`${this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&culture=${this.culture}&cached=${this.cache}`,t=await this.fetchHelper.fetchJson(i,{mode:"cors"},this.cache,this.onFetchData.bind(this));(null==t?void 0:t.proxioProduct)&&(this.data=t)}onFetchData(i){this.data=i}setActiveWeightIndex(i){var t,e,r;let o=null!==(r=(null===(e=null===(t=this.data.proxioProduct)||void 0===t?void 0:t.weightAndPriceList)||void 0===e?void 0:e.length)-1)&&void 0!==r?r:0;this.activeWeightIndex=i=(i=i>o?o:i)<0?0:i}setCulture(){a[this.culture]&&(this.i18n=a[this.culture])}getPriceString(i){var t;let e=i.weightAndPriceList?null===(t=null==i?void 0:i.weightAndPriceList[this.activeWeightIndex])||void 0===t?void 0:t.item2:"";return e?this.i18n.from+e:""}isActive(i){return i===this.activeWeightIndex}getCarouselPosition(i){switch(i){case this.activeWeightIndex-2:return-2;case this.activeWeightIndex-1:return-1;case this.activeWeightIndex:return 0;case this.activeWeightIndex+1:return 1;case this.activeWeightIndex+2:return 2;default:return"outside"}}getContainerPosition(){let i=this.data.proxioProduct.weightAndPriceList.length-1;switch(this.activeWeightIndex){case 0:return"end50";case 1:return"end75";case i-1:return"start75";case i:return"start50";default:return"default"}}render(){var i,r,o;return t(e,null,(null===(i=this.data)||void 0===i?void 0:i.proxioProduct)?t("div",{class:"proxio-pricegroup-container"},t("div",{class:"weightcontainer"},this.data.proxioProduct.weightAndPriceList?t("div",{class:"weightvaluecontainer"},t("pn-button",{disabled:0===this.activeWeightIndex?"disabled":null,"icon-only":"true",icon:"arrow-left",appearance:"light",small:"true",onClick:()=>this.setActiveWeightIndex(this.activeWeightIndex-1)}),t("div",{class:"weightradios ","data-carousel-container-position":this.getContainerPosition()},t("div",{class:"weightline"}),this.data.proxioProduct.weightAndPriceList.map(((i,e)=>null!==this.getCarouselPosition(e)?t("div",{class:"weightdata","data-carousel-position":this.getCarouselPosition(e),onClick:()=>this.setActiveWeightIndex(e)},t("input",{type:"radio",id:"weightradio"+e,name:"weightradio",value:e,checked:this.isActive(e)}),t("label",{htmlFor:"weightradio"+e},i.item1)):null))),t("pn-button",{disabled:this.activeWeightIndex===(null===(o=null===(r=this.data.proxioProduct)||void 0===r?void 0:r.weightAndPriceList)||void 0===o?void 0:o.length)-1?"disabled":null,icon:"arrow-right",appearance:"light","icon-only":"true",small:"true",onClick:()=>this.setActiveWeightIndex(this.activeWeightIndex+1)})):null),t("pn-proxio-productcard",null,t("pn-illustration",{slot:"illustrationmobile",illustration:this.data.proxioProduct.productIcon}),t("h2",{slot:"title"},this.data.proxioProduct.productTitle),t("pn-proxio-productcard-description",{slot:"description",heading:this.data.proxioProduct.productPreamble,highlight:this.data.proxioProduct.deliveryDateInformation,list:this.data.proxioProduct.productDescriptionBulletListItems}),t("div",{slot:"information"},t("pn-proxio-productcard-information",{label:this.i18n.labelPackage,information:this.data.proxioProduct.productPackageDimensionsList}),t("pn-proxio-productcard-information",{label:this.i18n.labelRoll,information:this.data.proxioProduct.productRollDimensionsList})),t("div",{slot:"bottomtags"},this.data.proxioProduct.tracable?t("pn-titletag",{color:"gray50"},this.i18n.notTraceable):null,this.data.proxioProduct.usp1?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp1):null,this.data.proxioProduct.usp2?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp2):null,this.data.proxioProduct.usp3?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp3):null),t("pn-illustration",{slot:"illustration",illustration:this.data.proxioProduct.productIcon}),t("div",{slot:"pricelink"},t("pn-proxio-productcard-pricelink",{price:this.getPriceString(this.data.proxioProduct),link:this.data.proxioProduct.productLink,linktext:this.data.proxioProduct.productLinkText}),this.data.relatedProxioProducts?this.data.relatedProxioProducts.map((i=>t("pn-proxio-productcard-pricelink",{price:this.getPriceString(i),link:i.productLink,linktext:i.productLinkText}))):null))):null)}};n.style='pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{-webkit-transform:translateY(-0.4rem);transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{-ms-flex:0 0 auto;flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position="0"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position="2"],pn-proxio-pricegroup div.weightdata[data-carousel-position="-2"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005D92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#FFFFFF}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}';export{n as pn_proxio_pricegroup}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-36654f2a.system.js"],(function(t){"use strict";var i,r,n;return{setters:[function(t){i=t.r;r=t.h;n=t.a}],execute:function(){var o="pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{-ms-flex-direction:column;flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem;display:-ms-flexbox;display:flex;gap:0.8rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#EFFBFF;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration] .pn-illustration{max-width:8rem;margin-left:auto;margin-right:auto;margin-top:4rem}pn-proxio-productcard [slot=information]{display:-ms-flexbox;display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{-ms-flex-direction:column;flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";var e=t("pn_proxio_productcard",function(){function t(t){i(this,t)}t.prototype.render=function(){return r(n,null,r("div",{class:"cardcontent"},r("div",{class:"carddetails"},r("slot",{name:"illustrationmobile"}),r("div",{class:"heading"},r("slot",{name:"title"}),r("slot",{name:"uppertags"})),r("slot",{name:"description"}),r("slot",{name:"information"}),r("slot",{name:"bottomtags"})),r("div",{class:"cardcalltoactions"},r("slot",{name:"illustration"}),r("slot",{name:"pricelink"}))))};return t}());e.style=o;var l="pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0AA85C}";var a=t("pn_proxio_productcard_description",function(){function t(t){i(this,t);this.list=[]}t.prototype.render=function(){return r(n,null,this.heading?r("h3",null,this.heading):null,this.highlight?r("h3",{class:"highlight"},this.highlight):null,this.description?r("span",null,this.description):null,this.list?r("ul",null,this.list.map((function(t){return r("li",null,t)}))):null)};return t}());a.style=l;var c="pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";var p=t("pn_proxio_productcard_information",function(){function t(t){i(this,t);this.information=[]}t.prototype.render=function(){return r(n,null,r("div",{class:"cardinfocontent"},this.information&&this.label?r("div",{class:"cardinfocontent-item"},r("p",{class:"cardinfocontent-title"},r("strong",null,this.label)),this.information.map((function(t){return t?r("p",null,r("strong",{class:"cardinfocontent-label"},t.item1,":")," ",t.item2):null}))):null))};return t}());p.style=c;var s="pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:0.8rem;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}";var d=t("pn_proxio_productcard_pricelink",function(){function t(t){i(this,t)}t.prototype.render=function(){return this.link&&this.linktext?r(n,null,this.price?r("h3",null,this.price):null,r("pn-button",{small:"true",icon:"arrow-right",appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null};return t}());d.style=s}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-36654f2a.system.js"],(function(){"use strict";var e,n,t,i,a,r;return{setters:[function(s){e=s.d;n=s.N;t=s.w;i=s.p;a=s.H;r=s.b}],execute:function(){var s=function(){{o(a.prototype)}var r=Array.from(e.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(n,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var s={};if("onbeforeload"in r&&!history.scrollRestoration){return{then:function(){}}}{s.resourcesUrl=new URL(".",new URL(r.getAttribute("data-resources-url")||r.src,t.location.href)).href}return i(s)};var o=function(e){var n=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return n.call(this,e)}var t=n.call(this,false);var i=this.childNodes;if(e){for(var a=0;a<i.length;a++){if(i[a].nodeType!==2){t.appendChild(i[a].cloneNode(true))}}}return t}};s().then((function(e){return r([["p-6d08e5cc.system",[[4,"pn-marketweb-siteheader",{market:[1537],language:[1537],siteid:[1],environment:[1537],userToken:[1,"user-token"],userFullname:[1,"user-fullname"],userLoggedin:[516,"user-loggedin"],endpoint:[1],hideSiteSelector:[1540,"hide-site-selector"],hideLanguageSelector:[1540,"hide-language-selector"],hideSearch:[1540,"hide-search"],hideLogin:[1540,"hide-login"],showProfileSelection:[1540,"show-profile-selection"],siteDomainInUrls:[4,"site-domain-in-urls"],AutocompleteEndpoint:[1,"autocomplete-endpoint"],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],loggedIn:[32],loginManager:[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["p-bc22baf1.system",[[0,"pn-find-price",{source:[1],language:[1025],market:[1025],filteredItems:[32],weight:[32],weightvalue:[32],sourceData:[32],sizecategory:[32]}]]],["p-8144bcbc.system",[[0,"pn-find-service-and-price",{source:[1],language:[1025],market:[1025],filteredItems:[32],postagetype:[32],weight:[32],weightvalue:[32],deliveryscope:[32],sourceData:[32]}]]],["p-fecc53bb.system",[[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]}]]],["p-
|
|
1
|
+
System.register(["./p-36654f2a.system.js"],(function(){"use strict";var e,n,t,i,a,r;return{setters:[function(s){e=s.d;n=s.N;t=s.w;i=s.p;a=s.H;r=s.b}],execute:function(){var s=function(){{o(a.prototype)}var r=Array.from(e.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(n,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var s={};if("onbeforeload"in r&&!history.scrollRestoration){return{then:function(){}}}{s.resourcesUrl=new URL(".",new URL(r.getAttribute("data-resources-url")||r.src,t.location.href)).href}return i(s)};var o=function(e){var n=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return n.call(this,e)}var t=n.call(this,false);var i=this.childNodes;if(e){for(var a=0;a<i.length;a++){if(i[a].nodeType!==2){t.appendChild(i[a].cloneNode(true))}}}return t}};s().then((function(e){return r([["p-6d08e5cc.system",[[4,"pn-marketweb-siteheader",{market:[1537],language:[1537],siteid:[1],environment:[1537],userToken:[1,"user-token"],userFullname:[1,"user-fullname"],userLoggedin:[516,"user-loggedin"],endpoint:[1],hideSiteSelector:[1540,"hide-site-selector"],hideLanguageSelector:[1540,"hide-language-selector"],hideSearch:[1540,"hide-search"],hideLogin:[1540,"hide-login"],showProfileSelection:[1540,"show-profile-selection"],siteDomainInUrls:[4,"site-domain-in-urls"],AutocompleteEndpoint:[1,"autocomplete-endpoint"],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],loggedIn:[32],loginManager:[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["p-bc22baf1.system",[[0,"pn-find-price",{source:[1],language:[1025],market:[1025],filteredItems:[32],weight:[32],weightvalue:[32],sourceData:[32],sizecategory:[32]}]]],["p-8144bcbc.system",[[0,"pn-find-service-and-price",{source:[1],language:[1025],market:[1025],filteredItems:[32],postagetype:[32],weight:[32],weightvalue:[32],deliveryscope:[32],sourceData:[32]}]]],["p-fecc53bb.system",[[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]}]]],["p-e217affa.system",[[0,"pn-proxio-pricegroup",{endpoint:[1025],culture:[1],tariffid:[1],cache:[4],activeWeightIndex:[32],data:[32],i18n:[32]},[[0,"activeWeightIndex","setActiveWeightIndex"],[0,"culture","setCulture"]]]]],["p-723b9901.system",[[0,"pn-product-pricelist-result",{item:[1040],description:[16],shownitems:[16],showMeasurement:[4,"show-measurement"],weightText:[32]}]]],["p-69a5376a.system",[[4,"pn-marketweb-sitefooter",{market:[1537],language:[1537],environment:[1537],endpoint:[1],siteDomainInUrls:[4,"site-domain-in-urls"],cache:[4],siteDefinition:[32],footerContent:[32],i18n:[32],gotData:[32],fetchingData:[32]}]]],["p-2da8e5e8.system",[[0,"pn-pex-pricefinder",{language:[1],currency:[1],apiUrl:[1,"api-url"],i18n:[32],fromzip:[32],tozip:[32],weight:[32],when:[32],response:[32]},[[0,"language","setLanguage"]]]]],["p-1151bf60.system",[[4,"pn-bonus-progressbar",{icon:[1],heading:[1],sumtext:[513],theme:[513],bonuspercentage:[1],currency:[513],value:[1538],min:[1538],max:[1538],valuepercentage:[32],progresspercentage:[32],levelValues:[32],currentLevelAdjustedValue:[32]}]]],["p-36a1b8e1.system",[[0,"pn-bonus-progressbar-level",{current:[516],value:[1538],bonuspercentage:[1537],visualpercentage:[1538],percentage:[32],max:[32],min:[32],currency:[32]}]]],["p-4f67721e.system",[[4,"pn-customernumber-selector",{language:[1537],open:[1540],heading:[1],description:[1],i18n:[32]}]]],["p-e6fa11ad.system",[[4,"pn-customernumber-selector-option",{heading:[1],description:[1],url:[1]}]]],["p-2718b89a.system",[[1,"pn-filter-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["p-80dce81e.system",[[1,"pn-marketweb-search",{disabled:[4],placeholder:[1],inputid:[1],name:[1],autocomplete:[1],list:[1],value:[1],label:[1],loading:[4],button:[1],light:[4],suggestionObserver:[32],hasClonedInput:[32],listSuggestion:[32]},[[0,"input","inputHandler"]]]]],["p-290d5824.system",[[4,"pn-product-tile"]]],["p-74d35edf.system",[[4,"pn-profile-modal",{heading:[1],continueCtaText:[1,"continue-cta-text"],choosenCompanyText:[1,"choosen-company-text"],toText:[1,"to-text"],chooseCustomerNumberText:[1,"choose-customer-number-text"],isLoading:[32]},[[0,"urlSelected","onUrlSelected"]]]]],["p-aa271997.system",[[4,"pn-profile-modal-customernumber",{url:[513],customernumber:[513],selected:[516]}]]],["p-7b9fb94f.system",[[4,"pn-profile-modal-profile",{heading:[513],description:[513],url:[513],selected:[1028],showCustomerNumbers:[516,"show-customer-numbers"],pleaseSelectText:[513,"please-select-text"],visible:[1540],identifier:[32]}]]],["p-58a57436.system",[[4,"pn-profile-modal-type",{typeid:[513],name:[1025],selected:[1028],selectedprofile:[1025]}]]],["p-450cbe76.system",[[4,"pn-profile-selector",{language:[1537],returnUrl:[1,"return-url"],heading:[1],i18n:[32],isLoading:[32],numberOfProfiles:[32]}]]],["p-93cecc43.system",[[0,"pn-profile-selector-option",{heading:[1],description:[1],url:[1]}]]],["p-a247058b.system",[[4,"pn-sidenav",{language:[1],navLabel:[1,"nav-label"],i18n:[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["p-885bc8d7.system",[[4,"pn-sidenav-level",{level:[32],levelId:[32],isOpen:[32],parentName:[32],parentHref:[32],parentLinkId:[32],alignment:[32]}]]],["p-625fb7fb.system",[[4,"pn-sidenav-link",{name:[1],href:[1],target:[1],linkid:[1],icon:[1],current:[4],levelId:[32],open:[32],hasChildren:[32]}]]],["p-b88337dd.system",[[4,"pn-sidenav-togglebutton",{label:[1],i18n:[32]}]]],["p-198d9c77.system",[[0,"pn-product-card-info",{rulle:[1],paket:[1],label:[1],text:[1]}],[0,"pn-product-card-price",{label:[1],amount:[1],currency:[1],note:[1],url:[1],service:[1],linkid:[1]}],[4,"pn-titletag",{icon:[1],color:[1537]}],[4,"pn-product-card"]]],["p-8117b79e.system",[[0,"pn-find-service-and-price-result",{item:[1040],shownitems:[16],weightText:[32]}]]],["p-9edaf6b6.system",[[0,"pn-marketweb-input",{disabled:[4],error:[1],invalid:[4],helpertext:[1],label:[1],placeholder:[1],inputid:[1],name:[1],required:[4],type:[1025],autocomplete:[1],valid:[4],value:[1],maxlength:[1],min:[1],max:[1],step:[1],pattern:[1],showText:[32]}]]],["p-e4a4e68f.system",[[0,"pn-find-price-result",{item:[1040],shownitems:[16],Usp1:[1,"usp-1"],Usp2:[1,"usp-2"],Usp3:[1,"usp-3"],description:[16],showMeasurement:[4,"show-measurement"],weightText:[32],linkId:[32],shopLabel:[32],shopUrl:[32],shopId:[32]}]]],["p-297946c3.system",[[4,"pn-site-footer",{url:[1],linktitle:[1]}],[4,"pn-site-footer-col"]]],["p-1ce871c5.system",[[4,"pn-choice-button",{value:[520],name:[1],choiceid:[1],type:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["p-fc1083d2.system",[[4,"pn-mainnav-link",{name:[1],href:[1],target:[1],linkid:[1],levelId:[32],open:[32],hasChildren:[32]}]]],["p-e66a8bb8.system",[[0,"pn-marketweb-siteheader-login-linklist",{heading:[1],links:[16],idNamespace:[1,"id-namespace"],loginManager:[16]}]]],["p-da7f1b66.system",[[0,"pn-marketweb-siteheader-login-links",{loginDialog:[1040],loginManager:[16],idNamespace:[1,"id-namespace"],loggedin:[516],username:[1]}],[0,"pn-marketweb-siteheader-login-profileselection",{loginDialog:[1040],loginManager:[16],endpoint:[1],loggedin:[4],idNamespace:[1,"id-namespace"],heading:[1],i18n:[16],currentProfile:[1040],profileoptions:[1040],user:[32],logoutLink:[32],userName:[32],userEmail:[32]}]]],["p-5ab6f876.system",[[4,"pn-proxio-productcard"],[0,"pn-proxio-productcard-description",{heading:[1],highlight:[1],description:[1],list:[1040]}],[0,"pn-proxio-productcard-information",{label:[1],information:[16]}],[0,"pn-proxio-productcard-pricelink",{price:[1],link:[1],linktext:[1]}]]],["p-a921d3fd.system",[[0,"pn-product-tile-info",{label:[1],text:[1],icon:[1]}],[0,"pn-product-tile-price",{label:[1],amount:[1],currency:[1],url:[1]}]]],["p-34d74e18.system",[[0,"pn-marketweb-siteheader-login",{endpoint:[1],token:[1],i18n:[16],emitEvents:[4,"emit-events"],loginDialog:[1040],fullname:[1],loggedin:[4],showProfileSelection:[1028,"show-profile-selection"],loginManager:[32],loginLinks:[32],toggleButtonText:[32],username:[32]}],[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-search",{i18n:[8,"i-1-8n"],showOnlyLink:[1028,"show-only-link"],hideSearch:[1028,"hide-search"],language:[1537],siteid:[1],search:[1040],primary:[4],autoCompleteOptions:[32]}],[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]}]]]],e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,i,e,r){function o(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,n){function a(t){try{c(r.next(t))}catch(i){n(i)}}function s(t){try{c(r["throw"](t))}catch(i){n(i)}}function c(t){t.done?e(t.value):o(t.value).then(a,s)}c((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,o,n,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return c([t,i])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(e)try{if(r=1,o&&(n=a[0]&2?o["return"]:a[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,a[1])).done)return n;if(o=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;o=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){e.label=a[1];break}if(a[0]===6&&e.label<n[1]){e.label=n[1];n=a;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(a);break}if(n[2])e.ops.pop();e.trys.pop();continue}a=i.call(t,e)}catch(s){a=[6,s];o=0}finally{r=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-36654f2a.system.js","./p-6174a610.system.js"],(function(t){"use strict";var i,e,r,o,n;return{setters:[function(t){i=t.r;e=t.h;r=t.a},function(t){o=t.F;n=t.M}],execute:function(){var a={"sv-se":{from:"Från ",labelRoll:"Rulle",labelPackage:"Paket",notTraceable:"Inte spårbart",Creapest:"Billigast"},"en-gb":{from:"From ",labelRoll:"Roll",labelPackage:"Package",notTraceable:"Not traceable",Creapest:"Cheapest"}};var s='pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{-webkit-transform:translateY(-0.4rem);transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{-ms-flex:0 0 auto;flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position="0"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position="2"],pn-proxio-pricegroup div.weightdata[data-carousel-position="-2"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005D92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#FFFFFF}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}';var c=t("pn_proxio_pricegroup",function(){function t(t){i(this,t);this.endpoint=null;this.culture="sv-se";this.tariffid="";this.cache=true;this.activeWeightIndex=0;this.data=null;this.i18n=a["sv-se"];this.fetchHelper=new o("proxiopricegroup")}t.prototype.componentWillLoad=function(){var t=this;this.setInitialValues().then((function(){t.init()}))};t.prototype.setInitialValues=function(t){if(t===void 0){t=window.location.href}return __awaiter(this,void 0,void 0,(function(){var i,e,r,o;return __generator(this,(function(a){switch(a.label){case 0:i=new n(t);return[4,i.getEnvironmentName()];case 1:e=a.sent();if(!(!this.endpoint&&(e===null||e===void 0?void 0:e.indexOf("local"))===-1))return[3,4];return[4,i.getMarket()];case 2:r=a.sent();o=this;return[4,i.getEndpoint(e,r)];case 3:o.endpoint=a.sent();a.label=4;case 4:if(!this.endpoint){this.endpoint=""}return[2]}}))}))};t.prototype.init=function(){this.setCulture();this.fetchData()};t.prototype.fetchData=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(r){switch(r.label){case 0:if(!this.culture||!this.tariffid){return[2]}t=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;i="".concat(t,"/api/proxio/price-list-group?tariffId=").concat(this.tariffid,"&culture=").concat(this.culture,"&cached=").concat(this.cache);return[4,this.fetchHelper.fetchJson(i,{mode:"cors"},this.cache,this.onFetchData.bind(this))];case 1:e=r.sent();if(e===null||e===void 0?void 0:e.proxioProduct){this.data=e}return[2]}}))}))};t.prototype.onFetchData=function(t){this.data=t};t.prototype.setActiveWeightIndex=function(t){var i,e,r;var o=0;var n=(r=((e=(i=this.data.proxioProduct)===null||i===void 0?void 0:i.weightAndPriceList)===null||e===void 0?void 0:e.length)-1)!==null&&r!==void 0?r:o;t=t>n?n:t;t=t<o?o:t;this.activeWeightIndex=t};t.prototype.setCulture=function(){if(a[this.culture]){this.i18n=a[this.culture]}};t.prototype.getPriceString=function(t){var i;var e=t.weightAndPriceList?(i=t===null||t===void 0?void 0:t.weightAndPriceList[this.activeWeightIndex])===null||i===void 0?void 0:i.item2:"";return e?this.i18n.from+e:""};t.prototype.isActive=function(t){return t===this.activeWeightIndex};t.prototype.getCarouselPosition=function(t){switch(t){case this.activeWeightIndex-2:{return-2}case this.activeWeightIndex-1:{return-1}case this.activeWeightIndex:{return 0}case this.activeWeightIndex+1:{return 1}case this.activeWeightIndex+2:{return 2}default:return"outside"}};t.prototype.getContainerPosition=function(){var t=this.data.proxioProduct.weightAndPriceList.length-1;switch(this.activeWeightIndex){case 0:{return"end50"}case 1:{return"end75"}case t-1:{return"start75"}case t:{return"start50"}default:{return"default"}}};t.prototype.render=function(){var t=this;var i,o,n;return e(r,null,((i=this.data)===null||i===void 0?void 0:i.proxioProduct)?e("div",{class:"proxio-pricegroup-container"},e("div",{class:"weightcontainer"},this.data.proxioProduct.weightAndPriceList?e("div",{class:"weightvaluecontainer"},e("pn-button",{disabled:this.activeWeightIndex===0?"disabled":null,"icon-only":"true",icon:"arrow-left",appearance:"light",small:"true",onClick:function(){return t.setActiveWeightIndex(t.activeWeightIndex-1)}}),e("div",{class:"weightradios ","data-carousel-container-position":this.getContainerPosition()},e("div",{class:"weightline"}),this.data.proxioProduct.weightAndPriceList.map((function(i,r){return t.getCarouselPosition(r)!==null?e("div",{class:"weightdata","data-carousel-position":t.getCarouselPosition(r),onClick:function(){return t.setActiveWeightIndex(r)}},e("input",{type:"radio",id:"weightradio"+r,name:"weightradio",value:r,checked:t.isActive(r)}),e("label",{htmlFor:"weightradio"+r},i.item1)):null}))),e("pn-button",{disabled:this.activeWeightIndex===((n=(o=this.data.proxioProduct)===null||o===void 0?void 0:o.weightAndPriceList)===null||n===void 0?void 0:n.length)-1?"disabled":null,icon:"arrow-right",appearance:"light","icon-only":"true",small:"true",onClick:function(){return t.setActiveWeightIndex(t.activeWeightIndex+1)}})):null),e("pn-proxio-productcard",null,e("pn-illustration",{slot:"illustrationmobile",illustration:this.data.proxioProduct.productIcon}),e("h2",{slot:"title"},this.data.proxioProduct.productTitle),e("pn-proxio-productcard-description",{slot:"description",heading:this.data.proxioProduct.productPreamble,highlight:this.data.proxioProduct.deliveryDateInformation,list:this.data.proxioProduct.productDescriptionBulletListItems}),e("div",{slot:"information"},e("pn-proxio-productcard-information",{label:this.i18n.labelPackage,information:this.data.proxioProduct.productPackageDimensionsList}),e("pn-proxio-productcard-information",{label:this.i18n.labelRoll,information:this.data.proxioProduct.productRollDimensionsList})),e("div",{slot:"bottomtags"},this.data.proxioProduct.tracable?e("pn-titletag",{color:"gray50"},this.i18n.notTraceable):null,this.data.proxioProduct.usp1?e("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp1):null,this.data.proxioProduct.usp2?e("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp2):null,this.data.proxioProduct.usp3?e("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp3):null),e("pn-illustration",{slot:"illustration",illustration:this.data.proxioProduct.productIcon}),e("div",{slot:"pricelink"},e("pn-proxio-productcard-pricelink",{price:this.getPriceString(this.data.proxioProduct),link:this.data.proxioProduct.productLink,linktext:this.data.proxioProduct.productLinkText}),this.data.relatedProxioProducts?this.data.relatedProxioProducts.map((function(i){return e("pn-proxio-productcard-pricelink",{price:t.getPriceString(i),link:i.productLink,linktext:i.productLinkText})})):null))):null)};return t}());c.style=s}}}));
|