@zonos/elements 1.3.15-alpha.1 → 1.3.15-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/zonos-address_4.cjs.entry.js +7 -7
- package/dist/cjs/zonos-badge_2.cjs.entry.js +5 -5
- package/dist/cjs/zonos-button_2.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card_2.cjs.entry.js +5 -5
- package/dist/cjs/zonos-cart-items_10.cjs.entry.js +9 -9
- package/dist/cjs/zonos-component.cjs.entry.js +1 -1
- package/dist/cjs/zonos-controller.cjs.entry.js +1 -1
- package/dist/cjs/zonos-country-select_3.cjs.entry.js +7 -7
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +3 -3
- package/dist/cjs/zonos-link.cjs.entry.js +1 -1
- package/dist/cjs/zonos-logo.cjs.entry.js +2 -2
- package/dist/cjs/zonos-payment.cjs.entry.js +1 -1
- package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js +4 -4
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.css +13 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js +1 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +1 -1
- package/dist/collection/components/common/component-template/zonos-link/zonos-link.js +1 -1
- package/dist/collection/components/common/zonos-badge/zonos-badge.js +3 -3
- package/dist/collection/components/common/zonos-button/zonos-button.js +3 -3
- package/dist/collection/components/common/zonos-card/zonos-card.js +3 -3
- package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js +3 -3
- package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js +3 -3
- package/dist/collection/components/common/zonos-collapse/zonos-collapse.js +2 -2
- package/dist/collection/components/common/zonos-country-select/zonos-country-select.js +2 -2
- package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js +2 -2
- package/dist/collection/components/common/zonos-dialog/zonos-dialog.js +3 -3
- package/dist/collection/components/common/zonos-language-select/zonos-language-select.js +2 -2
- package/dist/collection/components/common/zonos-logo/zonos-logo.js +2 -2
- package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js +2 -2
- package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js +2 -2
- package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js +2 -2
- package/dist/collection/components/component-template/zonos-component/zonos-component.js +1 -1
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.css +238 -198
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js +2 -2
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js +3 -3
- package/dist/collection/components/main/zonos-controller.js +1 -1
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +1 -1
- package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js +1 -1
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +1 -1
- package/dist/components/zonos-address2.js +1 -1
- package/dist/components/zonos-badge2.js +3 -3
- package/dist/components/zonos-button2.js +3 -3
- package/dist/components/zonos-card2.js +3 -3
- package/dist/components/zonos-checkbox2.js +3 -3
- package/dist/components/zonos-checkout-footer2.js +2 -2
- package/dist/components/zonos-checkout-progress-tabs2.js +3 -3
- package/dist/components/zonos-collapse2.js +2 -2
- package/dist/components/zonos-component.js +1 -1
- package/dist/components/zonos-controller.js +1 -1
- package/dist/components/zonos-country-select2.js +2 -2
- package/dist/components/zonos-custom-message2.js +2 -2
- package/dist/components/zonos-dialog2.js +3 -3
- package/dist/components/zonos-hello-dialog-footer2.js +3 -3
- package/dist/components/zonos-hello-dialog2.js +3 -3
- package/dist/components/zonos-language-select2.js +2 -2
- package/dist/components/zonos-link-authentication2.js +1 -1
- package/dist/components/zonos-link.js +1 -1
- package/dist/components/zonos-logo.js +2 -2
- package/dist/components/zonos-payment2.js +1 -1
- package/dist/components/zonos-select-dialog-header2.js +2 -2
- package/dist/components/zonos-shipping2.js +1 -1
- package/dist/components/zonos-tooltip2.js +2 -2
- package/dist/components/zonos-v-stack2.js +2 -2
- package/dist/esm/zonos-address_4.entry.js +7 -7
- package/dist/esm/zonos-badge_2.entry.js +5 -5
- package/dist/esm/zonos-button_2.entry.js +3 -3
- package/dist/esm/zonos-card_2.entry.js +5 -5
- package/dist/esm/zonos-cart-items_10.entry.js +9 -9
- package/dist/esm/zonos-component.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +1 -1
- package/dist/esm/zonos-country-select_3.entry.js +7 -7
- package/dist/esm/zonos-hello-dialog.entry.js +3 -3
- package/dist/esm/zonos-link.entry.js +1 -1
- package/dist/esm/zonos-logo.entry.js +2 -2
- package/dist/esm/zonos-payment.entry.js +1 -1
- package/dist/esm/zonos-select-dialog-header_2.entry.js +4 -4
- package/dist/esm-es5/zonos-address_4.entry.js +1 -1
- package/dist/esm-es5/zonos-badge_2.entry.js +1 -1
- package/dist/esm-es5/zonos-button_2.entry.js +1 -1
- package/dist/esm-es5/zonos-card_2.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_10.entry.js +1 -1
- package/dist/esm-es5/zonos-component.entry.js +1 -1
- package/dist/esm-es5/zonos-controller.entry.js +1 -1
- package/dist/esm-es5/zonos-country-select_3.entry.js +1 -1
- package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
- package/dist/esm-es5/zonos-link.entry.js +1 -1
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-payment.entry.js +1 -1
- package/dist/esm-es5/zonos-select-dialog-header_2.entry.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/scripts/zonosBase.js +1 -1
- package/dist/zonos-elements/p-066b5ca3.entry.js +1 -0
- package/dist/zonos-elements/{p-440eb12c.entry.js → p-13b55282.entry.js} +1 -1
- package/dist/zonos-elements/{p-dd1ba8fb.entry.js → p-24fee841.entry.js} +1 -1
- package/dist/zonos-elements/{p-34565753.system.entry.js → p-2693da50.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-6adbe3e4.entry.js → p-32b4e9c3.entry.js} +1 -1
- package/dist/zonos-elements/{p-66b42924.entry.js → p-376bdf70.entry.js} +1 -1
- package/dist/zonos-elements/{p-056a453e.entry.js → p-46b4010c.entry.js} +1 -1
- package/dist/zonos-elements/{p-ca8ae8a4.system.entry.js → p-46f9c93e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-2ffcc816.entry.js → p-6743734f.entry.js} +1 -1
- package/dist/zonos-elements/{p-7411d43e.system.entry.js → p-70ede197.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-5c41ac7d.system.entry.js → p-73acb3eb.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-8d1f81e1.entry.js → p-8c568b87.entry.js} +1 -1
- package/dist/zonos-elements/{p-b2f56dcb.system.entry.js → p-92d85125.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-8b44b059.system.entry.js → p-95c864ca.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-b6393a04.entry.js → p-9b385237.entry.js} +1 -1
- package/dist/zonos-elements/{p-0fc08944.entry.js → p-9fc92940.entry.js} +1 -1
- package/dist/zonos-elements/{p-24bd40ec.entry.js → p-ad0a2581.entry.js} +1 -1
- package/dist/zonos-elements/p-b8e8330b.system.js +1 -1
- package/dist/zonos-elements/{p-44e8e803.entry.js → p-bc3a0f7c.entry.js} +1 -1
- package/dist/zonos-elements/{p-51afdc14.system.entry.js → p-c9e137e1.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-26c55472.system.entry.js → p-d1ba7e52.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-8e5796a8.system.entry.js → p-d29895ed.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-74c8aa64.entry.js → p-dac861bb.entry.js} +1 -1
- package/dist/zonos-elements/{p-536b62a8.system.entry.js → p-e010f227.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-19f0392f.system.entry.js → p-e8a41797.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-596a4beb.system.entry.js → p-eff12c31.system.entry.js} +1 -1
- package/dist/zonos-elements/p-f2b60329.system.entry.js +1 -0
- package/dist/zonos-elements/zonos-elements.css +11 -15
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/zonos-elements/p-b4e704c7.entry.js +0 -1
- package/dist/zonos-elements/p-e7b5cf0d.system.entry.js +0 -1
|
@@ -220,7 +220,7 @@ const ZonosAddress = class {
|
|
|
220
220
|
}
|
|
221
221
|
render() {
|
|
222
222
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
223
|
-
return (h(Host, { key: '
|
|
223
|
+
return (h(Host, { key: 'd5100d824d84c5e5b238f4877d489ca1b3f7b886', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '0fd51ddf9b08b4f62aa75a5f2e919d40e52f6fc3', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '3a53ec2a36e96639ec5437b928d4be4b84fb3aff', class: "zonos--address-component" }), this.invalidCharacterList && (h("zonos-banner", { key: '1141be407cff5b6741a40a06712a71e881d3a082', bannerTitle: translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (h("zonos-text", null, `- ${translate(mappedFields[fieldName])}: ${translate('only supports Latin characters (A-Z, a-z)')}`)))))));
|
|
224
224
|
}
|
|
225
225
|
get el() { return getElement(this); }
|
|
226
226
|
static get watchers() { return {
|
|
@@ -268,14 +268,14 @@ const ZonosCheckbox = class {
|
|
|
268
268
|
? 'var(--amino-gray-800)'
|
|
269
269
|
: 'var(--amino-gray-0)';
|
|
270
270
|
const borderStyle = getBorderRadius(this.borderStyle, '4px');
|
|
271
|
-
return (h(Host, { key: '
|
|
271
|
+
return (h(Host, { key: '1383262a5cca00ede5154fbdf37bbabb8cbcd501', class: classes(['zonos--elements zonos--checkbox']), style: {
|
|
272
272
|
'--background-color': backgroundColor,
|
|
273
273
|
'--border-radius': borderStyle,
|
|
274
274
|
'--font-family': zonosStoreFontFamily(),
|
|
275
275
|
'--size': `${this.size}px`,
|
|
276
|
-
} }, h("label", { key: '
|
|
276
|
+
} }, h("label", { key: 'aa01d0b1eebb53587f8d2d344e3b1d01a6a7a683', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: '166eef6010570137110f8548c9eb76f32e5616e9', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
|
|
277
277
|
this.checkboxSelected.emit(e.target.checked);
|
|
278
|
-
}, type: "checkbox" }), h("span", { key: '
|
|
278
|
+
}, type: "checkbox" }), h("span", { key: 'd98289266cd4e78dd1e5c9b89019d0dd4927e4d0', class: "checkmark-container" }, h("svg", { key: 'e179fe12a77e0c7f1f48bc943ff472d0a75e05d5', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '147acf112b6d28fa30af8e8c7fe8d7f998a507ab', "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: 'b83bb5bb1881580be3d0ab3ed83157a0c0ce3f8e', size: this.fontSize }, this.label)))));
|
|
279
279
|
}
|
|
280
280
|
};
|
|
281
281
|
ZonosCheckbox.style = ZonosCheckboxStyle0;
|
|
@@ -325,10 +325,10 @@ const ZonosCollapse = class {
|
|
|
325
325
|
// set overflow to hidden to prevent content from showing when collapsed
|
|
326
326
|
this.el.style.overflow = 'hidden';
|
|
327
327
|
}
|
|
328
|
-
return (h(Host, { key: '
|
|
328
|
+
return (h(Host, { key: 'ec163c2c73f38e479ba22bb3bea5dbe2f156170b', class: 'zonos--elements zonos--collapse', style: {
|
|
329
329
|
'--font-family': zonosStoreFontFamily(),
|
|
330
330
|
height: this.getElementHeight(),
|
|
331
|
-
} }, h("div", { key: '
|
|
331
|
+
} }, h("div", { key: 'ab8b73ff44968d8e2f3dcf75439b09da36fdfb22' }, h("iframe", { key: '0b6d3518382c4c17a6eacb07c1617e84c7301c39', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '752d9054dadf8905e22cfcca81bb966c2d3ce8d3' }))));
|
|
332
332
|
}
|
|
333
333
|
get el() { return getElement(this); }
|
|
334
334
|
};
|
|
@@ -369,7 +369,7 @@ const ZonosLinkAuthentication = class {
|
|
|
369
369
|
}
|
|
370
370
|
render() {
|
|
371
371
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
372
|
-
return (h(Host, { key: '
|
|
372
|
+
return (h(Host, { key: '97c3c388d1a035e6a46ecdbd3bc66d80a589b19f', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: 'e799af821045b2c1792d2971843afa0c7d3ece5b', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'eaf9be27a11d279c13f261e1312ee8a46e4620f7', class: "zonos--link-authentication-component" })));
|
|
373
373
|
}
|
|
374
374
|
get el() { return getElement(this); }
|
|
375
375
|
static get watchers() { return {
|
|
@@ -16,16 +16,16 @@ const ZonosBadge = class {
|
|
|
16
16
|
this.rounded = false;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: 'cc521e396f505c1f3a69d40b755585c1e439f120', class: classes(['zonos--elements zonos--badge']), style: {
|
|
20
20
|
'--font-family': zonosStoreFontFamily(),
|
|
21
|
-
} }, h("div", { key: '
|
|
21
|
+
} }, h("div", { key: '132ee2adfd3be7634d71df9ee1bf813fd56fe768', class: classes([
|
|
22
22
|
'zonos--badge-content',
|
|
23
23
|
this.badgeColor,
|
|
24
24
|
this.rounded && 'rounded',
|
|
25
25
|
this.iconRight && 'icon-right',
|
|
26
26
|
this.size,
|
|
27
27
|
this.bold && 'bold',
|
|
28
|
-
]) }, this.icon, h("zonos-text", { key: '
|
|
28
|
+
]) }, this.icon, h("zonos-text", { key: 'ebe7b204422dc3b0d9fe93d3ca9bd75ceddb9f37' }, h("slot", { key: 'e58b021307f14226ce15df693bedfa50f79f6d8a' })))));
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
ZonosBadge.style = ZonosBadgeStyle0;
|
|
@@ -41,10 +41,10 @@ const ZonosTooltip = class {
|
|
|
41
41
|
this.showTooltip = false;
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (h(Host, { key: '
|
|
44
|
+
return (h(Host, { key: '3b1bc52074428e85d2e3939b0fb6dbf4e8146e1c', class: "zonos--elements" }, h("div", { key: 'ded9a789ec041c9bd01c4a225ad0706a097c2215', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '2052001f18e774bf5f364f2f94fb83fbc161e510' }), h("div", { key: 'ed207e64c5361aadf6deb25574b736bbbb32cf49', class: classes([
|
|
45
45
|
this.showTooltip && 'zonos--show-tooltip',
|
|
46
46
|
'zonos--tooltip-content',
|
|
47
|
-
]) }, h("zonos-text", { key: '
|
|
47
|
+
]) }, h("zonos-text", { key: 'c2b064cac7a7851bbb8cd55ec116655160fffe6b', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: 'e03b47929a5b1856b6770e97403c85088d6a6c77', size: "xs", textColor: "gray-0" }, this.subtitle)))));
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
ZonosTooltip.style = ZonosTooltipStyle0;
|
|
@@ -96,12 +96,12 @@ const ZonosButton = class {
|
|
|
96
96
|
const spinnerColor = backgroundActualColor && isDarkColor(backgroundActualColor)
|
|
97
97
|
? 'white'
|
|
98
98
|
: 'black';
|
|
99
|
-
return (h(Host, { key: '
|
|
99
|
+
return (h(Host, { key: '105badc02dbdcd9c782942e2b71719cd0ae7444e', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
|
|
100
100
|
'--background-color': overrideBackground,
|
|
101
101
|
'--border-radius': borderStyle,
|
|
102
102
|
'--color': color,
|
|
103
103
|
'--font-family': zonosStoreFontFamily(),
|
|
104
|
-
}) }, h("button", { key: '
|
|
104
|
+
}) }, h("button", { key: 'c817b0eec6a0649e48155f284965412beb89a5f6', class: classes([
|
|
105
105
|
this.hasIcon && 'has-icon',
|
|
106
106
|
this.hasContent && 'has-content',
|
|
107
107
|
this.noBackground && 'no-background',
|
|
@@ -114,7 +114,7 @@ const ZonosButton = class {
|
|
|
114
114
|
overrideBackground &&
|
|
115
115
|
variant === 'standard' &&
|
|
116
116
|
'override-background',
|
|
117
|
-
]), disabled: disabled }, this.loading && (h("div", { key: '
|
|
117
|
+
]), disabled: disabled }, this.loading && (h("div", { key: '85d6175e728b87276b95e831560530a3f7424a7c', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: 'c65d771ca5182ac27da1769884dd8a4060037a1b', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'e3c6b155c4eb0f22aa9378586563face84ef8c2d', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
|
|
118
118
|
}
|
|
119
119
|
get ele() { return getElement(this); }
|
|
120
120
|
static get watchers() { return {
|
|
@@ -20,12 +20,12 @@ const ZonosCard = class {
|
|
|
20
20
|
this.spacing = '24px';
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: '49d97d816bec7113ef6654cdf6f54598a17ebc00', style: {
|
|
24
24
|
'--font-family': zonosStoreFontFamily(),
|
|
25
|
-
} }, h("div", { key: '
|
|
25
|
+
} }, h("div", { key: '6c4e326aa182ab597b099ddaf228b8b83efc471f', class: classes(['styled-card']), style: { padding: this.spacing } }, this.label && (h("header", { key: 'eb96bb3be8a7f78cec51f0288ed7d78b4f598659', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '11b6afcf37ec978d154990ab0a6b558d3b203126', type: "subheader" }, this.label), h("h-stack", { key: 'ae03b7569dc0f0e28fccd6c225305db778c6a21e', spacing: 8 }, this.actions))), h("slot", { key: 'b6224bc4d019e302b36a81c6c3a81e2bca4504b1' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'f629f3d4914a92f400e7ccfd347e211bbf11035b', class: "card-footer", style: {
|
|
26
26
|
height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
|
|
27
27
|
padding: this.spacing,
|
|
28
|
-
} }, h("div", { key: '
|
|
28
|
+
} }, h("div", { key: '696d8588e5de862f111c09b801d26f2625e4017f' }, this.footerContent), h("h-stack", { key: '3b2df392b850b27fcdc6e745a2d5093124562367', spacing: 8 }, this.footerActions))))));
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
ZonosCard.style = ZonosCardStyle0;
|
|
@@ -51,9 +51,9 @@ const ZonosLanguageSelect = class {
|
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
53
|
const { selectedLocale } = localizationStore;
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: 'b17a55c8fe256cf1e484834700dec4ea512a0379', class: "zonos--elements", style: {
|
|
55
55
|
'--font-family': zonosStoreFontFamily(),
|
|
56
|
-
} }, h("div", { key: '
|
|
56
|
+
} }, h("div", { key: '0d8c6f5902f3f25c2528d88dd76b625807f2bd62', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: 'c82d962040885203b20f384a56990d9515afeba6', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'ac4a694a903eaa38886d929350b74b0c0114b61d', 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 })))))))));
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;
|
|
@@ -258,7 +258,7 @@ const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none"
|
|
|
258
258
|
</svg>
|
|
259
259
|
`;
|
|
260
260
|
|
|
261
|
-
const zonosCheckoutFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:absolute;bottom:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);gap:var(--amino-space-16);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{line-height:0}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8);position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:var(--amino-space-4)}}:host .zonos--checkout-footer .zonos--checkout-footer-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--amino-surface-color);-webkit-box-shadow:var(--amino-v3-shadow-xl);box-shadow:var(--amino-v3-shadow-xl);border-radius:var(--amino-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:10005;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--amino-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:var(--amino-space-32);background:var(--amino-gray-0);position:relative;padding-top:var(--amino-space-24);bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}";
|
|
261
|
+
const zonosCheckoutFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:absolute;bottom:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);gap:var(--amino-space-16);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-24)}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:var(--amino-space-8);-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a{line-height:0}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{text-decoration:none}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8);position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:var(--amino-space-4)}}:host .zonos--checkout-footer .zonos--checkout-footer-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--amino-surface-color);-webkit-box-shadow:var(--amino-v3-shadow-xl);box-shadow:var(--amino-v3-shadow-xl);border-radius:var(--amino-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:10005;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--amino-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:var(--amino-space-32);background:var(--amino-gray-0);position:relative;padding-top:var(--amino-space-24);bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column;gap:var(--amino-space-4)}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-icon-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}";
|
|
262
262
|
const ZonosCheckoutFooterStyle0 = zonosCheckoutFooterCss;
|
|
263
263
|
|
|
264
264
|
const ZonosCheckoutFooter = class {
|
|
@@ -291,7 +291,7 @@ const ZonosCheckoutFooter = class {
|
|
|
291
291
|
return (h(Host, { key: 'fae1e5cb1250e834ecf3b09f11785ddea61be3b2', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'f3d48fcc675458dd38ca48e21f24a003b5ff9b56', class: "zonos--checkout-footer" }, h("div", { key: '97daec871630cf2bb33956b668abee2e715eceb5', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'cd6e12e8d1320e3e6542eef16f15ab27921748c3', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'bdc6d9311d2d039e87c261ead45474b7bf1fe992', class: classes([
|
|
292
292
|
'zonos--checkout-footer-dialog',
|
|
293
293
|
this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
|
|
294
|
-
]) }, h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, h("zonos-text", { key: '
|
|
294
|
+
]) }, h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'e2cf10499ed764fb2e7086761ece106580cd6440', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '0fe6c810a6d7f84a781655cefc47ec6cbb5131c9', textColor: colorDesktop }, "Privacy policy")), h("div", { key: '50401876a45161e80f593971e602e4c449e78dbe', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '0f69d9d9955165de13a49ff00a7044090b141800', textColor: colorDesktop }, "Powered by"), h("a", { key: '680e6fe4d0a783e2ebc55a51ffb55846ad997249', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '22aee1eb21306141e620bcc1b0dbf035bd710fba', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 })))))));
|
|
295
295
|
}
|
|
296
296
|
get el() { return getElement(this); }
|
|
297
297
|
static get watchers() { return {
|
|
@@ -427,17 +427,17 @@ const ZonosCheckoutProgressTabs = class {
|
|
|
427
427
|
color: labelSelectedColor,
|
|
428
428
|
})
|
|
429
429
|
: labelSelectedColor;
|
|
430
|
-
return (h(Host, { key: '
|
|
430
|
+
return (h(Host, { key: '8b1ca1b840103589ca7929771a7b828928ef1a64', class: "zonos--elements", style: {
|
|
431
431
|
'--color': contrastLabelColor,
|
|
432
432
|
'--progress-percent': this.getTotalSuccessStep(),
|
|
433
|
-
} }, h("div", { key: '
|
|
433
|
+
} }, h("div", { key: 'b1bd07fcc96bd4e900ba945e9f57b27967d3a458', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
|
|
434
434
|
const isSelected = tab.value === selectedStep;
|
|
435
435
|
return (h("button", { class: classes([
|
|
436
436
|
'zonos--tab-item',
|
|
437
437
|
tab.value === selectedStep && 'selected',
|
|
438
438
|
tab.isDone && 'done',
|
|
439
439
|
]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, translate(tab.label))));
|
|
440
|
-
})), h("div", { key: '
|
|
440
|
+
})), h("div", { key: 'f5b8b79050e1ebf23355161202a53854a0d9d08d', class: "zonos--tab-progress" }, h("div", { key: '5e9b4a726dd0cc6601a0097652b06759a7bba1fe', class: "zonos--progress-bar-fill" }))));
|
|
441
441
|
}
|
|
442
442
|
static get assetsDirs() { return ["assets"]; }
|
|
443
443
|
get ele() { return getElement(this); }
|
|
@@ -576,7 +576,7 @@ const ZonosDialog = class {
|
|
|
576
576
|
document.body.style.overflow = 'auto';
|
|
577
577
|
}
|
|
578
578
|
const borderStyle = getBorderRadius(this.borderStyle);
|
|
579
|
-
return (h(Host, { key: '
|
|
579
|
+
return (h(Host, { key: 'cfa43ca3e1e64bbc9fb81dd35f07b5a2a57ef5a7', class: classes([
|
|
580
580
|
'zonos--elements',
|
|
581
581
|
this.open && 'open',
|
|
582
582
|
this.isLoading && 'is-loading',
|
|
@@ -587,10 +587,10 @@ const ZonosDialog = class {
|
|
|
587
587
|
'--font-family': zonosStoreFontFamily(),
|
|
588
588
|
'--height': this.height || 'initial',
|
|
589
589
|
'--width': this.width,
|
|
590
|
-
} }, h("div", { key: '
|
|
590
|
+
} }, h("div", { key: '967accb9ec4e552bab62bbec21fd0319d68828dc', class: "zonos--backdrop" }), h("div", { key: '37041f00cd3a996510f25708460a91baa527ed74', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, h("div", { key: '571cfdac8125f10d380e06efc1464ddcaf1f335e', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '200e75be392f6e8745ebbf2ddfa74aaf3d027caa', class: "zonos--loading" }, h("zonos-spinner", { key: 'a5d5a0d22a5d8ae5a22207716a7904d7031efa8d', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '37800b1fd96b0ff6df2724b4d62ea133470fae2c', class: "zonos--header" }, this.headerText && (h("h3", { key: 'eb0ef1b8c3d82d889f76b18b15d98a19fa1480a1', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '24b6945af71c51a35a09177e65d0b081abec75cb', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), h("div", { key: 'a9d913ce8af53e60ffbf8eeb41b6d4372e0d389e', class: classes([
|
|
591
591
|
'zonos--body',
|
|
592
592
|
this.noBodyPadding && 'zonos--no-body-padding',
|
|
593
|
-
]) }, h("slot", { key: '
|
|
593
|
+
]) }, h("slot", { key: '02c77f819baa6b1a684dfdf02b756ffa1fb55751' })), h("slot", { key: '0b469253c01c418d43d0865ae72d065d2a911aeb', name: "dialog-footer" })))));
|
|
594
594
|
}
|
|
595
595
|
static get assetsDirs() { return ["assets"]; }
|
|
596
596
|
};
|
|
@@ -736,7 +736,7 @@ const ZonosShipping = class {
|
|
|
736
736
|
if (this.showErrorBanner) {
|
|
737
737
|
this.showErrorBanner = !this.handleValidate();
|
|
738
738
|
}
|
|
739
|
-
return (h(Host, { key: '
|
|
739
|
+
return (h(Host, { key: 'c172dbd75de8a0d5d32d7e3e1814a124aaa05c05', class: "zonos--shipping zonos--elements" }, h("div", { key: '3dbbfadac7c8fb2bd4f3337206da535add7c4dd5', class: "zonos--group" }, h("zonos-text", { key: '93c2e9f56359a0c046e23a0e8c70af9af2dad3f4', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) && (h("zonos-banner", { key: 'dc0aa4f036719929344071fe68dd8bf98d493642', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: '98dd599d8a87e3a350b928a5d0d9300aa197d731', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !((_b = this.serviceLevels) === null || _b === void 0 ? void 0 : _b.length) ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (h("zonos-shipping-rich-radio", { initialSelectedValue: (_c = this.selectedShippingMethod) === null || _c === void 0 ? void 0 : _c.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), h("div", { key: 'a59a2833967bde37cd2b31dca4209e8730ec92dc', class: "zonos--group-btn" }, h("zonos-button", { key: 'ef100ac737c28901f609b188bfa0b9e58d4363e8', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
|
|
740
740
|
// use primary type when on mobile mode
|
|
741
741
|
variant: this.submitBtnType }, translate('Go to payment'))))));
|
|
742
742
|
}
|
|
@@ -18,7 +18,7 @@ const ZonosComponent = class {
|
|
|
18
18
|
return format(this.first, this.middle, this.last);
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return h("div", { key: '
|
|
21
|
+
return h("div", { key: '25e0ed1ec26c0b3b3d8539ccb58f914eac9301c8' }, "Hello, World! I'm ", this.getText());
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
ZonosComponent.style = ZonosComponentStyle0;
|
|
@@ -263,7 +263,7 @@ const ZonosController = class {
|
|
|
263
263
|
zonosStore.organizationName = organizationName;
|
|
264
264
|
}
|
|
265
265
|
render() {
|
|
266
|
-
return h(Host, { key: '
|
|
266
|
+
return h(Host, { key: 'fb8d58a358b76ed2def980d7cd516266253bbbb4', class: "zonos--elements" });
|
|
267
267
|
}
|
|
268
268
|
};
|
|
269
269
|
ZonosController.style = ZonosControllerStyle0;
|
|
@@ -1824,9 +1824,9 @@ const ZonosCountrySelect = class {
|
|
|
1824
1824
|
const filteredCountries = this.inputValue
|
|
1825
1825
|
? fuseObject.map(country => country.item)
|
|
1826
1826
|
: countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
|
|
1827
|
-
return (h(Host, { key: '
|
|
1827
|
+
return (h(Host, { key: '4ac4ac37704300786a6a4b3668b1608cf9c2fd96', class: "zonos--elements", style: {
|
|
1828
1828
|
'--font-family': zonosStoreFontFamily(),
|
|
1829
|
-
} }, h("div", { key: '
|
|
1829
|
+
} }, h("div", { key: 'aecc099069d42c73703f510b7021d1a0b988b810', class: "zonos--country-select" }, h("zonos-v-stack", { key: '358b01905c26ea03eef9c8a1551d1faa5c13b763', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'a22baac4b445d2dee08be2cb9c31714b226d9327', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, h("input", { key: '71515910f8bb3ef512c76a71246272f49506ee63', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), h("div", { key: '44d417c7859f4263c8286e60a2cc9bfbe7a6698d', class: "zonos--country-select-content" }, filteredCountries.map(country => (h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === localizationStore.selectedCountryCode && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
|
|
1830
1830
|
}
|
|
1831
1831
|
get ele() { return getElement(this); }
|
|
1832
1832
|
};
|
|
@@ -1843,9 +1843,9 @@ const ZonosCustomMessage = class {
|
|
|
1843
1843
|
}
|
|
1844
1844
|
render() {
|
|
1845
1845
|
const messageWithLinks = formatStringWithLinks(this.message);
|
|
1846
|
-
return (h(Host, { key: '
|
|
1846
|
+
return (h(Host, { key: '197958ea99ffdb3cfc291144129c20b01fdd8b11', class: "zonos--elements", style: {
|
|
1847
1847
|
'--font-family': zonosStoreFontFamily(),
|
|
1848
|
-
} }, this.message && (h("zonos-card", { key: '
|
|
1848
|
+
} }, this.message && (h("zonos-card", { key: 'c8ac70b6c21f6b412653a859661a07a3a07905c6', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '2efe05820fd9e5f23d48a9ac0c167d3ec41b34d1', class: "zonos--flex-message" }, h("zonos-icon", { key: '81577b44466ad6ed48b014fd20b441b3be96a70b', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '16ba131ca7a8d80c81de6c38f3fbd11d872a8b2a', innerHTML: messageWithLinks }))))));
|
|
1849
1849
|
}
|
|
1850
1850
|
};
|
|
1851
1851
|
ZonosCustomMessage.style = ZonosCustomMessageStyle0;
|
|
@@ -1862,7 +1862,7 @@ const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none"
|
|
|
1862
1862
|
</svg>
|
|
1863
1863
|
`;
|
|
1864
1864
|
|
|
1865
|
-
const zonosHelloDialogFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}[data-theme=LIGHT],.zonos--elements{color-scheme:light;--amino-transition:all 0.2s ease-in-out 0s;--amino-type-scale-base:16px;--amino-glass-0:#10111600;--amino-glass-50:#1011160a;--amino-glass-100:#10111614;--amino-glass-200:#10111626;--amino-glass-300:#1011163d;--amino-glass-400:#10111656;--amino-glass-500:#10111670;--amino-glass-600:#1011169b;--amino-glass-700:#101116ad;--amino-glass-800:#101116bc;--amino-glass-900:#101116c6;--amino-glass-1000:#101116dd;--amino-glass-1100:#101116ef;--amino-glass-1200:#101116f5;--amino-gray-0:#ffffff;--amino-gray-50:#f6f6f8;--amino-gray-100:#eaebed;--amino-gray-200:#d9dadd;--amino-gray-300:#c5c6ca;--amino-gray-400:#acaeb3;--amino-gray-500:#94969e;--amino-gray-600:#6a6d77;--amino-gray-700:#5c5e68;--amino-gray-800:#4d505a;--amino-gray-900:#40424c;--amino-gray-1000:#2e3038;--amino-gray-1100:#1e1f26;--amino-gray-1200:#101116;--amino-blue-100:#deedfe;--amino-blue-200:#c5ddfd;--amino-blue-300:#aacbfc;--amino-blue-400:#89b2fa;--amino-blue-500:#5f92f6;--amino-blue-600:#445eee;--amino-blue-700:#364bd4;--amino-blue-800:#2c3baf;--amino-blue-900:#252e7e;--amino-blue-1000:#1c2154;--amino-cyan-100:#dbfffe;--amino-cyan-200:#bafdfd;--amino-cyan-300:#8ff6fa;--amino-cyan-400:#65e6ef;--amino-cyan-500:#4ec6d4;--amino-cyan-600:#37a5b4;--amino-cyan-700:#2c8896;--amino-cyan-800:#26707e;--amino-cyan-900:#245660;--amino-cyan-1000:#183339;--amino-red-100:#ffedeb;--amino-red-200:#fdd3d0;--amino-red-300:#fcb4b2;--amino-red-400:#fa8b8b;--amino-red-500:#f95c67;--amino-red-600:#d92141;--amino-red-700:#b4223d;--amino-red-800:#8c1d33;--amino-red-900:#641627;--amino-red-1000:#49121f;--amino-orange-100:#ffefe0;--amino-orange-200:#fed7b8;--amino-orange-300:#fdc7a0;--amino-orange-400:#fca975;--amino-orange-500:#f88c53;--amino-orange-600:#e5591a;--amino-orange-700:#b6471b;--amino-orange-800:#903a1d;--amino-orange-900:#692c1c;--amino-orange-1000:#441c13;--amino-green-100:#e0ffe3;--amino-green-200:#c8fdce;--amino-green-300:#a9f9b5;--amino-green-400:#7de490;--amino-green-500:#56c76f;--amino-green-600:#2b9c4d;--amino-green-700:#298549;--amino-green-800:#266e3e;--amino-green-900:#245234;--amino-green-1000:#1c3626;--amino-purple-100:#f4eeff;--amino-purple-200:#e7d8fd;--amino-purple-300:#ddc5fc;--amino-purple-400:#cea9fa;--amino-purple-500:#bd82f8;--amino-purple-600:#ab30ee;--amino-purple-700:#922bc5;--amino-purple-800:#742498;--amino-purple-900:#54206a;--amino-purple-1000:#3b1948;--amino-transparent-white:#ffffffbb;--amino-transparent-black:#101116bb;--amino-transparent-gray-600:#6a6d771f;--amino-v3-shadow-base:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 1px 3px rgba(10, 10, 11, 0.1);--amino-v3-shadow-medium:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 2px 4px rgba(10, 10, 11, 0.06);--amino-v3-shadow-large:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 10px 15px rgba(10, 10, 11, 0.1), 0px 4px 6px rgba(10, 10, 11, 0.05);--amino-v3-shadow-xl:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 20px 25px rgba(10, 10, 11, 0.1), 0px 10px 10px rgba(12, 12, 13, 0.04);--amino-v3-shadow-xxl:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 32px 50px rgba(10, 10, 11, 0.24);--amino-v3-shadow-inset:0px 1px 0px #ffffff, 0px 2px 4px rgba(0, 0, 0, 0.04),\n inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04),\n inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n inset 0px 0px 8px rgba(0, 0, 0, 0.02);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(68, 94, 238, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(43, 156, 77, 0.4);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-space-negative-80:-5rem;--amino-space-negative-76:-4.75rem;--amino-space-negative-72:-4.5rem;--amino-space-negative-68:-4.25rem;--amino-space-negative-64:-4rem;--amino-space-negative-60:-3.75rem;--amino-space-negative-56:-3.5rem;--amino-space-negative-52:-3.25rem;--amino-space-negative-48:-3rem;--amino-space-negative-44:-2.75rem;--amino-space-negative-40:-2.5rem;--amino-space-negative-36:-2.25rem;--amino-space-negative-32:-2rem;--amino-space-negative-28:-1.75rem;--amino-space-negative-24:-1.5rem;--amino-space-negative-20:-1.25rem;--amino-space-negative-16:-1rem;--amino-space-negative-12:-0.75rem;--amino-space-negative-8:-0.5rem;--amino-space-negative-4:-0.25rem;--amino-space-0:0;--amino-space-4:0.25rem;--amino-space-8:0.5rem;--amino-space-12:0.75rem;--amino-space-16:1rem;--amino-space-20:1.25rem;--amino-space-24:1.5rem;--amino-space-28:1.75rem;--amino-space-32:2rem;--amino-space-36:2.25rem;--amino-space-40:2.5rem;--amino-space-44:2.75rem;--amino-space-48:3rem;--amino-space-52:3.25rem;--amino-space-56:3.5rem;--amino-space-60:3.75rem;--amino-space-64:4rem;--amino-space-68:4.25rem;--amino-space-72:4.5rem;--amino-space-76:4.75rem;--amino-space-80:5rem;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1000);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n var(--amino-transparent-gray-600) inset,\n var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-0);--amino-surface-color-secondary:var(--amino-gray-50);--amino-backdrop-color:var(--amino-gray-1200);--amino-button-primary-hover:linear-gradient(\n 180deg,\n #445eee 0%,\n #364bd4 100%\n );--amino-button-success-hover:linear-gradient(\n 180deg,\n #2b9c4d 0%,\n #298549 100%\n );--amino-button-danger-hover:linear-gradient(\n 180deg,\n #d92141 0%,\n #b4223d 100%\n );--amino-button-warning-hover:linear-gradient(\n 180deg,\n #e5591a 0%,\n #b6471b 100%\n );--amino-button-standard-hover:linear-gradient(180deg, #fff 0%, #eaebed 100%);--amino-spinner-track-black:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-black:#0c0c0c;--amino-spinner-track-white:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-white:#ffffff;--amino-appbar-height:55px;--amino-sidebar-width:232px;--amino-elevation-0:0;--amino-elevation-100:100;--amino-elevation-200:200;--amino-elevation-300:300;--amino-elevation-400:400;--amino-elevation-500:500;--amino-dialog-elevation:var(--amino-elevation-400);--amino-toast-elevation:var(--amino-elevation-500);--amino-appbar-elevation:var(--amino-elevation-500);--amino-size-xl:56px;--amino-size-lg:48px;--amino-size-md:40px;--amino-size-sm:32px;--amino-radius-4:0.25rem;--amino-radius-6:0.375rem;--amino-radius-8:0.5rem;--amino-radius-10:0.625rem;--amino-radius-12:0.75rem;--amino-font-size-3xl:2.125rem;--amino-font-size-2xl:1.75rem;--amino-font-size-xl:1.375rem;--amino-font-size-l:1.125rem;--amino-font-size-base-docs:1rem;--amino-font-size-base:0.875rem;--amino-font-size-s:0.75rem;--amino-font-size-xs:0.625rem;--amino-line-height-3xl:3rem;--amino-line-height-2xl:2.5rem;--amino-line-height-xl:2rem;--amino-line-height-l:1.5rem;--amino-line-height-base:1.5rem;--amino-line-height-s:1rem;--amino-line-height-xs:0.75rem;--amino-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n \"Helvetica Neue\", sans-serif;--amino-font-mono:Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,\n Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,\n Courier New, monospace;--amino-font-harmonized-codes:\"Fira Code\", var(--amino-font-sans);--amino-input-background:inherit}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]),.zonos--elements[data-theme=DARK],.zonos--elements [data-theme=DARK]{color-scheme:dark;--amino-glass-0:#ffffff00;--amino-glass-50:#ffffff0a;--amino-glass-100:#ffffff21;--amino-glass-200:#ffffff26;--amino-glass-300:#ffffff44;--amino-glass-400:#ffffff51;--amino-glass-500:#ffffff63;--amino-glass-600:#ffffff8e;--amino-glass-700:#ffffffa8;--amino-glass-800:#ffffffc1;--amino-glass-900:#ffffffd8;--amino-glass-1000:#ffffffea;--amino-glass-1100:#fffffff4;--amino-glass-1200:#fffffffa;--amino-gray-0:#101116;--amino-gray-50:#1e1f26;--amino-gray-100:#2e3038;--amino-gray-200:#40424c;--amino-gray-300:#4d505a;--amino-gray-400:#5c5e68;--amino-gray-500:#6a6d77;--amino-gray-600:#94969e;--amino-gray-700:#acaeb3;--amino-gray-800:#c5c6ca;--amino-gray-900:#d9dadd;--amino-gray-1000:#eaebed;--amino-gray-1100:#f6f6f8;--amino-gray-1200:#ffffff;--amino-blue-100:#1c2154;--amino-blue-200:#252e7e;--amino-blue-300:#2c3baf;--amino-blue-400:#364bd4;--amino-blue-500:#445eee;--amino-blue-600:#5f92f6;--amino-blue-700:#89b2fa;--amino-blue-800:#aacbfc;--amino-blue-900:#c5ddfd;--amino-blue-1000:#deedfe;--amino-cyan-100:#183339;--amino-cyan-200:#245660;--amino-cyan-300:#26707e;--amino-cyan-400:#2c8896;--amino-cyan-500:#37a5b4;--amino-cyan-600:#4ec6d4;--amino-cyan-700:#65e6ef;--amino-cyan-800:#8ff6fa;--amino-cyan-900:#bafdfd;--amino-cyan-1000:#dbfffe;--amino-red-100:#49121f;--amino-red-200:#641627;--amino-red-300:#8c1d33;--amino-red-400:#b4223d;--amino-red-500:#d92141;--amino-red-600:#f95c67;--amino-red-700:#fa8b8b;--amino-red-800:#fcb4b2;--amino-red-900:#fdd3d0;--amino-red-1000:#ffedeb;--amino-orange-100:#441c13;--amino-orange-200:#692c1c;--amino-orange-300:#903a1d;--amino-orange-400:#b6471b;--amino-orange-500:#e5591a;--amino-orange-600:#f88c53;--amino-orange-700:#fca975;--amino-orange-800:#fdc7a0;--amino-orange-900:#fed7b8;--amino-orange-1000:#ffefe0;--amino-green-100:#1c3626;--amino-green-200:#245234;--amino-green-300:#266e3e;--amino-green-400:#298549;--amino-green-500:#2b9c4d;--amino-green-600:#56c76f;--amino-green-700:#7de490;--amino-green-800:#a9f9b5;--amino-green-900:#c8fdce;--amino-green-1000:#e0ffe3;--amino-purple-100:#3b1948;--amino-purple-200:#54206a;--amino-purple-300:#742498;--amino-purple-400:#922bc5;--amino-purple-500:#ab30ee;--amino-purple-600:#bd82f8;--amino-purple-700:#cea9fa;--amino-purple-800:#ddc5fc;--amino-purple-900:#e7d8fd;--amino-purple-1000:#f4eeff;--amino-transparent-white:#101116bb;--amino-transparent-black:#ffffffbb;--amino-transparent-gray-600:#94969e1f;--amino-v3-shadow-base:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 1px 3px rgba(0, 0, 0, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.8);--amino-v3-shadow-medium:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 4px 6px rgba(0, 0, 0, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.8);--amino-v3-shadow-large:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 10px 15px rgba(0, 0, 0, 0.9), 0px 4px 6px rgba(0, 0, 0, 0.8);--amino-v3-shadow-xl:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 20px 25px rgba(0, 0, 0, 0.9), 0px 10px 10px rgba(0, 0, 0, 0.8);--amino-v3-shadow-xxl:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 32px 50px rgba(0, 0, 0, 0.96);--amino-v3-shadow-inset:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 0px 6px rgba(255, 255, 255, 0.08), 0px 1px 0px #111114,\n 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n inset 0px 2px 4px rgba(0, 0, 0, 0.24),\n inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n inset 0px 0px 8px rgba(0, 0, 0, 0.16);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 0.5px #000, 0px 1px 3px 0px rgba(95, 146, 246, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset, 0px 0px 0px 0.5px #000,\n 0px 1px 3px 0px rgba(86, 199, 111, 0.6);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n 0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n 0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1000);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n var(--amino-transparent-gray-600) inset,\n var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-50);--amino-surface-color-secondary:var(--amino-gray-100);--amino-backdrop-color:var(--amino-gray-0);--amino-button-primary-hover:linear-gradient(\n 180deg,\n #5f92f6 0%,\n #89b2fa 100%\n );--amino-button-success-hover:linear-gradient(\n 180deg,\n #56c76f 0%,\n #7de490 100%\n );--amino-button-danger-hover:linear-gradient(\n 180deg,\n #f95c67 0%,\n #fa8b8b 100%\n );--amino-button-warning-hover:linear-gradient(\n 180deg,\n #f88c53 0%,\n #fca975 100%\n );--amino-button-standard-hover:linear-gradient(\n 180deg,\n #1e1f26 0%,\n #2e3038 100%\n );--amino-spinner-track-black:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-black:#ffffff;--amino-spinner-track-white:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-white:#0c0c0c;}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]) .elevated,.zonos--elements[data-theme=DARK] .elevated,.zonos--elements [data-theme=DARK] .elevated{--amino-hover-color:var(--amino-gray-100)}:host .zonos--hello-dialog-footer{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color, var(--amino-surface-color-secondary));border-top:var(--amino-border);padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--hello-dialog-footer a{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--hello-dialog-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:var(--amino-space-4)}}";
|
|
1865
|
+
const zonosHelloDialogFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}[data-theme=LIGHT],.zonos--elements{color-scheme:light;--amino-transition:all 0.2s ease-in-out 0s, visibility 0s;--amino-type-scale-base:16px;--amino-glass-0:#10111600;--amino-glass-50:#1011160a;--amino-glass-100:#10111614;--amino-glass-200:#10111626;--amino-glass-300:#1011163d;--amino-glass-400:#10111656;--amino-glass-500:#10111670;--amino-glass-600:#1011169b;--amino-glass-700:#101116ad;--amino-glass-800:#101116bc;--amino-glass-900:#101116c6;--amino-glass-1000:#101116dd;--amino-glass-1100:#101116ef;--amino-glass-1200:#101116f5;--amino-gray-0:#ffffff;--amino-gray-50:#f6f6f8;--amino-gray-100:#ebebf0;--amino-gray-200:#d9dae3;--amino-gray-300:#bfc0ce;--amino-gray-400:#a7a9b9;--amino-gray-500:#888d9f;--amino-gray-600:#676c7e;--amino-gray-700:#575c6b;--amino-gray-800:#484c5b;--amino-gray-900:#383a48;--amino-gray-1000:#2a2c37;--amino-gray-1100:#1a1c23;--amino-gray-1200:#101116;--amino-blue-100:#e7f6fe;--amino-blue-200:#c9e6fd;--amino-blue-300:#a3cbfa;--amino-blue-400:#7fa9f5;--amino-blue-500:#5a80f1;--amino-blue-600:#445eee;--amino-blue-700:#3843c2;--amino-blue-800:#2e3d94;--amino-blue-900:#212f68;--amino-blue-1000:#152141;--amino-cyan-100:#d6fffe;--amino-cyan-200:#c0f2f2;--amino-cyan-300:#9be7e9;--amino-cyan-400:#66d5db;--amino-cyan-500:#3ec4d0;--amino-cyan-600:#2ca0af;--amino-cyan-700:#29818e;--amino-cyan-800:#25646f;--amino-cyan-900:#1d464e;--amino-cyan-1000:#152d32;--amino-red-100:#ffeceb;--amino-red-200:#fdd0ce;--amino-red-300:#faa9a9;--amino-red-400:#f37c82;--amino-red-500:#eb5c6c;--amino-red-600:#de314f;--amino-red-700:#bc2442;--amino-red-800:#922033;--amino-red-900:#6c1b26;--amino-red-1000:#481419;--amino-orange-100:#fff1e0;--amino-orange-200:#fcdab8;--amino-orange-300:#f5c193;--amino-orange-400:#f7a464;--amino-orange-500:#f47a34;--amino-orange-600:#e5591a;--amino-orange-700:#bd3c1c;--amino-orange-800:#94301c;--amino-orange-900:#6b2a1a;--amino-orange-1000:#401d12;--amino-green-100:#defde8;--amino-green-200:#aff8c3;--amino-green-300:#81ef98;--amino-green-400:#57db6c;--amino-green-500:#39c049;--amino-green-600:#2ca03f;--amino-green-700:#288129;--amino-green-800:#246627;--amino-green-900:#1d4920;--amino-green-1000:#153219;--amino-purple-100:#edebff;--amino-purple-200:#dcd2fe;--amino-purple-300:#ceb5fd;--amino-purple-400:#c699fa;--amino-purple-500:#b25cf5;--amino-purple-600:#ab26ed;--amino-purple-700:#901cca;--amino-purple-800:#6e1e99;--amino-purple-900:#471d68;--amino-purple-1000:#2c1844;--amino-transparent-white:#ffffffbb;--amino-transparent-black:#101116bb;--amino-transparent-gray-600:#6a6d771f;--amino-v3-shadow-base:0px 1px 3px 0px rgba(10, 10, 11, 0.1),\n 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-medium:0px 2px 4px 0px rgba(10, 10, 11, 0.06),\n 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-large:0px 4px 6px 0px rgba(10, 10, 11, 0.05),\n 0px 10px 15px rgba(10, 10, 11, 0.1),\n 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-xl:0px 10px 10px 0px rgba(12, 12, 13, 0.04),\n 0px 20px 25px rgba(10, 10, 11, 0.1),\n 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.04),\n 0px 1px 0px 0px rgba(255, 255, 255, 1),\n inset 0px 0px 8px rgba(0, 0, 0, 0.02),\n inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(68, 94, 238, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(43, 156, 77, 0.4);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-shadow-button-disabled:0px 1px 3px 0px rgba(16, 17, 22, 0.2),\n 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;--amino-shadow-select-base:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-shadow-select-active:0px 1px 3px 0px rgba(68, 94, 238, 0.4),\n 0px 0px 0px 1px #445eee inset,\n 0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset;--amino-shadow-select-error:0px 1px 3px 0px rgba(221, 49, 78, 0.4),\n 0px 0px 0px 1px #dd314e inset,\n 0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;--amino-opacity-disabled:0.6;--amino-space-negative-80:-5rem;--amino-space-negative-76:-4.75rem;--amino-space-negative-72:-4.5rem;--amino-space-negative-68:-4.25rem;--amino-space-negative-64:-4rem;--amino-space-negative-60:-3.75rem;--amino-space-negative-56:-3.5rem;--amino-space-negative-52:-3.25rem;--amino-space-negative-48:-3rem;--amino-space-negative-44:-2.75rem;--amino-space-negative-40:-2.5rem;--amino-space-negative-36:-2.25rem;--amino-space-negative-32:-2rem;--amino-space-negative-28:-1.75rem;--amino-space-negative-24:-1.5rem;--amino-space-negative-20:-1.25rem;--amino-space-negative-16:-1rem;--amino-space-negative-12:-0.75rem;--amino-space-negative-8:-0.5rem;--amino-space-negative-4:-0.25rem;--amino-space-0:0;--amino-space-4:0.25rem;--amino-space-8:0.5rem;--amino-space-12:0.75rem;--amino-space-16:1rem;--amino-space-20:1.25rem;--amino-space-24:1.5rem;--amino-space-28:1.75rem;--amino-space-32:2rem;--amino-space-36:2.25rem;--amino-space-40:2.5rem;--amino-space-44:2.75rem;--amino-space-48:3rem;--amino-space-52:3.25rem;--amino-space-56:3.5rem;--amino-space-60:3.75rem;--amino-space-64:4rem;--amino-space-68:4.25rem;--amino-space-72:4.5rem;--amino-space-76:4.75rem;--amino-space-80:5rem;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-border-subtle:1px solid var(--amino-gray-100);--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1200);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n var(--amino-transparent-gray-600) inset,\n var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-0);--amino-surface-color-secondary:var(--amino-gray-50);--amino-backdrop-color:#000000;--amino-raised-surface-color:var(--amino-gray-0);--amino-raised-color-secondary:var(--amino-gray-50);--amino-button-primary-hover:linear-gradient(\n 180deg,\n #445eee 0%,\n #364bd4 100%\n );--amino-button-success-hover:linear-gradient(\n 180deg,\n #2b9c4d 0%,\n #298549 100%\n );--amino-button-danger-hover:linear-gradient(\n 180deg,\n #d92141 0%,\n #b4223d 100%\n );--amino-button-warning-hover:linear-gradient(\n 180deg,\n #e5591a 0%,\n #b6471b 100%\n );--amino-button-standard-hover:linear-gradient(180deg, #fff 0%, #eaebed 100%);--amino-spinner-track-black:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-black:#0c0c0c;--amino-spinner-track-white:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-white:#ffffff;--amino-appbar-height:55px;--amino-sidebar-width:232px;--amino-elevation-0:0;--amino-elevation-100:100;--amino-elevation-200:200;--amino-elevation-300:300;--amino-elevation-400:400;--amino-elevation-500:500;--amino-dialog-elevation:var(--amino-elevation-400);--amino-toast-elevation:var(--amino-elevation-500);--amino-appbar-elevation:var(--amino-elevation-500);--amino-size-xl:56px;--amino-size-lg:48px;--amino-size-md:40px;--amino-size-sm:32px;--amino-radius-4:0.25rem;--amino-radius-6:0.375rem;--amino-radius-8:0.5rem;--amino-radius-10:0.625rem;--amino-radius-12:0.75rem;--amino-font-size-3xl:1.875rem;--amino-font-size-2xl:1.5rem;--amino-font-size-xl:1.25rem;--amino-font-size-l:1.125rem;--amino-font-size-base-docs:1rem;--amino-font-size-base:0.813rem;--amino-font-size-s:0.75rem;--amino-font-size-xs:0.688rem;--amino-line-height-3xl:3rem;--amino-line-height-2xl:2.5rem;--amino-line-height-xl:2rem;--amino-line-height-l:1.5rem;--amino-line-height-base:1.5rem;--amino-line-height-s:1rem;--amino-line-height-xs:0.75rem;--amino-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n \"Helvetica Neue\", sans-serif;--amino-font-mono:Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,\n Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,\n Courier New, monospace;--amino-font-harmonized-codes:\"Fira Code\", var(--amino-font-sans);--amino-input-background:inherit}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]),.zonos--elements[data-theme=DARK],.zonos--elements [data-theme=DARK]{color-scheme:dark;--amino-glass-0:#ffffff00;--amino-glass-50:#ffffff0a;--amino-glass-100:#ffffff21;--amino-glass-200:#ffffff26;--amino-glass-300:#ffffff44;--amino-glass-400:#ffffff51;--amino-glass-500:#ffffff63;--amino-glass-600:#ffffff8e;--amino-glass-700:#ffffffa8;--amino-glass-800:#ffffffc1;--amino-glass-900:#ffffffd8;--amino-glass-1000:#ffffffea;--amino-glass-1100:#fffffff4;--amino-glass-1200:#fffffffa;--amino-gray-0:#101116;--amino-gray-50:#1a1c23;--amino-gray-100:#2a2c37;--amino-gray-200:#383a48;--amino-gray-300:#484c5b;--amino-gray-400:#575c6b;--amino-gray-500:#676c7e;--amino-gray-600:#888d9f;--amino-gray-700:#a7a9b9;--amino-gray-800:#bfc0ce;--amino-gray-900:#d9dae3;--amino-gray-1000:#ebebf0;--amino-gray-1100:#f6f6f8;--amino-gray-1200:#ffffff;--amino-blue-100:#152141;--amino-blue-200:#212f68;--amino-blue-300:#2e3d94;--amino-blue-400:#3843c2;--amino-blue-500:#445eee;--amino-blue-600:#5a80f1;--amino-blue-700:#7fa9f5;--amino-blue-800:#a8cefa;--amino-blue-900:#c9e6fd;--amino-blue-1000:#e7f6fe;--amino-cyan-100:#152d32;--amino-cyan-200:#1d464e;--amino-cyan-300:#25646f;--amino-cyan-400:#29818e;--amino-cyan-500:#2ca0af;--amino-cyan-600:#3ec4d0;--amino-cyan-700:#66d5db;--amino-cyan-800:#9be7e9;--amino-cyan-900:#c0f2f2;--amino-cyan-1000:#d6fffe;--amino-red-100:#481419;--amino-red-200:#6c1b26;--amino-red-300:#922033;--amino-red-400:#bc2442;--amino-red-500:#de314f;--amino-red-600:#eb5c6c;--amino-red-700:#f37c82;--amino-red-800:#faa9a9;--amino-red-900:#fdd0ce;--amino-red-1000:#ffeceb;--amino-orange-100:#401d12;--amino-orange-200:#6b2a1a;--amino-orange-300:#94301c;--amino-orange-400:#bd3c1c;--amino-orange-500:#e5591a;--amino-orange-600:#f47a34;--amino-orange-700:#f7a464;--amino-orange-800:#f5c193;--amino-orange-900:#fcdab8;--amino-orange-1000:#fff1e0;--amino-green-100:#153219;--amino-green-200:#1d4920;--amino-green-300:#246627;--amino-green-400:#288129;--amino-green-500:#2ca03f;--amino-green-600:#39c049;--amino-green-700:#57db6c;--amino-green-800:#81ef98;--amino-green-900:#aff8c3;--amino-green-1000:#defde8;--amino-purple-100:#2c1844;--amino-purple-200:#471d68;--amino-purple-300:#6e1e99;--amino-purple-400:#901cca;--amino-purple-500:#ab26ed;--amino-purple-600:#b25cf5;--amino-purple-700:#c699fa;--amino-purple-800:#ceb5fd;--amino-purple-900:#dcd2fe;--amino-purple-1000:#edebff;--amino-transparent-white:#101116bb;--amino-transparent-black:#ffffffbb;--amino-transparent-gray-600:#94969e1f;--amino-v3-shadow-base:0px 1px 4px 0px rgba(0, 0, 0, 0.7),\n 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-medium:0px 2px 4px 0px rgba(0, 0, 0, 0.6),\n 0px 4px 6px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-large:0px 4px 6px 0px rgba(0, 0, 0, 0.6),\n 0px 10px 15px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-xl:0px 10px 10px 0px rgba(0, 0, 0, 0.6),\n 0px 20px 25px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.24),\n 0px 1px 0px rgba(17, 17, 20, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.16),\n inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n inset 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n 0px 0px 6px rgba(255, 255, 255, 0.08),\n 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-shadow-button-primary:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(95, 146, 246, 0.4);--amino-shadow-button-success:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(86, 199, 111, 0.6);--amino-shadow-button-danger:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(249, 92, 103, 0.6);--amino-shadow-button-warning:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(248, 140, 83, 0.6);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n 0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n 0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-shadow-button-disabled:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(255, 255, 255, 0);--amino-shadow-select-base:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n 0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n 0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-shadow-select-active:0px 0px 0px 1px #000,\n 0px -1px 1px 1px rgba(114, 146, 243, 0.24) inset,\n 0px 0px 0px 1px #7292f3 inset, 0px 1px 3px 0px rgba(114, 146, 243, 0.4);--amino-shadow-select-error:0px 0px 0px 1px #000,\n 0px -1px 1px 1px rgba(235, 92, 108, 0.24) inset,\n 0px 0px 0px 1px #eb5c6c inset, 0px 1px 3px 0px rgba(235, 92, 108, 0.6);--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-border-subtle:1px solid var(--amino-gray-100);--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1200);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n var(--amino-transparent-gray-600) inset,\n var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-50);--amino-surface-color-secondary:var(--amino-gray-100);--amino-backdrop-color:#000000;--amino-raised-surface-color:#2c2e3899;--amino-raised-color-secondary:var(--amino-gray-0);--amino-button-primary-hover:linear-gradient(\n 180deg,\n #5a80f1 0%,\n #7fa9f5 100%\n );--amino-button-success-hover:linear-gradient(\n 180deg,\n #39c049 0%,\n #57db6c 100%\n );--amino-button-danger-hover:linear-gradient(\n 180deg,\n #e9495c 0%,\n #f37c82 100%\n );--amino-button-warning-hover:linear-gradient(\n 180deg,\n #f47a34 0%,\n #f7a464 100%\n );--amino-button-standard-hover:linear-gradient(180deg, #2c2e3800, #2c2e38e5);--amino-spinner-track-black:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-black:#ffffff;--amino-spinner-track-white:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-white:#0c0c0c;}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]) .elevated,.zonos--elements[data-theme=DARK] .elevated,.zonos--elements [data-theme=DARK] .elevated{--amino-hover-color:var(--amino-gray-100)}:host .zonos--hello-dialog-footer{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color, var(--amino-surface-color-secondary));border-top:var(--amino-border);padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--hello-dialog-footer a{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--hello-dialog-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:var(--amino-space-4)}}";
|
|
1866
1866
|
const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
|
|
1867
1867
|
|
|
1868
1868
|
const ZonosHelloDialogFooter = class {
|
|
@@ -1877,9 +1877,9 @@ const ZonosHelloDialogFooter = class {
|
|
|
1877
1877
|
const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
|
|
1878
1878
|
const footerTheme = primaryColor && isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
|
|
1879
1879
|
const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
|
|
1880
|
-
return (h(Host, { key: '
|
|
1880
|
+
return (h(Host, { key: '6f6371c5650d77a11d8a2f049859446ffb39e78f', class: "zonos--elements" }, h("div", { key: '47efc7a11c14ac4fc60472baea2d43f132eb2b07', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
|
|
1881
1881
|
'--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
|
|
1882
|
-
} }, h("a", { key: '
|
|
1882
|
+
} }, h("a", { key: 'a34ae0513d778695aa5cc2051774e0105ec93c4e', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'e3e558d3759a2ccffa44e8b70603ec4860fe219a', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), h("div", { key: 'f76d9dff90b3e95db704a43f48abfd12938bdd7c', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'b3430483773438b84a05fc1850c75231f25ecb5c', buttonColor: "gray-1200", icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '351024225e4fb74e321b64fbdfe5b6b471d71077', buttonColor: "gray-1200", 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)))));
|
|
1883
1883
|
}
|
|
1884
1884
|
};
|
|
1885
1885
|
ZonosHelloDialogFooter.style = ZonosHelloDialogFooterStyle0;
|
|
@@ -182,17 +182,17 @@ const ZonosHelloDialog = class {
|
|
|
182
182
|
const defaultMessage = formatStringWithLinks(defaultMessageStr);
|
|
183
183
|
const currentPage = this.getCurrentPageEnum();
|
|
184
184
|
const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
|
|
185
|
-
return (h(Host, { key: '
|
|
185
|
+
return (h(Host, { key: '5457afc57069ca9ee6b31c2d3678965e59e275ed', class: "zonos--elements" }, h("div", { key: '4b4e974fce33cf88e7627a9513222453d25fe103', "aria-hidden": "true", class: classes([
|
|
186
186
|
'zonos--hello-dialog',
|
|
187
187
|
animateLeft && 'zonos--hello-dialog-animate-from-left',
|
|
188
188
|
animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
|
|
189
189
|
!!this.mobileLocationOverride &&
|
|
190
190
|
'zonos--hello-dialog-mobile-override',
|
|
191
191
|
this.isOpen && 'zonos--hello-dialog-open',
|
|
192
|
-
]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '
|
|
192
|
+
]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'a27fd25bcc42d984b96991fa41c62dc7f2c8fb3c' }, h("div", { key: 'a83e94def52065d49155eadce134edc5bdfd9f8a', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'db53cddaf04b1bd860287dcc70c6906bec71d6a3', 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: 'b23609e6727a8b0d7085dc5c96e2034382aae992', spacing: 24 }, h("zonos-country-flag", { key: 'd32019b849190e902b923c5bd82b8b293d1d2431', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'c063e4bb526b1b24ec687c80d42ebd9b18d704b6', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'a631361f2d44b1e21e91a1f4ff303da7101cdbef', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'c887a9764256420faa51973733a4ce4b6ba9c87a', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: 'ce5cf5c6edad63ccd06204fd6e28f07619ff92db', spacing: 8 }, this.restrictedItems.map(item => {
|
|
193
193
|
var _a;
|
|
194
194
|
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)))));
|
|
195
|
-
}), h("zonos-card", { key: '
|
|
195
|
+
}), h("zonos-card", { key: '4352b1c30bf2e07a330efebc0f7315bd1ac567a8', spacing: "12px" }, h("zonos-v-stack", { key: 'c92966e587ea3fe988cd450b2689e2839784b0fd', spacing: 12 }, h("div", { key: 'dc6f702ef1489d007d68b125b82ecd984d5e739c', class: "zonos--flex-message" }, h("zonos-icon", { key: 'a2ea6fbb7fb36f7e446cd28c7f6e0e57c3af67bf', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '04fecd291baef82d8045ecd128e34dc79d2f7eeb' }, dutyDeMinimisMessage)), h("div", { key: '2f312f15d2ed7844e7408a779eaf9f69bfc55866', class: "zonos--flex-message" }, h("zonos-icon", { key: '51e4a27c2eba54a60d8516b1824cacb918dd7ecb', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: '24ecaa5087f050f994753420493f139445f93090' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: '2bdc3b49037389fc9058dfab97d02adf6ec09092', class: "zonos--flex-message" }, h("zonos-icon", { key: 'b7737b651f8df5fe555e8d26d63d3282178b225e', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: 'c9382d99555e02c03a17f58bcc7a1872cc988bd0' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '38010a811c69787c107fac817ae1cfde249454e1', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '564d7cc16fdb4871c5290578eb59f47310a73236' }, h("zonos-country-select", { key: '511418bcd30cd97458f90cbe78dbd296137ea925', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '9c215eadf43523a7ee8036a6637bf398c86c6c5c' }, h("zonos-language-select", { key: '2856beb0872a37cec0944688e4d72145a16baffb', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
|
|
196
196
|
}
|
|
197
197
|
static get assetsDirs() { return ["assets"]; }
|
|
198
198
|
static get watchers() { return {
|
|
@@ -12,7 +12,7 @@ const ZonosLink = class {
|
|
|
12
12
|
this.linkTitle = undefined;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'af4c861f0a7f0a86c60c2ba6fe12a37721d50c1b', class: "zonos--elements" }, h("a", { key: 'b8fc607e0aa5269f2c3c1ccf51e233b52fac6693', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '98ebca9c8962143426fd1c88d9189b92fc402505' }))));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
ZonosLink.style = ZonosLinkStyle0;
|
|
@@ -15,11 +15,11 @@ const ZonosLogo = class {
|
|
|
15
15
|
const filterColor = this.theme === 'DARK'
|
|
16
16
|
? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
|
|
17
17
|
: 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: 'c196e8372ff0f602b135c582a1a4cdf2ba75274d', class: classes(['zonos--elements zonos--logo']), style: {
|
|
19
19
|
'--filter-color': filterColor,
|
|
20
20
|
'--font-family': zonosStoreFontFamily(),
|
|
21
21
|
'--width': this.width,
|
|
22
|
-
} }, h("img", { key: '
|
|
22
|
+
} }, h("img", { key: '668abac552ed1e133f29b0b0aa8f17d158c5441b', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
|
|
23
23
|
}
|
|
24
24
|
static get assetsDirs() { return ["assets"]; }
|
|
25
25
|
};
|
|
@@ -40,7 +40,7 @@ const ZonosPayment = class {
|
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
42
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
43
|
-
return (h(Host, { key: '
|
|
43
|
+
return (h(Host, { key: '2ac7d34f60a5e4fc21fed92218e8b467e49bee33', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'a0360edd61bf571645fbc0781a43a94cf02e9acc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '41a1daa79d640eecf197e520145c41cf957fbee1', class: "zonos--payment-component" })));
|
|
44
44
|
}
|
|
45
45
|
get el() { return getElement(this); }
|
|
46
46
|
static get watchers() { return {
|
|
@@ -14,9 +14,9 @@ const ZonosSelectDialogHeader = class {
|
|
|
14
14
|
this.label = '';
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: 'c571a648772792abb553c87a9c238e36d2fd63fb', class: "zonos--elements", style: {
|
|
18
18
|
'--font-family': zonosStoreFontFamily(),
|
|
19
|
-
} }, h("zonos-v-stack", { key: '
|
|
19
|
+
} }, h("zonos-v-stack", { key: 'f8d2c7a95bb985e17c7c6fa4fdeb2d6c692dd266', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'dd87a6fd7d2f84e907b99a440e62b1260273ae0d', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'a5573f14f446c343bf7d5ed7f1c4564788435513', type: "boldLabel" }, this.label), h("zonos-button", { key: '3edfd71ce5da3a2366c856ca739aaea928a836de', 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: '155ec43e2791f871a4182edff8a6dd2304951f72' }))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
|
|
@@ -30,9 +30,9 @@ const VStack = class {
|
|
|
30
30
|
this.spacing = 24;
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: '39a71bdb43f87fd7beec0370aa384a94c7603417', style: {
|
|
34
34
|
'--font-family': zonosStoreFontFamily(),
|
|
35
|
-
} }, h("div", { key: '
|
|
35
|
+
} }, h("div", { key: '37ef89d4d2aecfebbf6a47f1754ce5f45fcd2566', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'd34be5394fef1bf5e7f37cb6dbd468ae48454df8' }))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
VStack.style = ZonosVStackStyle0;
|