@zonos/elements 1.3.260 → 1.3.261
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/index.cjs.js +7 -7
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/zonos-address-display_8.cjs.entry.js +17 -17
- package/dist/cjs/zonos-address_4.cjs.entry.js +6 -6
- package/dist/cjs/zonos-badge.cjs.entry.js +3 -3
- package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card_5.cjs.entry.js +6 -6
- package/dist/cjs/zonos-cart-items_12.cjs.entry.js +80 -14
- package/dist/cjs/zonos-checkbox_2.cjs.entry.js +5 -5
- package/dist/cjs/zonos-checkout.cjs.entry.js +13 -3
- package/dist/cjs/zonos-collapse.cjs.entry.js +2 -2
- package/dist/cjs/zonos-collect-cart-items_3.cjs.entry.js +4 -4
- package/dist/cjs/zonos-collect-finish_6.cjs.entry.js +13 -13
- 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_4.cjs.entry.js +9 -9
- package/dist/cjs/zonos-elements.cjs.js +1 -1
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
- package/dist/cjs/zonos-input.cjs.entry.js +4 -4
- package/dist/cjs/zonos-invoice-cart-items_2.cjs.entry.js +4 -4
- package/dist/cjs/zonos-invoice-finish_5.cjs.entry.js +8 -8
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +4 -4
- package/dist/cjs/zonos-link.cjs.entry.js +1 -1
- package/dist/cjs/zonos-logo.cjs.entry.js +2 -2
- package/dist/cjs/zonos-stripe-input.cjs.entry.js +4 -4
- package/dist/cjs/zonos-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/zonos-v-stack.cjs.entry.js +2 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +74 -7
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js +2 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +13 -3
- package/dist/collection/components/checkout/zonos-collect/zonos-collect-cart-items/zonos-collect-cart-items.js +1 -1
- package/dist/collection/components/checkout/zonos-collect/zonos-collect-finish/zonos-collect-finish.js +2 -2
- package/dist/collection/components/checkout/zonos-collect/zonos-collect-footer/zonos-collect-footer.js +3 -3
- package/dist/collection/components/checkout/zonos-collect/zonos-collect-review/zonos-collect-review.js +3 -3
- package/dist/collection/components/checkout/zonos-collect/zonos-collect-subtotal/zonos-collect-subtotal.js +5 -5
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-cart-items/zonos-invoice-cart-items.js +2 -2
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-finish/zonos-invoice-finish.js +2 -2
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/zonos-invoice-footer.js +3 -3
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-review/zonos-invoice-review.js +3 -3
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-subtotal/zonos-invoice-subtotal.js +2 -2
- 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 +4 -4
- 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-confirm-dialog/zonos-confirm-dialog.js +3 -3
- package/dist/collection/components/common/zonos-country-select/zonos-country-select.js +3 -3
- 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-h-stack/zonos-h-stack.js +2 -2
- package/dist/collection/components/common/zonos-input/zonos-input.js +4 -4
- package/dist/collection/components/common/zonos-language-select/zonos-language-select.js +2 -2
- package/dist/collection/components/common/zonos-link/zonos-link.js +1 -1
- package/dist/collection/components/common/zonos-loading-overlay/zonos-loading-overlay.js +1 -1
- package/dist/collection/components/common/zonos-logo/zonos-logo.js +2 -2
- package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js +3 -3
- package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js +2 -2
- package/dist/collection/components/common/zonos-skeleton/zonos-skeleton.js +1 -1
- package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js +4 -4
- package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js +5 -5
- package/dist/collection/components/common/zonos-stripe-select/zonos-stripe-select.js +5 -5
- package/dist/collection/components/common/zonos-toggle/zonos-toggle.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/common/zonos-virtual-scroll/zonos-virtual-scroll.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.js +2 -2
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js +4 -4
- package/dist/collection/components/main/zonos-controller.js +1 -1
- package/dist/collection/components/paypal/zonos-paypal-payment.js +1 -1
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +2 -2
- package/dist/collection/components/stripe/zonos-custom-address/zonos-address-suggestions/zonos-address-suggestions.js +2 -2
- package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js +2 -2
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/loader.js +1 -1
- package/dist/esm/zonos-address-display_8.entry.js +17 -17
- package/dist/esm/zonos-address_4.entry.js +6 -6
- package/dist/esm/zonos-badge.entry.js +3 -3
- package/dist/esm/zonos-button_3.entry.js +3 -3
- package/dist/esm/zonos-card_5.entry.js +6 -6
- package/dist/esm/zonos-cart-items_12.entry.js +80 -14
- package/dist/esm/zonos-checkbox_2.entry.js +5 -5
- package/dist/esm/zonos-checkout.entry.js +13 -3
- package/dist/esm/zonos-collapse.entry.js +2 -2
- package/dist/esm/zonos-collect-cart-items_3.entry.js +4 -4
- package/dist/esm/zonos-collect-finish_6.entry.js +13 -13
- package/dist/esm/zonos-component.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +1 -1
- package/dist/esm/zonos-country-select_4.entry.js +9 -9
- package/dist/esm/zonos-elements.js +1 -1
- package/dist/esm/zonos-hello-dialog.entry.js +4 -4
- package/dist/esm/zonos-input.entry.js +4 -4
- package/dist/esm/zonos-invoice-cart-items_2.entry.js +4 -4
- package/dist/esm/zonos-invoice-finish_5.entry.js +8 -8
- package/dist/esm/zonos-language-select_2.entry.js +4 -4
- package/dist/esm/zonos-link.entry.js +1 -1
- package/dist/esm/zonos-logo.entry.js +2 -2
- package/dist/esm/zonos-stripe-input.entry.js +4 -4
- package/dist/esm/zonos-tooltip.entry.js +2 -2
- package/dist/esm/zonos-v-stack.entry.js +2 -2
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/zonos-address-display_8.entry.js +1 -1
- package/dist/esm-es5/zonos-address_4.entry.js +1 -1
- package/dist/esm-es5/zonos-badge.entry.js +1 -1
- package/dist/esm-es5/zonos-button_3.entry.js +1 -1
- package/dist/esm-es5/zonos-card_5.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_12.entry.js +1 -1
- package/dist/esm-es5/zonos-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.entry.js +1 -1
- package/dist/esm-es5/zonos-collapse.entry.js +1 -1
- package/dist/esm-es5/zonos-collect-cart-items_3.entry.js +1 -1
- package/dist/esm-es5/zonos-collect-finish_6.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_4.entry.js +1 -1
- package/dist/esm-es5/zonos-elements.js +1 -1
- package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
- package/dist/esm-es5/zonos-input.entry.js +1 -1
- package/dist/esm-es5/zonos-invoice-cart-items_2.entry.js +1 -1
- package/dist/esm-es5/zonos-invoice-finish_5.entry.js +1 -1
- package/dist/esm-es5/zonos-language-select_2.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-stripe-input.entry.js +1 -1
- package/dist/esm-es5/zonos-tooltip.entry.js +1 -1
- package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
- package/dist/scripts/index.d.ts +7 -0
- package/dist/scripts/index.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/types/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.d.ts +15 -0
- package/dist/types/types/checkout/CheckoutConfig.d.ts +7 -0
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/{p-bb6e7e9e.entry.js → p-00bd7e5d.entry.js} +1 -1
- package/dist/zonos-elements/p-03e53ef5.entry.js +1 -0
- package/dist/zonos-elements/{p-874ccf1c.system.entry.js → p-072c5e07.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-f7ddd288.system.entry.js → p-14f156c6.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-66d72216.entry.js → p-155b4425.entry.js} +1 -1
- package/dist/zonos-elements/{p-9161f10d.system.entry.js → p-17476a30.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-9dc671f4.entry.js → p-1916c2b0.entry.js} +1 -1
- package/dist/zonos-elements/{p-3e7dbe9c.system.entry.js → p-1917202e.system.entry.js} +1 -1
- package/dist/zonos-elements/p-29b60bf3.system.js +1 -1
- package/dist/zonos-elements/{p-720ae42c.system.js → p-31bd3851.system.js} +1 -1
- package/dist/zonos-elements/{p-c09540bc.entry.js → p-34fc45e5.entry.js} +1 -1
- package/dist/zonos-elements/{p-2ac0fcb8.system.entry.js → p-3c3139d2.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-1368dce7.system.entry.js → p-4a227683.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-bcbbe867.entry.js → p-4cee62fb.entry.js} +1 -1
- package/dist/zonos-elements/{p-c1ab70d2.entry.js → p-4d776228.entry.js} +1 -1
- package/dist/zonos-elements/{p-bdaf94a4.system.entry.js → p-50a15e3d.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-d30e8c3a.entry.js → p-55742c52.entry.js} +1 -1
- package/dist/zonos-elements/{p-d12fa775.entry.js → p-5a79e1f4.entry.js} +1 -1
- package/dist/zonos-elements/{p-df240101.system.entry.js → p-5db00bfa.system.entry.js} +1 -1
- package/dist/zonos-elements/p-5dff9d51.system.entry.js +1 -0
- package/dist/zonos-elements/{p-da5a35a6.entry.js → p-6726fee0.entry.js} +1 -1
- package/dist/zonos-elements/{p-4416fe27.entry.js → p-7793d334.entry.js} +1 -1
- package/dist/zonos-elements/{p-6f19845a.system.entry.js → p-7dbac3ae.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-5be87ae0.entry.js → p-80e7cab5.entry.js} +1 -1
- package/dist/zonos-elements/{p-dfb4360d.system.entry.js → p-9262a57c.system.entry.js} +1 -1
- package/dist/zonos-elements/p-9cfd1dc3.entry.js +1 -0
- package/dist/zonos-elements/{p-bb785f33.entry.js → p-9e761130.entry.js} +1 -1
- package/dist/zonos-elements/{p-c908a7a3.entry.js → p-a1142a95.entry.js} +1 -1
- package/dist/zonos-elements/{p-8d52ac69.system.entry.js → p-a661dd45.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-365d4481.system.entry.js → p-aa74b61a.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-2fa41e93.entry.js → p-ade15fd2.entry.js} +1 -1
- package/dist/zonos-elements/{p-87d89870.system.entry.js → p-b1c76c38.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-770d414a.system.entry.js → p-b2cd18b4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0fc5a2cc.system.entry.js → p-b47fcd8c.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-d4f9e464.system.entry.js → p-be1032ab.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-c308c5bc.entry.js → p-c263f95f.entry.js} +1 -1
- package/dist/zonos-elements/{p-266a86d4.system.entry.js → p-d50fef06.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-7a379538.entry.js → p-d983d472.entry.js} +1 -1
- package/dist/zonos-elements/{p-df578aa9.system.entry.js → p-dc4e867e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0f89fc76.system.entry.js → p-e14f421d.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-d004565d.system.entry.js → p-e76dc266.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-20842d8c.system.entry.js → p-eca03303.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-3576d900.entry.js → p-ed827ca3.entry.js} +1 -1
- package/dist/zonos-elements/{p-f2a74e43.entry.js → p-eeff2b04.entry.js} +1 -1
- package/dist/zonos-elements/{p-8dae0f0b.entry.js → p-ef12af4b.entry.js} +1 -1
- package/dist/zonos-elements/{p-3a198386.entry.js → p-f0046c48.entry.js} +1 -1
- package/dist/zonos-elements/{p-62dbc5f8.system.entry.js → p-f00a56be.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0ad75f38.entry.js → p-f4030586.entry.js} +1 -1
- package/dist/zonos-elements/{p-fbc274a8.system.entry.js → p-f7d24382.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-12459b59.entry.js → p-fb87172c.entry.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/zonos-elements/p-4aa5f5db.entry.js +0 -1
- package/dist/zonos-elements/p-70e2f9f9.system.entry.js +0 -1
- package/dist/zonos-elements/p-87eef44c.entry.js +0 -1
|
@@ -35,10 +35,10 @@ export class ZonosCheckoutFooter {
|
|
|
35
35
|
const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
|
|
36
36
|
// reverse color when on desktop. With the coversheet backdrop, the color should be white
|
|
37
37
|
const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: '2200a14517d5d1dd81b68ecfb60ab6a691ebe581', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'bc77f1ea299fa151ba9d4628653d6a3800856e85', class: "zonos--checkout-footer" }, h("div", { key: 'e2e9f901e3546a48ba88aca9c0f422785d32f78d', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '60df35f860aa3c59bfa6f470adab3c882301c529', 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: '3d4acf669d35fcbf4364fb56f7a18bb3a8f61e1b', class: classes([
|
|
39
39
|
'zonos--checkout-footer-dialog',
|
|
40
40
|
this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
|
|
41
|
-
]) }, h("zonos-language-select", { key: '
|
|
41
|
+
]) }, h("zonos-language-select", { key: '5b32a3d11a725c7af0c358acf9a15c6ec17201ac', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'f678c6d76ad122ccbd3e18e6fa9deacd9ec76b93', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: '08cc72da5cbc00bd927828ae1df960a80604519c', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'df8d1727117c28c694c8450d5268895f67b23dff', textColor: colorDesktop }, "Privacy policy")), h("div", { key: 'c75b73f3bd573aa2bdd60b7fd05e6b06c8ee8d62', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: 'b57bf8ed2b6498f9cd64d7ab066625376642abda', textColor: colorDesktop }, "Powered by"), h("a", { key: 'cd12e10b1e4acd43fea371aad6d74ee8a89f1fbe', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '06465fba84c0c05e330779f522fdcabed817d5de', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "zonos-checkout-footer"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -595,9 +595,11 @@ export class ZonosCheckout {
|
|
|
595
595
|
}
|
|
596
596
|
// apply theme to stripe elements
|
|
597
597
|
await this.applyStripeTheme();
|
|
598
|
+
const { successBehavior, successRedirectUrl } = zonosStore.checkoutSettings;
|
|
598
599
|
this.isRedirectAfterOrder =
|
|
599
|
-
|
|
600
|
-
'
|
|
600
|
+
successBehavior === 'REDIRECT_TO_SUCCESS_PAGE' ||
|
|
601
|
+
(successBehavior === 'CLOSE_MODAL' && !!successRedirectUrl) ||
|
|
602
|
+
!!cartStore.externalConfirmationPageURL;
|
|
601
603
|
return true;
|
|
602
604
|
}
|
|
603
605
|
reloadCheckoutSession() {
|
|
@@ -691,12 +693,20 @@ export class ZonosCheckout {
|
|
|
691
693
|
attachCheckout() {
|
|
692
694
|
const buttonAnchorSelector = zonosStore.checkoutSettings.placeOrderButtonSelector;
|
|
693
695
|
const alwaysTriggerInternationalCheckoutSelector = zonosStore.checkoutSettings.alwaysTriggerInternationalCheckoutSelector;
|
|
696
|
+
// `_zonosBase` injects this hidden button on page load when Stripe
|
|
697
|
+
// redirects the shopper back with a `payment_intent_client_secret` query
|
|
698
|
+
// param. We must still attach (and auto-click) it even when the merchant
|
|
699
|
+
// is on a `buildCartDetail` only setup (no cartId / no place-order
|
|
700
|
+
// selector configured yet) — otherwise the redirect-back never reopens
|
|
701
|
+
// the checkout dialog to show the success/finish screen.
|
|
702
|
+
const hasRedirectHiddenButton = !!document.querySelector(`#${checkoutHiddenBtnSelector}`);
|
|
694
703
|
log(`attach checkout ${buttonAnchorSelector}`);
|
|
695
704
|
log(`attach checkout to always trigger international checkout selector: ${alwaysTriggerInternationalCheckoutSelector}`);
|
|
696
705
|
// allow to load checkout if cartData is ready (Checkout can be loaded right away if tempCartUUID is in the URL)
|
|
697
706
|
if (!buttonAnchorSelector &&
|
|
698
707
|
!alwaysTriggerInternationalCheckoutSelector &&
|
|
699
|
-
!window.Zonos.cartData
|
|
708
|
+
!window.Zonos.cartData &&
|
|
709
|
+
!hasRedirectHiddenButton) {
|
|
700
710
|
// do nothing if button element is not found
|
|
701
711
|
return;
|
|
702
712
|
}
|
|
@@ -8,7 +8,7 @@ export class ZonosCollectCartItems {
|
|
|
8
8
|
render() {
|
|
9
9
|
const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
|
|
10
10
|
const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: 'd92815bdd86b1bb911bd11eb9e69bfb6fc477061', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '23e36f132b3ad84cd9cd87c11e3d9149b5dd5e1d', class: "zonos--cart-table" }, h("tbody", { key: 'a49a23585c25c93a1b829c044e9641e7143ec212' }, nonRestrictedItems.map(item => {
|
|
12
12
|
const itemImg = item.imageUrl;
|
|
13
13
|
const cleanedItemNames = cleanHtmlMarkdown(item.name);
|
|
14
14
|
return (h("tr", { class: "zonos--collect-cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {
|
|
@@ -260,11 +260,11 @@ export class ZonosCollectFinish {
|
|
|
260
260
|
}
|
|
261
261
|
render() {
|
|
262
262
|
const cartId = window.Zonos.cartId;
|
|
263
|
-
return (h(Host, { key: '
|
|
263
|
+
return (h(Host, { key: 'ece5aa1dae1e8e7bb99c0904adeaf6541fbf3ea6', class: "zonos--checkout-finish zonos--elements", style: {
|
|
264
264
|
'--zonos--border-radius': getBorderRadius({
|
|
265
265
|
overrideBorderStyle: this.borderRadius,
|
|
266
266
|
}),
|
|
267
|
-
} }, !this.isLoading && (h("div", { key: '
|
|
267
|
+
} }, !this.isLoading && (h("div", { key: 'd48c2384fb55b7b318143f933775c35e29abbe38', class: "zonos--finish-details" }, h("div", { key: '85e03a288ee29bc1f664d03b9c99a164acc51b92', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '7fcd228d5144d4f523d15870cdf18491278f0ee6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '219365d86b8aef904adffb1fab5e045db174a724', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '4b2b41bdf35eb2d79b32fa5f7538798e3fd028f5', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '52431496f81706a720406843309646b4fd9b2413', class: "zonos--button-container" }, h("zonos-button", { key: '4ccdbba8da9591c6207a472df29515fec8c0c56f', onClick: () => {
|
|
268
268
|
window.open(this.getReceiptUrl({ cartId }), '_blank');
|
|
269
269
|
}, size: "lg", variant: "primary" }, translate('View receipt')))))))));
|
|
270
270
|
}
|
|
@@ -44,15 +44,15 @@ export class ZonosCollectFooter {
|
|
|
44
44
|
const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
|
|
45
45
|
// reverse color when on desktop. With the coversheet backdrop, the color should be white
|
|
46
46
|
const colorDesktop = 'gray-1000';
|
|
47
|
-
return (h(Host, { key: '
|
|
47
|
+
return (h(Host, { key: 'ca7bd600af1d83937719aa6d83324d61f60b4c79', class: classes([
|
|
48
48
|
'zonos--elements',
|
|
49
49
|
this.isMobile && 'mobile',
|
|
50
50
|
this.isTablet && 'tablet',
|
|
51
|
-
]) }, h("div", { key: '
|
|
51
|
+
]) }, h("div", { key: 'a69e9229e009f9c754e2ad9cf068654d683036fa', class: "zonos--collect-footer" }, h("div", { key: '72e62b7191dd32f0ead5970cb62edcd469ef40ce', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '2f76f5c3009175bb1dd4cd90d91628e79a97770e', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: '53f2b59da147de3637487cdc4b1cd6d440838b81', class: classes([
|
|
52
52
|
'zonos--collect-language-dialog',
|
|
53
53
|
this.showLanguageDialog &&
|
|
54
54
|
'zonos--collect-language-dialog-open',
|
|
55
|
-
]) }, h("zonos-language-select", { key: '
|
|
55
|
+
]) }, h("zonos-language-select", { key: 'bd0a83b6f180e5d4d0a368240599eb7934b8d06f', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '52620a619a47e52129207880adbfd8e6a88372c6', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '38c863a4b26b3e6768ed8acb57a32e398ba064ea', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '27402251e8d46578e3d9f1eb7a54afb5c553ea33', textColor: colorDesktop }, "Powered by"), h("a", { key: '350ed904d6d3787a38229a4178c0ee82a2c87cac', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '3c65492b88a601459d0487e4c615208c8dcaa810', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'dc8f6479806466c45ac1c1ed8e32587190f14175', class: "dot" }), h("a", { key: 'bc4a48af6ea629273cdf9bd1cdca4981306a8eb9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '2e923eef08f6b6a9dd53190a1aa221666cab4210', textColor: colorDesktop }, "Privacy policy"))))));
|
|
56
56
|
}
|
|
57
57
|
static get is() { return "zonos-collect-footer"; }
|
|
58
58
|
static get encapsulation() { return "shadow"; }
|
|
@@ -39,13 +39,13 @@ export class ZonosCollectReview {
|
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
41
|
const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: 'c8445ba13733af60fb88372eb2ae07fdc435364c', class: classes([
|
|
43
43
|
'zonos--collect-review zonos--elements',
|
|
44
44
|
this.isMobile && 'mobile',
|
|
45
45
|
this.isTablet && 'tablet',
|
|
46
|
-
]) }, h("div", { key: '
|
|
46
|
+
]) }, h("div", { key: '5589e61c35cbcdd885dc33cdb07999e55f5c4715', class: "zonos--title" }, h("zonos-text", { key: '783d38dcf9aabd64d94ab3356935aa5d6ffcdec0', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
|
|
47
47
|
organizationName: zonosStore.organizationName,
|
|
48
|
-
}))), h("div", { key: '
|
|
48
|
+
}))), h("div", { key: '4ce3c3391b6e2a47518cce212019137970dd99f7', class: "zonos--total-pay" }, renderFallback({
|
|
49
49
|
content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
|
|
50
50
|
amount: collectStore.amountDutyTaxFeeTotal || 0,
|
|
51
51
|
isForeign: true,
|
|
@@ -52,7 +52,7 @@ export class ZonosCollectSubtotal {
|
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
54
|
this.initSubtotalData();
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: 'ebd46815f83307682f5cbb8430bb64e66b9eadd1', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '7a878d4bb5dce069060888f4d7e1fde0ef0e23cd', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '496a81ab73739fe285636aad504232b1faa2f8e1', class: "zonos--row zonos--collect-duty" }, h("td", { key: '85334ee7319578f110a75f512f9d2e28f3eca79a', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'f877f57ad0d6853f7c49237e4da649b1bfc5206b', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '97588563d5bd85fd1692e1882fcace85b3036b8c', class: "zonos--column" }), h("td", { key: '2acb01b0b6d38861eb23b5910c20a57a52172a33', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
|
|
56
56
|
content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
|
|
57
57
|
amount: this.subtotals[translate('Duties')] || 0,
|
|
58
58
|
isForeign: true,
|
|
@@ -60,7 +60,7 @@ export class ZonosCollectSubtotal {
|
|
|
60
60
|
isLoading: collectStore.isFetchingShippingInfo,
|
|
61
61
|
skeletonHeight: '14px',
|
|
62
62
|
skeletonWidth: '150px',
|
|
63
|
-
})))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '
|
|
63
|
+
})))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '36b004cc298b1d9c757b3090ce4610c6ea36b209', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'ceb1e460218ba71eb9c8db33a9cfe0e4affa00eb', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '147687aafbe073169862789a9ac0ac6da544e1ce', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '642c5ff03b7dea8e4f2bd378e3ca482d81169f46', class: "zonos--column" }), h("td", { key: '31776ea8d128ad9ce6c9e523ca8fa297baf4763d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
|
|
64
64
|
content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
|
|
65
65
|
amount: this.subtotals[translate('Taxes')] || 0,
|
|
66
66
|
isForeign: true,
|
|
@@ -68,7 +68,7 @@ export class ZonosCollectSubtotal {
|
|
|
68
68
|
isLoading: collectStore.isFetchingShippingInfo,
|
|
69
69
|
skeletonHeight: '14px',
|
|
70
70
|
skeletonWidth: '150px',
|
|
71
|
-
})))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '
|
|
71
|
+
})))), !!this.subtotals[translate('Fees')] && (h("tr", { key: 'ee18eaf3af00321a0741b07565d8474bc692b2fa', class: "zonos--row zonos--collect-fee" }, h("td", { key: '0abdde651b432368fcd374ecb1c9119981dc2531', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '385973cd0c11a161cba2a8737f6dfba4c4749d77', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '4ae0c1da68e5ac48ce0be09ec1826867905f9e74', class: "zonos--column" }), h("td", { key: '80f232ffdb0a66f88753c2a07290ed6273b66747', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
|
|
72
72
|
content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
|
|
73
73
|
amount: this.subtotals[translate('Fees')] || 0,
|
|
74
74
|
isForeign: true,
|
|
@@ -76,7 +76,7 @@ export class ZonosCollectSubtotal {
|
|
|
76
76
|
isLoading: collectStore.isFetchingShippingInfo,
|
|
77
77
|
skeletonHeight: '14px',
|
|
78
78
|
skeletonWidth: '150px',
|
|
79
|
-
})))), h("tr", { key: '
|
|
79
|
+
})))), h("tr", { key: '71677498d7c575e4227f45620b62f5ddadf06858', class: "zonos--row zonos--collect-spacing" }, h("td", { key: '5fc92ef7b46c8e5eb8ebb391015682f376785a26', class: "zonos--column", colSpan: 3 })), h("tr", { key: '253c6735bd30ef66c2fa1f82a44cebff3dacc189', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '0755b1c175973640e925520e747141e96446eea8', class: "zonos--column" }), h("td", { key: '19646da57bd222dbb2ada0c450eabf508833c069', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '57b3ff6e47ab14ab955abda316deb635fe70d3e9', type: "label" }, translate('Subtotal'))), h("td", { key: 'c3ce8d85aa7a4d554ee271b0bc9ed248d97315b0', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
|
|
80
80
|
content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
|
|
81
81
|
amount: collectStore.amountDutyTaxFeeTotal || 0,
|
|
82
82
|
isForeign: true,
|
|
@@ -84,7 +84,7 @@ export class ZonosCollectSubtotal {
|
|
|
84
84
|
isLoading: collectStore.isFetchingShippingInfo,
|
|
85
85
|
skeletonHeight: '14px',
|
|
86
86
|
skeletonWidth: '150px',
|
|
87
|
-
}))), h("tr", { key: '
|
|
87
|
+
}))), h("tr", { key: 'e21e986f76bb932645c54e75698db4c06024335e', class: "zonos--row zonos--collect-total" }, h("td", { key: 'b4cc8e32cd69c0b1ed000c582c058a1215c4e365', class: "zonos--column" }), h("td", { key: '1b55f78e8161cd9da263d3b58c053b9b04cca999', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '97de8710348f0a039375d02b075c1e91ef6ae621', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '58bf548786e07bb780c73433ae7a8582f2c2b059', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
|
|
88
88
|
content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
|
|
89
89
|
amount: collectStore.amountDutyTaxFeeTotal || 0,
|
|
90
90
|
isForeign: true,
|
|
@@ -18,10 +18,10 @@ export class ZonosInvoiceCartItems {
|
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
20
|
const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '421e05194d1b310d585764ebcbad662e55fa5f76', class: classes([
|
|
22
22
|
'zonos--invoice-cart-items zonos--elements',
|
|
23
23
|
this.isMobile && 'mobile',
|
|
24
|
-
]) }, h("table", { key: '
|
|
24
|
+
]) }, h("table", { key: 'bf2c3ddcf823d4aebf3f0c8a96b74c2d1c6978af', class: "zonos--cart-table" }, h("tbody", { key: 'dbe7aab9d195e7ca9a50f4c29c7acffc69dd9cce' }, nonRestrictedItems.map(item => {
|
|
25
25
|
var _a, _b, _c, _d;
|
|
26
26
|
const invoiceId = (_b = (_a = item.attributes) === null || _a === void 0 ? void 0 : _a.find(metadata => metadata.key === 'invoiceId' || metadata.key === 'INVOICE_ID')) === null || _b === void 0 ? void 0 : _b.value;
|
|
27
27
|
const invoiceCreatedAt = (_d = (_c = item.attributes) === null || _c === void 0 ? void 0 : _c.find(metadata => metadata.key === 'invoiceCreatedAt')) === null || _d === void 0 ? void 0 : _d.value;
|
|
@@ -260,11 +260,11 @@ export class ZonosInvoiceFinish {
|
|
|
260
260
|
}
|
|
261
261
|
render() {
|
|
262
262
|
const cartId = window.Zonos.cartId;
|
|
263
|
-
return (h(Host, { key: '
|
|
263
|
+
return (h(Host, { key: '4b4f83358419134c8455c4407f91adf8c1ff37ca', class: "zonos--checkout-finish zonos--elements", style: {
|
|
264
264
|
'--zonos--border-radius': getBorderRadius({
|
|
265
265
|
overrideBorderStyle: this.borderRadius,
|
|
266
266
|
}),
|
|
267
|
-
} }, !this.isLoading && (h("div", { key: '
|
|
267
|
+
} }, !this.isLoading && (h("div", { key: 'fab4606540bf759d9241432f58580b10f1c12b03', class: "zonos--finish-details" }, h("div", { key: 'b619eee9fda1e183b4d761f3576ae28cee2a9619', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '30fa51dba81331c9aa7ff4f64c274982d36d8a23', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'f10389b65e7910c7b3bd1e0d576afde74bc28e27', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '5033c51a90cdbccb8b0a333f7b63f3383b70c264', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '83350cb42d4165ec874a8b18dc29e851ca4ae4c8', class: "zonos--button-container" }, h("zonos-button", { key: 'fa05f016f520f65660270c906b7a5940b808cb4b', onClick: () => {
|
|
268
268
|
window.open(this.getReceiptUrl({ cartId }), '_blank');
|
|
269
269
|
}, size: "lg", variant: "primary" }, translate('View receipt')))))))));
|
|
270
270
|
}
|
|
@@ -45,15 +45,15 @@ export class ZonosInvoiceFooter {
|
|
|
45
45
|
const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
|
|
46
46
|
// reverse color when on desktop. With the coversheet backdrop, the color should be white
|
|
47
47
|
const colorDesktop = 'gray-1000';
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
return (h(Host, { key: 'a48dfe3c11d200e085864ed513cfb647c9ef3b5c', class: classes([
|
|
49
49
|
'zonos--elements',
|
|
50
50
|
this.isMobile && 'mobile',
|
|
51
51
|
this.isTablet && 'tablet',
|
|
52
|
-
]) }, h("div", { key: '
|
|
52
|
+
]) }, h("div", { key: 'de1f450a548eabe7bb1da9c9f2e23837a55827fc', class: "zonos--invoice-footer" }, h("div", { key: 'b30d47a885beaca3ec0dbdeff8e8facae994ef88', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: 'a0bece32119cbc5eddd8f99298ba7274f286cb6f', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: '7ceb0c79d25f640bf23ac37a22c6c37292538d8f', class: classes([
|
|
53
53
|
'zonos--invoice-language-dialog',
|
|
54
54
|
this.showLanguageDialog &&
|
|
55
55
|
'zonos--invoice-language-dialog-open',
|
|
56
|
-
]) }, h("zonos-language-select", { key: '
|
|
56
|
+
]) }, h("zonos-language-select", { key: '5c2d4164f38caecc7f3f99b98d1d504ee292b6bd', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'c255dabaf4a129b1d9074af3e7512a86859c4d81', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: 'bc16e675a824ad6730e823226bdb872ad04d5b2e', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '6292e7f1fce3325c7d264a946e1d8a6a4ec768c4', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '526f598cdb342f7816d78f7d1b24923d79be72fe', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '8f96ac507a2250df8234dc9d0075dcac433b9630', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'd3fa74852d4bc1e679af3fe141a885f833d3aaef', class: "dot" }), h("a", { key: '30b4825365c55a31a1140ababfe3d2c88faa3b04', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '42cbae5d1a6350844947210493f3945ee2085cd9', textColor: colorDesktop }, translate('Privacy policy')))))));
|
|
57
57
|
}
|
|
58
58
|
static get is() { return "zonos-invoice-footer"; }
|
|
59
59
|
static get encapsulation() { return "shadow"; }
|
|
@@ -39,13 +39,13 @@ export class ZonosInvoiceReview {
|
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
41
|
const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: 'dba979c1f8bb9f4ac5207eb2bc97296523c62fc1', class: classes([
|
|
43
43
|
'zonos--invoice-review zonos--elements',
|
|
44
44
|
this.isMobile && 'mobile',
|
|
45
45
|
this.isTablet && 'tablet',
|
|
46
|
-
]) }, h("div", { key: '
|
|
46
|
+
]) }, h("div", { key: 'd9bbd435775f58d3934b9cc5d8658acf781d5090', class: "zonos--title" }, h("zonos-text", { key: '103859ee74d37fadd854d59cc852d71b8e23fe11', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
|
|
47
47
|
organizationName: zonosStore.organizationName,
|
|
48
|
-
}))), h("div", { key: '
|
|
48
|
+
}))), h("div", { key: 'fcc9ade2fc63e53307659134a1763909ad66cc30', class: "zonos--total-pay" }, renderFallback({
|
|
49
49
|
content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
|
|
50
50
|
amount: invoiceStore.amountTotalDue || 0,
|
|
51
51
|
isForeign: true,
|
|
@@ -12,10 +12,10 @@ export class ZonosInvoiceSubtotal {
|
|
|
12
12
|
this.isMobile = false;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '1c1ba16d9549f0ff1478984176d6b999d5aa1753', class: classes([
|
|
16
16
|
'zonos--invoice-subtotal zonos--elements',
|
|
17
17
|
this.isMobile && 'mobile',
|
|
18
|
-
]) }, h("table", { key: '
|
|
18
|
+
]) }, h("table", { key: 'd1b72fcae100c896cf7d6e6a289d8165d2c75233', class: "zonos--invoice-table" }, h("tr", { key: 'c9ff3b5ff7385c60717d213dfe1e5059f1bf09e0', class: "zonos--row zonos--invoice-total" }, h("td", { key: 'cf14352c2f3cffacdfb78343c7fbf512222c79d4', class: "zonos--column" }), h("td", { key: '403d772e36bc819fac28487b779e3a9ae4858f73', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: 'bf8ced53263ba7e8a6093712bb97fd7a2e35c634', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: 'e3832e0ccad66787e1023a073de9b8e9b732cb4e', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
|
|
19
19
|
content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
|
|
20
20
|
amount: invoiceStore.amountTotalDue || 0,
|
|
21
21
|
isForeign: true,
|
|
@@ -37,16 +37,16 @@ export class ZonosBadge {
|
|
|
37
37
|
this.loading = false;
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: 'dabf6b5d9c4585f9fe62b69655c3043c5d51eb6e', class: classes(['zonos--elements zonos--badge']), style: {
|
|
41
41
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
42
|
-
} }, h("div", { key: '
|
|
42
|
+
} }, h("div", { key: '4603e1dbcb6760ae1a18d008cbffc9acc8b1b444', class: classes([
|
|
43
43
|
'zonos--badge-content',
|
|
44
44
|
this.badgeColor,
|
|
45
45
|
this.rounded && 'rounded',
|
|
46
46
|
this.iconRight && 'icon-right',
|
|
47
47
|
this.size,
|
|
48
48
|
this.bold && 'bold',
|
|
49
|
-
]) }, this.icon, h("zonos-text", { key: '
|
|
49
|
+
]) }, this.icon, h("zonos-text", { key: '5d70287727ff5681be1d2f4f0faf32ba39899b4b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'e3ea93273daccab2b37f8240b29041e485d8bcef' })), this.dismissHandler && (h("zonos-icon", { key: '5c09bc191f5ae6f9fe18da4ed15c9f60bab58b03', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
|
|
50
50
|
}
|
|
51
51
|
static get is() { return "zonos-badge"; }
|
|
52
52
|
static get encapsulation() { return "shadow"; }
|
|
@@ -184,13 +184,13 @@ export class ZonosButton {
|
|
|
184
184
|
const borderStyle = getBorderRadius({
|
|
185
185
|
overrideBorderStyle: this.borderStyle,
|
|
186
186
|
});
|
|
187
|
-
return (h(Host, { key: '
|
|
187
|
+
return (h(Host, { key: 'b816d7ac8f86b6256d017de9a7049c008cbfd973', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
|
|
188
188
|
'--zonos--background-color': backgroundColor,
|
|
189
189
|
'--zonos--border-radius': borderStyle,
|
|
190
190
|
'--zonos--color': color,
|
|
191
191
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
192
192
|
'--zonos--font-weight': this.bold ? 'bold' : 'normal',
|
|
193
|
-
}) }, h("button", Object.assign({ key: '
|
|
193
|
+
}) }, h("button", Object.assign({ key: 'ddc1bba069df9e03db22fdfb77fe1118e84d0744' }, this.inheritedAttributes, { class: classes([
|
|
194
194
|
this.hasIcon && 'has-icon',
|
|
195
195
|
this.hasContent && 'has-content',
|
|
196
196
|
this.noBackground && 'no-background',
|
|
@@ -205,7 +205,7 @@ export class ZonosButton {
|
|
|
205
205
|
backgroundColor && variant === 'standard' && 'override-background',
|
|
206
206
|
]), disabled: disabled, style: {
|
|
207
207
|
justifyContent: this.justifyContent,
|
|
208
|
-
} }), this.loading && (h("div", { key: '
|
|
208
|
+
} }), this.loading && (h("div", { key: '98c12cd886ada57ae8f571f6a5e1914024198dd5', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '22dee22121fabe21d7c6f02b8b48e83b8c1894a7', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '27cbe56b4c77dd5678a2e6685fc05694ab36cab1', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
|
|
209
209
|
}
|
|
210
210
|
static get is() { return "zonos-button"; }
|
|
211
211
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,16 +23,16 @@ export class ZonosCard {
|
|
|
23
23
|
customRoundRadius: `${this.borderRadius}px`,
|
|
24
24
|
overrideBorderStyle: 'ROUNDED',
|
|
25
25
|
});
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '000ef115565050082a6e73e1709e014c66b410b7', style: {
|
|
27
27
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
28
|
-
} }, h("div", { key: '
|
|
28
|
+
} }, h("div", { key: 'c9391737f61c4e555643ead25e927376d4e949ba', class: classes(['styled-card']), style: {
|
|
29
29
|
'--zonos--background-color': backgroundColor,
|
|
30
30
|
'--zonos--border-radius': borderRadius,
|
|
31
31
|
padding: this.spacing,
|
|
32
|
-
} }, this.label && (h("header", { key: '
|
|
32
|
+
} }, this.label && (h("header", { key: '9a23e108d3a53adf878bc50cb4c3927ebd8db4a6', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'ea6a44ecec753ff4ff588d2f47843cc242f55f98', type: "subheader" }, this.label), h("h-stack", { key: '7da7b584607867884466b311b1c9055c281e3326', spacing: 8 }, this.actions))), h("slot", { key: 'd3c458ee2288071bd72bbadc760fa9a0c6333219' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'b668c38a177fd5b0d7fe7988d18afe6f40e8082c', class: "card-footer", style: {
|
|
33
33
|
height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
|
|
34
34
|
padding: this.spacing,
|
|
35
|
-
} }, h("div", { key: '
|
|
35
|
+
} }, h("div", { key: '61b13afeac104d27d76f73c0f869104ce5295197' }, this.footerContent), h("h-stack", { key: '3cbdc1beb4e3b2129d9e71cb6c4ed94565a20ba9', spacing: 8 }, this.footerActions))))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "zonos-card"; }
|
|
38
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -51,14 +51,14 @@ export class ZonosCheckbox {
|
|
|
51
51
|
customRoundRadius: '4px',
|
|
52
52
|
overrideBorderStyle: this.borderStyle,
|
|
53
53
|
});
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: 'a3db8981598a3703228e7c54bfd8350da718f744', class: classes(['zonos--elements zonos--checkbox']), style: {
|
|
55
55
|
'--zonos--background-color': backgroundColor,
|
|
56
56
|
'--zonos--border-radius': borderStyle,
|
|
57
57
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
58
58
|
'--zonos--size': `${this.size}px`,
|
|
59
|
-
} }, h("label", { key: '
|
|
59
|
+
} }, 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 => {
|
|
60
60
|
this.checkboxSelected.emit(e.target.checked);
|
|
61
|
-
}, type: "checkbox" }), h("span", { key: '
|
|
61
|
+
}, 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)))));
|
|
62
62
|
}
|
|
63
63
|
static get is() { return "zonos-checkbox"; }
|
|
64
64
|
static get encapsulation() { return "shadow"; }
|
|
@@ -77,17 +77,17 @@ export class ZonosCheckoutProgressTabs {
|
|
|
77
77
|
color: labelSelectedColor,
|
|
78
78
|
})
|
|
79
79
|
: labelSelectedColor;
|
|
80
|
-
return (h(Host, { key: '
|
|
80
|
+
return (h(Host, { key: 'f7ea289329f5f1e5fd1a5fdbd790b581de1666d3', class: "zonos--elements", style: {
|
|
81
81
|
'--zonos--color': contrastLabelColor,
|
|
82
82
|
'--zonos--progress-percent': this.getTotalSuccessStep(),
|
|
83
|
-
} }, h("div", { key: '
|
|
83
|
+
} }, h("div", { key: 'c071c27dee5b5ddf7b59cddd6de668b1bd72df2a', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
|
|
84
84
|
const isSelected = tab.value === selectedStep;
|
|
85
85
|
return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
|
|
86
86
|
'zonos--tab-item',
|
|
87
87
|
tab.value === selectedStep && 'selected',
|
|
88
88
|
tab.isDone && 'done',
|
|
89
89
|
]), 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))));
|
|
90
|
-
})), h("div", { key: '
|
|
90
|
+
})), h("div", { key: '9c332b9053d57a05d8db19d179696a8261a1ac94', class: "zonos--tab-progress" }, h("div", { key: '3b303b4dd931e4a1d030ecc62cbbabd232354636', class: "zonos--progress-bar-fill" }))));
|
|
91
91
|
}
|
|
92
92
|
static get is() { return "zonos-checkout-progress-tabs"; }
|
|
93
93
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,10 +48,10 @@ export class ZonosCollapse {
|
|
|
48
48
|
// set overflow to hidden to prevent content from showing when collapsed
|
|
49
49
|
this.el.style.overflow = 'hidden';
|
|
50
50
|
}
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: '4fb230dfc4aa850c90c8cfbaf59da8d5043a4a89', class: 'zonos--elements zonos--collapse', style: {
|
|
52
52
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
53
53
|
height: this.getElementHeight(),
|
|
54
|
-
} }, h("div", { key: '
|
|
54
|
+
} }, h("div", { key: '766542489d4a47d87ac2a2e2b7d62ec99272386a' }, h("iframe", { key: 'd2e33a342c9001bf4be3a478a068e0713a88bac5', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '566b3f4a214fc43cb9642895a716dc69e95ff9ef' }))));
|
|
55
55
|
}
|
|
56
56
|
static get is() { return "zonos-collapse"; }
|
|
57
57
|
static get encapsulation() { return "shadow"; }
|
|
@@ -108,13 +108,13 @@ export class ZonosConfirmDialog {
|
|
|
108
108
|
const borderStyle = getBorderRadius();
|
|
109
109
|
// Get theme for the update dialog, inherit from the theme, no from this component theme
|
|
110
110
|
const theme = getZonosStoreTheme(zonosStore.appearance.theme);
|
|
111
|
-
return (h(Host, { key: '
|
|
111
|
+
return (h(Host, { key: '3f86259272e4aee2cb846ee15cad8e616917b020', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
|
|
112
112
|
'--zonos--border-radius': borderStyle,
|
|
113
113
|
'--zonos--dialog-width': `${this.dialogWidth}px`,
|
|
114
114
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
115
|
-
} }, h("div", { key: '
|
|
115
|
+
} }, 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: () => {
|
|
116
116
|
this.focusDialog();
|
|
117
|
-
} }, h("div", { key: '
|
|
117
|
+
} }, 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)))))));
|
|
118
118
|
}
|
|
119
119
|
static get is() { return "zonos-confirm-dialog"; }
|
|
120
120
|
static get encapsulation() { return "shadow"; }
|
|
@@ -51,13 +51,13 @@ export class ZonosCountrySelect {
|
|
|
51
51
|
? fuseObject.map(country => country.item)
|
|
52
52
|
: countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
|
|
53
53
|
const isEmpty = !filteredCountries.length;
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: 'af20d111ed5688a3976f1e7c6b6d14a871f870cd', class: "zonos--elements", style: {
|
|
55
55
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
56
|
-
} }, h("div", { key: '
|
|
56
|
+
} }, 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 => {
|
|
57
57
|
if (el) {
|
|
58
58
|
this.inputRef = el;
|
|
59
59
|
}
|
|
60
|
-
}, type: "text", value: this.inputValue }))), h("div", { key: '
|
|
60
|
+
}, 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 => {
|
|
61
61
|
const country = filteredCountries[index];
|
|
62
62
|
if (!country) {
|
|
63
63
|
return null;
|
|
@@ -14,9 +14,9 @@ export class ZonosCustomMessage {
|
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
const messageWithLinks = formatStringWithLinks(this.message);
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: 'b08ba40f5db3ed5aa5315b8b9819ddd464abfad8', class: "zonos--elements", style: {
|
|
18
18
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
19
|
-
} }, this.message && (h("zonos-card", { key: '
|
|
19
|
+
} }, 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 }))))));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "zonos-custom-message"; }
|
|
22
22
|
static get encapsulation() { return "shadow"; }
|
|
@@ -86,7 +86,7 @@ export class ZonosDialog {
|
|
|
86
86
|
const borderStyle = getBorderRadius({
|
|
87
87
|
overrideBorderStyle: this.borderStyle,
|
|
88
88
|
});
|
|
89
|
-
return (h(Host, { key: '
|
|
89
|
+
return (h(Host, { key: 'ea5fe1fbc9cddf1937f5d3d5472e8288ca99a772', class: classes([
|
|
90
90
|
'zonos--elements',
|
|
91
91
|
this.open && 'open',
|
|
92
92
|
this.isLoading && 'is-loading',
|
|
@@ -98,10 +98,10 @@ export class ZonosDialog {
|
|
|
98
98
|
'--zonos--height': this.height || 'initial',
|
|
99
99
|
'--zonos--min-height': this.minHeight || '500px',
|
|
100
100
|
'--zonos--width': this.width,
|
|
101
|
-
} }, h("div", { key: '
|
|
101
|
+
} }, 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([
|
|
102
102
|
'zonos--body',
|
|
103
103
|
this.noBodyPadding && 'zonos--no-body-padding',
|
|
104
|
-
]) }, h("slot", { key: '
|
|
104
|
+
]) }, h("slot", { key: '585402b85ac8ef6cfa1b9051049e42edd645d99d' })), h("slot", { key: '3c0d42a12a16ce61786f1531da312403ad70affd', name: "dialog-footer" })))));
|
|
105
105
|
}
|
|
106
106
|
static get is() { return "zonos-dialog"; }
|
|
107
107
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,10 +10,10 @@ export class HStack {
|
|
|
10
10
|
this.spacing = 24;
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '5f51e8415536589fe4300c5db75ea13e4419350b', style: {
|
|
14
14
|
'--spacing': `${this.spacing}px`,
|
|
15
15
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
16
|
-
} }, h("slot", { key: '
|
|
16
|
+
} }, h("slot", { key: 'b0cc8a581603ee78ec576346c5730f28ba5006e1' })));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "zonos-h-stack"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -31,17 +31,17 @@ export class ZonosInput {
|
|
|
31
31
|
this.inputChange.emit(newValue);
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: '97f28cac82f273f95b6401f6b29ec35939cd3652', class: classes([
|
|
35
35
|
'zonos--input zonos--elements',
|
|
36
36
|
this.inputSize,
|
|
37
37
|
this.isError && 'has-error',
|
|
38
38
|
]), style: {
|
|
39
39
|
'--zonos--border-radius': getBorderRadius(),
|
|
40
40
|
'--zonos--font-family': zonosStoreFontFamily(),
|
|
41
|
-
} }, h("div", { key: '
|
|
41
|
+
} }, h("div", { key: '374a3b102e1dc4c422f6f69eb235f940c0271aab', class: classes([
|
|
42
42
|
'zonos--label-wrapper',
|
|
43
43
|
this.isDisabled && 'disabled',
|
|
44
|
-
]) }, h("input", { key: '
|
|
44
|
+
]) }, h("input", { key: 'fd0810fbbf21f53dfe890c76bd7b66b2afafeac1', class: classes([
|
|
45
45
|
'zonos--floated-input',
|
|
46
46
|
!!this.inputLabel && 'has-label',
|
|
47
47
|
this.inputValue && 'has-content',
|
|
@@ -49,7 +49,7 @@ export class ZonosInput {
|
|
|
49
49
|
]), disabled: this.isDisabled, onInput: e => {
|
|
50
50
|
const input = e.target;
|
|
51
51
|
this.inputChange.emit(input.value);
|
|
52
|
-
}, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '
|
|
52
|
+
}, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '7a1e72620a76eb4507b9b4c79f8faf73657cb789', class: "zonos--floated-label", "data-label": this.inputLabel }))));
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "zonos-input"; }
|
|
55
55
|
static get encapsulation() { return "shadow"; }
|