MockProcessor-498b60c5.js
2 years ago
MockProcessor-498b60c5.js.map
2 years ago
add-query-args-0e2a8393.js
2 years ago
add-query-args-0e2a8393.js.map
2 years ago
address-b892540d.js
2 years ago
address-b892540d.js.map
2 years ago
animation-registry-12eed2e3.js
2 years ago
animation-registry-12eed2e3.js.map
2 years ago
app-globals-707edcd4.js
2 years ago
app-globals-707edcd4.js.map
2 years ago
consumer-e06b16d3.js
2 years ago
consumer-e06b16d3.js.map
2 years ago
countries-c2f41f03.js
2 years ago
countries-c2f41f03.js.map
2 years ago
currency-a0c9bff4.js
2 years ago
currency-a0c9bff4.js.map
2 years ago
error-12ea55b3.js
2 years ago
error-12ea55b3.js.map
2 years ago
fetch-e3c5d1b9.js
2 years ago
fetch-e3c5d1b9.js.map
2 years ago
form-data-76641f16.js
2 years ago
form-data-76641f16.js.map
2 years ago
functions-2a4a4ba3.js
2 years ago
functions-2a4a4ba3.js.map
2 years ago
getters-09dda855.js
2 years ago
getters-09dda855.js.map
2 years ago
getters-1a55b8a4.js
2 years ago
getters-1a55b8a4.js.map
2 years ago
getters-26526b7c.js
2 years ago
getters-26526b7c.js.map
2 years ago
getters-a7eec27c.js
2 years ago
getters-a7eec27c.js.map
2 years ago
getters-b1d93841.js
2 years ago
getters-b1d93841.js.map
2 years ago
google-a86aa761.js
2 years ago
google-a86aa761.js.map
2 years ago
google-dd89f242.js
2 years ago
google-dd89f242.js.map
2 years ago
index-06061d4e.js
2 years ago
index-06061d4e.js.map
2 years ago
index-675be13e.js
2 years ago
index-675be13e.js.map
2 years ago
index-745b6bec.js
2 years ago
index-745b6bec.js.map
2 years ago
index-822e5799.js
2 years ago
index-822e5799.js.map
2 years ago
index-871d88b8.js
2 years ago
index-871d88b8.js.map
2 years ago
index-c5a96d53.js
2 years ago
index-c5a96d53.js.map
2 years ago
index.js
2 years ago
index.js.map
2 years ago
inline-c012a0f9.js
2 years ago
inline-c012a0f9.js.map
2 years ago
lazy-deb42890.js
2 years ago
lazy-deb42890.js.map
2 years ago
library-e110eea6.js
2 years ago
library-e110eea6.js.map
2 years ago
loader.js
2 years ago
loader.js.map
2 years ago
media-d21119a3.js
2 years ago
media-d21119a3.js.map
2 years ago
mutations-066b82f0.js
2 years ago
mutations-066b82f0.js.map
2 years ago
mutations-7ba12644.js
2 years ago
mutations-7ba12644.js.map
2 years ago
mutations-e77bd122.js
2 years ago
mutations-e77bd122.js.map
2 years ago
mutations-ed6d0770.js
2 years ago
mutations-ed6d0770.js.map
2 years ago
mutations-f11a19f9.js
2 years ago
mutations-f11a19f9.js.map
2 years ago
page-align-0cdacf32.js
2 years ago
page-align-0cdacf32.js.map
2 years ago
price-d5770168.js
2 years ago
price-d5770168.js.map
2 years ago
pure-963214cb.js
2 years ago
pure-963214cb.js.map
2 years ago
quantity-1f39f750.js
2 years ago
quantity-1f39f750.js.map
2 years ago
remove-query-args-938c53ea.js
2 years ago
remove-query-args-938c53ea.js.map
2 years ago
sc-address_3.entry.js
2 years ago
sc-address_3.entry.js.map
2 years ago
sc-alert_13.entry.js
2 years ago
sc-alert_13.entry.js.map
2 years ago
sc-avatar.entry.js
2 years ago
sc-avatar.entry.js.map
2 years ago
sc-badge-notice.entry.js
2 years ago
sc-badge-notice.entry.js.map
2 years ago
sc-breadcrumb.entry.js
2 years ago
sc-breadcrumb.entry.js.map
2 years ago
sc-breadcrumbs.entry.js
2 years ago
sc-breadcrumbs.entry.js.map
2 years ago
sc-button-group.entry.js
2 years ago
sc-button-group.entry.js.map
2 years ago
sc-cancel-dialog_2.entry.js
2 years ago
sc-cancel-dialog_2.entry.js.map
2 years ago
sc-cancel-discount_4.entry.js
2 years ago
sc-cancel-discount_4.entry.js.map
2 years ago
sc-card.entry.js
2 years ago
sc-card.entry.js.map
2 years ago
sc-cart-button.entry.js
2 years ago
sc-cart-button.entry.js.map
2 years ago
sc-cart-form-submit.entry.js
2 years ago
sc-cart-form-submit.entry.js.map
2 years ago
sc-cart-form.entry.js
2 years ago
sc-cart-form.entry.js.map
2 years ago
sc-cart-header.entry.js
2 years ago
sc-cart-header.entry.js.map
2 years ago
sc-cart-icon.entry.js
2 years ago
sc-cart-icon.entry.js.map
2 years ago
sc-cart-loader.entry.js
2 years ago
sc-cart-loader.entry.js.map
2 years ago
sc-cart-session-provider_3.entry.js
2 years ago
sc-cart-session-provider_3.entry.js.map
2 years ago
sc-cart-submit.entry.js
2 years ago
sc-cart-submit.entry.js.map
2 years ago
sc-cart.entry.js
2 years ago
sc-cart.entry.js.map
2 years ago
sc-cc-logo_2.entry.js
2 years ago
sc-cc-logo_2.entry.js.map
2 years ago
sc-charges-list.entry.js
2 years ago
sc-charges-list.entry.js.map
2 years ago
sc-checkout-form-errors.entry.js
2 years ago
sc-checkout-form-errors.entry.js.map
2 years ago
sc-checkout-mollie-payment_2.entry.js
2 years ago
sc-checkout-mollie-payment_2.entry.js.map
2 years ago
sc-checkout-product-price-variant-selector.entry.js
2 years ago
sc-checkout-product-price-variant-selector.entry.js.map
2 years ago
sc-checkout-stock-alert_8.entry.js
2 years ago
sc-checkout-stock-alert_8.entry.js.map
2 years ago
sc-checkout.entry.js
2 years ago
sc-checkout.entry.js.map
2 years ago
sc-choice-container.entry.js
2 years ago
sc-choice-container.entry.js.map
2 years ago
sc-choice.entry.js
2 years ago
sc-choice.entry.js.map
2 years ago
sc-choices.entry.js
2 years ago
sc-choices.entry.js.map
2 years ago
sc-column_2.entry.js
2 years ago
sc-column_2.entry.js.map
2 years ago
sc-compact-address_11.entry.js
2 years ago
sc-compact-address_11.entry.js.map
2 years ago
sc-conditional-form.entry.js
2 years ago
sc-conditional-form.entry.js.map
2 years ago
sc-consumer.entry.js
2 years ago
sc-consumer.entry.js.map
2 years ago
sc-coupon-form.entry.js
2 years ago
sc-coupon-form.entry.js.map
2 years ago
sc-custom-order-price-input.entry.js
2 years ago
sc-custom-order-price-input.entry.js.map
2 years ago
sc-customer-details.entry.js
2 years ago
sc-customer-details.entry.js.map
2 years ago
sc-customer-edit.entry.js
2 years ago
sc-customer-edit.entry.js.map
2 years ago
sc-customer-email.entry.js
2 years ago
sc-customer-email.entry.js.map
2 years ago
sc-customer-firstname.entry.js
2 years ago
sc-customer-firstname.entry.js.map
2 years ago
sc-customer-lastname.entry.js
2 years ago
sc-customer-lastname.entry.js.map
2 years ago
sc-customer-name.entry.js
2 years ago
sc-customer-name.entry.js.map
2 years ago
sc-customer-phone.entry.js
2 years ago
sc-customer-phone.entry.js.map
2 years ago
sc-dashboard-customer-details.entry.js
2 years ago
sc-dashboard-customer-details.entry.js.map
2 years ago
sc-dashboard-downloads-list.entry.js
2 years ago
sc-dashboard-downloads-list.entry.js.map
2 years ago
sc-divider.entry.js
2 years ago
sc-divider.entry.js.map
2 years ago
sc-donation-choices.entry.js
2 years ago
sc-donation-choices.entry.js.map
2 years ago
sc-downloads-list.entry.js
2 years ago
sc-downloads-list.entry.js.map
2 years ago
sc-dropdown_3.entry.js
2 years ago
sc-dropdown_3.entry.js.map
2 years ago
sc-empty.entry.js
2 years ago
sc-empty.entry.js.map
2 years ago
sc-express-payment.entry.js
2 years ago
sc-express-payment.entry.js.map
2 years ago
sc-feature-demo-banner.entry.js
2 years ago
sc-feature-demo-banner.entry.js.map
2 years ago
sc-form-control_2.entry.js
2 years ago
sc-form-control_2.entry.js.map
2 years ago
sc-form-row.entry.js
2 years ago
sc-form-row.entry.js.map
2 years ago
sc-form.entry.js
2 years ago
sc-form.entry.js.map
2 years ago
sc-format-bytes.entry.js
2 years ago
sc-format-bytes.entry.js.map
2 years ago
sc-format-interval.entry.js
2 years ago
sc-format-interval.entry.js.map
2 years ago
sc-fulfillment-shipping-status-badge.entry.js
2 years ago
sc-fulfillment-shipping-status-badge.entry.js.map
2 years ago
sc-fulfillments.entry.js
2 years ago
sc-fulfillments.entry.js.map
2 years ago
sc-heading_2.entry.js
2 years ago
sc-heading_2.entry.js.map
2 years ago
sc-image-slider.entry.js
2 years ago
sc-image-slider.entry.js.map
2 years ago
sc-invoices-list.entry.js
2 years ago
sc-invoices-list.entry.js.map
2 years ago
sc-license.entry.js
2 years ago
sc-license.entry.js.map
2 years ago
sc-licenses-list.entry.js
2 years ago
sc-licenses-list.entry.js.map
2 years ago
sc-line-item-bump.entry.js
2 years ago
sc-line-item-bump.entry.js.map
2 years ago
sc-line-item-total.entry.js
2 years ago
sc-line-item-total.entry.js.map
2 years ago
sc-line-item.entry.js
2 years ago
sc-line-item.entry.js.map
2 years ago
sc-line-items-provider.entry.js
2 years ago
sc-line-items-provider.entry.js.map
2 years ago
sc-line-items.entry.js
2 years ago
sc-line-items.entry.js.map
2 years ago
sc-login-form.entry.js
2 years ago
sc-login-form.entry.js.map
2 years ago
sc-manual-payment-method_3.entry.js
2 years ago
sc-manual-payment-method_3.entry.js.map
2 years ago
sc-menu-divider.entry.js
2 years ago
sc-menu-divider.entry.js.map
2 years ago
sc-menu-label_2.entry.js
2 years ago
sc-menu-label_2.entry.js.map
2 years ago
sc-mollie-add-method.entry.js
2 years ago
sc-mollie-add-method.entry.js.map
2 years ago
sc-order-confirmation-customer.entry.js
2 years ago
sc-order-confirmation-customer.entry.js.map
2 years ago
sc-order-confirmation-details.entry.js
2 years ago
sc-order-confirmation-details.entry.js.map
2 years ago
sc-order-confirmation-line-items_2.entry.js
2 years ago
sc-order-confirmation-line-items_2.entry.js.map
2 years ago
sc-order-confirmation.entry.js
2 years ago
sc-order-confirmation.entry.js.map
2 years ago
sc-order-coupon-form.entry.js
2 years ago
sc-order-coupon-form.entry.js.map
2 years ago
sc-order-detail.entry.js
2 years ago
sc-order-detail.entry.js.map
2 years ago
sc-order-fulfillment-badge.entry.js
2 years ago
sc-order-fulfillment-badge.entry.js.map
2 years ago
sc-order-manual-instructions.entry.js
2 years ago
sc-order-manual-instructions.entry.js.map
2 years ago
sc-order-password.entry.js
2 years ago
sc-order-password.entry.js.map
2 years ago
sc-order-return-badge.entry.js
2 years ago
sc-order-return-badge.entry.js.map
2 years ago
sc-order-shipment-badge.entry.js
2 years ago
sc-order-shipment-badge.entry.js.map
2 years ago
sc-order-status-badge.entry.js
2 years ago
sc-order-status-badge.entry.js.map
2 years ago
sc-order-submit.entry.js
2 years ago
sc-order-submit.entry.js.map
2 years ago
sc-order-summary.entry.js
2 years ago
sc-order-summary.entry.js.map
2 years ago
sc-order.entry.js
2 years ago
sc-order.entry.js.map
2 years ago
sc-orders-list.entry.js
2 years ago
sc-orders-list.entry.js.map
2 years ago
sc-pagination.entry.js
2 years ago
sc-pagination.entry.js.map
2 years ago
sc-password-nag.entry.js
2 years ago
sc-password-nag.entry.js.map
2 years ago
sc-password.entry.js
2 years ago
sc-password.entry.js.map
2 years ago
sc-payment-method-choice_2.entry.js
2 years ago
sc-payment-method-choice_2.entry.js.map
2 years ago
sc-payment-method-details.entry.js
2 years ago
sc-payment-method-details.entry.js.map
2 years ago
sc-payment-methods-list.entry.js
2 years ago
sc-payment-methods-list.entry.js.map
2 years ago
sc-payment.entry.js
2 years ago
sc-payment.entry.js.map
2 years ago
sc-paypal-add-method.entry.js
2 years ago
sc-paypal-add-method.entry.js.map
2 years ago
sc-paypal-buttons_2.entry.js
2 years ago
sc-paypal-buttons_2.entry.js.map
2 years ago
sc-paystack-add-method.entry.js
2 years ago
sc-paystack-add-method.entry.js.map
2 years ago
sc-phone-input.entry.js
2 years ago
sc-phone-input.entry.js.map
2 years ago
sc-pill-option.entry.js
2 years ago
sc-pill-option.entry.js.map
2 years ago
sc-premium-tag.entry.js
2 years ago
sc-premium-tag.entry.js.map
2 years ago
sc-price-choice-container.entry.js
2 years ago
sc-price-choice-container.entry.js.map
2 years ago
sc-price-choice.entry.js
2 years ago
sc-price-choice.entry.js.map
2 years ago
sc-price-choices.entry.js
2 years ago
sc-price-choices.entry.js.map
2 years ago
sc-price-input.entry.js
2 years ago
sc-price-input.entry.js.map
2 years ago
sc-price-range.entry.js
2 years ago
sc-price-range.entry.js.map
2 years ago
sc-price.entry.js
2 years ago
sc-price.entry.js.map
2 years ago
sc-product-buy-button.entry.js
2 years ago
sc-product-buy-button.entry.js.map
2 years ago
sc-product-donation-amount-choice.entry.js
2 years ago
sc-product-donation-amount-choice.entry.js.map
2 years ago
sc-product-donation-choices.entry.js
2 years ago
sc-product-donation-choices.entry.js.map
2 years ago
sc-product-donation-custom-amount.entry.js
2 years ago
sc-product-donation-custom-amount.entry.js.map
2 years ago
sc-product-item-image_3.entry.js
2 years ago
sc-product-item-image_3.entry.js.map
2 years ago
sc-product-item-list.entry.js
2 years ago
sc-product-item-list.entry.js.map
2 years ago
sc-product-item.entry.js
2 years ago
sc-product-item.entry.js.map
2 years ago
sc-product-line-item_2.entry.js
2 years ago
sc-product-line-item_2.entry.js.map
2 years ago
sc-product-pills-variant-option.entry.js
2 years ago
sc-product-pills-variant-option.entry.js.map
2 years ago
sc-product-price-choices.entry.js
2 years ago
sc-product-price-choices.entry.js.map
2 years ago
sc-product-price-modal.entry.js
2 years ago
sc-product-price-modal.entry.js.map
2 years ago
sc-product-price.entry.js
2 years ago
sc-product-price.entry.js.map
2 years ago
sc-product-quantity.entry.js
2 years ago
sc-product-quantity.entry.js.map
2 years ago
sc-product-selected-price.entry.js
2 years ago
sc-product-selected-price.entry.js.map
2 years ago
sc-product-text.entry.js
2 years ago
sc-product-text.entry.js.map
2 years ago
sc-provider.entry.js
2 years ago
sc-provider.entry.js.map
2 years ago
sc-provisional-banner.entry.js
2 years ago
sc-provisional-banner.entry.js.map
2 years ago
sc-purchase-downloads-list.entry.js
2 years ago
sc-purchase-downloads-list.entry.js.map
2 years ago
sc-recurring-price-choice-container.entry.js
2 years ago
sc-recurring-price-choice-container.entry.js.map
2 years ago
sc-rich-text.entry.js
2 years ago
sc-rich-text.entry.js.map
2 years ago
sc-spacing.entry.js
2 years ago
sc-spacing.entry.js.map
2 years ago
sc-stacked-list_2.entry.js
2 years ago
sc-stacked-list_2.entry.js.map
2 years ago
sc-stripe-add-method.entry.js
2 years ago
sc-stripe-add-method.entry.js.map
2 years ago
sc-stripe-element.entry.js
2 years ago
sc-stripe-element.entry.js.map
2 years ago
sc-stripe-payment-element.entry.js
2 years ago
sc-stripe-payment-element.entry.js.map
2 years ago
sc-stripe-payment-request.entry.js
2 years ago
sc-stripe-payment-request.entry.js.map
2 years ago
sc-subscription-ad-hoc-confirm.entry.js
2 years ago
sc-subscription-ad-hoc-confirm.entry.js.map
2 years ago
sc-subscription-details_2.entry.js
2 years ago
sc-subscription-details_2.entry.js.map
2 years ago
sc-subscription-payment-method.entry.js
2 years ago
sc-subscription-payment-method.entry.js.map
2 years ago
sc-subscription-payment.entry.js
2 years ago
sc-subscription-payment.entry.js.map
2 years ago
sc-subscription-switch.entry.js
2 years ago
sc-subscription-switch.entry.js.map
2 years ago
sc-subscription-variation-confirm.entry.js
2 years ago
sc-subscription-variation-confirm.entry.js.map
2 years ago
sc-subscription.entry.js
2 years ago
sc-subscription.entry.js.map
2 years ago
sc-subscriptions-list.entry.js
2 years ago
sc-subscriptions-list.entry.js.map
2 years ago
sc-summary.entry.js
2 years ago
sc-summary.entry.js.map
2 years ago
sc-switch.entry.js
2 years ago
sc-switch.entry.js.map
2 years ago
sc-tab-group.entry.js
2 years ago
sc-tab-group.entry.js.map
2 years ago
sc-tab-panel.entry.js
2 years ago
sc-tab-panel.entry.js.map
2 years ago
sc-tab.entry.js
2 years ago
sc-tab.entry.js.map
2 years ago
sc-table-head.entry.js
2 years ago
sc-table-head.entry.js.map
2 years ago
sc-table_3.entry.js
2 years ago
sc-table_3.entry.js.map
2 years ago
sc-tag.entry.js
2 years ago
sc-tag.entry.js.map
2 years ago
sc-toggle.entry.js
2 years ago
sc-toggle.entry.js.map
2 years ago
sc-toggles.entry.js
2 years ago
sc-toggles.entry.js.map
2 years ago
sc-total.entry.js
2 years ago
sc-total.entry.js.map
2 years ago
sc-upcoming-invoice.entry.js
2 years ago
sc-upcoming-invoice.entry.js.map
2 years ago
sc-upgrade-required.entry.js
2 years ago
sc-upgrade-required.entry.js.map
2 years ago
sc-upsell-countdown-timer.entry.js
2 years ago
sc-upsell-countdown-timer.entry.js.map
2 years ago
sc-upsell-no-thanks-button.entry.js
2 years ago
sc-upsell-no-thanks-button.entry.js.map
2 years ago
sc-upsell-submit-button.entry.js
2 years ago
sc-upsell-submit-button.entry.js.map
2 years ago
sc-upsell-totals.entry.js
2 years ago
sc-upsell-totals.entry.js.map
2 years ago
sc-upsell.entry.js
2 years ago
sc-upsell.entry.js.map
2 years ago
sc-visually-hidden.entry.js
2 years ago
sc-visually-hidden.entry.js.map
2 years ago
sc-wordpress-password-edit.entry.js
2 years ago
sc-wordpress-password-edit.entry.js.map
2 years ago
sc-wordpress-user-edit.entry.js
2 years ago
sc-wordpress-user-edit.entry.js.map
2 years ago
sc-wordpress-user.entry.js
2 years ago
sc-wordpress-user.entry.js.map
2 years ago
store-093f0f6a.js
2 years ago
store-093f0f6a.js.map
2 years ago
store-a8bae355.js
2 years ago
store-a8bae355.js.map
2 years ago
store-dcefd119.js
2 years ago
store-dcefd119.js.map
2 years ago
surecart.js
2 years ago
surecart.js.map
2 years ago
tax-d4911dbc.js
2 years ago
tax-d4911dbc.js.map
2 years ago
universe-5a73abb7.js
2 years ago
universe-5a73abb7.js.map
2 years ago
util-50af2a83.js
2 years ago
util-50af2a83.js.map
2 years ago
utils-e9ee502a.js
2 years ago
utils-e9ee502a.js.map
2 years ago
watchers-38693c1f.js
2 years ago
watchers-38693c1f.js.map
2 years ago
watchers-4d2edfb0.js
2 years ago
watchers-4d2edfb0.js.map
2 years ago
watchers-4e5b728a.js
2 years ago
watchers-4e5b728a.js.map
2 years ago
watchers-67501779.js
2 years ago
watchers-67501779.js.map
2 years ago
watchers-a697b0c8.js
2 years ago
watchers-a697b0c8.js.map
2 years ago
sc-price-input.entry.js
124 lines
| 1 | import { r as registerInstance, c as createEvent, h, a as getElement } from './index-745b6bec.js'; |
| 2 | import { d as getCurrencySymbol } from './price-d5770168.js'; |
| 3 | import { F as FormSubmitController } from './form-data-76641f16.js'; |
| 4 | import { m as maybeConvertAmount, i as isZeroDecimal } from './currency-a0c9bff4.js'; |
| 5 | |
| 6 | const scPriceInputCss = ":host{display:block}"; |
| 7 | const ScPriceInputStyle0 = scPriceInputCss; |
| 8 | |
| 9 | const ScPriceInput = class { |
| 10 | constructor(hostRef) { |
| 11 | registerInstance(this, hostRef); |
| 12 | this.scChange = createEvent(this, "scChange", 7); |
| 13 | this.scInput = createEvent(this, "scInput", 7); |
| 14 | this.scFocus = createEvent(this, "scFocus", 7); |
| 15 | this.scBlur = createEvent(this, "scBlur", 7); |
| 16 | this.size = 'medium'; |
| 17 | this.name = undefined; |
| 18 | this.value = ''; |
| 19 | this.pill = false; |
| 20 | this.label = undefined; |
| 21 | this.showLabel = true; |
| 22 | this.help = ''; |
| 23 | this.clearable = false; |
| 24 | this.placeholder = undefined; |
| 25 | this.disabled = false; |
| 26 | this.readonly = false; |
| 27 | this.minlength = undefined; |
| 28 | this.maxlength = undefined; |
| 29 | this.max = undefined; |
| 30 | this.min = undefined; |
| 31 | this.required = false; |
| 32 | this.invalid = false; |
| 33 | this.autofocus = undefined; |
| 34 | this.hasFocus = undefined; |
| 35 | this.currencyCode = undefined; |
| 36 | this.showCode = undefined; |
| 37 | } |
| 38 | async reportValidity() { |
| 39 | const input = this.input.shadowRoot.querySelector('input'); |
| 40 | input.setCustomValidity(''); |
| 41 | if (this.min && this.value && parseFloat(this.value) < this.min) { |
| 42 | this.invalid = true; |
| 43 | input.setCustomValidity(wp.i18n.sprintf(wp.i18n.__('Must be %d or more.', 'surecart'), maybeConvertAmount(this.min, this.currencyCode).toString())); |
| 44 | } |
| 45 | if (this.max && this.value && parseFloat(this.value) > this.max) { |
| 46 | this.invalid = true; |
| 47 | input.setCustomValidity(wp.i18n.sprintf(wp.i18n.__('Must be %d or less.', 'surecart'), maybeConvertAmount(this.max, this.currencyCode).toString())); |
| 48 | } |
| 49 | return input.reportValidity(); |
| 50 | } |
| 51 | /** Sets focus on the input. */ |
| 52 | async triggerFocus(options) { |
| 53 | return this.input.triggerFocus(options); |
| 54 | } |
| 55 | /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */ |
| 56 | async setCustomValidity(message) { |
| 57 | this.input.setCustomValidity(message); |
| 58 | } |
| 59 | /** Removes focus from the input. */ |
| 60 | async triggerBlur() { |
| 61 | return this.input.blur(); |
| 62 | } |
| 63 | handleFocusChange() { |
| 64 | var _a, _b, _c, _d; |
| 65 | this.hasFocus ? (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a) : (_d = (_c = this.input) === null || _c === void 0 ? void 0 : _c.blur) === null || _d === void 0 ? void 0 : _d.call(_c); |
| 66 | } |
| 67 | handleChange() { |
| 68 | this.updateValue(); |
| 69 | this.scChange.emit(); |
| 70 | } |
| 71 | handleInput() { |
| 72 | this.updateValue(); |
| 73 | this.scInput.emit(); |
| 74 | } |
| 75 | updateValue() { |
| 76 | // This fixes issues on mobile Safari where a decimal point is added to the end of the input value |
| 77 | // does not have an input value. |
| 78 | const parsed = parseFloat(this.input.value); |
| 79 | if (isNaN(parsed)) { |
| 80 | this.value = ''; |
| 81 | return; |
| 82 | } |
| 83 | const val = isZeroDecimal(this.currencyCode) ? parsed : (parsed * 100).toFixed(2); |
| 84 | this.value = val.toString(); |
| 85 | this.setCustomValidity(''); |
| 86 | } |
| 87 | componentDidLoad() { |
| 88 | this.handleFocusChange(); |
| 89 | this.formController = new FormSubmitController(this.el).addFormData(); |
| 90 | document.addEventListener('wheel', () => { |
| 91 | this.input.triggerBlur(); |
| 92 | }); |
| 93 | } |
| 94 | disconnectedCallback() { |
| 95 | var _a; |
| 96 | (_a = this.formController) === null || _a === void 0 ? void 0 : _a.removeFormData(); |
| 97 | } |
| 98 | getFormattedValue() { |
| 99 | if (!this.value) |
| 100 | return ''; |
| 101 | const parsedAmount = parseFloat(this.value); |
| 102 | if (isNaN(parsedAmount)) |
| 103 | return ''; |
| 104 | return maybeConvertAmount(parsedAmount, this.currencyCode).toString(); |
| 105 | } |
| 106 | render() { |
| 107 | return (h("sc-input", { key: '707c7f190364786821f923304820a19f995b8300', exportparts: "base, input, form-control, label, help-text, prefix, suffix", size: this.size, label: this.label, showLabel: this.showLabel, help: this.help, ref: el => (this.input = el), type: "text" // we cannot use number because it's basically the worst. https://stackoverflow.blog/2022/12/26/why-the-number-input-is-the-worst-input/ |
| 108 | , |
| 109 | name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, minlength: this.minlength, maxlength: this.maxlength, min: !!this.min ? this.min / 100 : 0.0, step: 0.01, max: !!this.max ? this.max / 100 : null, |
| 110 | // TODO: Test These below |
| 111 | autofocus: this.autofocus, inputmode: 'decimal', onScChange: () => this.handleChange(), onScInput: () => this.handleInput(), onScBlur: () => this.scBlur.emit(), onScFocus: () => this.scFocus.emit(), pattern: "^\\d*(\\.\\d{0,2})?$" // This prevents more than two decimal places |
| 112 | , |
| 113 | value: this.getFormattedValue() }, h("span", { key: '6562f99d7d36d64058fb0ce0d8e4845537d70dbc', style: { opacity: '0.5' }, slot: "prefix" }, getCurrencySymbol(this.currencyCode)), h("span", { key: '10b824c9af4d373950372e5fbdc145e14f59f3c1', slot: "suffix" }, h("slot", { key: '1ba84e86c4522dd679f003dd6247d4f3ad53da99', name: "suffix" }, this.showCode && (this === null || this === void 0 ? void 0 : this.currencyCode) && h("span", { key: '99a28fe61a70a1f15d0ea3bd9b6835f0e1a30868', style: { opacity: '0.5' } }, this.currencyCode.toUpperCase()))))); |
| 114 | } |
| 115 | get el() { return getElement(this); } |
| 116 | static get watchers() { return { |
| 117 | "hasFocus": ["handleFocusChange"] |
| 118 | }; } |
| 119 | }; |
| 120 | ScPriceInput.style = ScPriceInputStyle0; |
| 121 | |
| 122 | export { ScPriceInput as sc_price_input }; |
| 123 | |
| 124 | //# sourceMappingURL=sc-price-input.entry.js.map |