@postnord/pn-marketweb-components 3.4.24 → 3.4.26

package/cjs/pn-address-autofill.cjs.entry.js

@@ -308,7 +308,7 @@ const PnAddressAutofill = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '14279b0d7946d379528860a1d422bfc16e51ff70', class: "pn-address-autofill" }, this._postalCodeProps?.postalCodeCityLabel ? (index.h("div", { class: "label-container" }, index.h("label", null, `${this._postalCodeProps.postalCodeCityLabel}`))) : null, index.h("div", { key: 'b62f96ef6383cf5eef5c72c9ef0a8d9dd0d284b3', class: "input-container-row" }, index.h("pn-marketweb-input", { key: 'b6c9df8a5422918b5daad666c7a3a22bbdbb98a2', type: "text", name: this._postalCodeProps?.postalCodeInputName, required: this._postalCodeProps?.postalCodeInputRequired, placeholder: this._postalCodeProps?.postalCodeInputPlaceholder, ref: el => (this.pnInputPostalCode = el), autocomplete: "off", helpertext: this._postalCodeProps?.postalCodeInputHelpertext }), index.h("pn-marketweb-input", { key: 'ec24f27f65e921a6afd8c0e9214b45b08935787f', type: "text", name: this._cityProps?.cityInputName, disabled: true, value: this.city, placeholder: this._cityProps?.cityInputPlaceholder, autocomplete: "off", helpertext: this._cityProps?.cityInputHelpertext })), this._streetAddressProps?.streetAddressNumberLabel ? (index.h("div", { class: "label-container" }, index.h("label", null, `${this._streetAddressProps.streetAddressNumberLabel}`))) : null, index.h("div", { key: 'e9fb084f76476e1a055f9a4a2567f6c34abac9bd', class: "input-container-row" }, index.h("pn-marketweb-input", { key: '0e37fd75f442fea3205ef908635f8a6c7e0fcfc5', 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 }), index.h("pn-marketweb-input", { key: 'bd892fd402543794261286e5cd870931e7392a90', 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 }))));
+        return (index.h(index.Host, { key: 'e9b2ee570357afa86157d45fed8069ad6173adca', class: "pn-address-autofill" }, this._postalCodeProps?.postalCodeCityLabel ? (index.h("div", { class: "label-container" }, index.h("label", null, `${this._postalCodeProps.postalCodeCityLabel}`))) : null, index.h("div", { key: '614509947f7e19bf1cc9cebab6c6ce9fd70ec0dd', class: "input-container-row" }, index.h("pn-marketweb-input", { key: 'f5502a7709ebc38796204f0a297530d6cad97e17', type: "text", name: this._postalCodeProps?.postalCodeInputName, required: this._postalCodeProps?.postalCodeInputRequired, placeholder: this._postalCodeProps?.postalCodeInputPlaceholder, ref: el => (this.pnInputPostalCode = el), autocomplete: "off", helpertext: this._postalCodeProps?.postalCodeInputHelpertext }), index.h("pn-marketweb-input", { key: '6fd95c1619292f2b3731587a124546d331611c15', type: "text", name: this._cityProps?.cityInputName, disabled: true, value: this.city, placeholder: this._cityProps?.cityInputPlaceholder, autocomplete: "off", helpertext: this._cityProps?.cityInputHelpertext })), this._streetAddressProps?.streetAddressNumberLabel ? (index.h("div", { class: "label-container" }, index.h("label", null, `${this._streetAddressProps.streetAddressNumberLabel}`))) : null, index.h("div", { key: 'e7f094beb146c848fc07e6b444d6d66b897c2bdb', class: "input-container-row" }, index.h("pn-marketweb-input", { key: '50ea4a391405163fb4e822fc9efd573e6d1fd60a', 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 }), index.h("pn-marketweb-input", { key: 'fa91730e5ec491c234b2098939835a6508e44ea1', 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 }))));
     }
 };
 PnAddressAutofill.style = PnAddressAutofillStyle0;

package/cjs/pn-app-banner.cjs.entry.js

@@ -79,7 +79,7 @@ const PnAppBanner = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f70e119be99b5b2beb4522726e95762b7f15126e', "data-is-closed": this.isClosed ? 'true' : 'false' }, index.h("div", { key: '29166c5e77c9a294784d0665067b3f06967290ac', class: "pn-app-banner__wrapper pn-app-banner__sticky" }, index.h("div", { key: '06ad90e4b6017c591c5d8a647338292957af00db', class: "icon-close", onClick: this.handleOnClose }, index.h("pn-icon", { key: '795dcea4d365c627c60182a8005a44574dfe0a19', icon: close_small.close_small, small: "false", color: "black" })), index.h("div", { key: '2cb19ab54b6f94e4c0a1c5126e39e4adc9576cdd', class: "pn-app-banner__icon" }, index.h("svg", { key: '75ee77eb5595956432dbfd09baa9a581239b65b6', width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '1b86f45c28d6b77cce87ccd88328dd0b8ce92c28', "clip-path": "url(#clip0_17800_45416)" }, index.h("path", { key: '876241e885a0cd7eb09f887e2da3a7602a53bbbb', 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" }), index.h("mask", { key: '833bca6577287b47493f75ccdeb0699665a2865f', id: "mask0_17800_45416", style: { 'mask-type': 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "32", height: "32" }, index.h("path", { key: 'd3abeae46914029aafb7562b4398c4ba31c7310f', 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" })), index.h("g", { key: '5e516a7a66050bfe270f17ee26f11a4665173ae4', mask: "url(#mask0_17800_45416)" }, index.h("path", { key: '1f3364dca5709e5d02668034430693ecd41e8bc2', 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" }), index.h("path", { key: 'ce9bd5ecc95d0da87315a5d652e53117fa573c4f', d: "M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z", fill: "url(#paint0_linear_17800_45416)" }), index.h("path", { key: 'b5cb378a2d45eaea81908b040a4a681fed76177d', 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" }), index.h("g", { key: '149e91254874ed58964a1aef7c64272be46b53a6', filter: "url(#filter0_d_17800_45416)" }, index.h("path", { key: '721fe08a0cbfe048bbebd5aa8b0e3921b86f32e7', 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" }), index.h("path", { key: '03116eb8484ffb6a987a1e8c2d1f3f93f9372d1b', 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" }), index.h("path", { key: '1450f8093f0c616e6d2fe1c6e0030e496432ed20', 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" }), index.h("path", { key: '007fc92f411b387950d233cbda28003cde1b354b', "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" })))), index.h("defs", { key: '7324852e9e095e5532b21371b9e929675b092a1c' }, index.h("filter", { key: '85ec9ee4983cb7b92fe4fb3a7e702e4438f915d2', id: "filter0_d_17800_45416", x: "-52.5938", y: "-48.5938", width: "137.188", height: "137.188", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '8a9b91e11aedbf4fad6248ade8df932fb3de8bb9', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '89db649b0540a2f7a800e1db669ea84abf8b0338', 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" }), index.h("feOffset", { key: '97a487093a53366fdf826891643a0ced40b38a65', dy: "4" }), index.h("feGaussianBlur", { key: 'e896889c847350b33e367583c385f7a75cf2286e', stdDeviation: "30" }), index.h("feColorMatrix", { key: '9a08bb541831685d4a7545a1b4fb32fd83198542', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '8e70d4b91eb9cb77f6c8c04fd4ed338c8fba0d8c', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_17800_45416" }), index.h("feBlend", { key: '7ad369b79b01cb686129cafec1d3c194f50b86b1', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_17800_45416", result: "shape" })), index.h("linearGradient", { key: '9fdf52f4b2d279d1d3d3706a3c70215174a09e49', id: "paint0_linear_17800_45416", x1: "29.2305", y1: "44.3441", x2: "51.5694", y2: "15.1782", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'fb5da57f4e192ce589fd9ab58e2599d9200c1580', offset: "0.0800778", "stop-color": "#0D244C" }), index.h("stop", { key: '35efe899489de4df4c2ba0b451ecbcf4d8583590', offset: "1", "stop-color": "#0D234B" })), index.h("clipPath", { key: 'e62363029a58d91aa6bbcf79a66436311242ff0a', id: "clip0_17800_45416" }, index.h("rect", { key: '2c71d0bc14df4d14b4b19923f93706fa48e2d22d', width: "32", height: "32", fill: "white" }))))), index.h("div", { key: 'c2fb9baa295a7d82f94b3a1f83d0e76fd8eee64c', class: "pn-app-banner__text" }, index.h("span", { key: '84064a2876befa0d572399f2990fb278d7404b3b' }, this.appName), index.h("br", { key: 'ef3a6494ece6351ad5dfc51e70c5201d25f5f190' }), this.appDescription), index.h("div", { key: '39c93e3e3b455fecffb78e4427a1c3063a5f1ac3', class: "pn-app-banner__cta" }, index.h("pn-button", { key: 'd7c902a8e3ad8b5ae86aafb2a03611dbce6e3a8f', small: true, href: this.storeLink }, this.ctaText)))));
+        return (index.h(index.Host, { key: '3f3638710d0a5cf34d63e8a0cbd06354d3d9c4dd', "data-is-closed": this.isClosed ? 'true' : 'false' }, index.h("div", { key: '36876ccbcddc81d47c9c74bb882253aa5fc4d4d2', class: "pn-app-banner__wrapper pn-app-banner__sticky" }, index.h("div", { key: 'bbd021103f7abe896e5d7584253417a4ff253706', class: "icon-close", onClick: this.handleOnClose }, index.h("pn-icon", { key: '1280accfef439e4607dfe33c31e068680e1b00a2', icon: close_small.close_small, small: "false", color: "black" })), index.h("div", { key: '2e5740dad6bc905b84d37771d65944d575bcaa55', class: "pn-app-banner__icon" }, index.h("svg", { key: 'ac835afb018bed1fcda87c0313b73fa66d660ead', width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '0fa9511a3ed8fbe0d238d9a4acc3f9063675fa1e', "clip-path": "url(#clip0_17800_45416)" }, index.h("path", { key: '7dc270eb92eb87677516086143258e2a542bed67', 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" }), index.h("mask", { key: '1f84f4860bccd53d36a13a854817c67b7f72f613', id: "mask0_17800_45416", style: { 'mask-type': 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "32", height: "32" }, index.h("path", { key: 'b63fe46713181e842b88872456b5515fb64148c7', 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" })), index.h("g", { key: 'fb1c0eadbe3e9e8b5ccd6bd86162b42f53dd175c', mask: "url(#mask0_17800_45416)" }, index.h("path", { key: '650b904b6a3545d5234c9fa7baa8734a14bf6a9c', 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" }), index.h("path", { key: '061d646a846b5c861e42e9b2dcabe04881842cd4', d: "M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z", fill: "url(#paint0_linear_17800_45416)" }), index.h("path", { key: '506484d1f585fa01eb8dac3394fb3ae020d46b20', 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" }), index.h("g", { key: '4e3f4be7d87e69ec5cd2800c262922fefbd9d62f', filter: "url(#filter0_d_17800_45416)" }, index.h("path", { key: 'db1c6e6a955ba06b2194d55167538717e22dc368', 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" }), index.h("path", { key: 'b18671805a02a5181fc2eca36331acaf66996ce3', 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" }), index.h("path", { key: '04cd6cdf0aaa2f37814683a7af6c84c159f570b8', 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" }), index.h("path", { key: 'ea2c9de840b0653a740bb6758d9bd20db17f439a', "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" })))), index.h("defs", { key: '8efee6bea0f254e8ccef8159e8d99e94586240fd' }, index.h("filter", { key: 'd3e2a3029f07b60f9add92f80236b0e46e5ecede', id: "filter0_d_17800_45416", x: "-52.5938", y: "-48.5938", width: "137.188", height: "137.188", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '84acb7aefe9ac2a764dae4010f2b48c9e4d91d68', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'd3114f61c71c3d55066f109fa9e4fdbee28d46f9', 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" }), index.h("feOffset", { key: '8eb058b2a260e60b3dc63e2ca0f4cbd1dcec7bfa', dy: "4" }), index.h("feGaussianBlur", { key: '44e8685b44bbaa566c8a05f4f616ae660e95ae1b', stdDeviation: "30" }), index.h("feColorMatrix", { key: 'f01d0a9db675f73d5e78e56c648fb809fbafc346', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: 'bebf05912096463ec2f45a187445397d030183ac', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_17800_45416" }), index.h("feBlend", { key: 'fdce7cbb39d7f483f0a1e55620a0658fda4e49e1', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_17800_45416", result: "shape" })), index.h("linearGradient", { key: 'c55f4661c005522192e942dadc378c3ff353fa76', id: "paint0_linear_17800_45416", x1: "29.2305", y1: "44.3441", x2: "51.5694", y2: "15.1782", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'c788101dbda8cfc05b5e6a55312fff603f65bb03', offset: "0.0800778", "stop-color": "#0D244C" }), index.h("stop", { key: '79ab4d84df446428aa6d93dbf3f7ebddc9b7a7aa', offset: "1", "stop-color": "#0D234B" })), index.h("clipPath", { key: 'abd14a29261ebbb00c8ddb0719cee6a1879c31a6', id: "clip0_17800_45416" }, index.h("rect", { key: 'ed045038546752ef55197f27fecd69e6cd3e861b', width: "32", height: "32", fill: "white" }))))), index.h("div", { key: 'a510530378b82df1d63abd945bbaabe0002d0edc', class: "pn-app-banner__text" }, index.h("span", { key: '922a3200668bc6d2786b628eed3360a0d6388215' }, this.appName), index.h("br", { key: '3b95a20189db0be2064ebac326c6b3f8bc147ef8' }), this.appDescription), index.h("div", { key: '7c1eab78cfbc3661e8b52e382979a09d8393a966', class: "pn-app-banner__cta" }, index.h("pn-button", { key: '3b4835b658473662494247696910105fbd0a08d4', small: true, href: this.storeLink }, this.ctaText)))));
     }
 };
 PnAppBanner.style = PnAppBannerStyle0;

package/cjs/pn-bonus-progressbar-level.cjs.entry.js

@@ -35,7 +35,7 @@ const PnBonusProgressbarLevel = class {
         return `${this.value.toLocaleString('sv-SE', { maximumFractionDigits: 0 })} ${this.currency}`;
     }
     render() {
-        return (index.h(index.Host, { key: '4d9916e2fe5f2686079922f81f684671b7c27baa', style: { left: `${this.visualpercentage}%` } }, index.h("div", { key: 'e223ced0fbb3be42cb76266394e8b47e1e83af89', class: "progressbar-level-percentage" }, this.bonuspercentage), index.h("div", { key: '6fc24a5d2dc290effd07f356443e46d88ead112d', class: "progressbar-level-value" }, this.formatValue())));
+        return (index.h(index.Host, { key: '17dea66cc0b3d8ba52533a05d1879ad441dadc39', style: { left: `${this.visualpercentage}%` } }, index.h("div", { key: '8037ab85d591c3fef10b6c54767be99e3acdc512', class: "progressbar-level-percentage" }, this.bonuspercentage), index.h("div", { key: 'fe23e4451775abe17c0c0b3dab1ba4ed66225b53', class: "progressbar-level-value" }, this.formatValue())));
     }
 };
 PnBonusProgressbarLevel.style = PnBonusProgressbarLevelStyle0;

package/cjs/pn-bonus-progressbar.cjs.entry.js

@@ -87,7 +87,7 @@ const PnBonusProgressbar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7a51430da5389fb43fe3abbd784f813ad4fd3e28' }, index.h("div", { key: '52c5b8eb010d480c12f8c05e43381e4821213110', class: "bonusprogressbar-top" }, this.icon ? (index.h("div", { class: "bonusprogressbar-top-icon" }, index.h("pn-icon", { icon: this.icon, small: "false", color: this.iconColor() }))) : ({}), index.h("div", { key: 'c5e3dd0e638ec5f5f383d5203678f0348d7d136a', class: "bonusprogressbar-top-heading" }, index.h("h4", { key: '86acf36a702021d2e109d269c79d87fbb805690a', class: "bonusprogressbar-top-headline" }, this.heading, " ", index.h("strong", { key: '84c8bbcd67580b5ef13ceb645c0366a210e6d3c9', class: "bonusprogressbar-top-percentage" }, this.bonuspercentage)), this.sumtext ? index.h("div", { class: "bonusprogressbar-sumtext" }, this.sumtext) : null)), index.h("div", { key: 'd2f82577f0874638e9c2e26a18834a0ce5b15a94', class: "bonusprogressbar-wrapper" }, index.h("progress", { key: '7365a3747b35760bf02754cef95a604da4895437', class: "bonusprogressbar-progress", value: this.progresspercentage, max: "100" }), index.h("slot", { key: '321134ff518200293ddaba3aa2d2c67b6240af51' }))));
+        return (index.h(index.Host, { key: '89103fc6287e71d9ac12c7bcbb284959c0ea64bd' }, index.h("div", { key: '9a0b60180dc43681d5f5e1b7376435afb583765e', class: "bonusprogressbar-top" }, this.icon ? (index.h("div", { class: "bonusprogressbar-top-icon" }, index.h("pn-icon", { icon: this.icon, small: "false", color: this.iconColor() }))) : ({}), index.h("div", { key: '97f7f703387b719ab11ca555e5f46de0a38b0dcf', class: "bonusprogressbar-top-heading" }, index.h("h4", { key: '8127659ee7221eec13123fd0e07c1871a132fdf9', class: "bonusprogressbar-top-headline" }, this.heading, " ", index.h("strong", { key: '5883c56d6aa717e654634e4232e768e76b5f8236', class: "bonusprogressbar-top-percentage" }, this.bonuspercentage)), this.sumtext ? index.h("div", { class: "bonusprogressbar-sumtext" }, this.sumtext) : null)), index.h("div", { key: '9ca7943f007cfb8bf63c1c64032140ae158bed85', class: "bonusprogressbar-wrapper" }, index.h("progress", { key: 'db618cbeb83e9e6459c2db90da1806952b2b98b3', class: "bonusprogressbar-progress", value: this.progresspercentage, max: "100" }), index.h("slot", { key: '6954cfff8a350a37528f0529d1158b79b9abe499' }))));
     }
     static get watchers() { return {
         "currentLevelAdjustedValue": ["setValuePercentage"],

package/cjs/pn-breakpoints.cjs.entry.js

@@ -21,7 +21,7 @@ const PnBreakpoints = class {
         return `breakpoints--${this.breakPointClass}`;
     }
     render() {
-        return (index.h(index.Host, { key: '6c68864c9882c8a662af98af71e89a6137265316' }, index.h("div", { key: 'a7bdbe403e294e044481c46ae5018f94e10f7557', class: `breakpoints ${this.createBreakpointClass()} ` }, `${this.currentWidth} px`, ' min-width: ', index.h("span", { key: '7090660a5baca990abc27b7cb3fb059f8755f97a', class: "reference" }, ' px'))));
+        return (index.h(index.Host, { key: '8b63df6039a44bb407fca3348080731d18a9816e' }, index.h("div", { key: 'ff9ec2fdfc962b410810c64a55614a4e67cec6e4', class: `breakpoints ${this.createBreakpointClass()} ` }, `${this.currentWidth} px`, ' min-width: ', index.h("span", { key: '3c634f3be7a03278931dc85c0357e2153d21294c', class: "reference" }, ' px'))));
     }
 };
 PnBreakpoints.style = PnBreakpointsStyle0;

package/cjs/pn-charts-card.cjs.entry.js

@@ -11,7 +11,7 @@ const PnChartsCardStyle0 = pnChartsCardCss;
 const PnChartsCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.header = undefined;
+        this.header = null;
         this.highlight = undefined;
         this.preamble = undefined;
         this.label = undefined;
@@ -28,7 +28,9 @@ const PnChartsCard = class {
         return null;
     };
     render() {
-        return (index.h(index.Host, { key: '91447ac4f3c66c65a9c32357d1c15819529a47bf' }, index.h("slot", { key: '885766168316b0126bfd4bbc0fa6831d50271ac8', name: "clickable-block-wrapper" }), index.h("div", { key: 'c36f6da932a19fdf26331695fcff8f980ba9717f', class: "pn-charts-card__wrapper" }, index.h("div", { key: '21a27ad5df39c1d7c410dd303f8d15d0e57e6a97', class: "pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical" }, index.h("h2", { key: 'e962cd70401a2d5f7803eff1dfe6f8103914b7c0', class: "pn-charts-card__heading" }, this.header), index.h("div", { key: '9d48c7554a1aaa1335f56e9bd854d6735dcaebdf', class: "pn-charts-card__heading__highlight" }, this.highlight)), index.h("div", { key: '0c9cdd7bb51cdf330cff3c1dbfc0d2c9bdcf3f37', class: "pn-charts-card__content__wrapper" }, index.h("slot", { key: '50760aa3a8451a10761bd5aa7494c87d6ee98d37', name: "chart" }), index.h("div", { key: 'b29621773e2b57bf11b1918b5db6cf6bcbc9f70b', class: "pn-charts-card__text__container" }, index.h("div", { key: 'e8d3bdae305eebfaea6b0edb02d77915ececfe14', class: "pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal" }, index.h("h2", { key: '9f4eb401ec9c4f5c79433a46556454234fc33e62', class: "pn-charts-card__heading pn-charts-card__heading" }, this.header), index.h("div", { key: '497f231562a12bfded6825ff5a9663c88a5ad547', class: "pn-charts-card__heading__highlight" }, this.highlight)), index.h("span", { key: 'fb7db891bb1b5a49341232ddaac450f2c61040b5', class: "pn-charts-card__preamble" }, this.preamble), index.h("div", { key: 'cc2f2629ebd6703174e1ced56bb9bbd0e3fb4545', class: "pn-charts-card__text__wrapper" }, index.h("div", { key: '7a91367119559d8645c24233c42af3a165002b40', class: "pn-charts-card__source" }, index.h("label", { key: '2d838a336b48b5cf1a697a347952438402dd0d6f' }, this.label), index.h("h3", { key: 'b037cc3a8b7c5d8055ad7c6099d020ccf77c6c84', class: "pn-chart-card__text__heading" }, this.source), this.showCtaLinkText())))))));
+        return (index.h(index.Host, { key: '6f733408b55d43315de16b39f2ca0cb48cad1a10' }, index.h("slot", { key: '47962ca07bd4ab85bf72ee27f3e56d96fd02936d', name: "clickable-block-wrapper" }), index.h("div", { key: '96e09155b42f594c6866262b81b68c07c5b194ca', class: "pn-charts-card__wrapper" }, this.header &&
+            (index.h("div", { key: 'c578bbaacd00e4963b2678b2e01b70c5033ab573', class: "pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical" }, index.h("h2", { key: '1efbdcebf15c7af69b72219e5cd21b26873d8c69', class: "pn-charts-card__heading" }, this.header), index.h("div", { key: '0591981bd49e82a510aeda2b986e3711672a997e', class: "pn-charts-card__heading__highlight" }, this.highlight))), index.h("div", { key: 'e35bde7b730cb7a41eb1d7eff4454010bdb666ae', class: "pn-charts-card__content__wrapper" }, index.h("slot", { key: '908090196e4f205b347fc13309b3dd06b1de168c', name: "chart" }), index.h("div", { key: 'd546186e8244af382ac220514aa7edf5eecb033a', class: "pn-charts-card__text__container" }, this.header &&
+            (index.h("div", { key: '123ff886ddad4911522385a01f43db2787928cc9', class: "pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal" }, index.h("h2", { key: '5f02a104d719cfc5c785c2ce40ee389c4e8c3a66', class: "pn-charts-card__heading pn-charts-card__heading" }, this.header), index.h("div", { key: '050bc7518f8e0afcefcedfbe529286b778650cb8', class: "pn-charts-card__heading__highlight" }, this.highlight))), index.h("span", { key: 'dd21c533f436b8c3b3755a3de80fa759800f122e', class: "pn-charts-card__preamble" }, this.preamble), index.h("div", { key: '2442b29c8f74de7001698d6fb431420b53e3345d', class: "pn-charts-card__text__wrapper" }, index.h("div", { key: '9f98181d22c1e2448d5af89e79904b459b059af6', class: "pn-charts-card__source" }, index.h("label", { key: '9634730f55c11cca03ec1505dcd5977b70e72e74' }, this.label), this.source ? index.h("h3", { class: "pn-chart-card__text__heading" }, this.source) : null, this.showCtaLinkText())))))));
     }
 };
 PnChartsCard.style = PnChartsCardStyle0;

package/cjs/pn-charts-card.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-charts-card.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,s+JAAs+J,CAAC;AAC//J,2BAAe,eAAe;;MCMjB,YAAY;;;;;;;;;;+BAUY,KAAK;;;IAExC,eAAe,GAAG;QAChB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,QACEA,eAAG,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,GAAG,gCAAgC,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAG,QAAQ,GAAG,IAAI,IAChK,IAAI,CAAC,WAAW,OAAEA,qBAAS,IAAI,EAAEC,uBAAW,QAAa,CACxD,EACJ;SACH;QACD,OAAO,IAAI,CAAC;KACb,CAAC;IAEF,MAAM;QACJ,QACED,QAACE,UAAI,uDACHF,mEAAM,IAAI,EAAC,yBAAyB,GAAG,EACvCA,kEAAK,KAAK,EAAC,yBAAyB,IAClCA,kEAAK,KAAK,EAAC,6EAA6E,IACtFA,iEAAI,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAM,EACtDA,kEAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE,EAENA,kEAAK,KAAK,EAAC,kCAAkC,IAC3CA,mEAAM,IAAI,EAAC,OAAO,GAAQ,EAC1BA,kEAAK,KAAK,EAAC,iCAAiC,IAC1CA,kEAAK,KAAK,EAAC,+EAA+E,IACxFA,iEAAI,KAAK,EAAC,iDAAiD,IAAE,IAAI,CAAC,MAAM,CAAM,EAC9EA,kEAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE,EACNA,mEAAM,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,QAAQ,CAAQ,EAC7DA,kEAAK,KAAK,EAAC,+BAA+B,IACxCA,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,sEAAQ,IAAI,CAAC,KAAK,CAAS,EAC3BA,iEAAI,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,MAAM,CAAM,EAC1D,IAAI,CAAC,eAAe,EAAE,CACnB,CACF,CACF,CACF,CACF,CACD,EACP;KACH;;;;;;","names":["h","arrow_right","Host"],"sources":["src/components/charts/pn-charts-card/pn-charts-card.scss?tag=pn-charts-card","src/components/charts/pn-charts-card/pn-charts-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-charts-card {\n  width: 100%;\n  height: 100%;\n  display: flex;\n\n  .pn-charts-card__wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    border-radius: 2.4rem;\n    padding: 2.4rem;\n\n    @media screen and (min-width: 1200px) {\n      padding: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    gap: 0.8rem;\n  }\n\n  .pn-charts-card__heading {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__highlight {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n    color: $blue700;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__content__wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .pn-charts-card__text__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n  }\n\n  .pn-charts-card__heading__wrapper--horizontal {\n    display: none;\n  }\n\n  .pn-charts-card__text__wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    span {\n      display: block;\n      margin-bottom: 5.4rem;\n    }\n  }\n\n  .pn-charts-card__preamble {\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 140%;\n    flex-grow: 1;\n    margin-bottom: 1.6rem;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 2rem;\n    }\n  }\n\n  .pn-charts-card__source {\n    display: flex;\n    flex-direction: column;\n\n    label {\n      background-color: $blue400;\n      color: $white;\n      border-radius: 0.4rem;\n      font-weight: 400;\n      font-size: 1rem;\n      line-height: 1;\n      text-transform: uppercase;\n      padding: 0.4rem;\n      margin-bottom: 0.6rem;\n      width: fit-content;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 1.2rem;\n        padding: 0.6rem;\n      }\n    }\n\n    .pn-chart-card__text__heading {\n      font-weight: 400;\n      font-size: 1.6rem;\n      line-height: 140%;\n      color: $blue700;\n      margin-bottom: 0;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 2rem;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      &:hover {\n        text-decoration: underline;\n      }\n\n      font-weight: 500;\n      font-size: 1.6rem;\n      text-decoration: none;\n      color: $blue700;\n      font-weight: 400;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 2rem;\n      }\n\n      pn-icon svg {\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &[target='_blank']:not(.pn-button):after {\n        display: none;\n      }\n    }\n  }\n}\n\n//horizontal layout\n.fullwidth {\n  & > pn-charts-card {\n    .pn-charts-card__wrapper {\n      padding: 2.4rem;\n      @media screen and (min-width: 992px) {\n        padding: 4rem;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper {\n      margin-bottom: 3.2rem;\n      @media screen and (min-width: 768px) {\n        justify-content: flex-start;\n      }\n\n      gap: 1.6rem;\n    }\n\n    .pn-charts-card__heading,\n    .pn-charts-card__heading__highlight {\n      font-size: 2.4rem;\n      @media screen and (min-width: 768px) {\n        font-size: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__content__wrapper {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      @media screen and (min-width: 992px) {\n        flex-direction: row-reverse;\n        gap: 5.6rem;\n      }\n\n      @media screen and (min-width: 1200px) {\n        gap: 4rem;\n      }\n\n      @media screen and (min-width: 1640px) {\n        gap: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__text__container {\n      justify-content: center;\n      @media screen and (min-width: 768px) {\n        width: 100%;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--vertical {\n      display: flex;\n\n      @media screen and (min-width: 992px) {\n        display: none;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--horizontal {\n      display: none;\n      @media screen and (min-width: 992px) {\n        display: flex;\n      }\n    }\n\n    .pn-charts-card__preamble {\n      @media screen and (min-width: 768px) {\n        flex-grow: 0;\n        font-size: 2rem;\n      }\n    }\n  }\n}\n\n//colors\npn-charts-card[data-chart-color='blue'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $blue25;\n  }\n}\n\npn-charts-card[data-chart-color='coral'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $coral50;\n  }\n}\n\npn-charts-card[data-chart-color='green'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $green50;\n  }\n}\n\npn-charts-card[data-chart-color='white'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $white;\n  }\n}\n\npn-charts-card[data-chart-color='gray'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $gray25;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-charts-card',\n  styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() header: string;\n  @Prop() highlight: string;\n  @Prop() preamble: string;\n  @Prop() label: string;\n  @Prop() source: string;\n  @Prop() sourceUrl: string;\n  @Prop() ctaLinkText: string;\n  @Prop() openInNewWindow: boolean = false;\n\n  showCtaLinkText = () => {\n    if (this.ctaLinkText) {\n      return (\n        <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n          {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n        </a>\n      );\n    }\n    return null;\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"clickable-block-wrapper\" />\n        <div class=\"pn-charts-card__wrapper\">\n          <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n            <h2 class=\"pn-charts-card__heading\">{this.header}</h2>\n            <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n          </div>\n\n          <div class=\"pn-charts-card__content__wrapper\">\n            <slot name=\"chart\"></slot>\n            <div class=\"pn-charts-card__text__container\">\n              <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n                <h2 class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</h2>\n                <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n              </div>\n              <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n              <div class=\"pn-charts-card__text__wrapper\">\n                <div class=\"pn-charts-card__source\">\n                  <label>{this.label}</label>\n                  <h3 class=\"pn-chart-card__text__heading\">{this.source}</h3>\n                  {this.showCtaLinkText()}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-charts-card.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,s+JAAs+J,CAAC;AAC//J,2BAAe,eAAe;;MCMjB,YAAY;;;sBAGE,IAAI;;;;;;;+BAOM,KAAK;;;IAExC,eAAe,GAAG;QAChB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,QACEA,eAAG,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,GAAG,gCAAgC,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAG,QAAQ,GAAG,IAAI,IAChK,IAAI,CAAC,WAAW,OAAEA,qBAAS,IAAI,EAAEC,uBAAW,QAAa,CACxD,EACJ;SACH;QACD,OAAO,IAAI,CAAC;KACb,CAAC;IAEF,MAAM;QACJ,QACED,QAACE,UAAI,uDACHF,mEAAM,IAAI,EAAC,yBAAyB,GAAG,EACvCA,kEAAK,KAAK,EAAC,yBAAyB,IACjC,IAAI,CAAC,MAAM;aAERA,kEAAK,KAAK,EAAC,6EAA6E,IACtFA,iEAAI,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAM,EACtDA,kEAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE,CACP,EAEHA,kEAAK,KAAK,EAAC,kCAAkC,IAC3CA,mEAAM,IAAI,EAAC,OAAO,GAAQ,EAC1BA,kEAAK,KAAK,EAAC,iCAAiC,IACzC,IAAI,CAAC,MAAM;aAERA,kEAAK,KAAK,EAAC,+EAA+E,IACxFA,iEAAI,KAAK,EAAC,iDAAiD,IAAE,IAAI,CAAC,MAAM,CAAM,EAC9EA,kEAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE,CACP,EAEHA,mEAAM,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,QAAQ,CAAQ,EAC7DA,kEAAK,KAAK,EAAC,+BAA+B,IACxCA,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,sEAAQ,IAAI,CAAC,KAAK,CAAS,EAC1B,IAAI,CAAC,MAAM,GAAGA,gBAAI,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,MAAM,CAAM,GAAG,IAAI,EAChF,IAAI,CAAC,eAAe,EAAE,CACnB,CACF,CACF,CACF,CACF,CACD,EACP;KACH;;;;;;","names":["h","arrow_right","Host"],"sources":["src/components/charts/pn-charts-card/pn-charts-card.scss?tag=pn-charts-card","src/components/charts/pn-charts-card/pn-charts-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-charts-card {\n  width: 100%;\n  height: 100%;\n  display: flex;\n\n  .pn-charts-card__wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    border-radius: 2.4rem;\n    padding: 2.4rem;\n\n    @media screen and (min-width: 1200px) {\n      padding: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    gap: 0.8rem;\n  }\n\n  .pn-charts-card__heading {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__highlight {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n    color: $blue700;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__content__wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .pn-charts-card__text__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n  }\n\n  .pn-charts-card__heading__wrapper--horizontal {\n    display: none;\n  }\n\n  .pn-charts-card__text__wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    span {\n      display: block;\n      margin-bottom: 5.4rem;\n    }\n  }\n\n  .pn-charts-card__preamble {\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 140%;\n    flex-grow: 1;\n    margin-bottom: 1.6rem;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 2rem;\n    }\n  }\n\n  .pn-charts-card__source {\n    display: flex;\n    flex-direction: column;\n\n    label {\n      background-color: $blue400;\n      color: $white;\n      border-radius: 0.4rem;\n      font-weight: 400;\n      font-size: 1rem;\n      line-height: 1;\n      text-transform: uppercase;\n      padding: 0.4rem;\n      margin-bottom: 0.6rem;\n      width: fit-content;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 1.2rem;\n        padding: 0.6rem;\n      }\n    }\n\n    .pn-chart-card__text__heading {\n      font-weight: 400;\n      font-size: 1.6rem;\n      line-height: 140%;\n      color: $blue700;\n      margin-bottom: 0;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 2rem;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      &:hover {\n        text-decoration: underline;\n      }\n\n      font-weight: 500;\n      font-size: 1.6rem;\n      text-decoration: none;\n      color: $blue700;\n      font-weight: 400;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 2rem;\n      }\n\n      pn-icon svg {\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &[target='_blank']:not(.pn-button):after {\n        display: none;\n      }\n    }\n  }\n}\n\n//horizontal layout\n.fullwidth {\n  & > pn-charts-card {\n    .pn-charts-card__wrapper {\n      padding: 2.4rem;\n      @media screen and (min-width: 992px) {\n        padding: 4rem;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper {\n      margin-bottom: 3.2rem;\n      @media screen and (min-width: 768px) {\n        justify-content: flex-start;\n      }\n\n      gap: 1.6rem;\n    }\n\n    .pn-charts-card__heading,\n    .pn-charts-card__heading__highlight {\n      font-size: 2.4rem;\n      @media screen and (min-width: 768px) {\n        font-size: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__content__wrapper {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      @media screen and (min-width: 992px) {\n        flex-direction: row-reverse;\n        gap: 5.6rem;\n      }\n\n      @media screen and (min-width: 1200px) {\n        gap: 4rem;\n      }\n\n      @media screen and (min-width: 1640px) {\n        gap: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__text__container {\n      justify-content: center;\n      @media screen and (min-width: 768px) {\n        width: 100%;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--vertical {\n      display: flex;\n\n      @media screen and (min-width: 992px) {\n        display: none;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--horizontal {\n      display: none;\n      @media screen and (min-width: 992px) {\n        display: flex;\n      }\n    }\n\n    .pn-charts-card__preamble {\n      @media screen and (min-width: 768px) {\n        flex-grow: 0;\n        font-size: 2rem;\n      }\n    }\n  }\n}\n\n//colors\npn-charts-card[data-chart-color='blue'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $blue25;\n  }\n}\n\npn-charts-card[data-chart-color='coral'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $coral50;\n  }\n}\n\npn-charts-card[data-chart-color='green'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $green50;\n  }\n}\n\npn-charts-card[data-chart-color='white'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $white;\n  }\n}\n\npn-charts-card[data-chart-color='gray'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $gray25;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-charts-card',\n  styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() header: string = null;\n  @Prop() highlight: string;\n  @Prop() preamble: string;\n  @Prop() label: string;\n  @Prop() source: string;\n  @Prop() sourceUrl: string;\n  @Prop() ctaLinkText: string;\n  @Prop() openInNewWindow: boolean = false;\n\n  showCtaLinkText = () => {\n    if (this.ctaLinkText) {\n      return (\n        <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n          {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n        </a>\n      );\n    }\n    return null;\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"clickable-block-wrapper\" />\n        <div class=\"pn-charts-card__wrapper\">\n          {this.header &&\n            (\n              <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n                <h2 class=\"pn-charts-card__heading\">{this.header}</h2>\n                <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n              </div>\n            )\n          }\n          <div class=\"pn-charts-card__content__wrapper\">\n            <slot name=\"chart\"></slot>\n            <div class=\"pn-charts-card__text__container\">\n              {this.header &&\n                (\n                  <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n                    <h2 class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</h2>\n                    <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n                  </div>\n                )\n              }\n              <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n              <div class=\"pn-charts-card__text__wrapper\">\n                <div class=\"pn-charts-card__source\">\n                  <label>{this.label}</label>\n                  {this.source ? <h3 class=\"pn-chart-card__text__heading\">{this.source}</h3> : null}\n                  {this.showCtaLinkText()}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/cjs/pn-choice-button.cjs.entry.js

@@ -35,7 +35,7 @@ const PnChoiceButton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c4bb73ee8c7b3d9ae903f912afb0a6b7f0fa1e60' }, index.h("input", { key: 'c509d77c2a626365446115075e5afeecdb743e9d', type: this.type, id: this.choiceid, value: this.value, name: this.name || this.choiceid, disabled: this.disabled, checked: this.checked }), index.h("label", { key: '51315f8411bbff0c14391ea737f8dc1a4a463a2d', htmlFor: this.choiceid, class: "pn-choice-button" }, index.h("slot", { key: '8ca9d6d2ceffcf862c5acbc5bd9cd4b2a3ff2209' }))));
+        return (index.h(index.Host, { key: 'ee8c0f187d6ef73fb0686269fef381f272ae0d7e' }, index.h("input", { key: '3849a4c37e9182114136854f445fbf0af6852c9c', type: this.type, id: this.choiceid, value: this.value, name: this.name || this.choiceid, disabled: this.disabled, checked: this.checked }), index.h("label", { key: '5aab99882ff06ac9d8583e6d0c7034cc611a0d0f', htmlFor: this.choiceid, class: "pn-choice-button" }, index.h("slot", { key: 'f42d62b727b8c570712cf95d0d20f96dd5707de6' }))));
     }
 };
 PnChoiceButton.style = PnChoiceButtonStyle0;

package/cjs/pn-cta-block.cjs.entry.js

@@ -22,8 +22,8 @@ const PnCtaBlock = class {
     render() {
         const hasImage = this.hostElement.querySelector('[slot="illustration"]');
         const hasButtons = this.hostElement.querySelector('[slot="cta-buttons"]');
-        return (index.h(index.Host, { key: '5fdd4c5e517e54cfef34011fb06fc5cf04ab2506' }, index.h("div", { key: '1ba76095e428688e6ed6a02bedbdf929e7918fb5', "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 ?
-            index.h("div", { class: "cta-block__image-wrapper" }, index.h("slot", { name: "illustration" })) : null), index.h("div", { key: 'd31468acb821a54aa1f3c0b2ff049370aa8a0fbd', class: "cta-block__content" }, (this.heading) ? index.h("h2", { class: "cta-block__heading" }, this.heading) : null, (this.bodyText) ? index.h("p", { class: "cta-block__text" }, this.bodyText) : null), (hasButtons ?
+        return (index.h(index.Host, { key: 'cd97d60c2c61e127f2e4deacab39fb7f773694ea' }, index.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 ?
+            index.h("div", { class: "cta-block__image-wrapper" }, index.h("slot", { name: "illustration" })) : null), index.h("div", { key: '2b94493d618cabd0205e5cecfd105cec3a695528', class: "cta-block__content" }, (this.heading) ? index.h("h2", { class: "cta-block__heading" }, this.heading) : null, (this.bodyText) ? index.h("p", { class: "cta-block__text" }, this.bodyText) : null), (hasButtons ?
             index.h("div", { class: "cta-block__action" }, index.h("slot", { name: "cta-buttons" })) : null))));
     }
 };

package/cjs/pn-customernumber-selector-option.cjs.entry.js

@@ -16,7 +16,7 @@ const PnProfileSelectorOption = class {
     }
     get hostElement() { return index.getElement(this); }
     render() {
-        return (index.h(index.Host, { key: 'd172e0800706cc597ae98251949b82126972a947' }, index.h("a", { key: '424a253bd2ff08411698484e2dacaeb5395ad23e', class: "customernumberoption", href: this.url }, index.h("span", { key: '3f4abf7c9db59ba1b6e8c3d517e59d002cbecdb7', class: "customernumberoption-text" }, index.h("span", { key: 'be944d80224df353672d0070cdf906e18c261c7b', class: "customernumberoption-title" }, this.heading), index.h("span", { key: '9d59a2f8f79344cdaf487896a66981f3fc52ff39', class: "customernumberoption-description" }, this.description), index.h("slot", { key: '9afd978a36634da1143190318f70521c5166ac53' })))));
+        return (index.h(index.Host, { key: '13189990556189f1ecdcacb793ebd3553cf11219' }, index.h("a", { key: '6b62322725256059dccdbf0147ed7ff08ac39873', class: "customernumberoption", href: this.url }, index.h("span", { key: '1afd1e0c70b1bb7a6958e49a1fedd5f82b083462', class: "customernumberoption-text" }, index.h("span", { key: '847f857d8de331385abd515c0afe62db18270fe3', class: "customernumberoption-title" }, this.heading), index.h("span", { key: 'f2658a680437bccd43c4452ec513151ed315a337', class: "customernumberoption-description" }, this.description), index.h("slot", { key: '2d2f928b57c1a2835fe312c1f0aca1825eee493a' })))));
     }
 };
 PnProfileSelectorOption.style = PnCustomernumberSelectorOptionStyle0;

package/cjs/pn-customernumber-selector.cjs.entry.js

@@ -56,7 +56,7 @@ const PnCustomernumberSelector = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ef400ae5ab8e698c589b47677ef66e4b19829a00' }, index.h("div", { key: 'c362270259d27d1cc68cc04b3ee88d43896a5d9e', class: "customernumber-container" }, index.h("button", { key: 'b03977829c105c3585f163f10527cff66b011fbe', class: "customernumber-toggle", "aria-label": this.i18n.toggleLinkTitleText, onClick: () => (this.open = !this.open) }, index.h("div", { key: '6383ccd2ca068d8baad92c5ffb8bab7467b7a470', class: "customernumber-selected" }, index.h("strong", { key: 'e630dc6e0aac2eeeb17e30dad8a5a4fc70b763f7', class: "customernumber-selected-title" }, this.heading), index.h("div", { key: '4ea4e6b7dfc3d215322d860ed74402328c57e5ae', class: "customernumber-selected-description" }, this.description)), index.h("pn-icon", { key: '0fee747fe17bc7654d5861cc0e4c7285edc6914a', icon: this.open ? angle_up : angle_down, small: "false", color: "blue700" })), index.h("div", { key: 'e5da61be4dcb5a2f78b438ffe7ad023abea33a8b', class: "customernumber-options" }, index.h("slot", { key: '38464c4f6edf1547c8c8b2f93ded8aec53a8527a' })))));
+        return (index.h(index.Host, { key: '0565cc7f88917c45975f20f8d821187d0b788f7e' }, index.h("div", { key: '454b3291b4a8cd1b210b17c74490f91677b70cbc', class: "customernumber-container" }, index.h("button", { key: '59724551b6037f4fa95b4d6a27b371abc40d2e53', class: "customernumber-toggle", "aria-label": this.i18n.toggleLinkTitleText, onClick: () => (this.open = !this.open) }, index.h("div", { key: '649473bdb8aa666841306c35caa11173ff1e2cd4', class: "customernumber-selected" }, index.h("strong", { key: 'a188815da8e8e963f099b2c2c8cc9e69d03b744b', class: "customernumber-selected-title" }, this.heading), index.h("div", { key: 'ec9160ddd3c04368419daa97c4a27ba8befe407b', class: "customernumber-selected-description" }, this.description)), index.h("pn-icon", { key: 'f371a158f82aa6c87e70c46b2cb0317521c3e8d1', icon: this.open ? angle_up : angle_down, small: "false", color: "blue700" })), index.h("div", { key: '9c9de93f965066d3a0e00d0cf0ba74043413dd55', class: "customernumber-options" }, index.h("slot", { key: '0a97567c33ddf96e7ead156d6ef679ed0c507444' })))));
     }
 };
 PnCustomernumberSelector.style = PnCustomernumberSelectorStyle0;

package/cjs/pn-date-and-time.cjs.entry.js

@@ -152,7 +152,7 @@ const PnDateAndTime = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '7080dab1fa6c36c6f32adf675e06d89b6487f638' }, index.h("div", { key: '2db6c5323cf71a3b0b5313e0553f41baf8d3af96', class: "date-and-time-group" }, this.dateAndTimeLabel ? (index.h("div", { class: "date-and-time-row" }, index.h("label", null, this.dateAndTimeLabel))) : null, index.h("div", { key: '0877fcdb53ff395ba2a588eb53c336f5ba71954e', class: "date-and-time-row" }, index.h("pn-date-picker", { key: '8f407a4dc1ec80f17be9f7bd91ed610838c170e6', ref: el => (this.pnDatePicker = el), range: "false", "disable-weekends": this.disableWeekends, "min-date": this.firstValidDateString, "max-date": this.lastValidDateString, language: this.language, placeholder: this.datePlacehodler, "disabled-dates": this.disabledDates })), this.dateHelperText ? index.h("small", { class: "date-and-time-row helper-text" }, this.dateHelperText) : null), index.h("div", { key: 'c139759c68eb3c16aa16524fb4a132f0245d6667', class: "date-and-time-group" }, index.h("div", { key: 'f348b65a13e8dd3d56297efb5220b8fda9098eed', class: "date-and-time-row" }, index.h("pn-select", { key: 'f520eeec1ba8b621a95011f59d38a1af8d177d01', ref: el => (this.pnTimeFromHourDropdown = el), name: "date-and-time-from-houre", placeholder: this.hourArr[8], class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.hourArr?.map((hour) => index.h("pn-option", { label: hour, value: hour }))), index.h("pn-select", { key: '9466cec343d7b0e0795661ecc621ae4e15059fcd', ref: el => (this.pnTimeFromMinuteDropdown = el), name: "date-and-time-from-minute", placeholder: this.minuteArr[0], class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.minuteArr?.map((minute) => index.h("pn-option", { label: minute, value: minute }))), index.h("div", { key: '5a060b11520d227c108af0d30909cd1f1b2eba2b', class: "time-separator" }, index.h("span", { key: '9b037fbec2764d20e62fa169aad7c801885b0688' }, "-")), index.h("pn-select", { key: '80631f321545d0b262509deb78d7933508ac995a', ref: el => (this.pnTimeToHourDropdown = el), name: "date-and-time-to-hour", placeholder: this.hourArr[12], class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.hourArr?.map((hour) => index.h("pn-option", { label: hour, value: hour }))), index.h("pn-select", { key: '05b8b1e62993f0c16bdc644dba2eef0a46cfa436', ref: el => (this.pnTimeToMinuteDropdown = el), name: "date-and-time-to-minute", placeholder: this.minuteArr[0], class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.minuteArr?.map((minute) => index.h("pn-option", { label: minute, value: minute })))), this.timeHelperText ? index.h("small", { class: "date-and-time-row helper-text" }, this.timeHelperText) : null, this.invalidTimespan && this.errorMessage ? (index.h("small", { class: "date-and-time-row error-message" }, index.h("pn-icon", { icon: alert_info_circle, small: "false", color: "warning" }), this.errorMessage)) : null)));
+        return (index.h(index.Host, { key: '7c96e12c5fa8a037274c4a6d07fee951e2241a33' }, index.h("div", { key: 'ed391d3ea4f893664819d21bad737ccd1b1e01a3', class: "date-and-time-group" }, this.dateAndTimeLabel ? (index.h("div", { class: "date-and-time-row" }, index.h("label", null, this.dateAndTimeLabel))) : null, index.h("div", { key: 'd9f6d17cd4693e75c683c4f6b32eee60e7a08b6f', class: "date-and-time-row" }, index.h("pn-date-picker", { key: '60484b972b16ac3a534c9fe71dbce97f98d6e807', ref: el => (this.pnDatePicker = el), range: "false", "disable-weekends": this.disableWeekends, "min-date": this.firstValidDateString, "max-date": this.lastValidDateString, language: this.language, placeholder: this.datePlacehodler, "disabled-dates": this.disabledDates })), this.dateHelperText ? index.h("small", { class: "date-and-time-row helper-text" }, this.dateHelperText) : null), index.h("div", { key: '2ebc4082d4cd26f89115a2c6860788088d8e80c5', class: "date-and-time-group" }, index.h("div", { key: 'f3cd956782695554138221ffc35c0a1e24a4ea0b', class: "date-and-time-row" }, index.h("pn-select", { key: 'a2c5e2bf21993e476fd82e78cd87f534c41d3d45', ref: el => (this.pnTimeFromHourDropdown = el), name: "date-and-time-from-houre", placeholder: this.hourArr[8], class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.hourArr?.map((hour) => index.h("pn-option", { label: hour, value: hour }))), index.h("pn-select", { key: '3a1e0c2755075d579c55a1af37bc9eab8710daf1', ref: el => (this.pnTimeFromMinuteDropdown = el), name: "date-and-time-from-minute", placeholder: this.minuteArr[0], class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.minuteArr?.map((minute) => index.h("pn-option", { label: minute, value: minute }))), index.h("div", { key: '1865ddeac994c9bc6a2c6e939c4e93a902d23946', class: "time-separator" }, index.h("span", { key: '1030be39ab66ba40de11402f92cdaabf2e8e5044' }, "-")), index.h("pn-select", { key: '3c5e2b512dcc198ed3cd5f87e92273a52dfe6583', ref: el => (this.pnTimeToHourDropdown = el), name: "date-and-time-to-hour", placeholder: this.hourArr[12], class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.hourArr?.map((hour) => index.h("pn-option", { label: hour, value: hour }))), index.h("pn-select", { key: '00a10864b0d5d4a3e2aff11ddf82d52b729042cc', ref: el => (this.pnTimeToMinuteDropdown = el), name: "date-and-time-to-minute", placeholder: this.minuteArr[0], class: "date-and-time-dropdown--time", invalid: this.invalidTimespan }, this.minuteArr?.map((minute) => index.h("pn-option", { label: minute, value: minute })))), this.timeHelperText ? index.h("small", { class: "date-and-time-row helper-text" }, this.timeHelperText) : null, this.invalidTimespan && this.errorMessage ? (index.h("small", { class: "date-and-time-row error-message" }, index.h("pn-icon", { icon: alert_info_circle, small: "false", color: "warning" }), this.errorMessage)) : null)));
     }
 };
 PnDateAndTime.style = PnDateAndTimeStyle0;

package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js

@@ -306,7 +306,7 @@ const pnDropdownChoiceAddsRow = class {
         return true;
     }
     render() {
-        return (index.h(index.Host, { key: 'e8f80f1894e622bc9743d2430d7a04ce703cd0e3' }, index.h("div", { key: 'adc4cf8d3bb4437c7f49ba5fb66a38ab1c429dc6', class: "dropdown-choice-form-row" }, index.h("pn-select", { key: 'f798eb65df54302246150e95d060234aba2e25cf', ref: el => (this.pnRowSelectDropdown = el), name: this.addRowDropdownName, placeholder: this.addRowDropdownPlaceholder, label: this.addRowDropdownLabel, class: "pn-row-select-dropdown", "empty-option": "true", language: this.languageCode }, this.rowSelectDropdownArr?.map((value) => index.h("pn-option", { label: value, value: value })))), index.h("div", { key: '323b57c3e66453a91ea16977b05afe25e3c1a9f9', class: "dropdown-choice-form-row" }, index.h("div", { key: '9121a25d7715f8f4269e3bb2f08d1836106de70f', class: "pn-dropdown-choice-table" }, index.h("div", { key: 'f575e6d3d264cd5eb0a0df2f4d75c99822e2bf34', ref: el => (this.tableHead = el) }, this.nextRowIndex === 0 ? null : (index.h("div", { class: "table-header" }, index.h("div", { class: "table-header-name" }, index.h("label", null, this.rowNameLabel)), index.h("div", { class: "table-header-dropdown" }, index.h("label", null, this.rowDropdownLabel)), index.h("div", { class: "table-header-input" }, index.h("label", null, this.rowInputLabel)), index.h("div", { class: "table-header-delete" })))), index.h("div", { key: '4db912994b934f09d4fbd3ff3379e57b62cd915a', ref: el => (this.tableBody = el), class: "pn-dropdown-choice-table-slot" }, index.h("slot", { key: 'ed7edf90d41217a2198a5b869263817a4d6691f9' }))))));
+        return (index.h(index.Host, { key: '900d44153276ef74ef7e71e5bf87fcbaa8660947' }, index.h("div", { key: '201b28f8480d502f75d09dd675857541ad633c95', class: "dropdown-choice-form-row" }, index.h("pn-select", { key: '870f6d3cbd4ace3e0df295cdb47ba528abc28c5c', ref: el => (this.pnRowSelectDropdown = el), name: this.addRowDropdownName, placeholder: this.addRowDropdownPlaceholder, label: this.addRowDropdownLabel, class: "pn-row-select-dropdown", "empty-option": "true", language: this.languageCode }, this.rowSelectDropdownArr?.map((value) => index.h("pn-option", { label: value, value: value })))), index.h("div", { key: '4203fe134a9571b47b332bd15864fdcbe0259762', class: "dropdown-choice-form-row" }, index.h("div", { key: '8d8969a0cea9fb01e7f5d86660bc54dadbbfb448', class: "pn-dropdown-choice-table" }, index.h("div", { key: '3700aa6806e6bc1a72a567a111737adb8953e3d7', ref: el => (this.tableHead = el) }, this.nextRowIndex === 0 ? null : (index.h("div", { class: "table-header" }, index.h("div", { class: "table-header-name" }, index.h("label", null, this.rowNameLabel)), index.h("div", { class: "table-header-dropdown" }, index.h("label", null, this.rowDropdownLabel)), index.h("div", { class: "table-header-input" }, index.h("label", null, this.rowInputLabel)), index.h("div", { class: "table-header-delete" })))), index.h("div", { key: '3d6565fe01c07ac3d561e533665a26ae9342ec64', ref: el => (this.tableBody = el), class: "pn-dropdown-choice-table-slot" }, index.h("slot", { key: 'aa6d63bf9bd138573813068485726ecebee4f5e4' }))))));
     }
     static get watchers() { return {
         "dropdownData": ["dropdownDataWatcher"]

package/cjs/pn-dropdown-with-multi-input-rows-row.cjs.entry.js

@@ -176,7 +176,7 @@ const PnDropdownWithMultiInputRowsRow = class {
         this.deleteRowEvent.emit(this._predefinedValue.id);
     }
     render() {
-        return (index.h(index.Host, { key: '4925aca4d5b55256deda95cdeef466ecad054a51' }, index.h("div", { key: '6162a985244fd8fd93fd5cd268c8b21e9d133942', class: "input-element-row" }, index.h("div", { key: 'aaad2fac34e4151a8c9b30080105d14a44941357', class: "input-container" }, index.h("pn-marketweb-input", { key: 'd27a28ff3fc6265a1edd463da802785865db7f75', ref: el => (this.pnFirstInputField = el), type: "number", placeholder: this.fristInputPlaceholder, value: this.firstInputValue, min: "1" }), this.showFirstInputLowError || this.showFirstInputHighError || this.showFirstInputWarning ? (index.h("div", { class: "input-element-message-container" }, this.showFirstInputLowError ? (index.h("div", { class: "input-element-message-container__error" }, index.h("small", null, this.firstInputLowErrorText))) : null, this.showFirstInputHighError ? (index.h("div", { class: "input-element-message-container__error" }, index.h("small", null, this.firstInputHighErrorText))) : null, this.showFirstInputWarning ? (index.h("div", { class: "input-element-message-container__warning" }, index.h("small", null, this.firstInputWarningText))) : null)) : null), index.h("div", { key: 'ecbbf42b9bf24c50a38d818b0ef9830cf0e03fee', class: "input-container" }, index.h("pn-marketweb-input", { key: '9e1958dcc2cdcb357ae7915ca04c87e2d1bd4baf', ref: el => (this.pnSecondInputField = el), type: "number", placeholder: this.secondInputPlaceholder, value: this.secondInputValue, min: "1" }), this.showSecondInputLowError || this.showSecondInputHighError || this.showSecondInputWarning ? (index.h("div", { class: "input-element-message-container" }, this.showSecondInputLowError ? (index.h("div", { class: "input-element-message-container__error" }, index.h("small", null, this.secondInputLowErrorText))) : null, this.showSecondInputHighError ? (index.h("div", { class: "input-element-message-container__error" }, index.h("small", null, this.secondInputHighErrorText))) : null, this.showSecondInputWarning ? (index.h("div", { class: "input-element-message-container__warning" }, index.h("small", null, this.secondInputWarningText))) : null)) : null), index.h("div", { key: '955330fb6b3d5322c62bdb4f92d7a441c1a17499', class: "input-container" }, index.h("pn-date-picker", { key: 'e0db19f4c733049c89e5334758206a4b510db42f', 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 ? (index.h("div", { class: "delete-button-contianer" }, index.h("pn-button", { ref: el => (this.pnDeleteRowButton = el), small: "true", icon: minus.minus, appearance: "warning", index: this.rowIndex, onClick: () => {
+        return (index.h(index.Host, { key: '7c514008f4b956ad5fad523a107843a7c614e721' }, index.h("div", { key: 'c518ab317a59f02c5e39495d7348ca895965ff28', class: "input-element-row" }, index.h("div", { key: 'b770dbb5bd1094fea75c2473418eec02a2be197f', class: "input-container" }, index.h("pn-marketweb-input", { key: 'e7b71e9588c1e950f13d1683b8cb72b8b909c63b', ref: el => (this.pnFirstInputField = el), type: "number", placeholder: this.fristInputPlaceholder, value: this.firstInputValue, min: "1" }), this.showFirstInputLowError || this.showFirstInputHighError || this.showFirstInputWarning ? (index.h("div", { class: "input-element-message-container" }, this.showFirstInputLowError ? (index.h("div", { class: "input-element-message-container__error" }, index.h("small", null, this.firstInputLowErrorText))) : null, this.showFirstInputHighError ? (index.h("div", { class: "input-element-message-container__error" }, index.h("small", null, this.firstInputHighErrorText))) : null, this.showFirstInputWarning ? (index.h("div", { class: "input-element-message-container__warning" }, index.h("small", null, this.firstInputWarningText))) : null)) : null), index.h("div", { key: 'ae50771a8ba99ddc5589c2adcbb8ad75cfb16c1f', class: "input-container" }, index.h("pn-marketweb-input", { key: '2e9dc269489ea596e5ef21f7df3780440fd24ecb', ref: el => (this.pnSecondInputField = el), type: "number", placeholder: this.secondInputPlaceholder, value: this.secondInputValue, min: "1" }), this.showSecondInputLowError || this.showSecondInputHighError || this.showSecondInputWarning ? (index.h("div", { class: "input-element-message-container" }, this.showSecondInputLowError ? (index.h("div", { class: "input-element-message-container__error" }, index.h("small", null, this.secondInputLowErrorText))) : null, this.showSecondInputHighError ? (index.h("div", { class: "input-element-message-container__error" }, index.h("small", null, this.secondInputHighErrorText))) : null, this.showSecondInputWarning ? (index.h("div", { class: "input-element-message-container__warning" }, index.h("small", null, this.secondInputWarningText))) : null)) : null), index.h("div", { key: '307ea5ed9dff5f37fb2f76d94718ad85eb9eb075', class: "input-container" }, index.h("pn-date-picker", { key: 'e068a8fdf355438e24032afd31cdcc5bb5af76e7', 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 ? (index.h("div", { class: "delete-button-contianer" }, index.h("pn-button", { ref: el => (this.pnDeleteRowButton = el), small: "true", icon: minus.minus, appearance: "warning", index: this.rowIndex, onClick: () => {
                 this.deleteRow();
             } }, "Delete"))) : null)));
     }

package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js

@@ -307,9 +307,9 @@ const PnDropdownWithMultiInputRows = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4ea7e91a6f8ff0da39b68e05e00a745fd96b8526', class: "dropdown-with-multi-input-element" }, index.h("div", { key: '807d22151a0ae95fbdca8386d0819ce772b893e4', class: "dropdown-with-multi-input-element__row" }, index.h("div", { key: 'f2456d3fe50736789999dcae00c88cb295133f60', class: "dropdown-with-multi-input-element__dropdown" }, index.h("pn-select", { key: '951e55019dedbb888fe70d7444bdc6821f9edf52', ref: el => (this.pnFirstDropdown = el), class: "pn-row-select-dropdown dropDown1-dropdown", label: this.firstDropdownLabel, "empty-option": "true", language: this.languageCode }, this.dropdownDataRoot?.map((item, i) => (index.h("pn-option", { index: i, label: item.label, value: item.value, selected: item.checked, onClick: index$1.debounce(this.handleFirstDropdown.bind(this), 500) })))), this.firstDropdownHelperText?.length ? index.h("small", null, this.firstDropdownHelperText) : null)), index.h("div", { key: '06ec69844f6243ee5503ddd2258894831fdfa23f', class: "dropdown-with-multi-input-element__row" }, index.h("div", { key: '0a38a68db09d7c70b51e144c0fa6016b9831ac1a', class: "dropdown-with-multi-input-element__dropdown" }, index.h("pn-select", { key: '252b09be315c9dfca36a2482be7d19a5d4bde162', ref: el => (this.pnSecondDropdown = el), class: "pn-row-select-dropdown dropDown2-dropdown", label: this.secondDropdownLabel, "empty-option": "true", language: this.languageCode }, this.secondDropdownArr?.map((item, i) => (index.h("pn-option", { index: i, label: item, value: item, selected: item === this._secondDropdownSelection, onClick: index$1.debounce(this.handleSecondDropdown.bind(this), 500) })))), this.secondDropdownHelperText?.length ? index.h("small", null, this.secondDropdownHelperText) : null)), this.showDelteConfirm ? (index.h("div", { class: "dropdown-with-multi-input-element__delete" }, index.h("p", null, this.deleteMultipleRowsWarningText), index.h("pn-button", { ref: el => (this.pnConfirmDeleteButton = el), small: "true", appearance: "warning", onClick: this.deleteExcessRows.bind(this) }, this.confirmDeleteButtonText), index.h("pn-button", { ref: el => (this.pnAbortDeleteButton = el), small: "true", appearance: "light", onClick: this.abortDeleteRows.bind(this) }, this.abortDeleteButtonText))) : null, index.h("div", { key: '90d6af7f3d5b7f640610abec4b7c0547160d9b5c', class: "dropdown-with-multi-input-element__label-row" }, index.h("div", { key: '5d83a6a28a254802d70cd05812967c2802f382c7', class: "dropdown-with-multi-input-element__label" }, index.h("label", { key: '24e61b0f05715d76108610c3451519e1724784df' }, this.fristInputLabel)), index.h("div", { key: '963effe10290d4cdbb50e1def728bc4661d456d5', class: "dropdown-with-multi-input-element__label" }, index.h("label", { key: '85e9a0ed12841e117f73a777724694811df8b746' }, this.secondInputLabel)), index.h("div", { key: '6aeafb1ba3a2da8831a356a62b12aab3b6187233', class: "dropdown-with-multi-input-element__label" }, index.h("label", { key: '9458f851124d7c4dd3c3d7ca2b7bbe39c37c9ff1' }, this.dateLabel))), this.rowData?.map((data, i) => {
+        return (index.h(index.Host, { key: '62a6e70fba71acac0e5a1a0712ca5ba8d200b649', class: "dropdown-with-multi-input-element" }, index.h("div", { key: 'd4e3d1537bc05a61483841dfa430a91c1ab47d10', class: "dropdown-with-multi-input-element__row" }, index.h("div", { key: 'c9f1668889f4b5d0fd277ed55ae56936a97eaf3c', class: "dropdown-with-multi-input-element__dropdown" }, index.h("pn-select", { key: '7100957fcce4874b4f9ad831977a901596ca1231', ref: el => (this.pnFirstDropdown = el), class: "pn-row-select-dropdown dropDown1-dropdown", label: this.firstDropdownLabel, "empty-option": "true", language: this.languageCode }, this.dropdownDataRoot?.map((item, i) => (index.h("pn-option", { index: i, label: item.label, value: item.value, selected: item.checked, onClick: index$1.debounce(this.handleFirstDropdown.bind(this), 500) })))), this.firstDropdownHelperText?.length ? index.h("small", null, this.firstDropdownHelperText) : null)), index.h("div", { key: '6cbe491fcec3b6d80c183184ec42aae70fd0901d', class: "dropdown-with-multi-input-element__row" }, index.h("div", { key: '59db0b9dcca3db8894e6ac22f3dd6b0be78f03f9', class: "dropdown-with-multi-input-element__dropdown" }, index.h("pn-select", { key: '4311f2046a95040a0f3f96d9f1b92934948121ff', ref: el => (this.pnSecondDropdown = el), class: "pn-row-select-dropdown dropDown2-dropdown", label: this.secondDropdownLabel, "empty-option": "true", language: this.languageCode }, this.secondDropdownArr?.map((item, i) => (index.h("pn-option", { index: i, label: item, value: item, selected: item === this._secondDropdownSelection, onClick: index$1.debounce(this.handleSecondDropdown.bind(this), 500) })))), this.secondDropdownHelperText?.length ? index.h("small", null, this.secondDropdownHelperText) : null)), this.showDelteConfirm ? (index.h("div", { class: "dropdown-with-multi-input-element__delete" }, index.h("p", null, this.deleteMultipleRowsWarningText), index.h("pn-button", { ref: el => (this.pnConfirmDeleteButton = el), small: "true", appearance: "warning", onClick: this.deleteExcessRows.bind(this) }, this.confirmDeleteButtonText), index.h("pn-button", { ref: el => (this.pnAbortDeleteButton = el), small: "true", appearance: "light", onClick: this.abortDeleteRows.bind(this) }, this.abortDeleteButtonText))) : null, index.h("div", { key: '12a8cb1d276ad74491dcbfdb1c0d9038976e196f', class: "dropdown-with-multi-input-element__label-row" }, index.h("div", { key: '0296310d5b2cd555bc10b584bd726147bc7ac1ff', class: "dropdown-with-multi-input-element__label" }, index.h("label", { key: '23f421b0d0a7c4989d61c61405e43269aa8736ea' }, this.fristInputLabel)), index.h("div", { key: 'b217bbbea28b42da564c0ff38150dbcde6d59b1f', class: "dropdown-with-multi-input-element__label" }, index.h("label", { key: 'ba9e0bba4693fb9c10fdcdbc40b8cd9a0fcfc6ba' }, this.secondInputLabel)), index.h("div", { key: '5109fc97cf3f7338e8ac7d36e663c84934c92823', class: "dropdown-with-multi-input-element__label" }, index.h("label", { key: 'f8296d8f0ba3e162eafcb49551745d6dcd76778b' }, this.dateLabel))), this.rowData?.map((data, i) => {
             return (index.h("div", { class: 'dropdown-with-multi-input-element__row generated-row-' + i, id: 'generated-row-' + i }, index.h("pn-dropdown-with-multi-input-rows-row", { "language-code": this.languageCode, "frist-input-placeholder": this.fristInputPlaceholder, "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 })));
-        }), index.h("div", { key: 'd2dc8b10424046f41dfc73a8e1cb9eb29b1e3b60', class: "dropdown-with-multi-input-element__row sum-row" }, index.h("pn-marketweb-input", { key: '8a176c6d0781093d8b05ad3f2a9a050b2544a865', disabled: true, ref: el => (this.pnSumField = el), type: "number", value: this.rowSum, label: this.sumFieldLabel }), index.h("pn-button", { key: 'f1a9c3cb062e077df8b4960a08361b2e361a4d8f', tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus.plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
+        }), index.h("div", { key: 'c85c46c462a8773fa331995d9ddff7a2ca1c2775', class: "dropdown-with-multi-input-element__row sum-row" }, index.h("pn-marketweb-input", { key: '3cb21151d2570918b65d13147d4c9b4a556d7abb', disabled: true, ref: el => (this.pnSumField = el), type: "number", value: this.rowSum, label: this.sumFieldLabel }), index.h("pn-button", { key: 'd52f4620de201ccfa996435e9c5bed84a57cd536', tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus.plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
                 this.addRow(this.generateUniqueId());
             } }, this.addRowText)), this.elementHelperText?.length ? index.h("div", { class: "dropdown-with-multi-input-element__row" }, this.elementHelperText) : null));
     }

package/cjs/pn-filter-checkbox.cjs.entry.js

@@ -63,7 +63,7 @@ const PnFilterCheckbox = class {
     }
     render() {
         this.renderInputOutsideShadowRoot();
-        return (index.h(index.Host, { key: '233ebbfbb017ddaf60ed532e6eccfee843fdb5e6', checked: this.checked, id: this.checkboxid }, index.h("input", { key: '8a8b9825b0e26bc19134461daaa94ad819c04515', type: "checkbox", id: this.checkboxid, value: this.value, name: this.name || this.checkboxid, disabled: this.disabled, checked: this.checked }), index.h("label", { key: '15e1bdc0aa4ce22d36bc3b93da6777065194fa9e', htmlFor: this.checkboxid, class: "pn-checkbox" }, index.h("svg", { key: '52edced1b2c81bd7b7fc88d9543d5ed4d163b3e1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, index.h("polyline", { key: '9170f52914e4528a0864d01df40b978730e392b1', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" }), index.h("polyline", { key: 'f6353c46270eb506f9bd799fea7b22ba6d76b77d', class: "indeterminate-path", points: "4,12 20,12", "stroke-width": "3" })))));
+        return (index.h(index.Host, { key: 'f36d3cbb8f11ebfb1bc66011cc40ef5b99258103', checked: this.checked, id: this.checkboxid }, index.h("input", { key: '377dec05a3702e0bec6cfc851ebeacc96c15c4be', type: "checkbox", id: this.checkboxid, value: this.value, name: this.name || this.checkboxid, disabled: this.disabled, checked: this.checked }), index.h("label", { key: '6e7275f3de9c84f7de22c83796faafa53be0052f', htmlFor: this.checkboxid, class: "pn-checkbox" }, index.h("svg", { key: 'faa78cc2dc54e76960f447897b78a86e6babfa4e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, index.h("polyline", { key: '0b6acb7b892fc789d0b99ff44cdd4cb65d2447af', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" }), index.h("polyline", { key: '7a67861ed195e31c09bb1f4fd07f64d5b604cd26', class: "indeterminate-path", points: "4,12 20,12", "stroke-width": "3" })))));
     }
 };
 PnFilterCheckbox.style = PnFilterCheckboxStyle0;

package/cjs/pn-find-price-result.cjs.entry.js

@@ -51,7 +51,7 @@ const PnfindPriceResult = class {
         this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';
     }
     render() {
-        return (index.h(index.Host, { key: 'e40c987cb00e23396363b82da35aff0de4fdc408' }, index.h("pn-product-card", { key: '3ebae4106862a29834afeee26bac60a80b1fd76e', "data-productid": this.item.id }, index.h("pn-illustration", { key: 'de96fb88943da0aeb262b865ac33ac22957d55d1', slot: "illustration", illustration: this.item.illustration }), index.h("div", { key: 'fea76bb8712db9967cba8e6daaaa88a67a198f2e', slot: "title" }, this.item.infopagelink ? (index.h("h2", null, index.h("a", { href: this.item.infopagelink, target: "_blank" }, this.item.name))) : (index.h("h2", null, this.item.name)), this.item.highestrankusp === 'Snabbast' ? (index.h("pn-titletag", { slot: "Snabbast", icon: box_label.bolt, color: "blue700" }, this.item.highestrankusp)) : this.item.highestrankusp === 'Billigast' ? (index.h("pn-titletag", { slot: "Billigast", icon: box_label.box_label, color: "green700" }, this.item.highestrankusp)) : null), index.h("div", { key: 'adecf20d8d42168b0b2778820b25598b4dd9fcdb', slot: "content" }, index.h("div", { key: '8197194ab235ed5ff7584991bd0924fa779c39a7', class: "content" }, this.item.description ? (index.h("div", { class: "description" }, this.description.map(desc => (index.h("li", null, desc))))) : null, this.item.info ? index.h("div", { class: "description" }, this.item.info) : null)), this.item.note ? (index.h("div", { slot: "note" }, index.h("p", null, this.item.note))) : null, this.item.additionalusp ? (index.h("div", { slot: "additionalUSP" }, this.Usp1 ? index.h("span", null, this.Usp1) : null, this.Usp2 ? index.h("span", null, this.Usp2) : null, this.Usp3 ? index.h("span", null, this.Usp3) : null)) : null, this.showMeasurement ? index.h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle }) : null, index.h("div", { key: 'acb5c373a0dd0cb0723c0a18aa5cb541c461a019', slot: "cardprice" }, this.item.pricesenddirect ? (index.h("pn-product-card-price", { slot: "sendDirectPrice", label: pnFindPriceStore.state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: pnFindPriceStore.state.market.currency, url: data.sendDirectUrl, linkid: this.linkId + '-portal' })) : null, this.item.pricestamps ? (this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (index.h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: pnFindPriceStore.state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) : (index.h("pn-product-card-price", { slot: "riktiga", label: pnFindPriceStore.state.i18n.realPostcard, amount: this.item.pricestamps + '', currency: pnFindPriceStore.state.market.currency, url: data.RealValues['WebUrl'], linkid: this.linkId + '-riktiga' }))) : null), index.h("div", { key: '528d389369fc5605be1e8ba3e94167cda5132d26', slot: "servicepoint" }, this.item.showservicepointlink ? (index.h("a", { href: pnFindPriceStore.state.market.servicePoint, target: "_blank" }, index.h("pn-icon", { icon: map_marker, color: "blue700" }), pnFindPriceStore.state.i18n.servicePointLink)) : null), index.h("div", { key: 'c106bc6f21504e2618c0943d34fbef43ad791bcb', slot: "mobiledownload" }, this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (index.h("div", { id: "riktiga" }, index.h("h4", null, pnFindPriceStore.state.i18n.realPostcardMobile), index.h("div", null, index.h("a", { href: data.RealValues['AndroidAppUrl'], target: "_blank" }, index.h("img", { class: "riktigaAndroidImg", src: data.RealValues['AndroidImg'] })), index.h("a", { href: data.RealValues['IosAppUrl'], target: "_blank" }, index.h("img", { class: "riktigaAppleImg", src: data.RealValues['IosImg'] }))))) : null))));
+        return (index.h(index.Host, { key: '5cac1124077e85849ba1810fa98fe000454172b4' }, index.h("pn-product-card", { key: '17f04b4b96672ba1fabdc24312427588fcfec8af', "data-productid": this.item.id }, index.h("pn-illustration", { key: '052f57ef35a3c8a35d1874fce6d54e0a47386b10', slot: "illustration", illustration: this.item.illustration }), index.h("div", { key: 'dfb0bdc5b1830e9df896289ffe17ed9d2c399fcd', slot: "title" }, this.item.infopagelink ? (index.h("h2", null, index.h("a", { href: this.item.infopagelink, target: "_blank" }, this.item.name))) : (index.h("h2", null, this.item.name)), this.item.highestrankusp === 'Snabbast' ? (index.h("pn-titletag", { slot: "Snabbast", icon: box_label.bolt, color: "blue700" }, this.item.highestrankusp)) : this.item.highestrankusp === 'Billigast' ? (index.h("pn-titletag", { slot: "Billigast", icon: box_label.box_label, color: "green700" }, this.item.highestrankusp)) : null), index.h("div", { key: 'cff2df36f183dddf5ee8e7ef589e137ca4057c23', slot: "content" }, index.h("div", { key: '1aabe813b163da9e39bc356c86ec7a3d942addba', class: "content" }, this.item.description ? (index.h("div", { class: "description" }, this.description.map(desc => (index.h("li", null, desc))))) : null, this.item.info ? index.h("div", { class: "description" }, this.item.info) : null)), this.item.note ? (index.h("div", { slot: "note" }, index.h("p", null, this.item.note))) : null, this.item.additionalusp ? (index.h("div", { slot: "additionalUSP" }, this.Usp1 ? index.h("span", null, this.Usp1) : null, this.Usp2 ? index.h("span", null, this.Usp2) : null, this.Usp3 ? index.h("span", null, this.Usp3) : null)) : null, this.showMeasurement ? index.h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle }) : null, index.h("div", { key: '9a9bca290b71f9c03c340143eebceebfd506ce29', slot: "cardprice" }, this.item.pricesenddirect ? (index.h("pn-product-card-price", { slot: "sendDirectPrice", label: pnFindPriceStore.state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: pnFindPriceStore.state.market.currency, url: data.sendDirectUrl, linkid: this.linkId + '-portal' })) : null, this.item.pricestamps ? (this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (index.h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: pnFindPriceStore.state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) : (index.h("pn-product-card-price", { slot: "riktiga", label: pnFindPriceStore.state.i18n.realPostcard, amount: this.item.pricestamps + '', currency: pnFindPriceStore.state.market.currency, url: data.RealValues['WebUrl'], linkid: this.linkId + '-riktiga' }))) : null), index.h("div", { key: 'd994a4005b1be57296dee4187542855ca03921ee', slot: "servicepoint" }, this.item.showservicepointlink ? (index.h("a", { href: pnFindPriceStore.state.market.servicePoint, target: "_blank" }, index.h("pn-icon", { icon: map_marker, color: "blue700" }), pnFindPriceStore.state.i18n.servicePointLink)) : null), index.h("div", { key: 'f8e824ad48cce255b6e6ffb68eb550c086255a9c', slot: "mobiledownload" }, this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (index.h("div", { id: "riktiga" }, index.h("h4", null, pnFindPriceStore.state.i18n.realPostcardMobile), index.h("div", null, index.h("a", { href: data.RealValues['AndroidAppUrl'], target: "_blank" }, index.h("img", { class: "riktigaAndroidImg", src: data.RealValues['AndroidImg'] })), index.h("a", { href: data.RealValues['IosAppUrl'], target: "_blank" }, index.h("img", { class: "riktigaAppleImg", src: data.RealValues['IosImg'] }))))) : null))));
     }
     static get watchers() { return {
         "item": ["composeItems"]

package/cjs/pn-find-price.cjs.entry.js

@@ -207,11 +207,11 @@ const PnfindPrice = class {
         this.filteredItems = weightFilteredData;
     }
     render() {
-        return (index.h("div", { key: '818de39f33299338b12fdba21ced1317a4394a79', class: "findprice-form" }, index.h("fieldset", { key: '00c48f016982ab349582541171e30fa5c8ca65fd' }, index.h("legend", { key: 'd37b3e8d1ec4c77c5dd24889091ef7f4eac994ee', class: "heading" }, pnFindPriceStore.state.i18n.sizeheading), index.h("div", { key: '6c6db79ed31ebf6b3acd19008d1290cdc97fe24a', class: "sizecategory" }, index.h("table", { key: '29f10ac7da466f7d74d36737b2b3b78e9507de1a', class: "sizeTable" }, index.h("img", { key: '76fd46e5086691607a1bf52b9cdd3476566bd16c', id: "clouds", src: cloudsSvg }), index.h("tr", { key: 'db1fcf7b6e3d1a6fee7730b55bbb8901000af527' }, index.h("td", { key: '9ab731980345d9509952155b6bed1b64b556fc03' }, index.h("img", { key: 'ff1d0727f428db53d31c40c543bed8d345cab813', class: "firstCell", src: postnordPerson1Svg })), index.h("td", { key: '74ef86c72f98f4f99d41f08bbd015ee8831d944a' }, index.h("img", { key: '7046a4e34068a4dbe0f93ded7d481003d5e894b6', src: smallPackageSvg })), index.h("td", { key: '00624080191f7af4ca5d78ff457fe551fd794315' }, index.h("img", { key: 'f6b970a23fa675874a0258a48485cc959d62904c', src: mediumPackageSvg })), index.h("td", { key: '06ffd2143bbe6e1179aba702ab8e65a3ba5720ad' }, index.h("img", { key: 'be171fcb30a2aec7f3cdf3f1af64f912c6b5d5ba', src: largePackageSvg }))), index.h("tr", { key: 'bc656462f0c6b6d42b962202a55f892176f5af81' }, index.h("td", { key: 'fa37cbad9473d44bdfe3decfdd88b3cee374e932' }), data.sizeCategories.map(sizeCategory => (index.h("td", null, index.h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
+        return (index.h("div", { key: '454bd953b5dba91b71abaacc1fca107868d0e4d4', class: "findprice-form" }, index.h("fieldset", { key: '44ad70c9d2a3e84ec5af46cd10924b6e5ba1e7a9' }, index.h("legend", { key: 'c0d42dcc7af2f7b0bbbbdfddedf3f56a87c7367f', class: "heading" }, pnFindPriceStore.state.i18n.sizeheading), index.h("div", { key: '0b8e0c4753203e5531d95c3c68e6f22b3e8a9bd2', class: "sizecategory" }, index.h("table", { key: 'a97f0b88c8e76d0af6eef4f8a7addfeb03bbdb3f', class: "sizeTable" }, index.h("img", { key: '4478a9eb203e383160193aefa2b10e5df8b7fc3c', id: "clouds", src: cloudsSvg }), index.h("tr", { key: '0ae80173088e1242ebb6c15aa1ade43728d695c9' }, index.h("td", { key: '10f356fd06f94c8fb975446c8529d5d5c9187f24' }, index.h("img", { key: 'e5ff004a3bc24324e6add481318d325f5afe6b9c', class: "firstCell", src: postnordPerson1Svg })), index.h("td", { key: 'cbc546397fc68630b772d600a855d9a0985cffb6' }, index.h("img", { key: 'e4c7d212ca2a57ed07f3a8be25e77cb173ae7234', src: smallPackageSvg })), index.h("td", { key: '36f39d0b6bf4aeeb21b1c7c35e0e1d65c0451f9f' }, index.h("img", { key: '46cc4709006f00324af34c67a4147788778f9f9a', src: mediumPackageSvg })), index.h("td", { key: '0699b6bb236384e01978502b28eaa1d94bb4c716' }, index.h("img", { key: 'ff0ced7e98cb0143f0f397c22a26f87b4f5f49a0', src: largePackageSvg }))), index.h("tr", { key: 'a7c37fbb410171663fe4b257dbfc50d69157023b' }, index.h("td", { key: '439a89a38c8d537737739a66d7df6b51eb10b0d7' }), data.sizeCategories.map(sizeCategory => (index.h("td", null, index.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 = data.sizeCategories.filter(x => x.value === sizeCategory.value)[0];
                 this.weight = { value: 0, name: '' };
                 this.weightvalue = this.weight.value;
-            } })))))))), index.h("fieldset", { key: '4e482a1ffaa7b75663a6b12319468b6edeea9162' }, index.h("legend", { key: 'e4583fd942e3d8d7e0a6a570309443c0358b9222', class: "heading" }, pnFindPriceStore.state.i18n.weightheading), this.sizecategory.value && data.weights[this.sizecategory.unit] ? (index.h("div", { class: "weightoption" }, index.h("div", { class: "weightoption-content" }, data.weights[this.sizecategory.unit].map(wght => (index.h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: !this.weight.value ? 0 : data.weights[this.sizecategory.unit].findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
+            } })))))))), index.h("fieldset", { key: '56b164b268e314b96873349bb2b23948cd47aec1' }, index.h("legend", { key: '67f6aa29fed586cfed3efb8b9f1010aecc46f8a4', class: "heading" }, pnFindPriceStore.state.i18n.weightheading), this.sizecategory.value && data.weights[this.sizecategory.unit] ? (index.h("div", { class: "weightoption" }, index.h("div", { class: "weightoption-content" }, data.weights[this.sizecategory.unit].map(wght => (index.h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: !this.weight.value ? 0 : data.weights[this.sizecategory.unit].findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
                 this.weight = data.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 ? (index.h("div", { class: "resultlist" }, pnFindPriceStore.state.i18n.resultlistheading ? index.h("div", { class: "resultHeading" }, pnFindPriceStore.state.i18n.resultlistheading) : null, this.filteredItems.map((item) => (index.h("div", null, index.h("pn-find-price-result", { item: item })))))) : null)));

package/cjs/pn-find-service-and-price-result.cjs.entry.js

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

package/cjs/pn-find-service-and-price.cjs.entry.js

@@ -217,7 +217,7 @@ const PnfindServiceAndPrice = class {
         this.filteredItems = weightFilteredData;
     }
     render() {
-        return (index.h("div", { key: '0ffed37fa18478b64ed28448ad887d6462c5390f' }, index.h("div", { key: 'f69332191be34032d64f58c82d16253dbbf7f4a1', class: "findprice-form" }, pnFindServiceAndPriceStore.state.i18n.componentheading ? index.h("h2", null, pnFindServiceAndPriceStore.state.i18n.componentheading) : null, index.h("div", { key: '1e04483849d13928544b2d99daee42237ce9c45e', class: "postagetypes" }, postagetypes.map(postagetype => (index.h("pn-choice-button", { choiceid: postagetype.value, value: postagetype.value, name: "postagetype", type: "radio", checked: postagetype.value === this.postagetype.value, onChange: () => {
+        return (index.h("div", { key: 'a10bbf49c14db75d9ae77294532b11c24e2d697b' }, index.h("div", { key: '173d476519ea4225447798150fae5c86fca775a1', class: "findprice-form" }, pnFindServiceAndPriceStore.state.i18n.componentheading ? index.h("h2", null, pnFindServiceAndPriceStore.state.i18n.componentheading) : null, index.h("div", { key: '12fee76fe34ea75325559a6487820e400cdf102a', class: "postagetypes" }, postagetypes.map(postagetype => (index.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: '' };

package/cjs/pn-hero-block-international.cjs.entry.js

@@ -37,7 +37,7 @@ const PnHeroBlockInternational = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0b4875800e20ee43ddfe39751b70dc62d0c3bea7', class: `hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}` }, index.h("div", { key: 'e05f748baf5b3cc75ecf62c5ac3caca0edb9fbf0', class: "hero-international__content" }, index.h("div", { key: 'b35f33a76f7b3a69d5b4450d71b33119999abcf9', class: "flex-wrapper" }, index.h("div", { key: 'f2329d284e5fc50e6db95377aa2f40453a4ef7d9', class: "content-col" }, index.h("span", { key: '8513d39641eba7d8bf71596e866d221c5a91cf63', class: "hero-international__content__site-tag" }, "International"), index.h("h1", { key: '2ea0683a270c00ce2af8e38dd2196076e5fb7356', class: "hero-international__content__heading" }, this.heading, " ", index.h("span", { key: '47b7ae4b80a896f6e55508adeec531c58f8b8afc' }, this.subHeading)), index.h("p", { key: '4fa383c81862c77b669cb723e0dfd45f0c10e5a2', class: "hero-international__content__preamble" }, this.preamble), this.hasCtaButtonSlot && (index.h("div", { key: '6b93ecb0530b4a035480e1461e92e1784444087f', class: "hero-international__content__cta" }, index.h("slot", { key: 'adb381d879ef0f67021b8240eeae16c93f918926', name: "hero-international-cta" })))), !this.centeredLayout && (index.h("div", { key: '53901642035b407ab892a837cb87334fd603bf59', class: "hero-international__content__logo-col" }, index.h("div", { key: '9869817e6149ec3ed568d799247205eb30b7a68d', class: "hero-international__content__logo-col__image" }, index.h("svg", { key: '3431896ad2919f639232ab4a995713751e8d51f0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 919 336" }, index.h("circle", { key: '2d618b984bf60ea7b514031f6b32c0415255ebfb', class: "cls-1", cx: "168", cy: "168", r: "168" }), index.h("circle", { key: '6bb6b8ca91821cc5f34677641f65f1b631312696', class: "cls-1", cx: "519", cy: "168", r: "168" }), index.h("path", { key: '5c356a7e68eced757c9eab4d20d7a9fda72515c5', class: "cls-1", d: "M510 0h409v336H510z" }), index.h("path", { key: '4ab09fdb3d78cc47dd6a72e48766ef382175ba99', d: "M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z", class: "svg-path-style2" }), index.h("path", { key: '2915e689a2ec1590ff79e880db29bcb1ac3a0657', d: "M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z", class: "svg-path-style1" })))))), this.showSideLoader && !this.centeredLayout && (index.h("div", { key: 'e47f5abd5ddf6f3d06aa41a1fbe9a5994979af6b', class: `hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}` }, index.h("div", { key: '880a9af0d66e5f0059b561ae92245907237fa63e', class: "shape" }))))));
+        return (index.h(index.Host, { key: '0148f7c2e315b2543a949c7031d7658f899f597b', class: `hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}` }, index.h("div", { key: 'aae5579538d4c5ddadb4bac35a9368c369028eeb', class: "hero-international__content" }, index.h("div", { key: '6763917bc759970708206d15e27eb3e629f9f1da', class: "flex-wrapper" }, index.h("div", { key: '5dcddaaa4459358757b1f7d0751521d31e40510a', class: "content-col" }, index.h("span", { key: '6ae982bdb6b7701495692d4a1c69694ae3190480', class: "hero-international__content__site-tag" }, "International"), index.h("h1", { key: 'dd017614305992efe1c7d1724ed337bcc46d9b54', class: "hero-international__content__heading" }, this.heading, " ", index.h("span", { key: '0a50bef02bee87a94ce8040c532f0167ac4c7b78' }, this.subHeading)), index.h("p", { key: 'dd10260dd95d03a0db151fd4d1fa766f2841a1df', class: "hero-international__content__preamble" }, this.preamble), this.hasCtaButtonSlot && (index.h("div", { key: '8ec6a557f9725d6e7dbfbb7ba027182da5e46d5e', class: "hero-international__content__cta" }, index.h("slot", { key: '4f9ba644423c17d82b99a5f2d60912de1e69f800', name: "hero-international-cta" })))), !this.centeredLayout && (index.h("div", { key: '974e21f8cbe28c739273328701c3be0911cb4059', class: "hero-international__content__logo-col" }, index.h("div", { key: '0fa119433e7b08c2c2b123ff926a8c9da036255c', class: "hero-international__content__logo-col__image" }, index.h("svg", { key: 'cf22342c08c35fd4127f8d73768aa1c36e1fa565', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 919 336" }, index.h("circle", { key: '142f8f5b624226b1064d099a6886121a26c5e17c', class: "cls-1", cx: "168", cy: "168", r: "168" }), index.h("circle", { key: '9875ec20a24b93299bb64475c16702f4dd286379', class: "cls-1", cx: "519", cy: "168", r: "168" }), index.h("path", { key: '57ef9b1e34ee56c24ce457bcb54062ee17e98f81', class: "cls-1", d: "M510 0h409v336H510z" }), index.h("path", { key: 'e80a3923fb6e0ab1864e883838a1451712057eb5', d: "M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z", class: "svg-path-style2" }), index.h("path", { key: '5a0fd21b70944aff5a216650d786c0e0e30b4697', d: "M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z", class: "svg-path-style1" })))))), this.showSideLoader && !this.centeredLayout && (index.h("div", { key: 'c3be8462674fe6f4e2f09a8242e1d55891968d66', class: `hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}` }, index.h("div", { key: '1336f5ea7ac86bbfbd40614170531ca272a420af', class: "shape" }))))));
     }
 };
 PnHeroBlockInternational.style = PnHeroBlockInternationalStyle0;

package/cjs/pn-language-selector_9.cjs.entry.js

@@ -155,7 +155,7 @@ const PnlanguageSelector = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'c7cdab6eeccbc93bcc4f0d286bdefa17495b0349', value: this.value }, index.h("pn-button-dropdown", { key: '71e193acb636f6e3bd03101473e59d371064f178', label: this.selectedLanguageName, icon: globe, appearance: "light", variant: "borderless" }, index.h("nav", { key: '67a65ae2feec9cc7448099bd2a6b70e15886d0b5', class: "languageselector-nav", "aria-label": this.i18n.heading }, index.h("strong", { key: '2befcaf1993606e5ae2cbff52338a4568b1098ca', class: "languageselector-title" }, this.i18n.heading), index.h("div", { key: 'afc6903faca9f225355def10f9e41521d7570987', class: "languageselector-list", role: "list" }, index.h("slot", { key: '904a906437fe780ac728d23fb031dd0ff265221f' }))))));
+        return (index.h(index.Host, { key: '93348684af5703f9184a7a8d07be9103cbc975e8', value: this.value }, index.h("pn-button-dropdown", { key: 'ec29c135cdfa7a5a8da440ab2babd7bee6938fe5', label: this.selectedLanguageName, icon: globe, appearance: "light", variant: "borderless" }, index.h("nav", { key: 'd3f775a4592325777a3bff85cdc8271cef6cadde', class: "languageselector-nav", "aria-label": this.i18n.heading }, index.h("strong", { key: 'c19b23d90a18d2f382da8422b5bff6dfe8586762', class: "languageselector-title" }, this.i18n.heading), index.h("div", { key: 'a6815f0a70f34f6e60f1908e154afbb28d60b4e6', class: "languageselector-list", role: "list" }, index.h("slot", { key: '7f47246abb2f3be83662131b9cb47c852509bb5d' }))))));
     }
     static get watchers() { return {
         "value": ["setSelectedLanguageName", "setTranslations", "onValueChange"]
@@ -193,7 +193,7 @@ const PnlanguageSelectorOption = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ca44e8a1d300207013e35e7b537a6962f8754b20', role: "listitem", selected: this.selected + '', code: this.code, name: this.name }, !this.url ? (index.h("button", { class: "languageselector-button", "data-langcode": this.code, onClick: this.onOptionClick.bind(this) }, index.h("span", { class: "languageselector-radio-outer" }, index.h("span", { class: "languageselector-radio-inner" })), index.h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code))) : (index.h("a", { href: this.url, target: "_self", class: "languageselector-link", "data-langcode": this.code }, index.h("span", { class: "languageselector-radio-outer" }, index.h("span", { class: "languageselector-radio-inner" })), index.h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code)))));
+        return (index.h(index.Host, { key: '6408bc222cae51060be60cde42cbe050a6de07b8', role: "listitem", selected: this.selected + '', code: this.code, name: this.name }, !this.url ? (index.h("button", { class: "languageselector-button", "data-langcode": this.code, onClick: this.onOptionClick.bind(this) }, index.h("span", { class: "languageselector-radio-outer" }, index.h("span", { class: "languageselector-radio-inner" })), index.h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code))) : (index.h("a", { href: this.url, target: "_self", class: "languageselector-link", "data-langcode": this.code }, index.h("span", { class: "languageselector-radio-outer" }, index.h("span", { class: "languageselector-radio-inner" })), index.h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code)))));
     }
 };
 PnlanguageSelectorOption.style = PnLanguageSelectorOptionStyle0;
@@ -341,7 +341,7 @@ const PnMainnav = class {
         pnMainnavStore.state.openLevel = event.detail;
     }
     render() {
-        return (index.h(index.Host, { key: '910f0a551b6c6b86df0aa04c291c0b8deceac12a' }, index.h("div", { key: '0a764c1d5ab3f09e10960c1648cebbb1f783be4e', class: "mainnav-toggle" }, index.h("button", { key: '3cea0b2660e01d5049b0799339ce0ebd73a1dc8a', "aria-controls": this.navigationId, "aria-expanded": pnMainnavStore.state.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, pnMainnavStore.state.i18n.mainMenuButton, index.h("pn-icon", { key: '705297573ebe108584e9edc61cadc71771aa79b4', icon: pnMainnavStore.state.openMenu ? close : bars.bars, color: "white" }))), index.h("nav", { key: '3c017fb27d53da0740736bdaeb13dd86d2576c32', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": pnMainnavStore.state.openMenu + '', "data-menu-currentlevel": pnMainnavStore.state.currentLevel, id: this.navigationId }, index.h("slot", { key: 'b94c6dc92bb5c246035412def657829022794a3d' }))));
+        return (index.h(index.Host, { key: '6eb633b00966d38a24dbeb2b6355f8709082e9a1' }, index.h("div", { key: 'a8703ecc8949237b9a8e8b4e435bdffb0e209c22', class: "mainnav-toggle" }, index.h("button", { key: '2a6515813afb62957d03dcbd51bd6734fac56d24', "aria-controls": this.navigationId, "aria-expanded": pnMainnavStore.state.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, pnMainnavStore.state.i18n.mainMenuButton, index.h("pn-icon", { key: '8424003d662ad9af8ba2b18f0ab9f4d7dbbbb4c4', icon: pnMainnavStore.state.openMenu ? close : bars.bars, color: "white" }))), index.h("nav", { key: '263f68ae7544dca6c9a6e99731ae7db9c08821c7', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": pnMainnavStore.state.openMenu + '', "data-menu-currentlevel": pnMainnavStore.state.currentLevel, id: this.navigationId }, index.h("slot", { key: 'e8df0376c10f5cc54ddcf2dcd88e98d94bc6e323' }))));
     }
 };
 PnMainnav.style = PnMainnavStyle0;
@@ -417,10 +417,10 @@ const PnMainnavLevel = class {
         pnMainnavStore.state.currentLevel = this.level;
     }
     render() {
-        return (index.h(index.Host, { key: 'b17f6289b08e866eae25c354328c8caa2aab90e8', role: "navigation", ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (index.h("div", { class: "mainnav-level-header" }, index.h("label", { htmlFor: this.levelId }, pnMainnavStore.state.i18n.menuGoBackButton), index.h("button", { class: "secondlevel-backbtn", onClick: () => {
+        return (index.h(index.Host, { key: 'b2d62de4937f6a3987584c6106f44fbf9f9c6ac1', role: "navigation", ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (index.h("div", { class: "mainnav-level-header" }, index.h("label", { htmlFor: this.levelId }, pnMainnavStore.state.i18n.menuGoBackButton), index.h("button", { class: "secondlevel-backbtn", onClick: () => {
                 pnMainnavStore.state.openLevel = '';
                 pnMainnavStore.state.currentLevel = 1;
-            }, "aria-expanded": (pnMainnavStore.state.openLevel === this.levelId) + '' }, index.h("pn-icon", { icon: arrow_left.arrow_left, color: "blue700" }), pnMainnavStore.state.i18n.menuStartButton), this.parentHref && this.label ? index.h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, index.h("slot", { key: '91dc3e2fb54c04b3421e77dc2da775e30bd16ed3', name: "top" }), index.h("slot", { key: 'a5559d56167e3a63c9ee4409d7a9b8f572c016ab' }), index.h("slot", { key: '370e3749baa8d846a2b46ef530d193052357834a', name: "additional" }), index.h("slot", { key: '8990d0eccc05be615e57af1fb4dfcd5ecfab442a', name: "footer" })));
+            }, "aria-expanded": (pnMainnavStore.state.openLevel === this.levelId) + '' }, index.h("pn-icon", { icon: arrow_left.arrow_left, color: "blue700" }), pnMainnavStore.state.i18n.menuStartButton), this.parentHref && this.label ? index.h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, index.h("slot", { key: 'a287ef32e197c289a63ac6677a21bf348dba2a44', name: "top" }), index.h("slot", { key: '901b910a0dbe5c936b518c722058dfd2e90b21a0' }), index.h("slot", { key: '4c5f189a28c7b152ee12f137e891dda921d90b52', name: "additional" }), index.h("slot", { key: '24ef6947c57e0ec57bb15d9229f24c1058d4c99a', name: "footer" })));
     }
     static get watchers() { return {
         "label": ["setState"],
@@ -443,7 +443,7 @@ const PnMainnavList = class {
         this.linkCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-link').length;
     }
     render() {
-        return (index.h(index.Host, { key: '5cef1764640843570d240aeda1f1a3a2f365064c', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? index.h("div", { class: "mainnav-list-heading" }, this.heading) : null, index.h("slot", { key: '63a60869af810fe9da3013e7c95a7c99b9078ab8' })));
+        return (index.h(index.Host, { key: 'abee49753fb08c4bd1594bf10bb170286f9bea62', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? index.h("div", { class: "mainnav-list-heading" }, this.heading) : null, index.h("slot", { key: 'f50d9038572b92f6c6597cdf30c46d84d42f0007' })));
     }
 };
 PnMainnavList.style = PnMainnavListStyle0;
@@ -1123,7 +1123,7 @@ const PnSiteSelector = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e7f2afb9152823c342d400159df9250b8077f5e4' }, index.h("pn-button-dropdown", { key: 'cf7772fb94bc00f0e34f2224de5801087b1b4bdc', label: this.buttontext, icon: angle_small_down.angle_small_down, appearance: "light", variant: "borderless" }, index.h("nav", { key: 'a9aa62af98725a2ae8c9ee3c8763b1657b686b3b', class: "siteselector-nav", "aria-label": this.i18n.navlabel }, this.heading ? index.h("strong", { class: "siteselector-heading" }, this.heading) : null, index.h("ul", { key: 'e39b42302acdcbde9513b0886ba689a2dd15ba53', class: "siteselector-list" }, index.h("slot", { key: '2f653ff81c6b0cdf631aab20e6730251c4929f4f' }))))));
+        return (index.h(index.Host, { key: '5806e8f5f5f5711c1ebab38ab212f32cd3ced080' }, index.h("pn-button-dropdown", { key: 'e60d201bc6899c0354cf211c17085e3fa36d722f', label: this.buttontext, icon: angle_small_down.angle_small_down, appearance: "light", variant: "borderless" }, index.h("nav", { key: '4f1a34fb474f893de4d3d3ea6bccef88af9711c4', class: "siteselector-nav", "aria-label": this.i18n.navlabel }, this.heading ? index.h("strong", { class: "siteselector-heading" }, this.heading) : null, index.h("ul", { key: 'adb25404b0d5aa0c2c1afd4dfb6e7a876c017daf', class: "siteselector-list" }, index.h("slot", { key: 'a3856cb2362fbbd6f4892171e47149397a7c5101' }))))));
     }
 };
 PnSiteSelector.style = PnSiteSelectorStyle0;
@@ -1140,7 +1140,7 @@ const PnSiteSelectorItem = class {
         this.newwindow = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5b5d779730b32cd1e510f6a484a79be67933b6d2', role: "listitem" }, this.url ? (index.h("a", { class: "siteselector-item-link", href: this.url, target: this.newwindow ? '_blank' : 'self', rel: this.newwindow ? 'nofollow noopener' : '' }, index.h("span", null, this.heading && index.h("span", { class: "siteselector-item-title" }, this.heading), this.description && index.h("small", { class: "siteselector-item-description" }, this.description)), index.h("pn-icon", { icon: angle_small_right, color: "blue700" }))) : (index.h("div", null, this.heading && index.h("span", { class: "siteselector-item-title" }, this.heading), this.description && index.h("small", { class: "siteselector-item-description" }, this.description)))));
+        return (index.h(index.Host, { key: 'af576d6fca1d1176f91b802ffeae85532e4bf2a5', role: "listitem" }, this.url ? (index.h("a", { class: "siteselector-item-link", href: this.url, target: this.newwindow ? '_blank' : 'self', rel: this.newwindow ? 'nofollow noopener' : '' }, index.h("span", null, this.heading && index.h("span", { class: "siteselector-item-title" }, this.heading), this.description && index.h("small", { class: "siteselector-item-description" }, this.description)), index.h("pn-icon", { icon: angle_small_right, color: "blue700" }))) : (index.h("div", null, this.heading && index.h("span", { class: "siteselector-item-title" }, this.heading), this.description && index.h("small", { class: "siteselector-item-description" }, this.description)))));
     }
 };
 PnSiteSelectorItem.style = PnSiteSelectorItemStyle0;