@postnord/pn-marketweb-components 4.2.1 → 4.2.3

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

@@ -118,7 +118,7 @@ export class PnProxioPricegroup {
         }
     }
     render() {
-        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
+        return (h(Host, { key: '2a31c3db6951b52a94cbdb5a9cd6f79aa6640cb6' }, 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.js

@@ -7,7 +7,7 @@ export class PnProxioProductcardDescription {
         this.list = [];
     }
     render() {
-        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(Host, { key: '085d3dd80b91ac6c7b76b06078fa97c31491b588' }, 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.js

@@ -5,7 +5,7 @@ export class PnProxioProductcardInformation {
         this.information = [];
     }
     render() {
-        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)));
+        return (h(Host, { key: '3138ded954fc151ce4544b60bc2a5e75e69cc107' }, h("div", { key: '0aa51b50ab4ab57245d84675a4a095ae5c90c2f0', 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.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class PnProxioProductcard {
     render() {
-        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" })))));
+        return (h(Host, { key: '18f4debce00ea703ae0ec262219926c9d158945d' }, h("div", { key: '25378928e06021a5c84f893de78022497f0c60c4', class: "cardcontent" }, h("div", { key: '5fa50eb5d85a19854c7acc4cba08803d627222bd', class: "carddetails" }, h("slot", { key: 'd35ce25913f4801d318c490c7646f536aef50b08', name: "illustrationmobile" }), h("div", { key: '93b9656a686404540b3267a29d29759b3ed508af', class: "heading" }, h("slot", { key: '827760771f181b1626147d829663283b5d7b050e', name: "title" }), h("slot", { key: '5b8beed915dc06dedc83da0946e49a0a571d76e4', name: "uppertags" })), h("slot", { key: '5146bca025c0c4acbdda1afef86c576d6332babb', name: "description" }), h("slot", { key: '09102a116101cecffc73ad08388c9aca2a728c1f', name: "information" }), h("slot", { key: '737170086d74da0383fb8d5c67b3006c17d50608', name: "bottomtags" })), h("div", { key: '62a48fe9515a5aac176dd906b9948589db71c638', class: "cardcalltoactions" }, h("slot", { key: '68043dd0d7373482a0a0e7872771da98739bb0d0', name: "illustration" }), h("slot", { key: 'efbb82c7d23f509316938b7bce971d731502ad53', name: "pricelink" }), h("slot", { key: '411b68aaa1f0de5b5c261bc0d089f06a0ddc04e7', name: "insurance" })))));
     }
     static get is() { return "pn-proxio-productcard"; }
     static get originalStyleUrls() {

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

@@ -76,7 +76,7 @@ export class QrCodeGenerator {
         }, 1000);
     }
     render() {
-        return (h("div", { key: 'e5b9bef49f102baf00ff2638d1aacda0fb3d49c4' }, h("button", { key: 'ba1c2a070481c2eee9a4d23bd41e17e23158610c', class: "qr-button__wrapper", "aria-label": this.ariaLabel }, h("canvas", { key: '50c30caabfcf98666a6cd5c0aaf83934cfbbf3d5', class: this.isOutdated ? 'outdated' : '', ref: el => (this.canvasRef = el) })), this.countdownSeconds !== -1 && h("div", { key: 'dfcb33c704376bbe087e20737118325fae4eb6d8', class: "timer" }, this.isOutdated && h("span", { key: '617d0795c50621394aa0a8edc32c76ba004824da', class: "outdated-message" }, this.outdatedMessage), !this.isOutdated && this.expiresInMessage && h("span", { key: '0ff4b37fe905149f20432819889f64f4296f136c' }, this.expiresInMessage, " ", this.remainingSeconds))));
+        return (h("div", { key: '1824e7c4e4e221eb254c8d0d5621a6c5cc579de4' }, h("button", { key: '236574d9a37216f78c8765b1936a0234f6e2a7f7', class: "qr-button__wrapper", "aria-label": this.ariaLabel }, h("canvas", { key: '526618d337c82d6d6816ec1d858cfaa28004e085', class: this.isOutdated ? 'outdated' : '', ref: el => (this.canvasRef = el) })), this.countdownSeconds !== -1 && h("div", { key: '680b4b78b14859df0f40d70b38d775a0263e88d9', class: "timer" }, this.isOutdated && h("span", { key: 'd4bfdc68017934d14187b50d48bc9d5291a41456', class: "outdated-message" }, this.outdatedMessage), !this.isOutdated && this.expiresInMessage && h("span", { key: '307a4d57779aa215265449d97b55925f27ed4312' }, this.expiresInMessage, " ", this.remainingSeconds))));
     }
     static get is() { return "pn-qr-code-generator"; }
     static get originalStyleUrls() {

package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js

@@ -25,7 +25,7 @@ export class PnUspPromoter {
             rightAlign ? "usp-promoter--right-align" : "",
         ].join(' ');
         const hasHeadingExtension = this.headingExtension ? "usp-promoter__heading-extension" : "";
-        return (h(Host, { key: '23494c6ed3177f63b9cf483eaf28ae62c4050797' }, h("div", { key: '84cec740776a5f787933b6f7a8734ba00f898a71', class: ` ${classes} ${this.centerMobileContent()}`, style: { 'background': `${this.backgroundGradient}` } }, h("div", { key: '77d56ad9982b8e8d2459c881a797cd5fa3c51519', class: "usp-promoter__content" }, h("slot", { key: '3b0ddfeaec6ce47329f5a2d64df978f8779de532', name: "illustration" }), h("div", { key: '072080f41f6531333d154499c1b63d3822e3cdbb', class: "usp-promoter__content-wrapper" }, h("h2", { key: 'd09398e7a54f7a1a6a44ab1ede3aaac7a6e00261', class: `usp-promoter__content-heading ${hasHeadingExtension}` }, h("span", { key: '48f98ffcce6c0c6b2b6cf8bb754b84d414fedb8c' }, this.heading), this.headingExtension ? h("span", null, this.headingExtension) : null), h("p", { key: '3f0abe6fcd83e31ffa2ab932027b14f9c1e7c439', class: "usp-promoter__content-text" }, this.bodyText), h("slot", { key: '54fa5a5072c8897dd6ae7c216b2c5d7ad1d6a2b6', name: "app-store" }), h("slot", { key: '0bad1abdc12f5108a62f723136c764214bcc6143', name: "usp-buttons" }))))));
+        return (h(Host, { key: '65ca041fe5a9d764d892bf5f39c877418835ba73' }, h("div", { key: '45bb6090cc1d44f490e11fc3688ac2175788798d', class: ` ${classes} ${this.centerMobileContent()}`, style: { 'background': `${this.backgroundGradient}` } }, h("div", { key: '76fe7cf83ef175d1a6e145f9a826bb4eb34cb248', class: "usp-promoter__content" }, h("slot", { key: '3a62a913271bc7e5bc89f1f2e0750cfb36262c95', name: "illustration" }), h("div", { key: '2cd14cf9668526e19509ffdd242acf4492487ac0', class: "usp-promoter__content-wrapper" }, h("h2", { key: '2a48031bbb06a0474d1581bceea450a805f37f13', class: `usp-promoter__content-heading ${hasHeadingExtension}` }, h("span", { key: '9cccb5af337bfe8ac6353a44bf4ae037d92c6dc6' }, this.heading), this.headingExtension ? h("span", null, this.headingExtension) : null), h("p", { key: '8c4c602653cbc0d0d385ded6bed0d390ee8f91ef', class: "usp-promoter__content-text" }, this.bodyText), h("slot", { key: '1ce50455c4ac1b55888d2a8f5cc1cad59bc97cdd', name: "app-store" }), h("slot", { key: '8e1e6cccec6b638df6a13bcd839862d9eba0ff80', name: "usp-buttons" }))))));
     }
     static get is() { return "pn-usp-promoter"; }
     static get originalStyleUrls() {

package/components/pn-address-autofill.js

@@ -318,7 +318,7 @@ const PnAddressAutofill$1 = /*@__PURE__*/ proxyCustomElement(class PnAddressAuto
         return str1;
     }
     render() {
-        return (h(Host, { key: '6e09c78bcd1117bbcdbcec1fc65444772636036d', class: "pn-address-autofill" }, this._postalCodeProps?.postalCodeCityLabel ? (h("div", { class: "label-container" }, h("label", null, `${this._postalCodeProps.postalCodeCityLabel + ' ' + this.postalCodeRequiredLabel}`))) : null, h("div", { key: '8f5a0760096e3618436b7554a6a5c89c1b0bab0a', class: "input-container-row" }, h("pn-input", { key: '2490a7c926f9c693cf67dabbd60e56297aee44aa', type: "number", name: this._postalCodeProps?.postalCodeInputName, required: this._postalCodeProps?.postalCodeInputRequired, placeholder: this._postalCodeProps?.postalCodeInputPlaceholder, ref: el => (this.pnInputPostalCode = el), autocomplete: "off", helpertext: this._postalCodeProps?.postalCodeInputHelpertext }), h("pn-input", { key: '49bc2fdedb78d9ce11c973bd0d2ab127603ab148', type: "text", name: this._cityProps?.cityInputName, disabled: true, value: this.city, placeholder: this._cityProps?.cityInputPlaceholder, autocomplete: "off", helpertext: this._cityProps?.cityInputHelpertext })), this._streetAddressProps?.streetAddressNumberLabel ? (h("div", { class: "label-container" }, h("label", null, `${this._streetAddressProps.streetAddressNumberLabel + ' ' + this.streetRequiredLabel}`))) : null, h("div", { key: 'fed64c4457c27593bf6a22dea066f029fcd4a53d', class: "input-container-row" }, h("pn-input", { key: '7d7667465f4cad869cf8274158611aa32b7a8975', type: "text", name: this._streetAddressProps?.streetAddressInputName, required: this._streetAddressProps?.streetAddressInputRequired, value: this.streetAddress, placeholder: this._streetAddressProps?.streetAddressInputPlaceholder, ref: el => (this.pnInputStreetAddress = el), autocomplete: "off", helpertext: this._streetAddressProps?.streetAddressInputHelpertext, disabled: this.isLoading }), h("pn-input", { key: '8bc6498685c92de3e53034dcf4fe7078e171e41f', type: "text", name: this._streetNumberProps?.streetNumberInputName, required: this._streetNumberProps?.streetNumberInputRequired, value: this.streetNumber, placeholder: this._streetNumberProps?.streetNumberInputPlaceholder, ref: el => (this.pnInputStreetNumber = el), autocomplete: "off", helpertext: this._streetNumberProps?.streetNumberInputHelpertext, disabled: this.isLoading })), (!this.validAddress && this.streetAddressInputField.value && this.streetNumberInputField.value) ? (h("div", { class: "toast-container" }, h("pn-toast", { text: this.addressNotFoundError ?? this.translation.addressNotFound, appearance: "warning", icon: alert_exclamation_circle }))) : null));
+        return (h(Host, { key: '43ca8acceb3c02a3a12a6c4da9ae4e4b12853709', class: "pn-address-autofill" }, this._postalCodeProps?.postalCodeCityLabel ? (h("div", { class: "label-container" }, h("label", null, `${this._postalCodeProps.postalCodeCityLabel + ' ' + this.postalCodeRequiredLabel}`))) : null, h("div", { key: '4c61dd29dc1b53a71ab04f79a405bda5323764ab', class: "input-container-row" }, h("pn-input", { key: 'fd0baf1681bc21da522310f1233e693aa3f490cf', type: "number", name: this._postalCodeProps?.postalCodeInputName, required: this._postalCodeProps?.postalCodeInputRequired, placeholder: this._postalCodeProps?.postalCodeInputPlaceholder, ref: el => (this.pnInputPostalCode = el), autocomplete: "off", helpertext: this._postalCodeProps?.postalCodeInputHelpertext }), h("pn-input", { key: 'daa23faa30b9b48969b3f58e09ef6fe29a1f666d', type: "text", name: this._cityProps?.cityInputName, disabled: true, value: this.city, placeholder: this._cityProps?.cityInputPlaceholder, autocomplete: "off", helpertext: this._cityProps?.cityInputHelpertext })), this._streetAddressProps?.streetAddressNumberLabel ? (h("div", { class: "label-container" }, h("label", null, `${this._streetAddressProps.streetAddressNumberLabel + ' ' + this.streetRequiredLabel}`))) : null, h("div", { key: 'da8ef7b1eeca53ccbb926260acd2df79b395ee64', class: "input-container-row" }, h("pn-input", { key: 'cfd025d69b0901885da50d5dd7a763171ff96318', type: "text", name: this._streetAddressProps?.streetAddressInputName, required: this._streetAddressProps?.streetAddressInputRequired, value: this.streetAddress, placeholder: this._streetAddressProps?.streetAddressInputPlaceholder, ref: el => (this.pnInputStreetAddress = el), autocomplete: "off", helpertext: this._streetAddressProps?.streetAddressInputHelpertext, disabled: this.isLoading }), h("pn-input", { key: 'f9da42b0af3c7726686393ce1f161ac30d93a8b3', type: "text", name: this._streetNumberProps?.streetNumberInputName, required: this._streetNumberProps?.streetNumberInputRequired, value: this.streetNumber, placeholder: this._streetNumberProps?.streetNumberInputPlaceholder, ref: el => (this.pnInputStreetNumber = el), autocomplete: "off", helpertext: this._streetNumberProps?.streetNumberInputHelpertext, disabled: this.isLoading })), (!this.validAddress && this.streetAddressInputField.value && this.streetNumberInputField.value) ? (h("div", { class: "toast-container" }, h("pn-toast", { text: this.addressNotFoundError ?? this.translation.addressNotFound, appearance: "warning", icon: alert_exclamation_circle }))) : null));
     }
     static get style() { return PnAddressAutofillStyle0; }
 }, [0, "pn-address-autofill", {

package/components/pn-app-banner.js

@@ -76,7 +76,7 @@ const PnAppBanner$1 = /*@__PURE__*/ proxyCustomElement(class PnAppBanner extends
         }
     }
     render() {
-        return (h(Host, { key: 'aa4ccc65cfddf6254fa2bee60dcf1f84d176492f', "data-is-closed": this.isClosed ? 'true' : 'false' }, h("div", { key: 'a4bef0d99ccca0bec130064460b9d57c40a8df94', class: "pn-app-banner__wrapper pn-app-banner__sticky" }, h("div", { key: 'ff16610bf30b8c05e27d2af0050ce4017438441e', class: "icon-close", onClick: this.handleOnClose }, h("pn-icon", { key: '15287f7f109300bcfd6c42cec9f4bf7903a785cc', icon: close_small, small: "false", color: "black" })), h("div", { key: '421f21422af77d38cd0fa7b0890e898fa8e63f5b', class: "pn-app-banner__icon" }, h("svg", { key: '3a2e5452ab2c46c6c54cc028b72a053891f3d8a6', width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'd2338754ef20115da55002838312caf63297db50', "clip-path": "url(#clip0_17800_45416)" }, h("path", { key: '8e0a4a62d29e75d9eaa0c31851a588ae850eff42', d: "M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z", fill: "#F18D8D" }), h("mask", { key: '274956fd28262f122f9be10de690356e62f952a1', id: "mask0_17800_45416", style: { 'mask-type': 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "32", height: "32" }, h("path", { key: '146420a1376c6af4dd2085f2c38163513617f5eb', d: "M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z", fill: "#0D234B" })), h("g", { key: 'be649da72e8cf1f4be2e5a1a1e65ddd09fc662f1', mask: "url(#mask0_17800_45416)" }, h("path", { key: 'd59bc0926ed55c4ed3422c8f3da0229b20d71c93', d: "M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z", fill: "#0D234B" }), h("path", { key: '73dcb4f50ad15fabdc0025439906b6e505042b50', d: "M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z", fill: "url(#paint0_linear_17800_45416)" }), h("path", { key: 'bd4676761d9b5fe50338df5663ab535405dcdb15', d: "M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z", fill: "#00A0D6" }), h("g", { key: 'c11aaa8c2785fd28d1041c9b2982dfd43fee0d09', filter: "url(#filter0_d_17800_45416)" }, h("path", { key: '671c15a7022e93d7eb2bca947ede2ccc46d58b17', d: "M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z", fill: "#F1F7FA" }), h("path", { key: '16fa12f8285f18c2a0f2936649772c0034dd8908', opacity: "0.6", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z", fill: "#A5C0CA" }), h("path", { key: 'cb4aa62e3eb5a558ddb0145565fe6e772fb2ab0d', d: "M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z", fill: "#00A0D6" }), h("path", { key: '5452596cd7f6dd046bd57965181f2f5fc13cf46b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z", fill: "#0D234B" })))), h("defs", { key: '95dbcf013b136cbd7a2369816aa7bd6de41d4ea4' }, h("filter", { key: '9e29ee08a057c242ea1f9a55ec041fc53ca770a7', id: "filter0_d_17800_45416", x: "-52.5938", y: "-48.5938", width: "137.188", height: "137.188", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'ce37ad938fc01cbdf0f704eaffb1d411bb15409b', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '90421fa516e3928718cfa4738886d02e575ed21a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'ddfda9c1e241945baf64eabcf298c06056a74883', dy: "4" }), h("feGaussianBlur", { key: '6b2326a2466a4e0cf39f9421c4de65ce615ce697', stdDeviation: "30" }), h("feColorMatrix", { key: 'a6d0804083ab49c3f71f94386e546fcd60b63ee6', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '555e9059e1bc399a4eecae7c40ac6555a493ccd2', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_17800_45416" }), h("feBlend", { key: '8fc0bc39324718e53fa208045317381973b5de9e', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_17800_45416", result: "shape" })), h("linearGradient", { key: '147321cd95cfdc06a5db9524e68c1b63a308679b', id: "paint0_linear_17800_45416", x1: "29.2305", y1: "44.3441", x2: "51.5694", y2: "15.1782", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '36b6fbffde2bc5524958b90665b5032e4667b995', offset: "0.0800778", "stop-color": "#0D244C" }), h("stop", { key: '7c7aec3f90ea7669da6488416033db8e885d19a0', offset: "1", "stop-color": "#0D234B" })), h("clipPath", { key: '1a90b2e7240198b2056cf88e0254d2d947d2904b', id: "clip0_17800_45416" }, h("rect", { key: '04affbe3c4c1404b93cc452404f67d09d125f070', width: "32", height: "32", fill: "white" }))))), h("div", { key: 'b899700b2d5d8a77d0e09a1d7ba4c4fa09d40645', class: "pn-app-banner__text" }, h("span", { key: 'e7c48023ec62e5ae4ddf0cbbf82b0f0b4428d244' }, this.appName), h("br", { key: '636a6663eacdeea5ab325767214fe4136272ef12' }), this.appDescription), h("div", { key: '4999ade3072ec0115cf25b776b7d6f2441d4ef06', class: "pn-app-banner__cta" }, h("pn-button", { key: 'be4a91971df6588b59b9e7ac0c1888a997934583', small: true, href: this.storeLink }, this.ctaText)))));
+        return (h(Host, { key: '4e3a7990145e66e5ce0bcbc7af676a1af7b5a504', "data-is-closed": this.isClosed ? 'true' : 'false' }, h("div", { key: 'cf522656e0033637d1bb01c86f69aaf2bac49bb0', class: "pn-app-banner__wrapper pn-app-banner__sticky" }, h("div", { key: '6d57a0a135c1a06c465239524ada8ea30b51a529', class: "icon-close", onClick: this.handleOnClose }, h("pn-icon", { key: '4e2619004770c3d59577510b3e1400b23d101a12', icon: close_small, small: "false", color: "black" })), h("div", { key: 'a499eb158d3d00369a049e7ca5b4560615ad744c', class: "pn-app-banner__icon" }, h("svg", { key: 'aabd3c23e3592d1dadd028fa4f6d763ddb5f05df', width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '1a17720479facefcbffbcbfa422b1dabb0a61833', "clip-path": "url(#clip0_17800_45416)" }, h("path", { key: 'a3a9a644a8e860d4ff45bcdc21ae7db47cda0a12', d: "M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z", fill: "#F18D8D" }), h("mask", { key: '53b8bc7879b42621f2c5a9bed3a20b28d5900b55', id: "mask0_17800_45416", style: { 'mask-type': 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "32", height: "32" }, h("path", { key: 'e346551dd85647e0fcfa2a192281e8e4a7a56f23', d: "M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z", fill: "#0D234B" })), h("g", { key: '25cb32ac4d4b38cfe5961546da2abf9f9019d678', mask: "url(#mask0_17800_45416)" }, h("path", { key: '2969a8aa67a1b0877519a68e98550c0b83ea2ee8', d: "M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z", fill: "#0D234B" }), h("path", { key: '50f04e485057f4de6d5d8115e67f330ad211a1d1', d: "M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z", fill: "url(#paint0_linear_17800_45416)" }), h("path", { key: '440daa09780439ff695602e5b2c4dc1bec561a76', d: "M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z", fill: "#00A0D6" }), h("g", { key: 'd25e6c7edf4a821aa2529e55aa732f4ed184d0f8', filter: "url(#filter0_d_17800_45416)" }, h("path", { key: '92cfe03dd29851e9fc1dcce948ffb4ac7c842409', d: "M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z", fill: "#F1F7FA" }), h("path", { key: '5bb18f81b7db47482f05fb891486913040858409', opacity: "0.6", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z", fill: "#A5C0CA" }), h("path", { key: '081ec2bab92554dd0faadfddb8f6f270f39ebc04', d: "M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z", fill: "#00A0D6" }), h("path", { key: '3ce76bf18c352540bbc6a7e8b80212f34bc42ee9', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z", fill: "#0D234B" })))), h("defs", { key: '4388bf9f0e69d46e6287cb970cf72ce9bacb7622' }, h("filter", { key: '0f350b69a72221dd955ea816a53d29d64e00635f', id: "filter0_d_17800_45416", x: "-52.5938", y: "-48.5938", width: "137.188", height: "137.188", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '11733ad854f42e43c6c6361033863820bb99d20d', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd827d5c2109eb97b91edd99a8c1fc06415ee37e1', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '946a0d4daa6fa29359bd929f17de13a8322d3721', dy: "4" }), h("feGaussianBlur", { key: '14c342f8c54ec6b2d9fffd68768f535504b89072', stdDeviation: "30" }), h("feColorMatrix", { key: '65fa670e52cd206a35c4bb4c259d4201416373c1', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '869c6678547f92b2dc100bbdea83c4f977abf2ec', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_17800_45416" }), h("feBlend", { key: '9118dc52e8912a90649139fdefbceac2fc9c08fa', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_17800_45416", result: "shape" })), h("linearGradient", { key: 'e17076578f59c32e4c9c6283aa03cd8b430dc671', id: "paint0_linear_17800_45416", x1: "29.2305", y1: "44.3441", x2: "51.5694", y2: "15.1782", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4f9fae70fff36eb40a3246aefb1e15f0da23e7ab', offset: "0.0800778", "stop-color": "#0D244C" }), h("stop", { key: '3a6cfeafed11ec38ba6acba13d8d63ede8e3d7da', offset: "1", "stop-color": "#0D234B" })), h("clipPath", { key: 'b242d74be36d9ccc08ecd48217e3be27a7c75b3b', id: "clip0_17800_45416" }, h("rect", { key: '22e8a524565e705d66ae49116b84137668274b68', width: "32", height: "32", fill: "white" }))))), h("div", { key: 'd598c4933709ef04d5955072073d4c44f5febb49', class: "pn-app-banner__text" }, h("span", { key: '852ff88ddf38460744431318022b2b03c9f3ea61' }, this.appName), h("br", { key: '0e7b4d19c419f04ad648b5399fbe889915b09252' }), this.appDescription), h("div", { key: '7959e44106f224082aba987b5d45e0077cd8c7b0', class: "pn-app-banner__cta" }, h("pn-button", { key: '94fa7438409e4ed48c287a2201765446ef5c7b91', small: true, href: this.storeLink }, this.ctaText)))));
     }
     static get style() { return PnAppBannerStyle0; }
 }, [0, "pn-app-banner", {

package/components/pn-bonus-progressbar-level.js

@@ -32,7 +32,7 @@ const PnBonusProgressbarLevel$1 = /*@__PURE__*/ proxyCustomElement(class PnBonus
         return `${this.value.toLocaleString('sv-SE', { maximumFractionDigits: 0 })} ${this.currency}`;
     }
     render() {
-        return (h(Host, { key: '17dea66cc0b3d8ba52533a05d1879ad441dadc39', style: { left: `${this.visualpercentage}%` } }, h("div", { key: '8037ab85d591c3fef10b6c54767be99e3acdc512', class: "progressbar-level-percentage" }, this.bonuspercentage), h("div", { key: 'fe23e4451775abe17c0c0b3dab1ba4ed66225b53', class: "progressbar-level-value" }, this.formatValue())));
+        return (h(Host, { key: '00b80f6a445e99d2ba395fcef54e4138c4485d53', style: { left: `${this.visualpercentage}%` } }, h("div", { key: '4a04a5b11d281fb92b94ea0dfb423df01a59b1f4', class: "progressbar-level-percentage" }, this.bonuspercentage), h("div", { key: 'de57ec39c15545fb1e854f9c2a9540c49885676e', class: "progressbar-level-value" }, this.formatValue())));
     }
     static get style() { return PnBonusProgressbarLevelStyle0; }
 }, [0, "pn-bonus-progressbar-level", {

package/components/pn-bonus-progressbar.js

@@ -84,7 +84,7 @@ const PnBonusProgressbar$1 = /*@__PURE__*/ proxyCustomElement(class PnBonusProgr
         }
     }
     render() {
-        return (h(Host, { key: '89103fc6287e71d9ac12c7bcbb284959c0ea64bd' }, h("div", { key: '9a0b60180dc43681d5f5e1b7376435afb583765e', class: "bonusprogressbar-top" }, this.icon ? (h("div", { class: "bonusprogressbar-top-icon" }, h("pn-icon", { icon: this.icon, small: "false", color: this.iconColor() }))) : ({}), h("div", { key: '97f7f703387b719ab11ca555e5f46de0a38b0dcf', class: "bonusprogressbar-top-heading" }, h("h4", { key: '8127659ee7221eec13123fd0e07c1871a132fdf9', class: "bonusprogressbar-top-headline" }, this.heading, " ", h("strong", { key: '5883c56d6aa717e654634e4232e768e76b5f8236', class: "bonusprogressbar-top-percentage" }, this.bonuspercentage)), this.sumtext ? h("div", { class: "bonusprogressbar-sumtext" }, this.sumtext) : null)), h("div", { key: '9ca7943f007cfb8bf63c1c64032140ae158bed85', class: "bonusprogressbar-wrapper" }, h("progress", { key: 'db618cbeb83e9e6459c2db90da1806952b2b98b3', class: "bonusprogressbar-progress", value: this.progresspercentage, max: "100" }), h("slot", { key: '6954cfff8a350a37528f0529d1158b79b9abe499' }))));
+        return (h(Host, { key: '0c2800a5ff59a29a2932257f625a86ec8217ab78' }, h("div", { key: 'd53c24cd81f61b5b71e8065b423108e70b37228e', class: "bonusprogressbar-top" }, this.icon ? (h("div", { class: "bonusprogressbar-top-icon" }, h("pn-icon", { icon: this.icon, small: "false", color: this.iconColor() }))) : ({}), h("div", { key: '4bf2dd629ee729f680f75e0bdb25d60ab29463cb', class: "bonusprogressbar-top-heading" }, h("h4", { key: 'c23baca714b75a70374c164c4af5fee0ac3df1a8', class: "bonusprogressbar-top-headline" }, this.heading, " ", h("strong", { key: 'aecfe379324384f06b23c648de1f902a6f233f62', class: "bonusprogressbar-top-percentage" }, this.bonuspercentage)), this.sumtext ? h("div", { class: "bonusprogressbar-sumtext" }, this.sumtext) : null)), h("div", { key: 'c4186c08abbf122d0895f030a836b5adbd4b4a6c', class: "bonusprogressbar-wrapper" }, h("progress", { key: '043df984daf3c135d4248c67e62d83ee4e1ea978', class: "bonusprogressbar-progress", value: this.progresspercentage, max: "100" }), h("slot", { key: 'adc85d4228cbbc28aa2846b78f753660cd7e366a' }))));
     }
     static get watchers() { return {
         "currentLevelAdjustedValue": ["setValuePercentage"],

package/components/pn-breakpoints.js

@@ -18,7 +18,7 @@ const PnBreakpoints$1 = /*@__PURE__*/ proxyCustomElement(class PnBreakpoints ext
         return `breakpoints--${this.breakPointClass}`;
     }
     render() {
-        return (h(Host, { key: '4e8d9d6c9a4f5b87fbe8c6a9b81daa1a289fae2a' }, h("div", { key: '3933fb359e312456aa5604fd24358fea69834048', class: `breakpoints ${this.createBreakpointClass()} ` }, `${this.currentWidth} px`, ' min-width: ', h("span", { key: '608792f6cd68b21ce5e14c9114ce47188e68c181', class: "reference" }, ' px'))));
+        return (h(Host, { key: 'c66ab21c622781597b521aa1cb3cee9d347aaa0c' }, h("div", { key: '9b063fa0dca368965893dbda58a65ef253529ddd', class: `breakpoints ${this.createBreakpointClass()} ` }, `${this.currentWidth} px`, ' min-width: ', h("span", { key: 'ceab6144fc2c2ddeed0e10bc2f45e23affb49cd9', class: "reference" }, ' px'))));
     }
     static get style() { return PnBreakpointsStyle0; }
 }, [0, "pn-breakpoints", {

package/components/pn-chart.js

@@ -16481,7 +16481,7 @@ const PnChart$1 = /*@__PURE__*/ proxyCustomElement(class PnChart extends HTMLEle
         this.myChart = new Chart.exports.Chart(this.myChartCtxRef, chartCfg(this.dataChartType, this.data, this.numberOfSetsGreaterThanOne));
     }
     render() {
-        return (h(Host, { key: '9f6a915eca5ae80c2a9480976f08c81e5b70d824' }, h("div", { key: 'a0652b45298fdd319abcb79a80edab1146778685', class: "chart-wrapper" }, h("canvas", { key: '5f14dfdfdd2fef79261be72fc58efc02c3bfa7b5', id: "chart-canvas", class: "pnChart" }))));
+        return (h(Host, { key: '9f34e03c80c36bbe89f2407290a4d343164ac71f' }, h("div", { key: '7f61a11f9685fdacf6e984f8d4d4a907a17f4a43', class: "chart-wrapper" }, h("canvas", { key: '1483c145b02848fb2bd5e06efd9261eede6eafb0', id: "chart-canvas", class: "pnChart" }))));
     }
     static get watchers() { return {
         "dataSets": ["dataChangeHandler"],

package/components/pn-charts-card.js

@@ -25,9 +25,9 @@ const PnChartsCard$1 = /*@__PURE__*/ proxyCustomElement(class PnChartsCard exten
         return null;
     };
     render() {
-        return (h(Host, { key: '6f733408b55d43315de16b39f2ca0cb48cad1a10' }, h("slot", { key: '47962ca07bd4ab85bf72ee27f3e56d96fd02936d', name: "clickable-block-wrapper" }), h("div", { key: '96e09155b42f594c6866262b81b68c07c5b194ca', class: "pn-charts-card__wrapper" }, this.header &&
-            (h("div", { key: 'c578bbaacd00e4963b2678b2e01b70c5033ab573', class: "pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical" }, h("h2", { key: '1efbdcebf15c7af69b72219e5cd21b26873d8c69', class: "pn-charts-card__heading" }, this.header), h("div", { key: '0591981bd49e82a510aeda2b986e3711672a997e', class: "pn-charts-card__heading__highlight" }, this.highlight))), h("div", { key: 'e35bde7b730cb7a41eb1d7eff4454010bdb666ae', class: "pn-charts-card__content__wrapper" }, h("slot", { key: '908090196e4f205b347fc13309b3dd06b1de168c', name: "chart" }), h("div", { key: 'd546186e8244af382ac220514aa7edf5eecb033a', class: "pn-charts-card__text__container" }, this.header &&
-            (h("div", { key: '123ff886ddad4911522385a01f43db2787928cc9', class: "pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal" }, h("h2", { key: '5f02a104d719cfc5c785c2ce40ee389c4e8c3a66', class: "pn-charts-card__heading pn-charts-card__heading" }, this.header), h("div", { key: '050bc7518f8e0afcefcedfbe529286b778650cb8', class: "pn-charts-card__heading__highlight" }, this.highlight))), h("span", { key: 'dd21c533f436b8c3b3755a3de80fa759800f122e', class: "pn-charts-card__preamble" }, this.preamble), h("div", { key: '2442b29c8f74de7001698d6fb431420b53e3345d', class: "pn-charts-card__text__wrapper" }, h("div", { key: '9f98181d22c1e2448d5af89e79904b459b059af6', class: "pn-charts-card__source" }, h("label", { key: '9634730f55c11cca03ec1505dcd5977b70e72e74' }, this.label), this.source ? h("p", { class: "pn-chart-card__text__heading" }, this.source) : null, this.showCtaLinkText())))))));
+        return (h(Host, { key: '932e9396a6f2d92296f7d3891d30c8b239f7c505' }, h("slot", { key: 'f7b2cee3fbb752529007d357977367b75d7d92dc', name: "clickable-block-wrapper" }), h("div", { key: '4e41ef800cd83f9655498dc003cc475adf94be74', class: "pn-charts-card__wrapper" }, this.header &&
+            (h("div", { key: '887b87722b03a88b437e1fb8f08cd5b96a22d801', class: "pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical" }, h("h2", { key: '7e42eed995b18e6e35420bc7164e2292c0ad8bad', class: "pn-charts-card__heading" }, this.header), h("div", { key: '2e5d4bfc48f85dca46a8a686ecc74c53fbea7f43', class: "pn-charts-card__heading__highlight" }, this.highlight))), h("div", { key: 'e6afaecfbff9546b65f23d063d78d2bd85fa577c', class: "pn-charts-card__content__wrapper" }, h("slot", { key: '9f648bbfba9338cadbdabf6045a4ed19a0575a99', name: "chart" }), h("div", { key: 'df43a6c84b8d990ac7ce92daea524c93427684ad', class: "pn-charts-card__text__container" }, this.header &&
+            (h("div", { key: 'fad6bbcd1d3588f580f55aeb0852acd8522e696e', class: "pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal" }, h("h2", { key: 'db90f01327a55f0acffaeb11be0839b348dc3854', class: "pn-charts-card__heading pn-charts-card__heading" }, this.header), h("div", { key: 'e08e7589c11ed25b8d0b2986e2e940a24d4f911e', class: "pn-charts-card__heading__highlight" }, this.highlight))), h("span", { key: '75d76421250f366755f17f0e42217d88fb6155fd', class: "pn-charts-card__preamble" }, this.preamble), h("div", { key: 'b54eea882f8f9d8b3934dda3fdcae18d76f938ce', class: "pn-charts-card__text__wrapper" }, h("div", { key: '5696594a4b9eec838d7bedfc515e11f2d95b3268', class: "pn-charts-card__source" }, h("label", { key: '1364ed359aa0bc1ab99d06a560cb3d03e3a0fede' }, this.label), this.source ? h("p", { class: "pn-chart-card__text__heading" }, this.source) : null, this.showCtaLinkText())))))));
     }
     static get style() { return PnChartsCardStyle0; }
 }, [4, "pn-charts-card", {

package/components/pn-chat-message2.js

@@ -43,7 +43,7 @@ const PnChatMessage = /*@__PURE__*/ proxyCustomElement(class PnChatMessage exten
     render() {
         const segmentClass = this.customerSegment?.toLowerCase() || '';
         const categoryClass = this.category?.toLowerCase() || '';
-        return (h(Host, { key: 'ecf8acc954eed04ff21f75c0a371f3014c3f157e', class: this.getMessageClass() }, h("div", { key: '116ef983feb42adec2ab216af8d91301308216a8', class: `message-container ${categoryClass}` }, this.getIcon() && (h("span", { key: 'aa873a62b005f0290d9c7b8f8b7194a29582d5a8', class: "category" }, h("pn-icon", { key: 'd0ffed7af74c0729cad09ec2a74feff48be31718', icon: this.getIcon(), color: this.blue700, "aria-hidden": "true", role: "presentation" }))), h("span", { key: '61c88e4e7febf6b3da957006c5409e927aad768d', class: `message ${segmentClass}` }, h("slot", { key: '95e479cc6a6b4940ac01275affc27cc99585b8eb' })))));
+        return (h(Host, { key: '44ceed04e89a54dc0bac70c255a37ce01390f1fe', class: this.getMessageClass() }, h("div", { key: '0c3ccd5d3ac20308445fcffdcb01e0249718db27', class: `message-container ${categoryClass}` }, this.getIcon() && (h("span", { key: 'edde2998b3a1286c6850a0766b74d1ebc6e9cde4', class: "category" }, h("pn-icon", { key: 'f4a81cc256774382273d2ea53b3591c6e673211b', icon: this.getIcon(), color: this.blue700, "aria-hidden": "true", role: "presentation" }))), h("span", { key: '490aa122d234c92569617b38ce6f92e7e2d763ab', class: `message ${segmentClass}` }, h("slot", { key: 'e42e5620692f012ca32cb6f65e00256b7496d256' })))));
     }
     static get style() { return PnChatMessageStyle0; }
 }, [4, "pn-chat-message", {

package/components/pn-chat.js

@@ -466,9 +466,9 @@ const PnChat$1 = /*@__PURE__*/ proxyCustomElement(class PnChat extends HTMLEleme
         const mainId = 'chat-main';
         const inputId = 'chat-input';
         const headerButton = this.messagesData?.header.button;
-        return (h(Host, { key: 'd1b6d427a15513a46277479ece1bce7e20a1044b', class: this.customerSegment }, !this.isClosed && this.messagesData && (h("div", { key: 'ecee6b29d3730789fd4994d7a59d32166b68653e', class: `pn-chat ${this.isMinimized ? 'minimized' : ''} ${this.isClosed ? 'closed' : ''}`, ref: el => (this.chatRef = el), role: "region", "aria-label": this.mainHeading }, !this.isMinimized && (h(Fragment, { key: '5a4fe8af5e224b59dfb53fc4c24f84041c3f8742' }, h("header", { key: 'dad77c1594f447014fcfa02dd672eb7f55d8b0d4', class: "chat-header", role: "banner" }, h("h1", { key: '2db55d9cf2e638655d5b9eb8dba92e383b81699d', id: "chat-title" }, this.mainHeading), h("div", { key: 'd5a0b03b057e16af35fc9ea61cc4e278cb3d2068', class: "chat-controls", role: "toolbar", "aria-label": this.getTranslation('chatControlsAriaLabel') }, h("pn-button", { key: '992249d07b8f6f19d6fcdf9eb4fc11efe8f63e1f', icon: minus, "icon-only": "true", class: "minimize-btn", onClick: this.toggleChat, "aria-expanded": !this.isMinimized, "aria-controls": mainId, "aria-label": this.getTranslation('minimizeChatAriaLabel'), appearance: "light", tooltip: this.getTranslation('minimizeChatAriaLabel'), small: "true" }), h("pn-button", { key: 'eeed9e762baf7ecb315e43300001f3279f14e563', icon: close, "icon-only": "true", class: "close-btn", onClick: this.closeChat, "aria-expanded": !this.isMinimized, "aria-label": this.getTranslation('closeChatAriaLabel'), appearance: "light", tooltip: this.getTranslation('closeChatAriaLabel'), small: "true" }))), (this.messagesData?.messages?.length ?? 0) > 0 ?
+        return (h(Host, { key: '0d111898facbe7ec2b46a0cb4cc23db2bb9a39e9', class: this.customerSegment }, !this.isClosed && this.messagesData && (h("div", { key: '52f3eba6239b0397fa232ea4aa229532d77e60b9', class: `pn-chat ${this.isMinimized ? 'minimized' : ''} ${this.isClosed ? 'closed' : ''}`, ref: el => (this.chatRef = el), role: "region", "aria-label": this.mainHeading }, !this.isMinimized && (h(Fragment, { key: '53806822347992d45ea6055aafffa8ceea40dbbd' }, h("header", { key: 'ce0144939bf3e03f05eb5fd07829ebc3b4b81710', class: "chat-header", role: "banner" }, h("h1", { key: '2f53bc2c02c2c293356c84ab26af3c53ca7c8d1d', id: "chat-title" }, this.mainHeading), h("div", { key: '61255515b279dde7eefb958a4cc52ec97d3f06e9', class: "chat-controls", role: "toolbar", "aria-label": this.getTranslation('chatControlsAriaLabel') }, h("pn-button", { key: '92ecec1912d158671d2c91e6d89f86c74e6f9e47', icon: minus, "icon-only": "true", class: "minimize-btn", onClick: this.toggleChat, "aria-expanded": !this.isMinimized, "aria-controls": mainId, "aria-label": this.getTranslation('minimizeChatAriaLabel'), appearance: "light", tooltip: this.getTranslation('minimizeChatAriaLabel'), small: "true" }), h("pn-button", { key: 'c35a892ee5aef5833f8c620d01b6f64281eaeb33', icon: close, "icon-only": "true", class: "close-btn", onClick: this.closeChat, "aria-expanded": !this.isMinimized, "aria-label": this.getTranslation('closeChatAriaLabel'), appearance: "light", tooltip: this.getTranslation('closeChatAriaLabel'), small: "true" }))), (this.messagesData?.messages?.length ?? 0) > 0 ?
             (h("main", { id: mainId, class: "chat-main", role: "main", "aria-labelledby": "chat-title" }, this.messagesData.header && (h("div", { class: "chat-overview" }, h("div", { class: "body" }, this.messagesData.header.body), headerButton && (h("pn-button", { href: headerButton.href, class: headerButton.class, appearance: headerButton.appearance, variant: headerButton.variant, small: headerButton.small, role: "button", onKeyDown: e => this.handleButtonKeyDown(e) }, headerButton.content)))), h("div", { ref: el => (this.chatMessagesContainer = el), class: "chat-messages", role: "log", "aria-live": "polite", "aria-label": this.getTranslation('chatMessagesAriaLabel') }, this.groupMessages()), h("pn-icon", { class: "indicator-icon", "aria-label": this.getTranslation('waitingForAnswerLabel'), role: "presentation" })))
-            : (h("main", { id: mainId, class: "chat-main loading-chat-main", role: "main", "aria-labelledby": "chat-title" }, h("div", { class: "chat-loading-spinner" }, h("pn-spinner", { light: "true", size: "1.5" })), h("span", { class: "chat-loading-content" }, this.getTranslation('loadingText')))), h("footer", { key: '151b8cb74adc00cc941c68c14e94236e458e5b93', class: "chat-footer", role: "contentinfo" }, h("div", { key: 'f9cae25c7fdb38877a0010d01e6845e778f4658c', class: "form", role: "form", "aria-labelledby": inputId }, h("label", { key: 'b34656f59997b0e9b24f3c1e4de6df6340b260e5', htmlFor: inputId, class: "sr-only" }, this.getTranslation('writeChatMessagePlaceholder')), h("div", { key: '8c63bca6b7d0f9e9e801b7b40dff4a8d9b26e49d', class: "chat-input-container" }, h("input", { key: 'e5882f25731916a0800f4efde9a2daea72fba76d', id: inputId, class: "chat-text-input", ref: el => (this.inputRef = el), type: "text", placeholder: this.getTranslation('writeChatMessagePlaceholder'), value: this.message, onInput: (e) => (this.message = e.target.value), onKeyPress: this.handleKeyPress, maxLength: 3990 }), !this.message.trim() ? (h("div", { class: "chat-disabled-button", role: "button", "aria-label": this.getTranslation('sendButtonText'), "aria-disabled": "true", tabIndex: -1 }, h("pn-icon", { color: "gray400", icon: submit }))) : (h("pn-button", { "icon-only": "true", variant: "borderless", appearance: "light", icon: submit, onClick: this.handleSendMessage, disabled: !this.message.trim(), "aria-label": this.getTranslation('sendButtonText'), tooltip: this.getTranslation('sendButtonText') }))))))), this.isMinimized && (h("pn-button", { key: '4022adb25d86961ba4f20efd52fa8d4938f81b76', icon: talk_bubble, "icon-only": "true", class: "open-chat-btn", onClick: this.toggleChat, tooltip: this.getTranslation('openChatAriaLabel'), "aria-label": this.getTranslation('openChatAriaLabel'), "aria-expanded": !this.isMinimized }))))));
+            : (h("main", { id: mainId, class: "chat-main loading-chat-main", role: "main", "aria-labelledby": "chat-title" }, h("div", { class: "chat-loading-spinner" }, h("pn-spinner", { light: "true", size: "1.5" })), h("span", { class: "chat-loading-content" }, this.getTranslation('loadingText')))), h("footer", { key: '36aac7bfadef21e2e8825ab15ac6a4f2b22542ec', class: "chat-footer", role: "contentinfo" }, h("div", { key: '4072b13eb9d017d0a61f01aab535f09a835d2d4a', class: "form", role: "form", "aria-labelledby": inputId }, h("label", { key: '5d553ff3714c9618a9b568ad45866c6067096d62', htmlFor: inputId, class: "sr-only" }, this.getTranslation('writeChatMessagePlaceholder')), h("div", { key: 'd3813a440bf23fb424e8cf0ab4823e7a3460f1ed', class: "chat-input-container" }, h("input", { key: '5e75fa20c3e07b33cdbcc6e25a10edb77e185834', id: inputId, class: "chat-text-input", ref: el => (this.inputRef = el), type: "text", placeholder: this.getTranslation('writeChatMessagePlaceholder'), value: this.message, onInput: (e) => (this.message = e.target.value), onKeyPress: this.handleKeyPress, maxLength: 3990 }), !this.message.trim() ? (h("div", { class: "chat-disabled-button", role: "button", "aria-label": this.getTranslation('sendButtonText'), "aria-disabled": "true", tabIndex: -1 }, h("pn-icon", { color: "gray400", icon: submit }))) : (h("pn-button", { "icon-only": "true", variant: "borderless", appearance: "light", icon: submit, onClick: this.handleSendMessage, disabled: !this.message.trim(), "aria-label": this.getTranslation('sendButtonText'), tooltip: this.getTranslation('sendButtonText') }))))))), this.isMinimized && (h("pn-button", { key: 'fef1a0ccc04dfdfa0bd801442360e0b2a07bce73', icon: talk_bubble, "icon-only": "true", class: "open-chat-btn", onClick: this.toggleChat, tooltip: this.getTranslation('openChatAriaLabel'), "aria-label": this.getTranslation('openChatAriaLabel'), "aria-expanded": !this.isMinimized }))))));
     }
     static get watchers() { return {
         "messages": ["handleMessagesChange"],

package/components/pn-choice-button2.js

@@ -32,7 +32,7 @@ const PnChoiceButton = /*@__PURE__*/ proxyCustomElement(class PnChoiceButton ext
         }
     }
     render() {
-        return (h(Host, { key: 'ee8c0f187d6ef73fb0686269fef381f272ae0d7e' }, h("input", { key: '3849a4c37e9182114136854f445fbf0af6852c9c', type: this.type, id: this.choiceid, value: this.value, name: this.name || this.choiceid, disabled: this.disabled, checked: this.checked }), h("label", { key: '5aab99882ff06ac9d8583e6d0c7034cc611a0d0f', htmlFor: this.choiceid, class: "pn-choice-button" }, h("slot", { key: 'f42d62b727b8c570712cf95d0d20f96dd5707de6' }))));
+        return (h(Host, { key: 'a1a97f024a1817a0833541650309056b8d4765ea' }, h("input", { key: '028965fc99719face3b99d28e64915a089f5f6f9', type: this.type, id: this.choiceid, value: this.value, name: this.name || this.choiceid, disabled: this.disabled, checked: this.checked }), h("label", { key: '372c83ee394b81b038300bdc19f8cccd15f14e48', htmlFor: this.choiceid, class: "pn-choice-button" }, h("slot", { key: '92fd81e2908be7d4eebc81c5c3676340bb596cee' }))));
     }
     static get style() { return PnChoiceButtonStyle0; }
 }, [4, "pn-choice-button", {

package/components/pn-cta-block.js

@@ -19,8 +19,8 @@ const PnCtaBlock$1 = /*@__PURE__*/ proxyCustomElement(class PnCtaBlock extends H
     render() {
         const hasImage = this.hostElement.querySelector('[slot="illustration"]');
         const hasButtons = this.hostElement.querySelector('[slot="cta-buttons"]');
-        return (h(Host, { key: 'cd97d60c2c61e127f2e4deacab39fb7f773694ea' }, h("div", { key: 'b01ea2ef995dae9d741d1da0f5119ab612ade54a', "pn-background-color": this.pnBackgroundColor, class: `cta-block ${this.isLarge ? 'cta-block--large' : ''}  ${this.isCentered ? 'cta-block--center' : ''}  ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}` }, (hasImage ?
-            h("div", { class: "cta-block__image-wrapper" }, h("slot", { name: "illustration" })) : null), h("div", { key: '2b94493d618cabd0205e5cecfd105cec3a695528', class: "cta-block__content" }, (this.heading) ? h("h2", { class: "cta-block__heading" }, this.heading) : null, (this.bodyText) ? h("p", { class: "cta-block__text" }, this.bodyText) : null), (hasButtons ?
+        return (h(Host, { key: '8b2108e0a03e9545be40625634ab9557d868b812' }, h("div", { key: '53a19992a4c642703476963faa81dae31783f3e7', "pn-background-color": this.pnBackgroundColor, class: `cta-block ${this.isLarge ? 'cta-block--large' : ''}  ${this.isCentered ? 'cta-block--center' : ''}  ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}` }, (hasImage ?
+            h("div", { class: "cta-block__image-wrapper" }, h("slot", { name: "illustration" })) : null), h("div", { key: '6dbd1b2f7318308ed374582ca50638453a834b73', class: "cta-block__content" }, (this.heading) ? h("h2", { class: "cta-block__heading" }, this.heading) : null, (this.bodyText) ? h("p", { class: "cta-block__text" }, this.bodyText) : null), (hasButtons ?
             h("div", { class: "cta-block__action" }, h("slot", { name: "cta-buttons" })) : null))));
     }
     static get style() { return PnCtaBlockStyle0; }

package/components/pn-customernumber-selector-option.js

@@ -13,7 +13,7 @@ const PnProfileSelectorOption = /*@__PURE__*/ proxyCustomElement(class PnProfile
     }
     get hostElement() { return this; }
     render() {
-        return (h(Host, { key: 'a94e11a5d9dcbbb3bf34859580e1558bc60d792b' }, h("a", { key: 'ee1ce3a458cc9d1183b54b0a3a4dd4e25ec00d50', class: "customernumberoption", href: this.url }, h("span", { key: 'a18d09b415c74f9620db5c17123c70cdab2e802f', class: "customernumberoption-text" }, h("span", { key: 'c81c2ffa9b370d571d538895b290c8e88a0efaff', class: "customernumberoption-title" }, this.heading), h("span", { key: 'd857c919e31d13dfe542f95a5f3251578b9ffa47', class: "customernumberoption-description" }, this.description), h("slot", { key: 'd5feb780cf0e638667975a81de5e90f4c0c793a8' })))));
+        return (h(Host, { key: '85af1dc3c157e409a95a0f09f7c8fae0015f50b8' }, h("a", { key: '76ef0e0c59469fa7b2253b1c4f91c6719ae4b46f', class: "customernumberoption", href: this.url }, h("span", { key: '6cde41342cd1f272ec662d4ddf92aa234eebe757', class: "customernumberoption-text" }, h("span", { key: '01389c2a4c9ff196f3c3177a6eaba5102bdae297', class: "customernumberoption-title" }, this.heading), h("span", { key: '11b2a1f927175fae868961f715d4c169fb602645', class: "customernumberoption-description" }, this.description), h("slot", { key: '8c9b4a757d35524a50f700448a1d79211248063d' })))));
     }
     static get style() { return PnCustomernumberSelectorOptionStyle0; }
 }, [4, "pn-customernumber-selector-option", {

package/components/pn-customernumber-selector.js

@@ -48,7 +48,7 @@ const PnCustomernumberSelector$1 = /*@__PURE__*/ proxyCustomElement(class PnCust
         }
     }
     render() {
-        return (h(Host, { key: 'a41ce27f21fc0a16c0b6576c6af95b20ba5bdbd3' }, h("div", { key: 'faa8c7c3659d0a0b72c84a287330bb6988dc3bf5', class: "customernumber-container" }, h("button", { key: 'e538a91434e961b2b9b6d6f89ce70656bbc3b538', class: "customernumber-toggle", "aria-label": this.i18n.toggleLinkTitleText, onClick: () => (this.open = !this.open) }, h("div", { key: '18446ed1324b90543dc1edc3a016aec0f37d8d73', class: "customernumber-selected" }, h("strong", { key: '9979f4f6d3701f577adef74b8273a2ac9709c03d', class: "customernumber-selected-title" }, this.heading), h("div", { key: '454f058daf095418f5fee28e061363c035e9ae62', class: "customernumber-selected-description" }, this.description)), h("pn-icon", { key: '69b6614740bbadad07deb3a3fe9227aa2025fb2c', icon: this.open ? angle_up : angle_down, small: "false", color: "blue700" })), h("div", { key: 'b7aec42dc18e95235f546120f00f826af2542603', class: "customernumber-options" }, h("slot", { key: 'e369c5409b3cbcc9ab7ed2370ce77f7b080dc546' })))));
+        return (h(Host, { key: 'c790ef0a0ff36cf11ae66ed632a2eaeeb5d2d620' }, h("div", { key: '29a30f4ea68bf8042adbce2b9d0463d789452571', class: "customernumber-container" }, h("button", { key: '29ad545a5ce4492d13b9e759cfd1ccfec302f7e6', class: "customernumber-toggle", "aria-label": this.i18n.toggleLinkTitleText, onClick: () => (this.open = !this.open) }, h("div", { key: '5ae5475e99341d26be463c6fd3d6002fb7b1efa9', class: "customernumber-selected" }, h("strong", { key: 'fc87bedbb9469709a6c4956a8972a414a4039cb6', class: "customernumber-selected-title" }, this.heading), h("div", { key: '1b0bd560ddf4838c5bc297e7800e99890175ec2a', class: "customernumber-selected-description" }, this.description)), h("pn-icon", { key: '567508ab9472d65326d1c0e3e0ca806a3532150f', icon: this.open ? angle_up : angle_down, small: "false", color: "blue700" })), h("div", { key: 'f01d414c0281e2bcc25fa884b076062d899c39e9', class: "customernumber-options" }, h("slot", { key: '002478ca2038f25d4939ae2bdfc1dadec4fa4097' })))));
     }
     static get style() { return PnCustomernumberSelectorStyle0; }
 }, [4, "pn-customernumber-selector", {

package/components/pn-date-and-time.js

@@ -151,7 +151,7 @@ const PnDateAndTime$1 = /*@__PURE__*/ proxyCustomElement(class PnDateAndTime ext
         });
     }
     render() {
-        return (h(Host, { key: 'f1be759de557ea60e4c12f708e91632ec1f0bf90' }, h("div", { key: '709ee33d526aab6fd3b3aed63d185687eca9854b', class: "date-and-time-group" }, this.dateAndTimeLabel ? (h("div", { class: "date-and-time-row" }, h("label", null, this.dateAndTimeLabel))) : null, h("div", { key: 'ad997d2dd694e93844aed03e837790291651199b', class: "date-and-time-row" }, h("pn-date-picker", { key: 'e12a0e6951f48b1c2b6a031448bdcb593101eb3b', ref: el => (this.pnDatePicker = el), range: "false", "disable-weekends": this.disableWeekends, "min-date": this.firstValidDateString, "max-date": this.lastValidDateString, language: this.language, placeholder: this.datePlaceholder, "disabled-dates": this.disabledDates })), this.dateHelperText ? h("small", { class: "date-and-time-row helper-text" }, this.dateHelperText) : null), h("div", { key: '8f808ff0023f395811b39e13764b1a1ff38c05bb', class: "date-and-time-group" }, h("div", { key: 'd3736f13abc974023db9a6aab202f8359441f47a', class: "date-and-time-row" }, h("pn-select", { key: '9e5cf94ed805415387f99e4e5da82fa02d8fd885', ref: el => (this.pnTimeFromHourDropdown = el), name: "date-and-time-from-hour", class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.hourArr?.map((hour, index) => h("option", { label: hour, value: hour, selected: index === 0 }, hour))), h("pn-select", { key: '3a3e9751cae061bcb787a7a08267a98cca54cf0f', ref: el => (this.pnTimeFromMinuteDropdown = el), name: "date-and-time-from-minute", class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.minuteArr?.map((minute, index) => h("option", { label: minute, value: minute, selected: index === 0 }, minute))), h("div", { key: '5dcd5f72bf5c7f60f264a956565fab3604fe89b0', class: "time-separator" }, h("span", { key: '812361dbb911f67eda1491cc51dceabded0ed839' }, "-")), h("pn-select", { key: 'ddf1b5fc4cf7ac47d9d748488d0676b81aaf43cb', ref: el => (this.pnTimeToHourDropdown = el), name: "date-and-time-to-hour", class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.hourArr?.map((hour, index) => h("option", { label: hour, value: hour, selected: index === this.hourArr.length - 1 }, hour))), h("pn-select", { key: 'aa8e5c80f06343c13bc5f3b838f3d424e676778d', ref: el => (this.pnTimeToMinuteDropdown = el), name: "date-and-time-to-minute", class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.minuteArr?.map((minute, index) => h("option", { label: minute, value: minute, selected: index === this.minuteArr.length - 1 }, minute)))), this.timeHelperText ? h("small", { class: "date-and-time-row helper-text" }, this.timeHelperText) : null, this.invalidTimespan && this.errorMessage ? (h("small", { class: "date-and-time-row error-message" }, h("pn-icon", { icon: alert_info_circle, small: "false", color: "warning" }), this.errorMessage)) : null)));
+        return (h(Host, { key: '60e68e04200db9303ef2e84dc046a6c92844487f' }, h("div", { key: '8857c3a3232caa6b701f30b0f13d02dc2c739e54', class: "date-and-time-group" }, this.dateAndTimeLabel ? (h("div", { class: "date-and-time-row" }, h("label", null, this.dateAndTimeLabel))) : null, h("div", { key: '82e9e3a55361697b37275a0b4e31f5b09bd5eb43', class: "date-and-time-row" }, h("pn-date-picker", { key: 'efdd2e74f7eb8064073b9ab8d5a101edfa811a29', ref: el => (this.pnDatePicker = el), range: "false", "disable-weekends": this.disableWeekends, "min-date": this.firstValidDateString, "max-date": this.lastValidDateString, language: this.language, placeholder: this.datePlaceholder, "disabled-dates": this.disabledDates })), this.dateHelperText ? h("small", { class: "date-and-time-row helper-text" }, this.dateHelperText) : null), h("div", { key: 'bb00ae7e49da0175ea099d81c8755f35ec14ff77', class: "date-and-time-group" }, h("div", { key: '520fd0a41f9acb0e787632490390d6b611ef39be', class: "date-and-time-row" }, h("pn-select", { key: 'c220a53c6135045a4abdc1926873b5cbb6244884', ref: el => (this.pnTimeFromHourDropdown = el), name: "date-and-time-from-hour", class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.hourArr?.map((hour, index) => h("option", { label: hour, value: hour, selected: index === 0 }, hour))), h("pn-select", { key: 'a7b33b9a750700b9817128a9c1adfebab794a6a3', ref: el => (this.pnTimeFromMinuteDropdown = el), name: "date-and-time-from-minute", class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.minuteArr?.map((minute, index) => h("option", { label: minute, value: minute, selected: index === 0 }, minute))), h("div", { key: 'd029032c9a94be5cfb576e043ebda297839b3c96', class: "time-separator" }, h("span", { key: '8d53aee1b0e9f17708cba86ab0f2a557b81964ad' }, "-")), h("pn-select", { key: 'faedc85315a18f59f965377ff03eb5ba77416c7a', ref: el => (this.pnTimeToHourDropdown = el), name: "date-and-time-to-hour", class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.hourArr?.map((hour, index) => h("option", { label: hour, value: hour, selected: index === this.hourArr.length - 1 }, hour))), h("pn-select", { key: 'b747f94f3adf68590ec32c17afc8ac2dfd8a2266', ref: el => (this.pnTimeToMinuteDropdown = el), name: "date-and-time-to-minute", class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.minuteArr?.map((minute, index) => h("option", { label: minute, value: minute, selected: index === this.minuteArr.length - 1 }, minute)))), this.timeHelperText ? h("small", { class: "date-and-time-row helper-text" }, this.timeHelperText) : null, this.invalidTimespan && this.errorMessage ? (h("small", { class: "date-and-time-row error-message" }, h("pn-icon", { icon: alert_info_circle, small: "false", color: "warning" }), this.errorMessage)) : null)));
     }
     static get style() { return PnDateAndTimeStyle0; }
 }, [0, "pn-date-and-time", {

package/components/pn-dropdown-choice-adds-row.js

@@ -344,7 +344,7 @@ const pnDropdownChoiceAddsRow = /*@__PURE__*/ proxyCustomElement(class pnDropdow
         return true;
     }
     render() {
-        return (h(Host, { key: '3fd20ecf670fbb530781ee6bd208f87e0052f86c' }, h("div", { key: 'c2c58f0be32f0f6aa5fe40fe10af299bdedaa5a3', class: "dropdown-choice-form-row" }, h("pn-select", { key: '862607e111b1d96fa7f56d95eb74d0cda5705903', ref: el => (this.pnRowSelectDropdown = el), name: this.addRowDropdownName, label: this.addRowDropdownLabel, class: "pn-row-select-dropdown", language: this.languageCode }, h("option", { key: '29ac6dcfd181311f85940095a76f07a045c86451', value: "", selected: true, disabled: true }, this.addRowDropdownPlaceholder), this.rowSelectDropdownArr?.map((value) => h("option", { label: value, value: value }, value)))), h("div", { key: 'a26be8b9a3a494b5b0ce9a2f2be1a8547e2ecd34', class: "dropdown-choice-form-row" }, h("div", { key: '9711abd61165826d014a367237376e766c28d489', class: "pn-dropdown-choice-table" }, h("div", { key: 'e6f8535e285ca3339397a4f50a7bf4afb70c7b58', ref: el => (this.tableHead = el) }, this.nextRowIndex === 0 ? null : (h("div", { class: "table-header" }, h("div", { class: "table-header-name" }, h("label", null, this.rowNameLabel)), h("div", { class: "table-header-dropdown" }, h("label", null, this.rowDropdownLabel)), h("div", { class: "table-header-input" }, h("label", null, this.rowInputLabel)), h("div", { class: "table-header-delete" })))), h("div", { key: '74fb53a9fc9cccc1b0eb44cdc7c0f3ee00b65e8b', ref: el => (this.tableBody = el), class: "pn-dropdown-choice-table-slot" }, h("slot", { key: '6afd971f6fbf9a62a54680ddf4f3999e9e6daff5' }))))));
+        return (h(Host, { key: '5a70a7d4f1f6a105a287df79562de1e00b276b15' }, h("div", { key: '47d5b7bd549f8e472e131221c9d4fc9ca0308ddc', class: "dropdown-choice-form-row" }, h("pn-select", { key: '7216476d425fb3a07544d2ea95fd71e1452094e3', ref: el => (this.pnRowSelectDropdown = el), name: this.addRowDropdownName, label: this.addRowDropdownLabel, class: "pn-row-select-dropdown", language: this.languageCode }, h("option", { key: 'a974d00186fbf37995a8580abcf1f78052bf5ea0', value: "", selected: true, disabled: true }, this.addRowDropdownPlaceholder), this.rowSelectDropdownArr?.map((value) => h("option", { label: value, value: value }, value)))), h("div", { key: 'dd06952618e12452caf8ad397166b6e60e76666d', class: "dropdown-choice-form-row" }, h("div", { key: '1663d80435cd4fa841d695a13778a8c4ed234e66', class: "pn-dropdown-choice-table" }, h("div", { key: 'c7417986ac520adf4b4ffd9ef0e4961a1aa33bb2', ref: el => (this.tableHead = el) }, this.nextRowIndex === 0 ? null : (h("div", { class: "table-header" }, h("div", { class: "table-header-name" }, h("label", null, this.rowNameLabel)), h("div", { class: "table-header-dropdown" }, h("label", null, this.rowDropdownLabel)), h("div", { class: "table-header-input" }, h("label", null, this.rowInputLabel)), h("div", { class: "table-header-delete" })))), h("div", { key: 'db9da456d23c77da5b26adf12b738b673f80c65b', ref: el => (this.tableBody = el), class: "pn-dropdown-choice-table-slot" }, h("slot", { key: 'd98c88973072f92b95f28a89b24b87ea2028fc69' }))))));
     }
     static get watchers() { return {
         "dropdownData": ["dropdownDataWatcher"]

package/components/pn-dropdown-with-multi-input-rows-row2.js

@@ -173,7 +173,7 @@ const PnDropdownWithMultiInputRowsRow = /*@__PURE__*/ proxyCustomElement(class P
         this.deleteRowEvent.emit(this._predefinedValue.id);
     }
     render() {
-        return (h(Host, { key: '4925aca4d5b55256deda95cdeef466ecad054a51' }, h("div", { key: '6162a985244fd8fd93fd5cd268c8b21e9d133942', class: "input-element-row" }, h("div", { key: 'aaad2fac34e4151a8c9b30080105d14a44941357', class: "input-container" }, h("pn-input", { key: 'b504279f4ba8a730021ed4debd0be6b42afbb8d7', ref: el => (this.pnFirstInputField = el), type: "number", placeholder: this.firstInputPlaceholder, value: this.firstInputValue, min: "1" }), this.showFirstInputLowError || this.showFirstInputHighError || this.showFirstInputWarning ? (h("div", { class: "input-element-message-container" }, this.showFirstInputLowError ? (h("div", { class: "input-element-message-container__error" }, h("small", null, this.firstInputLowErrorText))) : null, this.showFirstInputHighError ? (h("div", { class: "input-element-message-container__error" }, h("small", null, this.firstInputHighErrorText))) : null, this.showFirstInputWarning ? (h("div", { class: "input-element-message-container__warning" }, h("small", null, this.firstInputWarningText))) : null)) : null), h("div", { key: 'b3d182742c6c5344d7d57a507026bf918a6d2e05', class: "input-container" }, h("pn-input", { key: 'e8fd472708d96bedd538c09e9b6ed7ccd7ae098e', ref: el => (this.pnSecondInputField = el), type: "number", placeholder: this.secondInputPlaceholder, value: this.secondInputValue, min: "1" }), this.showSecondInputLowError || this.showSecondInputHighError || this.showSecondInputWarning ? (h("div", { class: "input-element-message-container" }, this.showSecondInputLowError ? (h("div", { class: "input-element-message-container__error" }, h("small", null, this.secondInputLowErrorText))) : null, this.showSecondInputHighError ? (h("div", { class: "input-element-message-container__error" }, h("small", null, this.secondInputHighErrorText))) : null, this.showSecondInputWarning ? (h("div", { class: "input-element-message-container__warning" }, h("small", null, this.secondInputWarningText))) : null)) : null), h("div", { key: '8da4638217aee0b48cfe8bc9371bc588dfc3ac0d', class: "input-container" }, h("pn-date-picker", { key: '0d9c861a7a122c767c991a8400fb044ad134a2bc', ref: el => (this.pnDatePicker = el), range: "false", "disable-weekends": true, "disabled-dates": this.disabledDates, "min-date": this.firstValidDate, "max-date": this.lastValidDate, language: this.languageCode, placeholder: this.datePlaceholder, start: this.dateValue?.length ? this.dateValue : null })), this.rowIndex >= this.minRowCount ? (h("div", { class: "delete-button-container" }, h("pn-button", { ref: el => (this.pnDeleteRowButton = el), small: "true", icon: minus, appearance: "warning", index: this.rowIndex, onClick: () => {
+        return (h(Host, { key: '6807110e253e2435958c132d668a249af140c6e7' }, h("div", { key: 'bb307f8b275ac03cfbe785cde15a61d29e1a193c', class: "input-element-row" }, h("div", { key: 'cdc4e84746ff36b099bb1ef0d3989322de3bc8e4', class: "input-container" }, h("pn-input", { key: '296be69efd2fc3ca0797913249f68e67e24d86c2', ref: el => (this.pnFirstInputField = el), type: "number", placeholder: this.firstInputPlaceholder, value: this.firstInputValue, min: "1" }), this.showFirstInputLowError || this.showFirstInputHighError || this.showFirstInputWarning ? (h("div", { class: "input-element-message-container" }, this.showFirstInputLowError ? (h("div", { class: "input-element-message-container__error" }, h("small", null, this.firstInputLowErrorText))) : null, this.showFirstInputHighError ? (h("div", { class: "input-element-message-container__error" }, h("small", null, this.firstInputHighErrorText))) : null, this.showFirstInputWarning ? (h("div", { class: "input-element-message-container__warning" }, h("small", null, this.firstInputWarningText))) : null)) : null), h("div", { key: '2834f8fb76abb28e7a560276334bd9c20fb59a1f', class: "input-container" }, h("pn-input", { key: 'cc5f59a061a001c1659d8a3734452ba20bf6213a', ref: el => (this.pnSecondInputField = el), type: "number", placeholder: this.secondInputPlaceholder, value: this.secondInputValue, min: "1" }), this.showSecondInputLowError || this.showSecondInputHighError || this.showSecondInputWarning ? (h("div", { class: "input-element-message-container" }, this.showSecondInputLowError ? (h("div", { class: "input-element-message-container__error" }, h("small", null, this.secondInputLowErrorText))) : null, this.showSecondInputHighError ? (h("div", { class: "input-element-message-container__error" }, h("small", null, this.secondInputHighErrorText))) : null, this.showSecondInputWarning ? (h("div", { class: "input-element-message-container__warning" }, h("small", null, this.secondInputWarningText))) : null)) : null), h("div", { key: '96888441a54b2e46d8f94d4db50f892d0bd88d8e', class: "input-container" }, h("pn-date-picker", { key: 'e18063b05aa1e6029f6ff8976394fc49afb361ab', ref: el => (this.pnDatePicker = el), range: "false", "disable-weekends": true, "disabled-dates": this.disabledDates, "min-date": this.firstValidDate, "max-date": this.lastValidDate, language: this.languageCode, placeholder: this.datePlaceholder, start: this.dateValue?.length ? this.dateValue : null })), this.rowIndex >= this.minRowCount ? (h("div", { class: "delete-button-container" }, h("pn-button", { ref: el => (this.pnDeleteRowButton = el), small: "true", icon: minus, appearance: "warning", index: this.rowIndex, onClick: () => {
                 this.deleteRow();
             } }, "Delete"))) : null)));
     }

package/components/pn-dropdown-with-multi-input-rows.js

@@ -314,9 +314,9 @@ const PnDropdownWithMultiInputRows$1 = /*@__PURE__*/ proxyCustomElement(class Pn
         }
     }
     render() {
-        return (h(Host, { key: 'd9992e503344eb152be393b957716e25bd89171a', class: "dropdown-with-multi-input-element" }, h("div", { key: '1fcee1e584d6f0687ad54f968750129e2ee87855', class: "dropdown-with-multi-input-element__row" }, h("div", { key: 'de06f80ae79b4a3f7dbd90a7c8fc984e431ad5e3', class: "dropdown-with-multi-input-element__dropdown" }, h("pn-select", { key: 'ff1d4ae35266f01206f9100d3eb48193f75c5f3a', ref: el => (this.pnFirstDropdown = el), onChange: debounce(this.handleFirstDropdown.bind(this), 500), class: "pn-row-select-dropdown dropDown1-dropdown", label: this.firstDropdownLabel, language: this.languageCode }, h("option", { key: '515bb0593a47aec2763f73798725bbf20db64b8c', value: "", disabled: true, selected: true }, this.i18n.dropdownPlaceholder), this.dropdownDataRoot?.map((item) => (h("option", { value: item.value }, item.label)))), this.firstDropdownHelperText?.length ? h("small", null, this.firstDropdownHelperText) : null)), h("div", { key: 'ddc383429253a9338d95542a73caf42d5d67ccd0', class: "dropdown-with-multi-input-element__row" }, h("div", { key: 'ae2087bfa6efb48882fbfcfd7fabfaa2e4aa195d', class: "dropdown-with-multi-input-element__dropdown" }, h("pn-select", { key: 'e4c79dde30b1c21ccd6265b72bdc8769b6f167de', ref: el => (this.pnSecondDropdown = el), onChange: debounce(this.handleSecondDropdown.bind(this), 500), class: "pn-row-select-dropdown dropDown2-dropdown", label: this.secondDropdownLabel, language: this.languageCode }, h("option", { key: '9384dc96252920c25606ab2db38c25c65340cd23', value: "", disabled: true, selected: true }, this.i18n.dropdownPlaceholder), this.secondDropdownArr?.map((item) => (h("option", { value: item }, item)))), this.secondDropdownHelperText?.length ? h("small", null, this.secondDropdownHelperText) : null)), this.showDeleteConfirm ? (h("div", { class: "dropdown-with-multi-input-element__delete" }, h("p", null, this.deleteMultipleRowsWarningText), h("pn-button", { ref: el => (this.pnConfirmDeleteButton = el), small: "true", appearance: "warning", onClick: this.deleteExcessRows.bind(this) }, this.confirmDeleteButtonText), h("pn-button", { ref: el => (this.pnAbortDeleteButton = el), small: "true", appearance: "light", onClick: this.abortDeleteRows.bind(this) }, this.abortDeleteButtonText))) : null, h("div", { key: 'e2a18a378964fc9e31f534a2d9432e002c674a48', class: "dropdown-with-multi-input-element__label-row" }, h("div", { key: '9fce1185add5a750898aa75057263ea93ee050a7', class: "dropdown-with-multi-input-element__label" }, h("label", { key: '4b33a863f16cf020282da9d7bad7dcd81a941e74' }, this.firstInputLabel)), h("div", { key: 'a28e0b57e3cc5c7cd3b5693b432665d684df1c7b', class: "dropdown-with-multi-input-element__label" }, h("label", { key: 'ed4580f6a1d0eb793c00e03078a0f9acc80ce3c8' }, this.secondInputLabel)), h("div", { key: 'a20a403e978d9ef0c8e63e6df3048f8d16c9a917', class: "dropdown-with-multi-input-element__label" }, h("label", { key: '2be0daa6b5ef9cbef7af2ee2b2c23f537de8ec8d' }, this.dateLabel))), this.rowData?.map((data, i) => {
+        return (h(Host, { key: 'a36c4aaa149ea44a8fe2a5ba317da7ac573d74a9', class: "dropdown-with-multi-input-element" }, h("div", { key: 'f0db29797e6cae79982185f5739bb94a14edf08e', class: "dropdown-with-multi-input-element__row" }, h("div", { key: 'a4378d62e4066b8eca52641dfdb946b6a8836a69', class: "dropdown-with-multi-input-element__dropdown" }, h("pn-select", { key: 'f030749e5dd3d867061d484e92387bb2088fadbb', ref: el => (this.pnFirstDropdown = el), onChange: debounce(this.handleFirstDropdown.bind(this), 500), class: "pn-row-select-dropdown dropDown1-dropdown", label: this.firstDropdownLabel, language: this.languageCode }, h("option", { key: 'c96e514377fe340c9ce40006af64c2e6f9c09734', value: "", disabled: true, selected: true }, this.i18n.dropdownPlaceholder), this.dropdownDataRoot?.map((item) => (h("option", { value: item.value }, item.label)))), this.firstDropdownHelperText?.length ? h("small", null, this.firstDropdownHelperText) : null)), h("div", { key: 'bd14511d43ac708adf22bcc525ae4d001568a529', class: "dropdown-with-multi-input-element__row" }, h("div", { key: '25a682c29e11d27a10b8e5072f252e740c9c0859', class: "dropdown-with-multi-input-element__dropdown" }, h("pn-select", { key: 'ae6b8bfea4668fd3c4873c4c627afee05ac647c6', ref: el => (this.pnSecondDropdown = el), onChange: debounce(this.handleSecondDropdown.bind(this), 500), class: "pn-row-select-dropdown dropDown2-dropdown", label: this.secondDropdownLabel, language: this.languageCode }, h("option", { key: '198778933f0ed26709a99dbe409d3a2a49884ab9', value: "", disabled: true, selected: true }, this.i18n.dropdownPlaceholder), this.secondDropdownArr?.map((item) => (h("option", { value: item }, item)))), this.secondDropdownHelperText?.length ? h("small", null, this.secondDropdownHelperText) : null)), this.showDeleteConfirm ? (h("div", { class: "dropdown-with-multi-input-element__delete" }, h("p", null, this.deleteMultipleRowsWarningText), h("pn-button", { ref: el => (this.pnConfirmDeleteButton = el), small: "true", appearance: "warning", onClick: this.deleteExcessRows.bind(this) }, this.confirmDeleteButtonText), h("pn-button", { ref: el => (this.pnAbortDeleteButton = el), small: "true", appearance: "light", onClick: this.abortDeleteRows.bind(this) }, this.abortDeleteButtonText))) : null, h("div", { key: '408ce54d7f35a8c32f681bfccd999223c1319048', class: "dropdown-with-multi-input-element__label-row" }, h("div", { key: '77e0d10422301c5d392c462c327a84402f1c301d', class: "dropdown-with-multi-input-element__label" }, h("label", { key: '1136e30608e99d5bfdf0c661da2055df7d5d0f49' }, this.firstInputLabel)), h("div", { key: 'f2c97b957c1e158521aacd2abb1f9218a91733a0', class: "dropdown-with-multi-input-element__label" }, h("label", { key: 'e9a3c4822837ceca87093989a5d9888ac3c5f1c8' }, this.secondInputLabel)), h("div", { key: 'df04f7c65236f0a08e1119d3ab7b5283ff792799', class: "dropdown-with-multi-input-element__label" }, h("label", { key: 'a59ae55157f5ae993abe02e1d70580c81c8b7e15' }, this.dateLabel))), this.rowData?.map((data, i) => {
             return (h("div", { class: 'dropdown-with-multi-input-element__row generated-row-' + i, id: 'generated-row-' + i }, h("pn-dropdown-with-multi-input-rows-row", { "language-code": this.languageCode, "first-input-placeholder": this.firstInputPlaceholder, "first-input-min": this.firstInputMin, "first-input-max": this.firstInputMax, "first-input-warning": this.firstInputWarning, "first-input-warning-text": this.firstInputWarningText, "first-input-low-error-text": this.firstInputLowErrorText, "first-input-high-error-text": this.firstInputHighErrorText, "second-input-placeholder": this.secondInputPlaceholder, "second-input-min": this.secondInputMin, "second-input-max": this.secondInputMax, "second-input-warning": this.secondInputWarning, "second-input-warning-text": this.secondInputWarningText, "second-input-low-error-text": this.secondInputLowErrorText, "second-input-high-error-text": this.secondInputHighErrorText, datePlaceholder: this.datePlaceholder, firstValidDate: this.firstValidDateString, lastValidDate: this.lastValidDateString, "predefined-value": JSON.stringify(data), "min-row-count": this.minRowCount, "row-index": i, "disabled-dates": this.disabledDates })));
-        }), h("div", { key: 'ac42ac72b4f63b207fd099406c4af82b7659f1e2', class: "dropdown-with-multi-input-element__row sum-row" }, h("pn-input", { key: '966ce0ab3d9a40607898ea1121e17c9ab0a9f569', disabled: true, ref: el => (this.pnSumField = el), type: "number", value: this.rowSum, label: this.sumFieldLabel }), h("pn-button", { key: 'b526f744b87020adfe852bbc68dd4ccc80cb17b8', tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
+        }), h("div", { key: 'dbf0c28a2893081884009177ce4c4d382e598906', class: "dropdown-with-multi-input-element__row sum-row" }, h("pn-input", { key: '7518ff5a32236320c710618db2a2f32c5c74c5f7', disabled: true, ref: el => (this.pnSumField = el), type: "number", value: this.rowSum, label: this.sumFieldLabel }), h("pn-button", { key: '00b8be5ea7f5753676db44b9f1eb0bb06769b6a2', tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
                 this.addRow(this.generateUniqueId());
             } }, this.addRowText)), this.elementHelperText?.length ? h("div", { class: "dropdown-with-multi-input-element__row" }, this.elementHelperText) : null));
     }

package/components/pn-filter-checkbox2.js

@@ -61,7 +61,7 @@ const PnFilterCheckbox = /*@__PURE__*/ proxyCustomElement(class PnFilterCheckbox
     }
     render() {
         this.renderInputOutsideShadowRoot();
-        return (h(Host, { key: '1a101cf9d9e27cdefb8221945f24b83ba50d626b', checked: this.checked, id: this.checkboxid }, h("input", { key: 'cc4cf39da22f13e9069639aec4e21d457a4ccf99', type: "checkbox", id: this.checkboxid, value: this.value, name: this.name || this.checkboxid, disabled: this.disabled, checked: this.checked }), h("label", { key: '50a5122f4979a1c5eae5402df7da7139543847e4', htmlFor: this.checkboxid, class: "pn-checkbox" }, h("svg", { key: '1e4708a6c2d4b58da98c15f80eef72127cb8d08b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { key: '69894e88ad14a79b1ada504b15a96643b9c4a310', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" }), h("polyline", { key: '1ff0d988a320a19fdecdeadaed68f69cd58f4334', class: "indeterminate-path", points: "4,12 20,12", "stroke-width": "3" })))));
+        return (h(Host, { key: '6afb96d0039c6b469a1e0fcb1984130e5d07f6b2', checked: this.checked, id: this.checkboxid }, h("input", { key: '13cb1d151426ba8798e8dbc1ab3ba070df9f5f9c', type: "checkbox", id: this.checkboxid, value: this.value, name: this.name || this.checkboxid, disabled: this.disabled, checked: this.checked }), h("label", { key: '704d25d4ef31eceb09ec5961a4da7118b431587b', htmlFor: this.checkboxid, class: "pn-checkbox" }, h("svg", { key: '730506f1a3b0f2220017eb51093fba5b352e5809', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { key: '138a8f0bcfc1f4b6ddb938a653ca4821e125a296', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" }), h("polyline", { key: '08f0433c4f7a21040d4905b81c05f27e0ebd0542', class: "indeterminate-path", points: "4,12 20,12", "stroke-width": "3" })))));
     }
     static get style() { return PnFilterCheckboxStyle0; }
 }, [1, "pn-filter-checkbox", {

package/components/pn-find-price-result2.js

@@ -124,7 +124,7 @@ const PnfindPriceResult = /*@__PURE__*/ proxyCustomElement(class PnfindPriceResu
         this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';
     }
     render() {
-        return (h(Host, { key: '59f4be6bf01f3122234c85c78d4f9373dbe22131' }, h("pn-product-card", { key: '1d984dae6345bb05467989ef0705222d64e935fd', "data-productid": this.item.id }, h("pn-illustration", { key: 'f610a8204aaf096eeb09959913c0bafcb8dfe0f1', slot: "illustration", illustration: this.item.illustration }), h("div", { key: '45584134fe586e2f336c89162d1efd3124a49314', slot: "title" }, this.item.infopagelink ? (h("h2", null, h("a", { href: this.item.infopagelink, target: "_blank" }, this.item.name))) : (h("h2", null, this.item.name)), this.item.highestrankusp === 'Snabbast' ? (h("pn-titletag", { slot: "Snabbast", icon: bolt, color: "blue700" }, this.item.highestrankusp)) : this.item.highestrankusp === 'Billigast' ? (h("pn-titletag", { slot: "Billigast", icon: box_label, color: "green700" }, this.item.highestrankusp)) : null), h("div", { key: '524e826bdd0bcb6a5a56d3039ff6a4c1ee5f739c', slot: "content" }, h("div", { key: 'cb795559c19a0b54019dcf3cd8330a84082288b7', class: "content" }, this.item.description ? (h("div", { class: "description" }, this.description.map(desc => (h("li", null, desc))))) : null, this.item.info ? h("div", { class: "description" }, this.item.info) : null)), this.item.note ? (h("div", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" }, this.Usp1 ? h("span", null, this.Usp1) : null, this.Usp2 ? h("span", null, this.Usp2) : null, this.Usp3 ? h("span", null, this.Usp3) : null)) : null, this.showMeasurement ? h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle }) : null, h("div", { key: '09427b8855ac9a1b844c4252d23a75e7470f0d88', slot: "cardprice" }, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: sendDirectUrl, linkid: this.linkId + '-portal' })) : null, this.item.pricestamps ? (this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) : (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.realPostcard, amount: this.item.pricestamps + '', currency: state.market.currency, url: RealValues['WebUrl'], linkid: this.linkId + '-riktiga' }))) : null), h("div", { key: '1ab3389414f947a15608f90c4a03462de0a50a4f', slot: "servicepoint" }, this.item.showservicepointlink ? (h("a", { href: state.market.servicePoint, target: "_blank" }, h("pn-icon", { icon: map_marker, color: "blue700" }), state.i18n.servicePointLink)) : null), h("div", { key: '2e7072fd307f05839a20743e65e32b6be8941c95', slot: "mobiledownload" }, this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (h("div", { id: "riktiga" }, h("h4", null, state.i18n.realPostcardMobile), h("div", null, h("a", { href: RealValues['AndroidAppUrl'], target: "_blank" }, h("img", { class: "riktigaAndroidImg", src: RealValues['AndroidImg'] })), h("a", { href: RealValues['IosAppUrl'], target: "_blank" }, h("img", { class: "riktigaAppleImg", src: RealValues['IosImg'] }))))) : null))));
+        return (h(Host, { key: '53b5dfa58d9c873f140b90385ce6532fa1a5ecfc' }, h("pn-product-card", { key: 'f0fa70b9c9d3e178a72b5e89a52ec1a300228570', "data-productid": this.item.id }, h("pn-illustration", { key: '91604ffeeb946b5a795ceafb19f265a7924b468d', slot: "illustration", illustration: this.item.illustration }), h("div", { key: '47215d3bedf8645f7cc84778b9a059f634e325c2', slot: "title" }, this.item.infopagelink ? (h("h2", null, h("a", { href: this.item.infopagelink, target: "_blank" }, this.item.name))) : (h("h2", null, this.item.name)), this.item.highestrankusp === 'Snabbast' ? (h("pn-titletag", { slot: "Snabbast", icon: bolt, color: "blue700" }, this.item.highestrankusp)) : this.item.highestrankusp === 'Billigast' ? (h("pn-titletag", { slot: "Billigast", icon: box_label, color: "green700" }, this.item.highestrankusp)) : null), h("div", { key: '364d0348f17bfec196cb04479d89ce04c0687228', slot: "content" }, h("div", { key: 'd8c2ac4b74cc42369fc48bc62d08f3b02f9c77d3', class: "content" }, this.item.description ? (h("div", { class: "description" }, this.description.map(desc => (h("li", null, desc))))) : null, this.item.info ? h("div", { class: "description" }, this.item.info) : null)), this.item.note ? (h("div", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" }, this.Usp1 ? h("span", null, this.Usp1) : null, this.Usp2 ? h("span", null, this.Usp2) : null, this.Usp3 ? h("span", null, this.Usp3) : null)) : null, this.showMeasurement ? h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle }) : null, h("div", { key: 'b8f20abc55f9c5f01ea430808373d16c3d6f2f07', slot: "cardprice" }, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: sendDirectUrl, linkid: this.linkId + '-portal' })) : null, this.item.pricestamps ? (this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) : (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.realPostcard, amount: this.item.pricestamps + '', currency: state.market.currency, url: RealValues['WebUrl'], linkid: this.linkId + '-riktiga' }))) : null), h("div", { key: 'd3d1bd4e3d3cf2f175eae3f4f0c336386dcc52f1', slot: "servicepoint" }, this.item.showservicepointlink ? (h("a", { href: state.market.servicePoint, target: "_blank" }, h("pn-icon", { icon: map_marker, color: "blue700" }), state.i18n.servicePointLink)) : null), h("div", { key: 'b3b28af8e85013f3ae962437ce00fe7bb1b2a1c3', slot: "mobiledownload" }, this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (h("div", { id: "riktiga" }, h("h4", null, state.i18n.realPostcardMobile), h("div", null, h("a", { href: RealValues['AndroidAppUrl'], target: "_blank" }, h("img", { class: "riktigaAndroidImg", src: RealValues['AndroidImg'] })), h("a", { href: RealValues['IosAppUrl'], target: "_blank" }, h("img", { class: "riktigaAppleImg", src: RealValues['IosImg'] }))))) : null))));
     }
     static get watchers() { return {
         "item": ["composeItems"]

package/components/pn-find-price.js

@@ -207,11 +207,11 @@ const PnfindPrice = /*@__PURE__*/ proxyCustomElement(class PnfindPrice extends H
         this.filteredItems = weightFilteredData;
     }
     render() {
-        return (h("div", { key: 'f905b0634bc06e41d7bd959e0fff9462b1b168da', class: "findprice-form" }, h("fieldset", { key: 'eb218cd4d546f67297b35327e6cc6082b77c81e6' }, h("legend", { key: 'e1bd485b4f129219fb3a883cf6d466244b210162', class: "heading" }, state.i18n.sizeheading), h("div", { key: 'b5efeb0832a14e7b77e9e4f0196aa07579dca2c7', class: "sizecategory" }, h("table", { key: '127474d40d75b7d24f5909c7af200024280b1540', class: "sizeTable" }, h("img", { key: 'b6a5e9ebdecf0a8b230d38386c2dc1d2989bbeba', id: "clouds", src: cloudsSvg }), h("tr", { key: '65a5e896096d2cb3365d74eb2375f503abddada7' }, h("td", { key: '9d50eb0443891868faf8154c11127f5ef18ecafb' }, h("img", { key: 'c924592e2f737141a06d3bab591bb2b300d08d63', class: "firstCell", src: postnordPerson1Svg })), h("td", { key: '5dca188e6cb05aa3dfb1f9ebf8e8c1e3fd387bc5' }, h("img", { key: 'e2f2d66cc90b95f43500bef802ae72a18b51a1b5', src: smallPackageSvg })), h("td", { key: 'c20fb170d3a20925992be1dd93dd99490b3b58e9' }, h("img", { key: 'eb4bc86caaea96967702632c8de19c6d16c123fb', src: mediumPackageSvg })), h("td", { key: 'c73045e6208d836be4499d945ab52517b86a76c7' }, h("img", { key: '027d4c3cc7683f24a3c56233ca704e6b9baaf591', src: largePackageSvg }))), h("tr", { key: '3ba6d9aaca95b5d80b76a4b410d9fb18bcf135f1' }, h("td", { key: '5e065c50e949135609001b050dcb7eea2dbe806a' }), sizeCategories.map(sizeCategory => (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: 'e0c6bf199bb09f85a361eebb38b76b68555aa058', class: "findprice-form" }, h("fieldset", { key: 'c78e7d68dee2a9027856c3116e40baf07be01e03' }, h("legend", { key: '208ee4b8423d993aff90b0e93420be86e8097b97', class: "heading" }, state.i18n.sizeheading), h("div", { key: 'f7ca7e4a86b9ae5836e7d160944d084fca69a9b0', class: "sizecategory" }, h("table", { key: '6bcdad88d3fc0bb11e39088469ca3a2b8049d2b2', class: "sizeTable" }, h("img", { key: '84d181f0b3cac6af11f0790719fb7a8e00c0930e', id: "clouds", src: cloudsSvg }), h("tr", { key: '68f4161acfa3dd6b20eac349011c7d8ba21e54c0' }, h("td", { key: '2814a48e17adbe093d012c8a8dc6543327a3cfa6' }, h("img", { key: '4e2f206b2923ec2350e143705ab7af75e7e236b5', class: "firstCell", src: postnordPerson1Svg })), h("td", { key: '1a240375e5596cf151583e6cfb0c433e03696fe5' }, h("img", { key: '62ba3371159beecd6c1070bfb0c45a7ade20594f', src: smallPackageSvg })), h("td", { key: 'de26bfc74a010c3ce0ca187fbd5129e5163a362a' }, h("img", { key: '88ef3309975a8929c00de61861f052a5f32e63cd', src: mediumPackageSvg })), h("td", { key: 'c5213ca085503eaefec5d4821b906293b51a7c44' }, h("img", { key: 'c8b40821438e95d7d04c9e0739a918e31f2e6240', src: largePackageSvg }))), h("tr", { key: '3f164ea4d225548e4ce7658930739a0330f49f3d' }, h("td", { key: 'c6afeb58975432c9d3b6b5ecd285c00afa015221' }), sizeCategories.map(sizeCategory => (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: 'd92250abdec1d53b422c535196f1564ce2a340ed' }, h("legend", { key: 'c65f1411972556f0fec1463d06612a92e13c2978', class: "heading" }, state.i18n.weightheading), this.sizecategory.value && weights[this.sizecategory.unit] ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].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 : weights[this.sizecategory.unit].findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
+            } })))))))), h("fieldset", { key: 'd41b3ab2ebe00f9363fec02c670b7ac5c970172b' }, h("legend", { key: '3254f91bc10fb5fa285dcbe5a7e2b1716f513d90', class: "heading" }, state.i18n.weightheading), this.sizecategory.value && weights[this.sizecategory.unit] ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].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 : weights[this.sizecategory.unit].findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
                 this.weight = weights[this.sizecategory.unit].filter(x => x.value === wght.value)[0];
                 this.weightvalue = this.weight.value;
             } }, wght.name)))))) : null, 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-find-price-result", { item: item })))))) : null)));

package/components/pn-find-service-and-price-result2.js

@@ -53,7 +53,7 @@ const PnfindServiceAndPriceResult = /*@__PURE__*/ proxyCustomElement(class Pnfin
         // (this.item.what === "letter" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + " kg" : this.item.maxweight + " g";
     }
     render() {
-        return (h(Host, { key: '47d8e3473abc44c2f33670ce759b589a3b2fd942' }, this.shownitems.map(item => (h("pn-product-card", null, h("pn-illustration", { slot: "illustration", illustration: item.illustration }), h("div", { slot: "content" }, h("div", { class: "content" }, h("h3", null, item.name), item.description ? h("div", { class: "description" }, item.description) : null, item.info ? h("div", { class: "description" }, item.info) : null)), item.maxweight ? h("pn-product-tile-info", { label: state.i18n.maxweightlabel, text: this.weightText }) : null, item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.stampshopcta, amount: item.pricestamps + '', currency: state.market.currency })) : null, item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, item.note ? (h("small", { slot: "note" }, h("p", null, item.note))) : null)))));
+        return (h(Host, { key: 'db162acf54055ef1d6fd9082191fd2655e870d41' }, this.shownitems.map(item => (h("pn-product-card", null, h("pn-illustration", { slot: "illustration", illustration: item.illustration }), h("div", { slot: "content" }, h("div", { class: "content" }, h("h3", null, item.name), item.description ? h("div", { class: "description" }, item.description) : null, item.info ? h("div", { class: "description" }, item.info) : null)), item.maxweight ? h("pn-product-tile-info", { label: state.i18n.maxweightlabel, text: this.weightText }) : null, item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.stampshopcta, amount: item.pricestamps + '', currency: state.market.currency })) : null, item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, item.note ? (h("small", { slot: "note" }, h("p", null, item.note))) : null)))));
     }
     static get watchers() { return {
         "item": ["composeItems"]

package/components/pn-find-service-and-price.js

@@ -217,7 +217,7 @@ const PnfindServiceAndPrice = /*@__PURE__*/ proxyCustomElement(class PnfindServi
         this.filteredItems = weightFilteredData;
     }
     render() {
-        return (h("div", { key: '0de982c8ec40481b1a547375c6ebe90dd0793e68' }, h("div", { key: 'c91c7d40a40133f018332de72c9e2d01bb345be8', class: "findprice-form" }, state.i18n.componentheading ? h("h2", null, state.i18n.componentheading) : null, h("div", { key: '2806ec049ae3cad22813d139b57526faea25300b', class: "postagetypes" }, postagetypes.map(postagetype => (h("pn-choice-button", { choiceid: postagetype.value, value: postagetype.value, name: "postagetype", type: "radio", checked: postagetype.value === this.postagetype.value, onChange: () => {
+        return (h("div", { key: 'c9ac6464edc62f1ea59e0776a2b33f918a7669b2' }, h("div", { key: '0195f8f1e513cb14b28f5591505b647952321bdc', class: "findprice-form" }, state.i18n.componentheading ? h("h2", null, state.i18n.componentheading) : null, h("div", { key: '926ba5ac5a442801fd42f47a541ca411948f1c63', class: "postagetypes" }, postagetypes.map(postagetype => (h("pn-choice-button", { choiceid: postagetype.value, value: postagetype.value, name: "postagetype", type: "radio", checked: postagetype.value === this.postagetype.value, onChange: () => {
                 this.postagetype = postagetypes.filter(x => x.value === postagetype.value)[0];
                 this.deliveryscope = { value: '', name: '', icon: '' };
                 this.weight = { value: 0, name: '' };