@zonos/elements 1.3.260 → 1.3.262

package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js

@@ -51,14 +51,14 @@ export class ZonosCheckbox {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'c2a9023becafd6d19ad769d449383924c85c641f', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: 'a3db8981598a3703228e7c54bfd8350da718f744', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, h("label", { key: '352e8bda93f1ac9a7a55ba7038e922626c3a9594', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '71d664f9d83345ad4c143f71209bdb0a2cb16745', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, h("label", { key: '6abc998d8a2338fd188e561ce38af6f351e87d93', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: 'a2b3bc99d562f0ddc3337093597d962a28fe7006', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: 'c772c4e8dbbbef8035874616a0254fb4114a97c8', class: "checkmark-container" }, h("svg", { key: 'd497191975edeca268cc014431535f4befdd7b2c', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '15b26fdf72a058e81d4472d0c757a725c04e3f47', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '2d6015d16eda08dc39eff677f4858d2aed620891', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '4ff30adc1de3f679a62ac4bdc23c89c7fbd70862', class: "checkmark-container" }, h("svg", { key: 'c235768b91c19a2edf0d5ed1d416e6b58be4f9eb', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '67e8a36292f8f4fe226709acdd08579d2092b836', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '9fdd82641973e8870e55117992ca26f1e585c801', size: this.fontSize }, this.label)))));
     }
     static get is() { return "zonos-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -77,17 +77,17 @@ export class ZonosCheckoutProgressTabs {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: '3c7b6b5ecce353611856c14c70eec992a8024b3b', class: "zonos--elements", style: {
+        return (h(Host, { key: 'f7ea289329f5f1e5fd1a5fdbd790b581de1666d3', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: '60e0e7895f1a5667c41baecba5533ecbafcfd11c', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: 'c071c27dee5b5ddf7b59cddd6de668b1bd72df2a', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: 'fd6cbddf4abb19bedabc12b3c79c8dcb4a3bc938', class: "zonos--tab-progress" }, h("div", { key: '83d85b7bcdac39b41d6e126d764242bf1076374a', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: '9c332b9053d57a05d8db19d179696a8261a1ac94', class: "zonos--tab-progress" }, h("div", { key: '3b303b4dd931e4a1d030ecc62cbbabd232354636', class: "zonos--progress-bar-fill" }))));
     }
     static get is() { return "zonos-checkout-progress-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-collapse/zonos-collapse.js

@@ -48,10 +48,10 @@ export class ZonosCollapse {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '2a96e5ed214d93d07057eb7958a26e8a7b286ce8', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '4fb230dfc4aa850c90c8cfbaf59da8d5043a4a89', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'd2a039a3cde3c54bd560774d91cf36924311e251' }, h("iframe", { key: 'a2b1494c32fcd8a467e23ae6733fd341220a9020', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '5dd47c6e903a01824ed04a9512b847180e67f667' }))));
+            } }, h("div", { key: '766542489d4a47d87ac2a2e2b7d62ec99272386a' }, h("iframe", { key: 'd2e33a342c9001bf4be3a478a068e0713a88bac5', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '566b3f4a214fc43cb9642895a716dc69e95ff9ef' }))));
     }
     static get is() { return "zonos-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js

@@ -108,13 +108,13 @@ export class ZonosConfirmDialog {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: 'db0bfe0b8a125e806a97c9382faa938078000349', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '3f86259272e4aee2cb846ee15cad8e616917b020', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--zonos--border-radius': borderStyle,
                 '--zonos--dialog-width': `${this.dialogWidth}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '1676defad54705df4e9282bda6b5734592d0fb60', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '2a6ec6b5df7ea30304cfed5276e55618b40add93', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'd1c8358c3fd98c27a469fe7443d1983c1c134a7c', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: 'e4f146413bfb70c1d7c3629da6830482060f975a', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '272c6ef86a66a5e61c7fc1753b4b60ce7bc25aee', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'e533b39f91579923dcd725edf8b602cba80b8857', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '137e9659aa7aec2e4604acf80809b35bce69ca79', class: "wrapper" }, h("div", { key: '9c1057857ea095e7e88c8950469add2bc4c1318e', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '48f0e0cd9ce62b425bae831d1387261bbd4162a1', class: "content" }, h("div", { key: '0d3e681f350e5db547181beadf5c6bcf49a8bbd2', class: "title" }, h("zonos-text", { key: 'f16a43d2b3c9504911b1e36ba573873f80093c47', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'fd570f98bc736a68c16fedee72b1417dc6906fa6', class: "subtitle" }, h("zonos-text", { key: '6785aa19dd44cf7f6fae7317e3924be6c6ee8af3', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '4206cad3dcff0055fc5f3ea8e7c217ae33c63263', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '72d1a216641d482bdbeae384963dcdff1cfc3f45', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'a6a206eff11d1f42c33ef9113cc393d727c60f89', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '16c171b80dbee7c033ea35731afa6537222c7458', class: "wrapper" }, h("div", { key: '7f3bd95d72a06ecadf22df0a332292050d9907f9', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'e234a037041b1fc7b558c841ddc03da940213bd7', class: "content" }, h("div", { key: '37492c329f9bd02e199828b57a16de616800d0fc', class: "title" }, h("zonos-text", { key: 'd935e67d0004c8f5c925082f222cff4e95568b6a', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '58acbdb5ace31ece6d900f21637dab17aa797ad8', class: "subtitle" }, h("zonos-text", { key: '981f15fc921e9d2ff2749fea94f21859cbf51fe3', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '07e17ccc316ee180a72705f1d76a9c6f2927bfd7', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '6b1b270b13c1a274e93d33ef4c1ca6798499c5c2', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'befd3b801cb8cf5b41c3c74e8947f2977aa77ce1', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-country-select/zonos-country-select.js

@@ -51,13 +51,13 @@ export class ZonosCountrySelect {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: '034d45590b694640420a6af1bb386d8b65f0ae90', class: "zonos--elements", style: {
+        return (h(Host, { key: 'af20d111ed5688a3976f1e7c6b6d14a871f870cd', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '0da13d4e13536bc944de9f4401ab96432ca04fa6', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'f999178905c5c33fe6eb0d1184409d07b659246b', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '8ae91c467abca20218c7413c9850870ac67b9f96', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: 'd08b2479f4dd13be42a5a9da46588309f273d94e', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: '290ccf09fab10d3055630ca4c89612c9cb4420fc', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'ec39cc44f2482a6a7301fa347e0a4192182abc2c', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'c22f5f87d9ecf4b4231a56b1cec827a85a5a36ed', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '0d91ccb2070d1a74924d6e997bbc324f59d8dde8', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: 'f5614329dc662def32428a602639ebe639307c0e', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '5779521d80b205dd9354c7f1828a6fc0dc458c6c', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '004b84dfa0518faf5981f9dda9efe56f7a903a27', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '12282a147c54dd2b8aed4636190165504eaed8d8', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '298ec0df58503e667446b6d03abda6b06dfcb926', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'f30cd88b6ac48df15a728498a37ca670aad5fc84', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;

package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js

@@ -14,9 +14,9 @@ export class ZonosCustomMessage {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: 'f44f0510a7323041b8eac7c635c0878f86023212', class: "zonos--elements", style: {
+        return (h(Host, { key: 'b08ba40f5db3ed5aa5315b8b9819ddd464abfad8', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: '6cc34917e5eb07b47ce52c4e77b8d9375639fed1', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '3a76f959c6ddeb11e79e7e1076549283edf16cb7', class: "zonos--flex-message" }, h("zonos-icon", { key: 'cc68636d6f553600e3b3dba72631ed4d16806657', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '10223c6fe91b288230c1fe8eadc3cc089fbd186e', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: 'd1f85a8cf55968ec24794d3130341dfc3b3853fa', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '34a1ac387d14cfe5a4aa7f431d9067700f09dbec', class: "zonos--flex-message" }, h("zonos-icon", { key: 'dcd6403a54453ed4959b9ca483597609bf1f7900', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '54e77038f56a5929bd56180e00f2ea35d5803cf8', innerHTML: messageWithLinks }))))));
     }
     static get is() { return "zonos-custom-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-dialog/zonos-dialog.js

@@ -86,7 +86,7 @@ export class ZonosDialog {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '3764ddd25cf29e7b5ebc420c2fc47de213d2bcd6', class: classes([
+        return (h(Host, { key: 'ea5fe1fbc9cddf1937f5d3d5472e8288ca99a772', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -98,10 +98,10 @@ export class ZonosDialog {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: 'aded0d33e4605a40b107e89fcbc95ef024b187f7', class: "zonos--backdrop" }), h("div", { key: '55500b0bb118be90d474fc758f979ac3f317d52e', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'a21fa7808c16df11cab8800279774abb38828f1b', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'b8e9229591ad83446400deafdf5bee284091f1d9', class: "zonos--loading" }, h("zonos-spinner", { key: 'f284c8604d8710be60a725fa8c23c04f32e44b1f', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '16d605c9272d9bdbb2d8b7f2d5685978cc2cf6eb', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '0e9acec26d8502781ad8c853959740ece8fd2907', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '77d2dac98791ddea7e3bc3ab0e740c0b170072d8', class: "zonos--header" }, this.headerText && (h("h3", { key: 'f8b07366a4a9d5cd1686d7e3663ce0f6ba401ec7', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '8c82dbf7d636715f3a391fe13ced4e3bc0ee079c', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: 'd44cbf2cbb551043502e5e0c80048adeffaaf303', class: classes([
+            } }, h("div", { key: 'a8086837918088143287c231afc7594157657ea6', class: "zonos--backdrop" }), h("div", { key: '2449af1214f4b4d745993ea001b4f1147f3989a7', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'f4507a332b704e09fe17c5d73b440c284d83b7d9', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '1bcb8e243e87611474205d6ecd0490e43eb83383', class: "zonos--loading" }, h("zonos-spinner", { key: 'cf7ad545ef370501cf95a7e58736c90b94da7937', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '0d9f87e7d1ce303f996c2536f863f1d125f3c040', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: 'e2a1d073d020b7914a1025024da0841e10bd09fb', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '3de5de755a28433ac8e14c0b7a1940ca6831a2fd', class: "zonos--header" }, this.headerText && (h("h3", { key: '89f5eb402ef75a079f6d0e0f87f986d461730727', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'fe220b8a93de46c56bebc704e68940c9f70e4cb1', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: '1313249b74777b0394a7a7fca6745add56292086', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '508a3fcc6fbfdec55033a584e235ba9fd9e7448f' })), h("slot", { key: '1f24ec0974cd1def288b744d6aa68399367aefd8', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '585402b85ac8ef6cfa1b9051049e42edd645d99d' })), h("slot", { key: '3c0d42a12a16ce61786f1531da312403ad70affd', name: "dialog-footer" })))));
     }
     static get is() { return "zonos-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-h-stack/zonos-h-stack.js

@@ -10,10 +10,10 @@ export class HStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '443aa77bfbf4c0c84c33d0ef7652caec001968c3', style: {
+        return (h(Host, { key: '5f51e8415536589fe4300c5db75ea13e4419350b', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: '3366df34b9f0f3549e556cff1e47878c2f6cd124' })));
+            } }, h("slot", { key: 'b0cc8a581603ee78ec576346c5730f28ba5006e1' })));
     }
     static get is() { return "zonos-h-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-input/zonos-input.js

@@ -31,17 +31,17 @@ export class ZonosInput {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (h(Host, { key: '2058e48c7754e4e1eb0d9e380e332c90eed29ab8', class: classes([
+        return (h(Host, { key: '97f28cac82f273f95b6401f6b29ec35939cd3652', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '192f4c0397125951a4bad39d844cd62237c56ce7', class: classes([
+            } }, h("div", { key: '374a3b102e1dc4c422f6f69eb235f940c0271aab', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: 'bde7df1a30edf835435f742770e21b4d594143bf', class: classes([
+            ]) }, h("input", { key: 'fd0810fbbf21f53dfe890c76bd7b66b2afafeac1', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -49,7 +49,7 @@ export class ZonosInput {
             ]), disabled: this.isDisabled, onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: 'd611183e95d828086adac38dc493512f46d22e23', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '7a1e72620a76eb4507b9b4c79f8faf73657cb789', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     static get is() { return "zonos-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-language-select/zonos-language-select.js

@@ -20,9 +20,9 @@ export class ZonosLanguageSelect {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: '748efbe1de696c0e1f52cef03d86f211c1e5f505', class: "zonos--elements", style: {
+        return (h(Host, { key: 'ebe7e47d37019b9aa6e2a5ed77d9c82c71b3fa6c', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '97dd3f26dd5aff625b26a08125737f915bfbd112', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '8c00e1cf6d7addf5b817e07c1fb1b492cfb5775f', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '0260631e4303d5cee5035f31667203e4e3417a76', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, h("div", { key: '532b2664add5948ae9687049afc1fdaed8cc0890', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '650adad0103c42f27e98bb3c2c6c8e2a122339df', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '84af0288f9911d4739c93388723230b165466908', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
     static get is() { return "zonos-language-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-link/zonos-link.js

@@ -7,7 +7,7 @@ export class ZonosLink {
         this.href = '';
     }
     render() {
-        return (h(Host, { key: 'a6077a6f0105ec4be45de0cb548ef1e32a28deb6', class: "zonos--elements" }, h("a", { key: '7f3ec0258909c2da08f758165a93abd3ab497a42', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '774e15fa5c093041ac06a0a9bcac0446d7ce54fc' }))));
+        return (h(Host, { key: 'b6d1debcb25cc43d1b4eb9fe41183a3190a4f6be', class: "zonos--elements" }, h("a", { key: '9c81e327e3021215a78bd7ce2a619f5764c012ac', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '59c6fbbc8cf9b5e44e76a52dd6472bd6a28a852f' }))));
     }
     static get is() { return "zonos-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-loading-overlay/zonos-loading-overlay.js

@@ -13,7 +13,7 @@ export class ZonosLoadingOverlay {
         this.size = 40;
     }
     render() {
-        return (h(Host, { key: '13154a3c9250f15d8dca292f0673c6465bfb15e0', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '4470fccd21e58bd7959ef3e20c8775ac637cace0', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '5b32b821cea982866da56176eeaafd5d8958f25d', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: '2307e7f2b5db43fa4625097a96fd9182b5a1c729', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '9c7aa8101410becb1341bc2d602638fbccff2dbf', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'ebf5db2566052ee898d8d09aaeceb664a8e264e2', size: this.size, spinnerColor: this.spinnerColor }))));
     }
     static get is() { return "zonos-loading-overlay"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-logo/zonos-logo.js

@@ -16,11 +16,11 @@ export class ZonosLogo {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (h(Host, { key: 'f7a7ecb8ea16dfec9df297e35a9618ad56d5e60a', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: 'd45302a20adc0f2c9ad19a37c1c9e4578f129ddf', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: '70ea211dfc9973b17dd4b63763913190e70ca980', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: 'e82b14ece643a9037e57b6ce561f1eff3c3bd8fa', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get is() { return "zonos-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js

@@ -14,11 +14,11 @@ export class ZonosRestState {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: '2d9be86849c6ff2f039ca21676cbdf912538eb1d', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: 'c39228c5a45be0c27fc805859ba896f346f4c7bb', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'f538f05fe92eca4ee05daf72ee3387bea337c20c', class: "zonos--restState-image" }, h("img", { key: 'cc752b1ed3e9e656810c901df9f8b19462efc978', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '466d38527c50fac57c85b29b6d501139a55c652c', class: "zonos--restState-image" }, h("img", { key: '233348dc1fe72c37ac3485dc4ae577b02d44d0cc', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '4729c415dbac98876fcd907437b8df21b925dec5', class: "content" }, h("zonos-text", { key: '39313c8c71d228cd1076e809146ad7ac3d877a9a', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '69813bd32ae3867ebebcc511655f2052b1175945', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '98b085930fd76e2ff095cc971ae4699041c1a550', class: "action" }, h("slot", { key: '188318643319081914ed30aad91de5f15b014953' }))));
+            }, src: imageUrl })), h("div", { key: '0ead09005b4a4e59fcbe5b673ef206d09c6f344f', class: "content" }, h("zonos-text", { key: '2f6d50f5562ab86918755b2d20aeab1ba170e0d1', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '9304b2421ac05dea5e8567666dc3fd5c279bf6dd', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '00323cff6ad4b67a5af980dcbfce5cb0c59150c4', class: "action" }, h("slot", { key: '256fc2f99f345d0302d6fa4467b22558723dae7b' }))));
     }
     static get is() { return "zonos-rest-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js

@@ -15,9 +15,9 @@ export class ZonosSelectDialogHeader {
         this.label = '';
     }
     render() {
-        return (h(Host, { key: 'a1b9179c608e89ae29416a7c1cb93a5e15c9b029', class: "zonos--elements", style: {
+        return (h(Host, { key: '6a667ac343eccf7298cbca49b58ccbca0ca6509d', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '736354e40352c79c5b1d27207c424fc6ee82f7f4', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '700c0321bb2ea565ff861b833f51f3418ad61e4f', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'a45fb7507453949a1f3c687ae73635bb8b3f9282', type: "boldLabel" }, this.label), h("zonos-button", { key: 'a6b210caedc6248d8ab112bb10d888455d6fc6da', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '3bfbcd7c5bab9f11e4ed936dcd3b99da553709a0' }))));
+            } }, h("zonos-v-stack", { key: '4f3958ab4700f1f6d1bfff92cf3c5593c97c536e', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '44d690590c6727b7d17ea96967a6929ea5d60a51', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'cd45b4d292f3487a442510918afe7c828cbdb939', type: "boldLabel" }, this.label), h("zonos-button", { key: '43e7887d8f11185ec7d6ff0895f922e8a5719865', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '2c6e66b98bfbc8d4c3fd1d8459d703a8006324d3' }))));
     }
     static get is() { return "zonos-select-dialog-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-skeleton/zonos-skeleton.js

@@ -15,7 +15,7 @@ export class ZonosSkeleton {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (h(Host, { key: '096e505180d901c1523567f89cdbcca7869a0895', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: '0b7adeb320e2f98d56158e4ec4d8933aa252ee8b', class: classes(['zonos--elements zonos--skeleton']), style: styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js

@@ -69,7 +69,7 @@ export class ZonosStripeInput {
             ? zonosStore.appearance.theme === 'DARK'
             : primaryColor && isDarkColor(primaryColor);
         const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
-        return (h(Host, { key: 'c97d6030d8c9c3ca051a9eb0dce85676245abeeb', class: classes([
+        return (h(Host, { key: '90f2916175c8512bf24c235885dba82c8a82bc6d', class: classes([
                 'zonos--input zonos--elements',
                 isDark && 'dark',
                 (this.isError || !!this.error) && 'has-error',
@@ -78,10 +78,10 @@ export class ZonosStripeInput {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-size': `${fontSize}px`,
                 '--zonos--primary-color': secondaryColor,
-            } }, h("div", { key: '2517b55aa12ed4dd4772be3dbd48edf28e393697', class: classes([
+            } }, h("div", { key: '95a6eeecfb1c8935ab5289b10a6d4330ba69d780', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", Object.assign({ key: '7853f3eafc7a926f88b21abfa8f59995b5c35cf3' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("input", Object.assign({ key: 'ebafe0cd341d3717914d1731c67aa961df1ed25b' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
@@ -91,7 +91,7 @@ export class ZonosStripeInput {
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '56c6339f420fd38d0c850a6ad10f2349bfe99d21', class: "zonos--floated-label" }, h("label", { key: '7cdd19ca39f09d105786a751fbd3434779c8958b', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '784a4aca2d02d59c7a59e8579c88cdaba24f64af', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '4f9a9d698d64a16b20a9d2392c975f7ef7cefb43', class: "zonos--floated-label" }, h("label", { key: '8e90d3a8721703ca616dee5c8238ff01fcc7b631', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '2fdbfa01afa0baa58a900d7303a82fac78483af9', textColor: "red-600", type: "caption" }, this.error))));
     }
     static get is() { return "zonos-stripe-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js

@@ -201,24 +201,24 @@ export class ZonosStripePhoneInput {
                 .filter(Boolean)
                 .sort((a, b) => a.displayName.localeCompare(b.displayName))
             : [];
-        return (h(Host, { key: '3f073620fb9250208be54ffd6d0dfbc8c5da7d6f', class: classes([
+        return (h(Host, { key: '1f200a91b6571a4c113da30e3837ece4b38bc7cb', class: classes([
                 'zonos--phone-input zonos--elements',
                 isDark && 'dark',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: 'bdaf73f9a51fa2a39dd9684584ec4f032ea39d00', class: classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: 'c4e048ff9e4fb57598033b782f43a82db4729334', class: classes([
                 'zonos--label-wrapper',
                 this.disabled && 'disabled',
                 this.isFocused && 'focused',
                 hasContent && 'has-content',
                 this.error && 'has-error',
                 this.inputLabel && 'has-label',
-            ]) }, h("select", { key: 'ad4477bfc5e1971a5e7a34a5e06b699c6115b3d3', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: 'a4c1e90dd4490f6895e39d71233c5e05309434b4', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
             var _a;
             return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
-        })), h("div", { key: '39d6ae20a62bfa7d21a3d4a1143a4b42a87bbc41', class: "zonos--input-group" }, h("div", { key: 'dba0974115ce5e4f3f22689f406c3defe2989b29', class: "zonos--select-wrapper" }, h("div", { key: '3231072a3dba2d61a5567ad8ceacd871b3b7657c', class: "zonos--country-select" }, h("div", { key: '3fd9224b1ef63a6e2e1c11c19a1dddbaa1337ad1', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'ba2d811521d84bbe3c0a2749307cce90e9347457', class: "zonos--country-select-selected" }, h("div", { key: '4b21bf8d586b51f3d0ef9ba881e5a73d4742d440', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'ed2fca152a8f1064051758bf624bb02d0af61379', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'ee43fea008cfde320a15a151a07f1295dd0d77dd', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '28961fccf5ad433b3a81fab91773d8d8d4e17b30', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '8233c34fdbf221f2289506b57b3fd429ec048df3', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: '0d947d929218bac9929f411c5989a18ab36054fe', class: classes([
+        })), h("div", { key: 'b56bdb3b9f7acd4a32c9c833c631de2ad74c8b04', class: "zonos--input-group" }, h("div", { key: '4babc988f0432df5a622e3fe70be2395625fec4f', class: "zonos--select-wrapper" }, h("div", { key: 'afd4d0863e2e4d9c809cf74b267452d23db0db9d', class: "zonos--country-select" }, h("div", { key: '6b50899c82c335ea6bc00792f549b059439f80aa', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'b2ffde73f454dc7f37598a7992f7e48a98ebe627', class: "zonos--country-select-selected" }, h("div", { key: '25573e4a4409cd742aa2557726bafd9b738a250f', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'b6ed256e1867d8204144676f254d30ca4535eae1', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'd8b0f28d7aa5a0afef1c11603d15b5007e8e81e9', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'ea4ab66f550a807ecd4182dfcb803a317fd69074', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: 'ee0818647a08ac39c6cc3594c7c361b6a79681dd', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: 'c02c404700de1d096838449533b419b1e9f95d84', class: classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '16956304c84642b82039e0180aea6ce96269799a' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '57f3d9ad16aee89271c134d409abb6383b225f55', class: "zonos--floated-label" }, h("label", { key: 'd2af8c75f82df1b3176f708bea86a18b7ee4840d', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: '3bb993c5e780f4394d141d7c62bd1f8ea4d1fc70', textColor: "red-600" }, this.error))));
+            ]) }, h("input", Object.assign({ key: '88b15052fc88329cc1791e4c89e9db171b6b0569' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: 'bbaffd11b9d33d28dd363e9110ce884ccc1a9ebe', class: "zonos--floated-label" }, h("label", { key: '5cd458d801979127b26407295b95f0d15f5c383d', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'f0ef5a5b0762b14007c0df09fff7f7abecd9920b', textColor: "red-600" }, this.error))));
     }
     static get is() { return "zonos-stripe-phone-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/common/zonos-stripe-select/zonos-stripe-select.js

@@ -105,14 +105,14 @@ export class ZonosStripeSelect {
         const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
         const hasContent = this.internalValue || this.selectPlaceholder;
         const showClearButton = this.isClearable && this.internalValue && !this.isDisabled;
-        return (h(Host, { key: '61d5f0b2c7fafd2df4ea6beacc8500bad9b64da7', class: classes([
+        return (h(Host, { key: '07b9269eb9130ac91b366369d5db4c49c7fc7be2', class: classes([
                 'zonos--select zonos--elements',
                 isDark && 'dark',
                 this.isError && 'has-error',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '63198cbb818342d8deecbe1e0c5d9978a51df064', class: classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '6c82ff92d68ca8b031985af671ad47d4c47c4968', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("select", Object.assign({ key: '8bbe869f708d9f87f9dc6d66a8f573a795399e23' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("select", Object.assign({ key: 'c2df2cfc855706c376a82bfe7c752c58d987aab4' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
                 'zonos--floated-select',
                 !!this.selectLabel && 'has-label',
                 hasContent && 'has-content',
@@ -122,9 +122,9 @@ export class ZonosStripeSelect {
                 this.selectChange.emit(select.value);
                 this.selectedValue = select.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, required: this.required }), h("option", { key: '6ae19c6b12976cd32e6efc9771a000b29945ee71', disabled: true, selected: !this.internalValue, value: "" }, this.selectPlaceholder || translate('Select')), this.internalOptions.map(option => (h("option", { key: option.value, selected: this.internalValue === option.value ||
+            }, required: this.required }), h("option", { key: 'aab67935dd68de369fb67749006ec06656e2e187', disabled: true, selected: !this.internalValue, value: "" }, this.selectPlaceholder || translate('Select')), this.internalOptions.map(option => (h("option", { key: option.value, selected: this.internalValue === option.value ||
                 // Sometimes google returns the label not the code for some countries
-                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: 'a21b56d32839669a95c3d36f215f85bb94f6bb1a', class: "zonos--floated-label" }, h("label", { key: 'fb710c149659ece3d433f57d8d27562395bb2a52', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '0f57b78a3fdafc0ff7bd1a5a2ead9e37be7ee915', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: 'ffc562b96195b1990a26d4091971ddb2293b6ac7', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: 'c3eb42b95f57df3187772d1502e07a7052a72913', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '7a6581602aa531d5d9bdea82c3f50952d901bad4', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: 'b1a3819c075d5e8f70020274145675c8d19b143a', textColor: "red-600" }, this.error))));
+                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: 'a5a10b4a0b690aad09e2b8138b84623eb8a80e2e', class: "zonos--floated-label" }, h("label", { key: '98da29b702b07eaea01196cffa306d8c7497ce69', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '03b5847543e1c5a60af23cf5b5b572ed53abdcf9', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: '3a078eb32e3702edd6b084e367d336c994a23284', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: '3783636799756d514fb456005615692bfb03fbe1', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '7ba276746b986d5cea76f9c53fa4e3d8627d4d35', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: 'b9e3282bd4b44d7f6c113cff1e3746c836ab29dc', textColor: "red-600" }, this.error))));
     }
     static get is() { return "zonos-stripe-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-toggle/zonos-toggle.js

@@ -9,9 +9,9 @@ export class ZonosToggle {
         this.options = [];
     }
     render() {
-        return (h(Host, { key: 'e6be1b38ea1fd978a231a1c3dc85a92c1d86a24b', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: '220dcc3ef8685ea09db761d7a42a00a7309caa70', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'e9ccac29c3f653e3e9d81d336089d6aaea6bbf6c', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: 'fa54f818b15ff33d88dc08a1df370ca9be17ff71', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js

@@ -13,10 +13,10 @@ export class ZonosTooltip {
         this.showTooltip = false;
     }
     render() {
-        return (h(Host, { key: '4cadca2c888b6729447e216785957ab580d29831', class: "zonos--elements" }, h("div", { key: '0d5045faa3a01d8fc5fb5c56328bfa68eb4ffab2', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: 'a2610a5b6405067eb50d6ad11385544fd740399a' }), h("div", { key: 'd319ec9d87d7b4b395d0256b3ecfdb3043927d00', class: classes([
+        return (h(Host, { key: '3014faf5b26490a23b7735087dd69b05f785a2eb', class: "zonos--elements" }, h("div", { key: 'b7117e69a0f6f4ec28a7ccaf898567aeb886b418', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: 'bf995bf9de4497d32fd825e6a1382dc5eeb768e6' }), h("div", { key: '15c134b8aeed57ec2ad313c4316b2f5aa2c98dd0', class: classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: '769dbf51121fd82d870824d22a15e0f8ba0c4c5f', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: 'e80b2eab8f30e542ecbc87aac24a256fcd0c8cc0', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, h("zonos-text", { key: '6d6a135a75e9cfa8f4c921755da4bd476dddf83e', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: 'b166deb4b050d9a18699e1e3858449215d141726', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
     static get is() { return "zonos-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js

@@ -11,9 +11,9 @@ export class VStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: 'fc34e62d3d9712120d2356f1bdc8ad42b26d122a', style: {
+        return (h(Host, { key: 'ddc85068e0fb28356f75caef81829f2820326701', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'd246b49b618860f01c3f1b8c439c1be361ca656f', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '043fde36321157373196c9120a774c78a0fc46ce' }))));
+            } }, h("div", { key: '6fd038cf714612f64aa2164ebac11ad0cd8acc77', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'e6519671bd7ac4742306d2d702d15c25d9c69af7' }))));
     }
     static get is() { return "zonos-v-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.js

@@ -106,10 +106,10 @@ export class ZonosVirtualScroll {
     render() {
         const { width: containerWidth } = this.containerDimensions;
         const visibleItems = this.getVisibleItems();
-        return (h(Host, { key: 'a5083227ddbd44f3f94f0e4ecd7ebee309526fce', class: classes(['zonos--virtual-scroll']) }, h("div", { key: '45dd1bb2f501ca6a2091c06a68c5f96652bd2976', class: classes(['scroller']), style: {
+        return (h(Host, { key: 'eca3e3e09d8f14f3c563042b07436732e7af71dc', class: classes(['zonos--virtual-scroll']) }, h("div", { key: '0f69f295a319c617c66b069eba97b18cf7ae8373', class: classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
                 width: `${containerWidth}px`,
-            } }), h("div", { key: 'e8c90e99bdc3301c5430a098d4b9f57ec0bc020b', class: classes(['item-container']), style: {
+            } }), h("div", { key: 'ae3a128e8997ba9333a015d488358ff1211d2fea', class: classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
             } }, visibleItems.map(({ element }) => element))));
     }

package/dist/collection/components/component-template/zonos-component/zonos-component.js

@@ -19,7 +19,7 @@ export class ZonosComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: 'c15c75e21319fb4723d1062aa89c6e08cc2129b3' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '1d369c76153c971ef62736d7e00a5a940284d346' }, "Hello, World! I'm ", this.getText());
     }
     static get is() { return "zonos-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js

@@ -27,9 +27,9 @@ export class ZonosHelloDialogFooter {
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
-        return (h(Host, { key: '7480572c4e05bfc177458ab00adb774069f28d52', class: "zonos--elements" }, h("div", { key: 'bd27466c0d82be3c5cde2f89dcc48749e2313090', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: '82022e82f9d984a292a1b4fedd9cb9a6853aab01', class: "zonos--elements" }, h("div", { key: 'd9d8ec1f1eeea5963e5ab9fd42cf8353b8627669', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, h("a", { key: 'f6ca08c3c4f8eef3f4b81a77ba0d5a2e6cea8f62', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'a54d33d548145f0eb542041d3903ea4a257c39bb', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: '52e06b22daaac439d5ebdcdcf44bd8f85fed4564', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '30b994c3340467a62e72f62bde853b24e3f9e4f1', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '26e2b5d8525d57841e2b7c1fefc69c96b21ad199', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
+            } }, h("a", { key: '896560cd1a50d78b2f228032b79476ac08bebb4a', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '079e11ce77a1d07cde727d4895a6c8ec55fd3d83', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: '380c23a35df23ad08e87f14e9376fea1630eed59', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'fa475cd2456fd3d79bc81ac5092f389c13894d99', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '5df6f50a27c04caebb1c41f735efaeab43f52699', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
     }
     static get is() { return "zonos-hello-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js

@@ -345,25 +345,25 @@ export class ZonosHelloDialog {
         // If deminimis is undefined or null, assume it's $0
         const taxDeMinimisMessage = this.getTaxMessage();
         const inclusivePriceMessage = this.getInclusivePriceMessage();
-        return (h(Host, { key: '910b2b5600107a097fa4cdc77ec487e03fe6a8d2', class: "zonos--elements" }, h("div", { key: 'edf1d9b554807db1c973a1ccdb6e20a647c24204', class: classes([
+        return (h(Host, { key: 'f6e7f88e0ff05246bb9313f5a7572b74b538c513', class: "zonos--elements" }, h("div", { key: '8438913f6265d619d0e58714b3fb3c8a4ebe6201', class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'f5316102d12d07e1a3c701ad641995413ee445b2' }, h("div", { key: 'c11cc7e8d11f733c82435a531d7d8595b0237eae', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'a2aa2802331e9ed5c40d877fcb7ffb0cebd318c5', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: 'f6df6e6562b8ddebb0e910d669a6a263114f6407', spacing: 24 }, h("zonos-country-flag", { key: '71c320b3364deee7c545284a2fc639cef3a3ba27', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '9603247163d334db33fe00428190fafdd6ef6c42', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'aad7fd909092a9fad15ce88a3f43ad5115bca1f9', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'c3c9c5d5f9e1000b2b6c6aebc73f18c6653f9de2', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: 'c34b1b9debb507ce6f230bd13b493a14af12e880', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'ac944a1672251941e3c31660172b73cc5ad8fc6e' }, h("div", { key: 'd615ab55edeb0db000166a72df09ee6f3f945d5b', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'f2526b46a1f4a94c1b43647d8ffb35d6c247f24e', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '2de560ae8b81bb97602abd72112b1d4b903b0ec6', spacing: 24 }, h("zonos-country-flag", { key: '4d0ea1596b825305ffff08f1991fdc8be49b52de', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '50c6b033195cffaa2b0dee4dbc4766e488237b59', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '8850a76a1a6faf8c18c6a0502fa8951ea823dec9', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '37f9bc0c4047564d01d977871f12c40dfadee286', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '0d3d262b8a0e4d11112e19fcc7271e9e38c64ef4', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
         }), (dutyDeMinimisMessage ||
             taxDeMinimisMessage ||
             inclusivePriceMessage ||
-            !!(additionalInformation === null || additionalInformation === void 0 ? void 0 : additionalInformation.length)) && (h("zonos-card", { key: '5dc5af9af7263333433b8a0382a30ccf9f28056d', spacing: "12px" }, h("zonos-v-stack", { key: '725669eaca664abc90f5ec8181c3b81c05cc3b52', spacing: 12 }, this.renderHelloMessage({
+            !!(additionalInformation === null || additionalInformation === void 0 ? void 0 : additionalInformation.length)) && (h("zonos-card", { key: 'cd82f35a21820876e0080c8402c93445210b45ca', spacing: "12px" }, h("zonos-v-stack", { key: 'c25d69802e048e3068c67931aed385cf95d5469c', spacing: 12 }, this.renderHelloMessage({
             dutyDeMinimisMessage,
             inclusivePriceMessage,
             taxDeMinimisMessage,
         }), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info }))))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '077adfd58b2d7d95d5f352a09783089a1e91c99f', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '8c2dd5d73a649eebf1517a9b359d3ecc93b12620' }, h("zonos-country-select", { key: 'e2f64c73efe1e931808fdfe6aa5f8545d6f39c93', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '0b9ba684ac67fa652a34e6fbad8e966970f391ce' }, h("zonos-language-select", { key: '2e03e02459b0f31bc69376bc154ed8bb2d96ef56', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info }))))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '9ae0e6deb5e29ce37f485f19b1ac1073fc7fe19f', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '96cd8a1c6c0bb29d4c1a9fe81bd8ed4a80449253' }, h("zonos-country-select", { key: '433ec94d70db0c5405048d497fb5aab766cc18e9', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'e32b3047ac04d4daf8adaa7238b61a7b1dbe8210' }, h("zonos-language-select", { key: '2a1ae723e0600bb3193de7d0a1438dc08269e95e', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/main/zonos-controller.js

@@ -143,7 +143,7 @@ export class ZonosController {
             }
             document.body.appendChild(scriptToInject);
         });
-        // Custom HTML may set window.Zonos.googleAnalyticId; trigger relay ping so parent configures GA
+        // Custom HTML may set window.Zonos.googleAnalyticId / window.Zonos.facebookPixelId; trigger relay ping so parent configures GA / FB Pixel
         ensureAnalyticsRelayPing();
     }
     async initGooglePlacesService(settings) {
@@ -331,7 +331,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '92e1eae13d0b13f91098ea110203b6c7a7f67c3e', class: "zonos--elements" });
+        return h(Host, { key: 'd500743a0ed7dc7615e696aaf958216374e7c33b', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/paypal/zonos-paypal-payment.js

@@ -52,7 +52,7 @@ export class ZonosPaypalPayment {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (h(Host, { key: '35387382aaa81e3f8e025e8f3503be41b86e2355', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '34fad15dee67d8b913071a59d35b1c2317d4d3a0', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '5745cd59ad8b81a41f8015438afd036621695bbb', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'be5154e55384e2ecd42e2ec6b2be7712fb6ef31b', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-paypal-payment"; }
     static get encapsulation() { return "scoped"; }