@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/collection/components/widgets/pn-product-tile/pn-product-tile-info.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-product-tile-info {
   align-self: center;
 }

package/collection/components/widgets/pn-product-tile/pn-product-tile-info.js

@@ -7,7 +7,7 @@ export class PnProductTileInfo {
         this.icon = undefined;
     }
     render() {
-        return (h(Host, { key: '829d4ef9dc630979b06464baeac98c719cadce36' }, this.label ? (h("p", null, h("small", null, this.label))) : null, this.text ? h("h3", null, this.text) : null));
+        return (h(Host, { key: 'f47052aaa4cc5e0a292fc9192ce7502b50369ee3' }, this.label ? (h("p", null, h("small", null, this.label))) : null, this.text ? h("h3", null, this.text) : null));
     }
     static get is() { return "pn-product-tile-info"; }
     static get originalStyleUrls() {

package/collection/components/widgets/pn-product-tile/pn-product-tile-price.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-product-tile-price {
   margin-top: 1em;
   white-space: nowrap;

package/collection/components/widgets/pn-product-tile/pn-product-tile.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-product-tile {
   margin-bottom: 1em;
   border: 0.1rem solid #d3cecb;

package/collection/components/widgets/pn-product-tile/pn-product-tile.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class PnProductTile {
     render() {
-        return (h(Host, { key: '2e779ff732d7889af41b16b798ccecb066e99079' }, h("slot", { key: 'a6f6e2ac9a2fc0e80fc5ea5b814276c62a4bc720', name: "illustration" }), h("div", { key: 'cf5485dd2de365f7a609917e82b38b7dc44db888', class: "tilecontent" }, h("div", { key: 'da9a01e6c21a20b524374fff9840473b7db5fc1d', class: "details" }, h("slot", { key: 'c2e0b122b0dedf7eb8fe79782f51c6bc93bbecc0', name: "content" }), h("div", { key: 'ed2993024fa533c093326ee20fd1a5aedba1f6be', class: "info" }, h("slot", { key: 'd3d6d084a64ad599c39e03e201643c73e0fc649b' })), h("slot", { key: '13ec713f7663430c8af4e8f1c56685832856505d', name: "note" })), h("slot", { key: '33b0740de44a7d63c4fd2faf0822f331ea0b9fa2', name: "price" }))));
+        return (h(Host, { key: '23b4838e9160f1399d2a4e6edab7379743e2bfaf' }, h("slot", { key: '72cbdf9ff8089913b254308136ec5fabdce4c16f', name: "illustration" }), h("div", { key: '17f401b86ae591fcb1430a80edb6a4bf5162ea5f', class: "tilecontent" }, h("div", { key: 'cafd291a304c39dc22951361c3cd1a804080e170', class: "details" }, h("slot", { key: '5c5aa74b74ef23a3d99e4349dff907d44b5bd343', name: "content" }), h("div", { key: '3ccd51ad4ad14f1f4c27322f2bb0bf3b1a1b1002', class: "info" }, h("slot", { key: '4727ba01b0ed670ab56f8da49195d526fa5da76e' })), h("slot", { key: '421baffa5454f291c2e281ebab2601184889915c', name: "note" })), h("slot", { key: '7eb75e377ae2229ac5896e86f0f312880639dfe1', name: "price" }))));
     }
     static get is() { return "pn-product-tile"; }
     static get originalStyleUrls() {

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-proxio-findprice-result [slot=insurance] {
   display: flex;
   justify-content: center;

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.js

@@ -72,7 +72,7 @@ export class PnProxioFindPriceResult {
         return insuranceAmount.item2;
     }
     render() {
-        return (h(Host, { key: '0bf495d2337a5a112de454b98c76147bd135b0cf' }, h("pn-proxio-productcard", { key: '9d0da5ffdf45c892b67236a0b1d06be8cc52a113' }, h("pn-illustration", { key: '783696bf52efbbb64f3e8536ba057e16cae1943a', slot: "illustrationmobile", illustration: this.item.proxioProduct.productIcon }), h("h2", { key: '2e2fe03151bcf9468f8fc4154358654ce2ffa86a', slot: "title" }, this.item.proxioProduct.productTitle), h("pn-proxio-productcard-description", { key: 'c357d811b212feeb00c14ae46ad17ebbd8a7383a', slot: "description", heading: this.item.proxioProduct.productPreamble, highlight: this.getDeliveryInformation(this.item.proxioProduct), list: this.item.proxioProduct.productDescriptionBulletListItems }), h("div", { key: '26b595115d54451b2d29097d199856be2dd99f1c', slot: "information" }, h("pn-proxio-productcard-information", { key: '33b420a6ba59d255dff7643985a1430513e5c0d8', label: this.i18n.labelMaxDimensions, information: this.item.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { key: '56ced06cfb79593286c9a32966a6871ed9bfb9a1', label: this.i18n.labelMaxDimensionsRoll, information: this.item.proxioProduct.productRollDimensionsList })), h("div", { key: '49ecf6168082d965c46b21933f31f896b8a34294', slot: "bottomtags" }, this.item.proxioProduct.usp1 ? h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp1) : null, this.item.proxioProduct.usp2 ? h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp2) : null, this.item.proxioProduct.usp3 ? h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp3) : null), h("pn-illustration", { key: '3c102be2efa76a07d3f06a6cab1fdbfc734a382c', slot: "illustration", illustration: this.item.proxioProduct.productIcon }), h("div", { key: 'cb060ee9699f5877e277cb40839ce2abb87a4ba8', slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { key: '4d3395124881e0d807b73ef414e3b2e8c9d7efcd', price: this.getPriceString(this.item.proxioProduct), link: this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList), linktext: this.item.proxioProduct.productLinkText }), this.item.relatedProxioProducts
+        return (h(Host, { key: '0d651962cb698e67e9bd1f41c544b09ba4454701' }, h("pn-proxio-productcard", { key: '5e5289c30a2946c80167c8487f2b87e5f576b86a' }, h("pn-illustration", { key: 'fc729699f603d04d819f43d375b2233991a7dc05', slot: "illustrationmobile", illustration: this.item.proxioProduct.productIcon }), h("h2", { key: 'b8e356187c7901f8ee1595484aa613e14c425d9d', slot: "title" }, this.item.proxioProduct.productTitle), h("pn-proxio-productcard-description", { key: 'fed3272a2a54f0835590bd52af658f8f164c8a04', slot: "description", heading: this.item.proxioProduct.productPreamble, highlight: this.getDeliveryInformation(this.item.proxioProduct), list: this.item.proxioProduct.productDescriptionBulletListItems }), h("div", { key: 'c5e27c403d2e9491302b1e7146151f400b5b8b0f', slot: "information" }, h("pn-proxio-productcard-information", { key: '648ca8f9c69d6682cb4cdc82fef9b78eb4199458', label: this.i18n.labelMaxDimensions, information: this.item.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { key: 'c9df2b7d8af3494e71a9b996c44aeb8f3166e937', label: this.i18n.labelMaxDimensionsRoll, information: this.item.proxioProduct.productRollDimensionsList })), h("div", { key: 'a6fc78819dbafaf887489f1b81df5918735a8bbc', slot: "bottomtags" }, this.item.proxioProduct.usp1 ? h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp1) : null, this.item.proxioProduct.usp2 ? h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp2) : null, this.item.proxioProduct.usp3 ? h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp3) : null), h("pn-illustration", { key: '29a32d5b160e90f42bcdb5ccab593603c77af79c', slot: "illustration", illustration: this.item.proxioProduct.productIcon }), h("div", { key: '4ae186576c5ae73631b62aff610433c34f333b75', slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { key: '288b434bc5aa38d13a3ad853c5f78acffec489af', price: this.getPriceString(this.item.proxioProduct), link: this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList), linktext: this.item.proxioProduct.productLinkText }), this.item.relatedProxioProducts
             ? this.item.relatedProxioProducts.map(product => (h("pn-proxio-productcard-pricelink", { price: this.getPriceString(product), link: product.productLink, linktext: product.productLinkText })))
             : null), this.getInsuranceAmountText(this.item.proxioProduct) ? (h("div", { slot: "insurance" }, h("div", { class: "insurance-box" }, this.getInsuranceAmountText(this.item.proxioProduct)))) : null)));
     }

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.css

@@ -3,6 +3,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-proxio-findprice .findprice-form {
   margin: 0em auto 3em auto;
 }

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.js

@@ -166,14 +166,14 @@ export class PnProxioFindPrice {
         this.countrycodevalue = countryCode;
     }
     render() {
-        return (h("div", { key: 'b7eab3973f2daf38029cf691c56117dd5f7eac6e', class: "findprice-form" }, h("div", { key: '405016006dbb794c6a920e2cb71f2ea711cd58c0', class: "findprice-form-wrapper" }, h("fieldset", { key: '67c3849ff816bb4c7a2166bdab2364fa679916c3' }, h("legend", { key: 'b2c5813d7056f53d860f107287eae76f983fbd2e', class: "findprice__heading" }, state.i18n.sizeheading), h("div", { key: 'fd86b20a68075214279618148bcfe8bbb9c6683c', class: "sizecategory" }, h("table", { key: '77f5b978b0323f2836668caf0eae39ca28ab7209', class: "sizeTable" }, h("img", { key: '65f94c7c619cee29c0b6bbf7c3ddeb3ed74ae4ba', id: "clouds", src: clouds, alt: state.i18n.cloudsImage }), h("tr", { key: 'fa66496506db95c71cc892874e9ebbbb3771645b' }, h("td", { key: '9ce05f22333fcffc00df8def604dc505aea31ef7' }, h("img", { key: 'afa928ce171608481e41d8b652461416a73a1052', class: "firstCell", src: person, alt: state.i18n.personComparison })), h("td", { key: 'bf3c36e47bcbf17575a21f2f035a48dd5f48b6c2' }, h("img", { key: 'd2010775991d0c785ee98103e73884d1dd087427', src: S, alt: state.i18n.smallPackage })), this.showMedium ? (h("td", null, h("img", { src: M, alt: state.i18n.mediumPackage }))) : null, h("td", { key: '6d4efe1a60a06cf89433fcb210e817dba6dbc967' }, h("img", { key: '94217e298f6082a7ff78baf98ee3c81750782960', src: L, alt: state.i18n.largePackage }))), h("tr", { key: 'cf06781e6d51663cd8792c720179b57f2bb8261e' }, h("td", { key: '3736a1479d2ce3841f9e0f01ef469deb91a2bd05' }), sizeCategories.map(sizeCategory => !this.showMedium && sizeCategory.value === 'M' ? null : (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
+        return (h("div", { key: '7913fb838dcfb80b20a040f4ae79431f4cce01c2', class: "findprice-form" }, h("div", { key: '304004a7cf53faa25d8586779a64b25fcf819a86', class: "findprice-form-wrapper" }, h("fieldset", { key: '78ea4251cb3608f44ed1f020d6f3df860032a783' }, h("legend", { key: '26be5498e75f6ddbecee90feb0e3f9f9b8858723', class: "findprice__heading" }, state.i18n.sizeheading), h("div", { key: '9f7e5fe0d9cc113f729f5178caca2c58606f1bea', class: "sizecategory" }, h("table", { key: '2ecd48bca70b2cb6e448b6b08010945e5aaa07de', class: "sizeTable" }, h("img", { key: '514f04d324d7bf3204f80280aa80284ff6a628be', id: "clouds", src: clouds, alt: state.i18n.cloudsImage }), h("tr", { key: 'cdec4368dda055c1a7555ece699bf76fbfec529d' }, h("td", { key: 'ee1959b49ca0e2734f753d405a4db1690b5b76b5' }, h("img", { key: 'bb645bb1448f4ed5ca62a854a66941728a949405', class: "firstCell", src: person, alt: state.i18n.personComparison })), h("td", { key: '39b6ada35e8295d82a0010f0150194e006d7609a' }, h("img", { key: '78e5b2818c3adad9654dae397ef220457b616fc0', src: S, alt: state.i18n.smallPackage })), this.showMedium ? (h("td", null, h("img", { src: M, alt: state.i18n.mediumPackage }))) : null, h("td", { key: '7befb4954b946b954b213bee0f4bf4bfd7fbcc19' }, h("img", { key: 'ff47f4aad516e15a3a0c256330e63baca15f218b', src: L, alt: state.i18n.largePackage }))), h("tr", { key: '301079ac5aea86c4c8ee557a06d24db807685b02' }, h("td", { key: '4592b91bda2503e79244630b6568c684787c2453' }), sizeCategories.map(sizeCategory => !this.showMedium && sizeCategory.value === 'M' ? null : (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
                 this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
                 this.weight = { value: 0, name: '' };
                 this.weightvalue = this.weight.value;
-            } })))))))), h("fieldset", { key: 'f5037e29da9c9f5afc344ff360a4e904c83966f1' }, h("legend", { key: 'f8cd248061fec2373dcf7f44c0d2ba962df072ea', class: "findprice__heading findprice__subheading" }, state.i18n.weightheading), this.sizecategory.value && this.getWeights() ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, this.getWeights().map(wght => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: !this.weight.value ? 0 : this.getWeights().findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
+            } })))))))), h("fieldset", { key: '54893e076f83e83fb28eb099078ed0cac9e7b795' }, h("legend", { key: 'b8f6ffa7bd7434205b69fd57dfd07ece6dc015c2', class: "findprice__heading findprice__subheading" }, state.i18n.weightheading), this.sizecategory.value && this.getWeights() ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, this.getWeights().map(wght => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: !this.weight.value ? 0 : this.getWeights().findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
                 this.weight = this.getWeights().filter(x => x.value === wght.value)[0];
                 this.weightvalue = this.weight.value;
-            } }, wght.name)))))) : null), this.showInternational && (this.data?.shipmentCountries ?? false) ? (h("fieldset", null, h("div", { class: "shipmentcountry" }, h("legend", { class: "shipmentcountry-header" }, state.i18n.countryToSendTo), h("div", { class: "shipmentcountry-select-container" }, h("svg", { class: "arrow", width: "18", height: "10", viewBox: "0 0 18 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z" })), h("select", { name: "shipmentCountry-select", id: "proxio-shipmentcountry", onChange: this.handleDropdownChange.bind(this) }, this.data.shipmentCountries.map(item => (h("option", { selected: item.countryCode.toLowerCase() === this.countrycodevalue.toLowerCase(), value: item.countryCode }, item.countryName)))))))) : null, h("div", { key: '8f31b9476506751414382fe07ae509618a1f5a68', class: "findprice__clear-all-filters", role: "button" }, h("div", { key: '258246cf7ccb6abb023af09f50e2827706715e14', class: "findprice__clear-all-filters__btn", onClick: () => this.resetFilters() }, h("pn-icon", { key: '9f6b8b3963bd70e194366fececd938f5c6726516', icon: trash_can, color: "blue700" }), h("span", { key: 'ac5617d68f2884c9ca9f554b7a570108b3ffc01e', class: "clear-all-filters__text" }, state.i18n.clearFilterButton)))), this.filteredItems && this.filteredItems.length > 0 ? (h("div", { class: "resultlist" }, state.i18n.resultlistheading ? h("div", { class: "resultHeading" }, state.i18n.resultlistheading) : null, this.filteredItems.map((item) => (h("div", null, h("pn-proxio-findprice-result", { activeweight: this.weight.value, item: item, language: this.language, "selected-countrycode": this.countrycodevalue, "show-international": this.showInternational, market: this.market })))))) : this.weightvalue !== 0 ? (h("h4", { class: "resultHeading" }, state.i18n.noResultMessage)) : null));
+            } }, wght.name)))))) : null), this.showInternational && (this.data?.shipmentCountries ?? false) ? (h("fieldset", null, h("div", { class: "shipmentcountry" }, h("legend", { class: "shipmentcountry-header" }, state.i18n.countryToSendTo), h("div", { class: "shipmentcountry-select-container" }, h("svg", { class: "arrow", width: "18", height: "10", viewBox: "0 0 18 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z" })), h("select", { name: "shipmentCountry-select", id: "proxio-shipmentcountry", onChange: this.handleDropdownChange.bind(this) }, this.data.shipmentCountries.map(item => (h("option", { selected: item.countryCode.toLowerCase() === this.countrycodevalue.toLowerCase(), value: item.countryCode }, item.countryName)))))))) : null, h("div", { key: '68a09173fd79856abd85c3f203765a92fcf89901', class: "findprice__clear-all-filters", role: "button" }, h("div", { key: 'b5c66d6b1da5157a54fc1363ebd8dc440c3b4bac', class: "findprice__clear-all-filters__btn", onClick: () => this.resetFilters() }, h("pn-icon", { key: '7ddf24d904d688323af0d9a7520a3cb8d48218a5', icon: trash_can, color: "blue700" }), h("span", { key: '46e5223cbfe953abd87f868b3752abfb7d947eff', class: "clear-all-filters__text" }, state.i18n.clearFilterButton)))), this.filteredItems && this.filteredItems.length > 0 ? (h("div", { class: "resultlist" }, state.i18n.resultlistheading ? h("div", { class: "resultHeading" }, state.i18n.resultlistheading) : null, this.filteredItems.map((item) => (h("div", null, h("pn-proxio-findprice-result", { activeweight: this.weight.value, item: item, language: this.language, "selected-countrycode": this.countrycodevalue, "show-international": this.showInternational, market: this.market })))))) : this.weightvalue !== 0 ? (h("h4", { class: "resultHeading" }, state.i18n.noResultMessage)) : null));
     }
     static get is() { return "pn-proxio-findprice"; }
     static get originalStyleUrls() {

package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-proxio-pricegroup div.proxio-pricegroup-container {
   max-width: 99.4rem;
 }

package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js

@@ -118,7 +118,7 @@ export class PnProxioPricegroup {
         }
     }
     render() {
-        return (h(Host, { key: 'e6562ca19944d9850ce1df29973f1a05a5505d6e' }, this.data?.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: 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 ? (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 === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null, icon: arrow_right, appearance: "light", 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.labelMaxDimensions, information: this.data.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensionsRoll, information: this.data.proxioProduct.productRollDimensionsList })), h("div", { slot: "bottomtags" }, 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.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList), linktext: this.data.proxioProduct.productLinkText }), this.data.relatedProxioProducts
+        return (h(Host, { key: 'cd8aab4df77702b958bbc70d723f2b2d6b4f473e' }, this.data?.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: 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 ? (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 === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null, icon: arrow_right, appearance: "light", 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.labelMaxDimensions, information: this.data.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensionsRoll, information: this.data.proxioProduct.productRollDimensionsList })), h("div", { slot: "bottomtags" }, 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.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList), 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));
     }

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-proxio-productcard-description h3 {
   font-size: 1.6rem;
 }

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.js

@@ -7,7 +7,7 @@ export class PnProxioProductcardDescription {
         this.list = [];
     }
     render() {
-        return (h(Host, { key: '8a407eb3650b011fa56efd51440333d3a20980e4' }, 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(text => {
+        return (h(Host, { key: 'd3e64b6d66f2b2bc0857716a2125c709627f28fb' }, 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(text => {
             return h("li", null, text);
         }))) : null));
     }

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-proxio-productcard-information p.cardinfocontent-title {
   margin-bottom: 0.4rem;
 }

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.js

@@ -5,7 +5,7 @@ export class PnProxioProductcardInformation {
         this.information = [];
     }
     render() {
-        return (h(Host, { key: 'b404bb5b6dee088fe2c4d1f78207717633613d91' }, h("div", { key: '7a6f90aa91c57d71a61d3fdc58dc97b976b681f5', class: "cardinfocontent" }, this.information && this.information.length > 0 && this.label ? (h("div", { class: "cardinfocontent-item" }, this.label ? (h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label))) : null, this.information.map(item => item ? (h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2)) : null))) : null)));
+        return (h(Host, { key: 'f8036717bc69970e8348e909c600484babd47dac' }, h("div", { key: 'ab79a0e358ec13504924e8f375262474d04d9e07', class: "cardinfocontent" }, this.information && this.information.length > 0 && this.label ? (h("div", { class: "cardinfocontent-item" }, this.label ? (h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label))) : null, this.information.map(item => item ? (h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2)) : null))) : null)));
     }
     static get is() { return "pn-proxio-productcard-information"; }
     static get originalStyleUrls() {

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-proxio-productcard-pricelink {
   align-self: center;
   display: flex;

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.css

@@ -2,6 +2,31 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
 pn-proxio-productcard .cardcontent {
   display: flex;
   flex-direction: row;

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class PnProxioProductcard {
     render() {
-        return (h(Host, { key: '0b26ae1aa1292357c5030498adeb5f1e7f87d85d' }, h("div", { key: '9a0b5646b320dd48dfbab0f7801fcf010b189071', class: "cardcontent" }, h("div", { key: 'd858b0a8ce5078004e0bd4ba4dc60d3d658a4672', class: "carddetails" }, h("slot", { key: 'b94aa9596d36c92b9d2fb441a85d61418654c484', name: "illustrationmobile" }), h("div", { key: '7fbb7c981dc47668aef3e98e8e1cd84ddb6dcc6d', class: "heading" }, h("slot", { key: '4abe626da56d671cc091627b10f6b9af57705408', name: "title" }), h("slot", { key: '8a3b9650d82f7f3d746546bdd71597d8b44a8d17', name: "uppertags" })), h("slot", { key: '61d5bbe10032d715e9dd879c68e3e856edbadcec', name: "description" }), h("slot", { key: 'd16c7591857d86b855f12b7dbe5f7a41772c7d91', name: "information" }), h("slot", { key: '6671fb2c6925f5ff0b3db66e337329924f9ed43f', name: "bottomtags" })), h("div", { key: '3882ae15afcd9b3b2bbd385cba386843a648a5c4', class: "cardcalltoactions" }, h("slot", { key: 'd171da455aee350507418b360cef353e92a184b9', name: "illustration" }), h("slot", { key: 'bcec30db741fa30195ee4091fa4b45aa20498813', name: "pricelink" }), h("slot", { key: '841fa07224456488d1ec67f3c5752276627e0a19', name: "insurance" })))));
+        return (h(Host, { key: 'a54ac8b5337b080c3684da1adf3924a66e8e2db5' }, h("div", { key: 'c9ec257fbe1a0a6f266e15d5615028389be32aeb', class: "cardcontent" }, h("div", { key: 'f4fa413b12e6796e43a85ef84be95af5e77c313f', class: "carddetails" }, h("slot", { key: 'd3e84fb18d8e21e5874b7f1896e923235195b380', name: "illustrationmobile" }), h("div", { key: 'f957632f1a121cde3f016ef74e05e287e8a76a61', class: "heading" }, h("slot", { key: 'a5ad524ac899686241ff5fa7fb75b805ff5d5364', name: "title" }), h("slot", { key: '8b2498d83972342c5fd1fe0c08d8a6841fe8fba4', name: "uppertags" })), h("slot", { key: 'ee3530c277aef75f1bdae161cf656c03c0efc151', name: "description" }), h("slot", { key: '399d0361f0302828d42e0f263331e526ad2656a7', name: "information" }), h("slot", { key: 'e41b169bd8a128542e274cd5786f4fcd21296a06', name: "bottomtags" })), h("div", { key: 'dd2ea4dfd8fd9a620a9bfac2facdb79ce9a28fd1', class: "cardcalltoactions" }, h("slot", { key: '64c7dc14217432fddf536c1256779de624f8d135', name: "illustration" }), h("slot", { key: '1c0dc3318e43c55210d4de994f38426bcf96e84d', name: "pricelink" }), h("slot", { key: '08f83562748f18e63e4963a76048cf7ccf3dea06', name: "insurance" })))));
     }
     static get is() { return "pn-proxio-productcard"; }
     static get originalStyleUrls() {

package/collection/components/widgets/pn-qr-code-generator/pn-qr-code-generator.css

@@ -0,0 +1,61 @@
+pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
+  min-height: initial;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+@media screen and (max-width: 767px) {
+  .sr-only-mobile {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+}
+
+pn-qr-code-generator {
+  display: block;
+  text-align: center;
+}
+pn-qr-code-generator canvas {
+  border: 1px solid #d3cecb;
+  transition: filter 0.3s ease;
+  width: 20rem;
+  height: 20rem;
+}
+pn-qr-code-generator canvas.outdated {
+  filter: grayscale(100%);
+}
+pn-qr-code-generator .timer {
+  margin-top: 1rem;
+  text-align: center;
+  font-size: 1.4rem;
+  color: #2d2013;
+}
+pn-qr-code-generator .outdated-message {
+  color: #a70707;
+}
+pn-qr-code-generator .qr-button__wrapper {
+  background: transparent;
+  border: none;
+  padding: 0;
+  width: 20rem;
+  height: 20rem;
+}
+pn-qr-code-generator .qr-button__wrapper:focus, pn-qr-code-generator .qr-button__wrapper:focus-visible {
+  outline-color: #005d92;
+}