MockProcessor-5c5e066a.js
2 months ago
MockProcessor-5c5e066a.js.map
2 months ago
add-query-args-0e2a8393.js
1 year ago
add-query-args-0e2a8393.js.map
1 year ago
address-b8e2e4c8.js
4 months ago
address-b8e2e4c8.js.map
4 months ago
animation-registry-de37bd7e.js
3 months ago
animation-registry-de37bd7e.js.map
3 months ago
app-globals-0eef0276.js
2 months ago
app-globals-0eef0276.js.map
2 months ago
consumer-f1775a76.js
2 months ago
consumer-f1775a76.js.map
2 months ago
currency-a0c9bff4.js
1 year ago
currency-a0c9bff4.js.map
1 year ago
error-c8bf8e3e.js
6 days ago
error-c8bf8e3e.js.map
6 days ago
fetch-cdff67be.js
1 month ago
fetch-cdff67be.js.map
1 month ago
floating-ui.dom.esm-8dce4ea1.js
6 months ago
floating-ui.dom.esm-8dce4ea1.js.map
6 months ago
form-data-76641f16.js
1 year ago
form-data-76641f16.js.map
1 year ago
functions-4f009ce1.js
3 months ago
functions-4f009ce1.js.map
3 months ago
geo-permission-62aea8ee.js
1 month ago
geo-permission-62aea8ee.js.map
1 month ago
getters-1049a6f8.js
2 months ago
getters-1049a6f8.js.map
2 months ago
getters-1477d792.js
2 months ago
getters-1477d792.js.map
2 months ago
getters-4bb6cc1b.js
2 months ago
getters-4bb6cc1b.js.map
2 months ago
getters-7090a9c1.js
6 days ago
getters-7090a9c1.js.map
6 days ago
getters-9cfeb0de.js
6 days ago
getters-9cfeb0de.js.map
6 days ago
google-52867ad8.js
6 days ago
google-52867ad8.js.map
6 days ago
google-e9085e27.js
6 days ago
google-e9085e27.js.map
6 days ago
google-maps-e8b00ffd.js
3 months ago
google-maps-e8b00ffd.js.map
3 months ago
index-17aac936.js
1 month ago
index-17aac936.js.map
1 month ago
index-18f5a1bc.js
2 months ago
index-18f5a1bc.js.map
2 months ago
index-25e5af33.js
2 months ago
index-25e5af33.js.map
2 months ago
index-824c562b.js
2 months ago
index-824c562b.js.map
2 months ago
index-871d88b8.js
1 year ago
index-871d88b8.js.map
1 year ago
index-a786f689.js
6 days ago
index-a786f689.js.map
6 days ago
index-c5a96d53.js
2 years ago
index-c5a96d53.js.map
2 years ago
index-d602bc13.js
1 month ago
index-d602bc13.js.map
1 month ago
index.js
6 days ago
index.js.map
1 month ago
inline-c012a0f9.js
1 year ago
inline-c012a0f9.js.map
1 year ago
lazy-deb42890.js
1 year ago
lazy-deb42890.js.map
1 year ago
library-1bd957d5.js
2 months ago
library-1bd957d5.js.map
2 months ago
loader.js
2 weeks ago
loader.js.map
1 year ago
media-d21119a3.js
1 year ago
media-d21119a3.js.map
1 year ago
mutations-7458343f.js
2 months ago
mutations-7458343f.js.map
2 months ago
mutations-9ffd30f4.js
6 days ago
mutations-9ffd30f4.js.map
6 days ago
mutations-ae7167ad.js
6 days ago
mutations-ae7167ad.js.map
6 days ago
mutations-b310b068.js
6 days ago
mutations-b310b068.js.map
6 days ago
page-align-0cdacf32.js
1 year ago
page-align-0cdacf32.js.map
1 year ago
price-1ff6aa07.js
4 months ago
price-1ff6aa07.js.map
4 months ago
pure-963214cb.js
1 year ago
pure-963214cb.js.map
1 year ago
quantity-5c986f3d.js
3 months ago
quantity-5c986f3d.js.map
3 months ago
razorpay-4c4a3d31.js
3 months ago
razorpay-4c4a3d31.js.map
3 months ago
remove-query-args-938c53ea.js
1 year ago
remove-query-args-938c53ea.js.map
1 year ago
sc-address_5.entry.js
2 weeks ago
sc-address_5.entry.js.map
2 weeks ago
sc-alert.entry.js
1 month ago
sc-alert.entry.js.map
1 year ago
sc-avatar_2.entry.js
6 days ago
sc-avatar_2.entry.js.map
1 month ago
sc-badge-notice.entry.js
1 month ago
sc-badge-notice.entry.js.map
1 year ago
sc-block-ui.entry.js
1 month ago
sc-block-ui.entry.js.map
4 months ago
sc-breadcrumb.entry.js
1 month ago
sc-breadcrumb.entry.js.map
1 year ago
sc-breadcrumbs.entry.js
1 month ago
sc-breadcrumbs.entry.js.map
1 year ago
sc-button-group.entry.js
1 month ago
sc-button-group.entry.js.map
1 year ago
sc-button_6.entry.js
1 month ago
sc-button_6.entry.js.map
1 month ago
sc-cancel-dialog_3.entry.js
1 month ago
sc-cancel-dialog_3.entry.js.map
1 month ago
sc-cancel-discount_4.entry.js
1 month ago
sc-cancel-discount_4.entry.js.map
2 months ago
sc-card_2.entry.js
1 month ago
sc-card_2.entry.js.map
4 months ago
sc-cart-button.entry.js
6 days ago
sc-cart-button.entry.js.map
1 year ago
sc-cart-form-submit.entry.js
2 months ago
sc-cart-form-submit.entry.js.map
1 year ago
sc-cart-form.entry.js
6 days ago
sc-cart-form.entry.js.map
1 month ago
sc-cart-header.entry.js
6 days ago
sc-cart-header.entry.js.map
1 year ago
sc-cart-icon.entry.js
6 days ago
sc-cart-icon.entry.js.map
1 year ago
sc-cart-loader.entry.js
6 days ago
sc-cart-loader.entry.js.map
1 year ago
sc-cart-session-provider_3.entry.js
6 days ago
sc-cart-session-provider_3.entry.js.map
2 months ago
sc-cart-submit.entry.js
2 months ago
sc-cart-submit.entry.js.map
1 year ago
sc-cart.entry.js
6 days ago
sc-cart.entry.js.map
2 months ago
sc-cc-logo_2.entry.js
1 month ago
sc-cc-logo_2.entry.js.map
1 month ago
sc-charges-list.entry.js
1 month ago
sc-charges-list.entry.js.map
2 months ago
sc-checkout-autofill-provider_11.entry.js
6 days ago
sc-checkout-autofill-provider_11.entry.js.map
1 month ago
sc-checkout-form-errors.entry.js
2 months ago
sc-checkout-form-errors.entry.js.map
1 year ago
sc-checkout-mollie-payment_3.entry.js
6 days ago
sc-checkout-mollie-payment_3.entry.js.map
2 months ago
sc-checkout-product-bundle-component-variants.entry.js
6 days ago
sc-checkout-product-bundle-component-variants.entry.js.map
1 month ago
sc-checkout-product-price-variant-selector.entry.js
6 days ago
sc-checkout-product-price-variant-selector.entry.js.map
3 weeks ago
sc-checkout.entry.js
6 days ago
sc-checkout.entry.js.map
1 month ago
sc-choice-container.entry.js
1 month ago
sc-choice-container.entry.js.map
1 year ago
sc-choice.entry.js
1 month ago
sc-choice.entry.js.map
1 year ago
sc-choices.entry.js
1 month ago
sc-choices.entry.js.map
1 year ago
sc-column_2.entry.js
1 month ago
sc-column_2.entry.js.map
1 month ago
sc-compact-address_18.entry.js
6 days ago
sc-compact-address_18.entry.js.map
1 month ago
sc-conditional-form.entry.js
6 days ago
sc-conditional-form.entry.js.map
2 months ago
sc-consumer.entry.js
2 months ago
sc-consumer.entry.js.map
1 year ago
sc-coupon-form.entry.js
6 days ago
sc-coupon-form.entry.js.map
5 months ago
sc-custom-order-price-input.entry.js
1 month ago
sc-custom-order-price-input.entry.js.map
2 months ago
sc-customer-details.entry.js
1 month ago
sc-customer-details.entry.js.map
7 months ago
sc-customer-edit.entry.js
1 month ago
sc-customer-edit.entry.js.map
2 months ago
sc-customer-email.entry.js
6 days ago
sc-customer-email.entry.js.map
1 month ago
sc-customer-firstname.entry.js
6 days ago
sc-customer-firstname.entry.js.map
2 months ago
sc-customer-lastname.entry.js
6 days ago
sc-customer-lastname.entry.js.map
2 months ago
sc-customer-name.entry.js
6 days ago
sc-customer-name.entry.js.map
2 months ago
sc-dashboard-customer-details.entry.js
1 month ago
sc-dashboard-customer-details.entry.js.map
2 months ago
sc-dashboard-downloads-list.entry.js
1 month ago
sc-dashboard-downloads-list.entry.js.map
2 months ago
sc-dialog.entry.js
1 month ago
sc-dialog.entry.js.map
4 months ago
sc-divider.entry.js
1 month ago
sc-divider.entry.js.map
1 year ago
sc-donation-choices.entry.js
2 months ago
sc-donation-choices.entry.js.map
1 year ago
sc-downloads-list.entry.js
1 month ago
sc-downloads-list.entry.js.map
1 month ago
sc-dropdown_3.entry.js
1 month ago
sc-dropdown_3.entry.js.map
6 months ago
sc-empty_3.entry.js
1 month ago
sc-empty_3.entry.js.map
4 months ago
sc-express-payment.entry.js
6 days ago
sc-express-payment.entry.js.map
3 months ago
sc-feature-demo-banner.entry.js
1 month ago
sc-feature-demo-banner.entry.js.map
1 year ago
sc-flex.entry.js
1 month ago
sc-flex.entry.js.map
1 year ago
sc-form-control_2.entry.js
1 month ago
sc-form-control_2.entry.js.map
2 months ago
sc-form-row.entry.js
1 month ago
sc-form-row.entry.js.map
1 year ago
sc-form.entry.js
1 month ago
sc-form.entry.js.map
1 year ago
sc-format-bytes.entry.js
2 months ago
sc-format-bytes.entry.js.map
1 year ago
sc-format-interval.entry.js
2 months ago
sc-format-interval.entry.js.map
1 year ago
sc-format-number.entry.js
2 months ago
sc-format-number.entry.js.map
1 year ago
sc-fulfillment-shipping-status-badge.entry.js
2 months ago
sc-fulfillment-shipping-status-badge.entry.js.map
4 months ago
sc-fulfillments.entry.js
1 month ago
sc-fulfillments.entry.js.map
2 months ago
sc-heading_2.entry.js
1 month ago
sc-heading_2.entry.js.map
1 year ago
sc-image-slider.entry.js
1 month ago
sc-image-slider.entry.js.map
1 month ago
sc-invoice-status-badge.entry.js
1 month ago
sc-invoice-status-badge.entry.js.map
4 months ago
sc-invoices-list.entry.js
1 month ago
sc-invoices-list.entry.js.map
2 months ago
sc-license.entry.js
1 month ago
sc-license.entry.js.map
2 months ago
sc-licenses-list.entry.js
1 month ago
sc-licenses-list.entry.js.map
1 month ago
sc-line-item-bump.entry.js
6 days ago
sc-line-item-bump.entry.js.map
1 year ago
sc-line-item-total.entry.js
6 days ago
sc-line-item-total.entry.js.map
6 months ago
sc-line-item.entry.js
1 month ago
sc-line-item.entry.js.map
1 year ago
sc-line-items-provider.entry.js
1 month ago
sc-line-items-provider.entry.js.map
1 year ago
sc-line-items.entry.js
6 days ago
sc-line-items.entry.js.map
1 month ago
sc-login-form.entry.js
1 month ago
sc-login-form.entry.js.map
2 months ago
sc-manual-payment-method_3.entry.js
1 month ago
sc-manual-payment-method_3.entry.js.map
3 months ago
sc-menu-divider.entry.js
1 month ago
sc-menu-divider.entry.js.map
1 year ago
sc-menu-label_2.entry.js
1 month ago
sc-menu-label_2.entry.js.map
1 month ago
sc-mollie-add-method.entry.js
1 month ago
sc-mollie-add-method.entry.js.map
2 months ago
sc-order-confirmation-customer.entry.js
2 months ago
sc-order-confirmation-customer.entry.js.map
1 year ago
sc-order-confirmation-details.entry.js
2 months ago
sc-order-confirmation-details.entry.js.map
11 months ago
sc-order-confirmation-line-items_2.entry.js
1 month ago
sc-order-confirmation-line-items_2.entry.js.map
1 month ago
sc-order-confirmation.entry.js
1 month ago
sc-order-confirmation.entry.js.map
2 months ago
sc-order-coupon-form.entry.js
6 days ago
sc-order-coupon-form.entry.js.map
2 months ago
sc-order-detail.entry.js
2 months ago
sc-order-detail.entry.js.map
1 year ago
sc-order-fulfillment-badge.entry.js
1 month ago
sc-order-fulfillment-badge.entry.js.map
4 months ago
sc-order-manual-instructions.entry.js
2 months ago
sc-order-manual-instructions.entry.js.map
1 year ago
sc-order-password.entry.js
2 months ago
sc-order-password.entry.js.map
1 year ago
sc-order-return-badge.entry.js
1 month ago
sc-order-return-badge.entry.js.map
4 months ago
sc-order-shipment-badge.entry.js
2 months ago
sc-order-shipment-badge.entry.js.map
4 months ago
sc-order-status-badge.entry.js
1 month ago
sc-order-status-badge.entry.js.map
4 months ago
sc-order-submit.entry.js
6 days ago
sc-order-submit.entry.js.map
2 months ago
sc-order-summary.entry.js
6 days ago
sc-order-summary.entry.js.map
1 month ago
sc-order.entry.js
1 month ago
sc-order.entry.js.map
1 month ago
sc-orders-list.entry.js
1 month ago
sc-orders-list.entry.js.map
1 month ago
sc-pagination.entry.js
2 months ago
sc-pagination.entry.js.map
1 year ago
sc-password-nag.entry.js
1 month ago
sc-password-nag.entry.js.map
2 months ago
sc-password.entry.js
1 month ago
sc-password.entry.js.map
1 month ago
sc-payment-method-choice_2.entry.js
1 month ago
sc-payment-method-choice_2.entry.js.map
1 year ago
sc-payment-method-details.entry.js
1 month ago
sc-payment-method-details.entry.js.map
1 year ago
sc-payment-methods-list.entry.js
1 month ago
sc-payment-methods-list.entry.js.map
2 months ago
sc-payment.entry.js
6 days ago
sc-payment.entry.js.map
3 months ago
sc-paypal-add-method.entry.js
1 month ago
sc-paypal-add-method.entry.js.map
2 months ago
sc-paypal-buttons_2.entry.js
6 days ago
sc-paypal-buttons_2.entry.js.map
2 months ago
sc-paystack-add-method.entry.js
1 month ago
sc-paystack-add-method.entry.js.map
2 months ago
sc-pill-option.entry.js
1 month ago
sc-pill-option.entry.js.map
1 year ago
sc-popover.entry.js
1 month ago
sc-popover.entry.js.map
6 months ago
sc-premium-tag.entry.js
1 month ago
sc-premium-tag.entry.js.map
1 year ago
sc-price-choice-container.entry.js
1 month ago
sc-price-choice-container.entry.js.map
1 month ago
sc-price-choice.entry.js
1 month ago
sc-price-choice.entry.js.map
2 months ago
sc-price-choices.entry.js
6 days ago
sc-price-choices.entry.js.map
1 year ago
sc-price-input.entry.js
1 month ago
sc-price-input.entry.js.map
1 year ago
sc-price-range_4.entry.js
1 month ago
sc-price-range_4.entry.js.map
1 year ago
sc-price.entry.js
2 months ago
sc-price.entry.js.map
11 months ago
sc-product-buy-button.entry.js
6 days ago
sc-product-buy-button.entry.js.map
2 months ago
sc-product-donation-amount-choice.entry.js
6 days ago
sc-product-donation-amount-choice.entry.js.map
2 months ago
sc-product-donation-choices.entry.js
6 days ago
sc-product-donation-choices.entry.js.map
2 months ago
sc-product-donation-custom-amount.entry.js
6 days ago
sc-product-donation-custom-amount.entry.js.map
2 months ago
sc-product-item-list.entry.js
6 days ago
sc-product-item-list.entry.js.map
2 months ago
sc-product-item.entry.js
1 month ago
sc-product-item.entry.js.map
1 year ago
sc-product-pills-variant-option.entry.js
6 days ago
sc-product-pills-variant-option.entry.js.map
1 year ago
sc-product-price-choices.entry.js
6 days ago
sc-product-price-choices.entry.js.map
1 year ago
sc-product-price-modal.entry.js
6 days ago
sc-product-price-modal.entry.js.map
2 months ago
sc-product-price.entry.js
6 days ago
sc-product-price.entry.js.map
2 months ago
sc-product-quantity.entry.js
6 days ago
sc-product-quantity.entry.js.map
1 year ago
sc-product-selected-price.entry.js
6 days ago
sc-product-selected-price.entry.js.map
2 months ago
sc-product-text.entry.js
6 days ago
sc-product-text.entry.js.map
1 year ago
sc-provider.entry.js
2 months ago
sc-provider.entry.js.map
1 year ago
sc-provisional-banner.entry.js
1 month ago
sc-provisional-banner.entry.js.map
11 months ago
sc-purchase-downloads-list.entry.js
1 month ago
sc-purchase-downloads-list.entry.js.map
1 month ago
sc-razorpay-add-method.entry.js
1 month ago
sc-razorpay-add-method.entry.js.map
2 months ago
sc-recurring-price-choice-container.entry.js
2 months ago
sc-recurring-price-choice-container.entry.js.map
1 year ago
sc-review-stars.entry.js
2 months ago
sc-review-stars.entry.js.map
5 months ago
sc-rich-text.entry.js
1 month ago
sc-rich-text.entry.js.map
1 month ago
sc-skeleton.entry.js
1 month ago
sc-skeleton.entry.js.map
1 year ago
sc-spacing.entry.js
1 month ago
sc-spacing.entry.js.map
1 year ago
sc-stripe-add-method.entry.js
1 month ago
sc-stripe-add-method.entry.js.map
2 months ago
sc-stripe-element.entry.js
6 days ago
sc-stripe-element.entry.js.map
2 months ago
sc-stripe-payment-element.entry.js
6 days ago
sc-stripe-payment-element.entry.js.map
2 months ago
sc-stripe-payment-request.entry.js
6 days ago
sc-stripe-payment-request.entry.js.map
2 months ago
sc-subscription-ad-hoc-confirm.entry.js
1 month ago
sc-subscription-ad-hoc-confirm.entry.js.map
6 months ago
sc-subscription-details_2.entry.js
1 month ago
sc-subscription-details_2.entry.js.map
1 month ago
sc-subscription-payment-method.entry.js
1 month ago
sc-subscription-payment-method.entry.js.map
2 months ago
sc-subscription-payment.entry.js
1 month ago
sc-subscription-payment.entry.js.map
2 months ago
sc-subscription-switch.entry.js
1 month ago
sc-subscription-switch.entry.js.map
2 months ago
sc-subscription-variation-confirm.entry.js
1 month ago
sc-subscription-variation-confirm.entry.js.map
1 year ago
sc-subscription.entry.js
1 month ago
sc-subscription.entry.js.map
1 month ago
sc-subscriptions-list.entry.js
1 month ago
sc-subscriptions-list.entry.js.map
2 months ago
sc-summary.entry.js
1 month ago
sc-summary.entry.js.map
1 year ago
sc-swap.entry.js
6 days ago
sc-swap.entry.js.map
2 months ago
sc-switch.entry.js
1 month ago
sc-switch.entry.js.map
7 months ago
sc-tab-group.entry.js
1 month ago
sc-tab-group.entry.js.map
1 year ago
sc-tab-panel.entry.js
1 month ago
sc-tab-panel.entry.js.map
1 year ago
sc-tab.entry.js
1 month ago
sc-tab.entry.js.map
1 year ago
sc-table-head.entry.js
1 month ago
sc-table-head.entry.js.map
1 year ago
sc-table_3.entry.js
1 month ago
sc-table_3.entry.js.map
10 months ago
sc-tag.entry.js
1 month ago
sc-tag.entry.js.map
4 months ago
sc-test-mode-info.entry.js
1 month ago
sc-test-mode-info.entry.js.map
6 months ago
sc-text.entry.js
1 month ago
sc-text.entry.js.map
1 year ago
sc-toggle.entry.js
1 month ago
sc-toggle.entry.js.map
1 year ago
sc-toggles.entry.js
1 month ago
sc-toggles.entry.js.map
1 year ago
sc-total.entry.js
6 days ago
sc-total.entry.js.map
1 year ago
sc-upcoming-invoice.entry.js
1 month ago
sc-upcoming-invoice.entry.js.map
2 months ago
sc-upgrade-required.entry.js
2 months ago
sc-upgrade-required.entry.js.map
1 year ago
sc-upsell-countdown-timer.entry.js
1 month ago
sc-upsell-countdown-timer.entry.js.map
1 year ago
sc-upsell-no-thanks-button.entry.js
6 days ago
sc-upsell-no-thanks-button.entry.js.map
2 months ago
sc-upsell-submit-button.entry.js
6 days ago
sc-upsell-submit-button.entry.js.map
2 months ago
sc-upsell-totals.entry.js
6 days ago
sc-upsell-totals.entry.js.map
2 months ago
sc-upsell.entry.js
6 days ago
sc-upsell.entry.js.map
2 months ago
sc-verification-code.entry.js
1 month ago
sc-verification-code.entry.js.map
2 months ago
sc-visually-hidden.entry.js
1 month ago
sc-visually-hidden.entry.js.map
1 year ago
sc-wordpress-password-edit.entry.js
1 month ago
sc-wordpress-password-edit.entry.js.map
2 months ago
sc-wordpress-user-edit.entry.js
1 month ago
sc-wordpress-user-edit.entry.js.map
2 months ago
sc-wordpress-user.entry.js
1 month ago
sc-wordpress-user.entry.js.map
1 year ago
store-289e460c.js
2 months ago
store-289e460c.js.map
2 months ago
store-ac90a769.js
1 month ago
store-ac90a769.js.map
1 month ago
store-b1758b00.js
2 months ago
store-b1758b00.js.map
2 months ago
surecart.js
2 weeks ago
surecart.js.map
1 year ago
tax-a03623ca.js
1 year ago
tax-a03623ca.js.map
1 year ago
universe-7bd0ac2b.js
2 months ago
universe-7bd0ac2b.js.map
2 months ago
util-dfbf863e.js
2 months ago
util-dfbf863e.js.map
2 months ago
utils-f84b2118.js
3 months ago
utils-f84b2118.js.map
3 months ago
verification-00df9439.js
1 month ago
verification-00df9439.js.map
1 month ago
watchers-2d9a1422.js
6 days ago
watchers-2d9a1422.js.map
6 days ago
watchers-81f32d01.js
6 days ago
watchers-81f32d01.js.map
6 days ago
watchers-843c3dbe.js
6 days ago
watchers-843c3dbe.js.map
6 days ago
watchers-c7bbc6b2.js
2 months ago
watchers-c7bbc6b2.js.map
2 months ago
watchers-df374a91.js
6 days ago
watchers-df374a91.js.map
6 days ago
sc-form-control_2.entry.js
224 lines
| 1 | import { r as registerInstance, h, a as getElement, c as createEvent, H as Host } from './index-25e5af33.js'; |
| 2 | import { i as isRtl } from './page-align-0cdacf32.js'; |
| 3 | import { F as FormSubmitController } from './form-data-76641f16.js'; |
| 4 | |
| 5 | const scFormControlCss = ":host{display:block}.form-control{font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);display:flex;flex-direction:column;gap:var(--sc-input-label-margin)}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--sc-input-label-color);font-weight:var(--sc-input-label-font-weight);text-transform:var(--sc-input-label-text-transform, none);letter-spacing:var(--sc-input-label-letter-spacing, 0)}.form-control--has-label.form-control--small .form-control__label{font-size:var(--sc-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--sc-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--sc-input-label-font-size-large)}::slotted(.control--errors){margin-top:var(--sc-spacing-small);color:var(--sc-color-danger-500)}::slotted([slot=label-end]){float:right}.form-control--is-required .required{color:var(--sc-color-danger-500)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--sc-input-help-text-color)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--sc-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--sc-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--sc-input-help-text-font-size-large)}.form-control--has-error .form-control__error-text{display:block;color:var(--sc-input-error-text-color)}.form-control--has-error.form-control--small .form-control__error-text{font-size:var(--sc-input-error-text-font-size-small)}.form-control--has-error.form-control--medium .form-control__error-text{font-size:var(--sc-input-error-text-font-size-medium)}.form-control--has-error.form-control--large .form-control__error-text{font-size:var(--sc-input-error-text-font-size-large)}.form-control--has-error ::part(base){border-color:rgb(var(--sl-color-danger-500))}.form-control--is-rtl.form-control--has-label .form-control__label{text-align:right}"; |
| 6 | const ScFormControlStyle0 = scFormControlCss; |
| 7 | |
| 8 | const ScFormControl = class { |
| 9 | constructor(hostRef) { |
| 10 | registerInstance(this, hostRef); |
| 11 | this.size = 'medium'; |
| 12 | this.name = undefined; |
| 13 | this.showLabel = true; |
| 14 | this.label = undefined; |
| 15 | this.labelId = undefined; |
| 16 | this.inputId = undefined; |
| 17 | this.required = false; |
| 18 | this.help = undefined; |
| 19 | this.helpId = undefined; |
| 20 | } |
| 21 | render() { |
| 22 | return (h("div", { key: '7cc653d32ae4b95fad41f6e0fe8d3e51bf2991a6', part: "form-control", class: { |
| 23 | 'form-control': true, |
| 24 | 'form-control--small': this.size === 'small', |
| 25 | 'form-control--medium': this.size === 'medium', |
| 26 | 'form-control--large': this.size === 'large', |
| 27 | 'form-control--has-label': !!this.label && this.showLabel, |
| 28 | 'form-control--has-help-text': !!this.help, |
| 29 | 'form-control--is-required': !!this.required, |
| 30 | 'form-control--is-rtl': isRtl(), |
| 31 | } }, h("label", { key: '5cfb4310d3bf9dc0e9951e0b9f796d4359292234', part: "label", id: this.labelId, class: "form-control__label", htmlFor: this.inputId, "aria-hidden": !!this.label ? 'false' : 'true' }, h("slot", { key: '8d419e0fa37a30887b650bf76a78d7720711e5fe', name: "label" }, this.label), h("slot", { key: 'a9603557631f9f99f858bffe1464f6955f8b454a', name: "label-end" }), !!this.required && (h("span", { key: 'b27a00aee94c00e953bae7634619fe9765928396', "aria-hidden": "true", class: "required" }, ' ', "*")), h("sc-visually-hidden", { key: '4a8d0f9297a738e95788e8be9dc03a565e9b6997' }, !!this.required ? wp.i18n.__('required', 'surecart') : '')), h("div", { key: '93e0e991da63e52a9079ff076a75c18cf5ecbde7', part: "input", class: "form-control__input" }, h("slot", { key: 'f737923462655a830b10254446e6ac26fe5d17e1' })), this.help && (h("div", { key: '397a92ad1f6fe067ef6552c81cd954d27e122488', part: "help-text", id: this.helpId, class: "form-control__help-text" }, h("slot", { key: 'c7778d7f76a5e9126d747b342ec03b55130509e1', name: "help-text" }, this.help))))); |
| 32 | } |
| 33 | get el() { return getElement(this); } |
| 34 | }; |
| 35 | ScFormControl.style = ScFormControlStyle0; |
| 36 | |
| 37 | const scInputCss = ":host{--focus-ring:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary);display:block;position:relative}.input__control[type=number]{-moz-appearance:textfield}.input__control::-webkit-outer-spin-button,.input__control::-webkit-inner-spin-button{-webkit-appearance:none}.input{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;box-sizing:border-box;font-family:var(--sc-input-font-family);font-weight:var(--sc-input-font-weight);letter-spacing:var(--sc-input-letter-spacing);background-color:var(--sc-input-background-color);border:solid 1px var(--sc-input-border-color, var(--sc-input-border));vertical-align:middle;box-shadow:var(--sc-input-box-shadow);transition:var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) border, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow;cursor:var(--sc-input-cursor, text)}.input:hover:not(.input--disabled){background-color:var(--sc-input-background-color-hover);border-color:var(--sc-input-border-color-hover);z-index:7}.input:hover:not(.input--disabled) .input__control{color:var(--sc-input-color-hover)}.input.input--focused:not(.input--disabled){background-color:var(--sc-input-background-color-focus);border-color:var(--sc-input-border-color-focus);box-shadow:var(--focus-ring);z-index:8}.input.input--focused:not(.input--disabled) .input__control{color:var(--sc-input-color-focus)}.input.input--disabled{background-color:var(--sc-input-background-color-disabled);border-color:var(--sc-input-border-color-disabled);opacity:0.5;cursor:not-allowed}.input.input--disabled .input__control{color:var(--sc-input-color-disabled)}.input.input--disabled .input__control::placeholder{color:var(--sc-input-placeholder-color-disabled)}.input__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;height:100%;color:var(--sc-input-color);border:none;background:none;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none;box-sizing:border-box;width:100%}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--sc-input-height-large) var(--sc-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--sc-input-color)}.input__control::placeholder{color:var(--sc-input-placeholder-color);user-select:none}.input__control:focus{outline:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;color:var(--sc-input-color);cursor:default}.input__prefix ::slotted(sc-icon),.input__suffix ::slotted(sc-icon){color:var(--sc-input-icon-color)}.input--small{border-radius:var(--sc-input-border-radius-small);font-size:var(--sc-input-font-size-small);height:var(--sc-input-height-small)}.input--small .input__control{height:calc(var(--sc-input-height-small) - var(--sc-input-border-width) * 2);padding:0 var(--sc-input-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{margin-right:var(--sc-input-spacing-small)}.input--small .input__prefix ::slotted(*){margin-left:var(--sc-input-spacing-small)}.input--small .input__suffix ::slotted(*){margin-right:var(--sc-input-spacing-small)}.input--small .input__suffix ::slotted(sc-dropdown){margin:0}.input--medium{border-radius:var(--sc-input-border-radius-medium);font-size:var(--sc-input-font-size-medium);height:var(--sc-input-height-medium)}.input--medium .input__control{height:calc(var(--sc-input-height-medium) - var(--sc-input-border-width) * 2);padding:0 var(--sc-input-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{margin-right:var(--sc-input-spacing-medium)}.input--medium .input__prefix ::slotted(*){margin-left:var(--sc-input-spacing-medium) !important}.input--medium .input__suffix ::slotted(:not(sc-button[size=medium]):not(sc-button[size=small])){margin-right:var(--sc-input-spacing-medium) !important}.input--medium .input__suffix ::slotted(sc-tag),.input--medium .input__suffix ::slotted(sc-button[size=small]){line-height:1;margin-right:var(--sc-input-spacing-small) !important}.input--medium .input__suffix ::slotted(sc-dropdown){margin:3px}.input--large{border-radius:var(--sc-input-border-radius-large);font-size:var(--sc-input-font-size-large);height:var(--sc-input-height-large)}.input--large .input__control{height:calc(var(--sc-input-height-large) - var(--sc-input-border-width) * 2);padding:0 var(--sc-input-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{margin-right:var(--sc-input-spacing-large)}.input--large .input__prefix ::slotted(*){margin-left:var(--sc-input-spacing-large)}.input--large .input__suffix ::slotted(*){margin-right:var(--sc-input-spacing-large)}.input--large .input__suffix ::slotted(sc-dropdown){margin:3px}.input--pill.input--small{border-radius:var(--sc-input-height-small)}.input--pill.input--medium{border-radius:var(--sc-input-height-medium)}.input--pill.input--large{border-radius:var(--sc-input-height-large)}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;font-size:inherit;color:var(--sc-input-icon-color);border:none;background:none;padding:0;transition:var(--sc-input-transition, var(--sc-transition-medium)) color;cursor:pointer}.input__clear:hover,.input__password-toggle:hover{color:var(--sc-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}.input--squared{border-radius:0}.input--squared-top{border-top-left-radius:0;border-top-right-radius:0}.input--squared-bottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.input--squared-left{border-top-left-radius:0;border-bottom-left-radius:0}.input--squared-right{border-top-right-radius:0;border-bottom-right-radius:0}"; |
| 38 | const ScInputStyle0 = scInputCss; |
| 39 | |
| 40 | let id = 0; |
| 41 | const ScInput = class { |
| 42 | constructor(hostRef) { |
| 43 | registerInstance(this, hostRef); |
| 44 | this.scChange = createEvent(this, "scChange", 7); |
| 45 | this.scClear = createEvent(this, "scClear", 7); |
| 46 | this.scInput = createEvent(this, "scInput", 7); |
| 47 | this.scFocus = createEvent(this, "scFocus", 7); |
| 48 | this.scBlur = createEvent(this, "scBlur", 7); |
| 49 | this.inputId = `input-${++id}`; |
| 50 | this.helpId = `input-help-text-${id}`; |
| 51 | this.labelId = `input-label-${id}`; |
| 52 | this.squared = undefined; |
| 53 | this.squaredBottom = undefined; |
| 54 | this.squaredTop = undefined; |
| 55 | this.squaredLeft = undefined; |
| 56 | this.squaredRight = undefined; |
| 57 | this.hidden = false; |
| 58 | this.type = 'text'; |
| 59 | this.size = 'medium'; |
| 60 | this.name = undefined; |
| 61 | this.value = ''; |
| 62 | this.pill = false; |
| 63 | this.label = undefined; |
| 64 | this.showLabel = true; |
| 65 | this.help = ''; |
| 66 | this.clearable = false; |
| 67 | this.togglePassword = false; |
| 68 | this.placeholder = undefined; |
| 69 | this.disabled = false; |
| 70 | this.readonly = false; |
| 71 | this.minlength = undefined; |
| 72 | this.maxlength = undefined; |
| 73 | this.min = undefined; |
| 74 | this.max = undefined; |
| 75 | this.step = undefined; |
| 76 | this.pattern = undefined; |
| 77 | this.customValidity = undefined; |
| 78 | this.required = false; |
| 79 | this.invalid = false; |
| 80 | this.autocorrect = undefined; |
| 81 | this.autocomplete = undefined; |
| 82 | this.autofocus = undefined; |
| 83 | this.spellcheck = undefined; |
| 84 | this.inputmode = undefined; |
| 85 | this.hasFocus = undefined; |
| 86 | this.isPasswordVisible = false; |
| 87 | } |
| 88 | async reportValidity() { |
| 89 | return this.input.reportValidity(); |
| 90 | } |
| 91 | // An invalid pattern breaks validation for the whole field, so only use it if it compiles. |
| 92 | validPattern() { |
| 93 | if (!this.pattern) { |
| 94 | return undefined; |
| 95 | } |
| 96 | // Use the same regex flag the browser uses for the `pattern` attribute. |
| 97 | const flag = 'unicodeSets' in RegExp.prototype ? 'v' : 'u'; |
| 98 | try { |
| 99 | // `.source` is read so the build doesn't strip this check as unused. |
| 100 | return new RegExp(`^(?:${this.pattern})$`, flag).source ? this.pattern : undefined; |
| 101 | } |
| 102 | catch { |
| 103 | return undefined; |
| 104 | } |
| 105 | } |
| 106 | /** Sets focus on the input. */ |
| 107 | async triggerFocus(options) { |
| 108 | return this.input.focus(options); |
| 109 | } |
| 110 | /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */ |
| 111 | async setCustomValidity(message) { |
| 112 | this.input.setCustomValidity(message); |
| 113 | this.invalid = !this.input.checkValidity(); |
| 114 | } |
| 115 | /** Removes focus from the input. */ |
| 116 | async triggerBlur() { |
| 117 | return this.input.blur(); |
| 118 | } |
| 119 | /** Prevent mouse scroll wheel from modifying input value */ |
| 120 | handleWheel() { |
| 121 | var _a; |
| 122 | if (this.type === 'number') { |
| 123 | (_a = this.input) === null || _a === void 0 ? void 0 : _a.blur(); |
| 124 | } |
| 125 | } |
| 126 | /** Selects all the text in the input. */ |
| 127 | select() { |
| 128 | return this.input.select(); |
| 129 | } |
| 130 | handleBlur() { |
| 131 | this.hasFocus = false; |
| 132 | this.scBlur.emit(); |
| 133 | } |
| 134 | handleFocus() { |
| 135 | this.hasFocus = true; |
| 136 | this.scFocus.emit(); |
| 137 | } |
| 138 | handleChange() { |
| 139 | this.value = this.input.value; |
| 140 | this.scChange.emit(); |
| 141 | } |
| 142 | handleInput() { |
| 143 | this.value = this.input.value; |
| 144 | // Clear custom validity so browser can re-validate. |
| 145 | this.input.setCustomValidity(''); |
| 146 | this.scInput.emit(); |
| 147 | } |
| 148 | handleInvalid() { |
| 149 | // Only show custom validity message for pattern mismatch, not for required/empty fields. |
| 150 | if (this.customValidity && this.input.validity.patternMismatch) { |
| 151 | this.input.setCustomValidity(this.customValidity); |
| 152 | } |
| 153 | else { |
| 154 | // this is needed if the user switches from a country with a regex to one without. |
| 155 | // we want to clear out the custom validity so it does not persist. |
| 156 | this.input.setCustomValidity(''); |
| 157 | } |
| 158 | } |
| 159 | handleClearClick(event) { |
| 160 | this.value = ''; |
| 161 | this.scClear.emit(); |
| 162 | this.scInput.emit(); |
| 163 | this.scChange.emit(); |
| 164 | this.input.focus(); |
| 165 | event.stopPropagation(); |
| 166 | } |
| 167 | handlePasswordToggle() { |
| 168 | this.isPasswordVisible = !this.isPasswordVisible; |
| 169 | } |
| 170 | handleFocusChange() { |
| 171 | setTimeout(() => { |
| 172 | this.hasFocus && this.input ? this.input.focus() : this.input.blur(); |
| 173 | }, 0); |
| 174 | } |
| 175 | handleValueChange() { |
| 176 | if (this.input) { |
| 177 | this.invalid = !this.input.checkValidity(); |
| 178 | } |
| 179 | } |
| 180 | componentDidLoad() { |
| 181 | this.formController = new FormSubmitController(this.el).addFormData(); |
| 182 | this.handleFocusChange(); |
| 183 | } |
| 184 | disconnectedCallback() { |
| 185 | var _a; |
| 186 | (_a = this.formController) === null || _a === void 0 ? void 0 : _a.removeFormData(); |
| 187 | } |
| 188 | render() { |
| 189 | var _a; |
| 190 | return (h(Host, { key: '7cf9127e65191dae30f4de13b1921e0c6782f392', hidden: this.hidden }, h("sc-form-control", { key: 'cbe94938682592dc87d2bc1fa4b8b2863e7fa515', exportparts: "label, help-text, form-control", size: this.size, required: this.required, label: this.label, showLabel: this.showLabel, help: this.help, inputId: this.inputId, helpId: this.helpId, labelId: this.labelId, name: this.name }, h("slot", { key: 'df90f3cda88a9f7b864636525bfb06d0d08d1549', name: "label-end", slot: "label-end" }), h("div", { key: '1bc4f53d3fb318ad622796b32f4447f11bb43944', part: "base", class: { |
| 191 | 'input': true, |
| 192 | // Sizes |
| 193 | 'input--small': this.size === 'small', |
| 194 | 'input--medium': this.size === 'medium', |
| 195 | 'input--large': this.size === 'large', |
| 196 | // States |
| 197 | 'input--focused': this.hasFocus, |
| 198 | 'input--invalid': this.invalid, |
| 199 | 'input--disabled': this.disabled, |
| 200 | 'input--squared': this.squared, |
| 201 | 'input--squared-bottom': this.squaredBottom, |
| 202 | 'input--squared-top': this.squaredTop, |
| 203 | 'input--squared-left': this.squaredLeft, |
| 204 | 'input--squared-right': this.squaredRight, |
| 205 | } }, h("span", { key: '17bfd384f85798d9d7660261ebe56dbe48a7848c', part: "prefix", class: "input__prefix" }, h("slot", { key: '64bd912bf0e2382c0de30e06ad9db99528e74ee3', name: "prefix" })), h("slot", { key: 'a9393099a5bd89f6083d1d8d61cec2aef438898d' }, h("input", { key: '807591a580773108310a75f3e4502118da056210', part: "input", id: this.inputId, class: "input__control", ref: el => (this.input = el), type: this.type === 'password' && this.isPasswordVisible ? 'text' : this.type, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, step: this.step, |
| 206 | // TODO: Test These below |
| 207 | autocomplete: this.autocomplete, autocorrect: this.autocorrect, autofocus: this.autofocus, spellcheck: this.spellcheck, pattern: this.validPattern(), inputmode: this.inputmode, "aria-label": this.label, "aria-labelledby": this.labelId, "aria-invalid": this.invalid ? true : false, value: this.value, onChange: () => this.handleChange(), onInput: () => this.handleInput(), onInvalid: () => this.handleInvalid(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onKeyDown: e => { |
| 208 | // Only stop propagation on keys that are not handled by the browser |
| 209 | if (!['Enter', 'ArrowRight', 'ArrowLeft', 'ArrowUp', 'ArrowDown', 'Tab'].includes(e.key)) { |
| 210 | e.stopPropagation(); |
| 211 | } |
| 212 | } })), h("span", { key: '5525dc9d027503d39e683ce6aedebf02870a40bc', part: "suffix", class: "input__suffix" }, h("slot", { key: '9a153bff727977715387c44c0288b1fcc173a0b5', name: "suffix" })), this.clearable && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("button", { key: '9211ed54e06ed08bbb64a2483d932df801724d5b', part: "clear-button", class: "input__clear", type: "button", onClick: e => this.handleClearClick(e), tabindex: "-1" }, h("slot", { key: '274e5fe48f12c1262391d06ac36b94e11faf62e1', name: "clear-icon" }, h("svg", { key: '5834a1540b17cf0782b3629decb7f7980c1854ac', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { key: '6c45d75942069af63cde82dca005eb7a7a40ce8f', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '735a4a287e284d7596f55e731dbe845019e7ea56', x1: "6", y1: "6", x2: "18", y2: "18" }))))))))); |
| 213 | } |
| 214 | get el() { return getElement(this); } |
| 215 | static get watchers() { return { |
| 216 | "hasFocus": ["handleFocusChange"], |
| 217 | "value": ["handleValueChange"] |
| 218 | }; } |
| 219 | }; |
| 220 | ScInput.style = ScInputStyle0; |
| 221 | |
| 222 | export { ScFormControl as sc_form_control, ScInput as sc_input }; |
| 223 | |
| 224 | //# sourceMappingURL=sc-form-control_2.entry.js.map |