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-choice.entry.js
178 lines
| 1 | import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-745b6bec.js'; |
| 2 | import { F as FormSubmitController } from './form-data-76641f16.js'; |
| 3 | import { i as isRtl } from './page-align-0cdacf32.js'; |
| 4 | |
| 5 | const scChoiceCss = ":host{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;min-width:0;align-self:stretch;--mobile-size:100px}[hidden]{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.choice{background:var(--sc-choice-background-color);font-family:var(--sc-input-font-family);font-size:var(--sc-input-font-size-medium);font-weight:var(--sc-input-font-weight);user-select:none;border:var(--sc-choice-border);border-radius:var(--sc-choice-border-radius, var(--sc-input-border-radius-large));box-shadow:var(--sc-choice-box-shadow);cursor:pointer;padding:var(--sc-choice-padding, 1.3em 1.1em);position:relative;text-decoration:none;color:var(--sc-input-color);height:100%;transition:background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease}.choice--is-rtl{text-align:right}.choice__content{cursor:pointer;display:flex;gap:0.75em}.choice--checked{border-color:var(--sc-color-primary-500);box-shadow:0 0 0 1px var(--sc-color-primary-500);z-index:1}.choice__title{display:inline-block;font-weight:var(--sc-input-label-font-weight);font-size:var(--sc-input-label-font-size-medium)}.choice--size-small{padding:0.75em 0.9em}.choice--size-large{padding:1.3em 1.1em}.choice__icon{display:inline-flex;width:var(--sc-radio-size);height:var(--sc-radio-size)}.choice__icon svg{width:100%;height:100%}.choice__control{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid var(--sc-input-border-width) var(--sc-input-border-color);background-color:var(--sc-input-background-color);color:transparent;transition:var(--sc-input-transition, var(--sc-transition-medium)) border-color, var(--sc-input-transition, var(--sc-transition-medium)) background-color, var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow}.choice__control.choice__radio{width:var(--sc-radio-size);height:var(--sc-radio-size);border-radius:50%}.choice__control.choice__checkbox{width:var(--sc-toggle-size);height:var(--sc-toggle-size);border-radius:4px}.choice__control input[type=radio],.choice__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.choice:not(.choice--checked):not(.choice--disabled) .choice__control:hover{border-color:var(--sc-input-border-color-hover);background-color:var(--sc-input-background-color-hover)}.choice.choice--focused:not(.choice--checked):not(.choice--disabled) .choice__control{border-color:var(--var-sc-checked-focus-border-color, var(--sc-input-background-color));background-color:var(--sc-input-background-color-focus);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-primary-500)}.choice.choice--focused:not(.choice--checked):not(.choice--disabled){outline-style:solid;outline-color:var(--sc-color-primary-500);outline-width:var(--sc-focus-ring-width);outline-offset:2px}.choice--checked .choice__control{color:var(--var-sc-checked-color, var(--sc-input-background-color));border-color:var(--sc-color-primary-500);background-color:var(--sc-color-primary-500)}.choice.choice--checked:not(.choice--disabled) .choice__control:hover{border-color:var(--var-sc-checked-hover-radio-border-color, var(--sc-input-background-color));background-color:var(--sc-color-primary-500)}.choice.choice--checked:not(.choice--disabled).choice--focused .choice__control{border-color:var(--var-sc-checked-focus-radio-border-color, var(--sc-input-background-color));background-color:var(--sc-color-primary-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary)}.choice--disabled{opacity:0.5;cursor:not-allowed}.choice:not(.choice--checked) svg circle{opacity:0}.choice__label{width:100%;line-height:1;user-select:none}.choice--layout-columns .choice__label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5em}.choice--layout-columns .choice__price{text-align:right;margin:0;display:flex;gap:var(--sc-spacing-xx-small)}.choice__description{display:inline-block;color:var(--sc-color-gray-500);font-size:var(--sc-font-size-medium)}.choice__label-text{display:block;display:flex;flex-direction:column;gap:0.2em;flex:1}.choice__price{display:block}"; |
| 6 | const ScChoiceStyle0 = scChoiceCss; |
| 7 | |
| 8 | let id = 0; |
| 9 | const ScChoice = class { |
| 10 | constructor(hostRef) { |
| 11 | registerInstance(this, hostRef); |
| 12 | this.scBlur = createEvent(this, "scBlur", 7); |
| 13 | this.scChange = createEvent(this, "scChange", 7); |
| 14 | this.scFocus = createEvent(this, "scFocus", 7); |
| 15 | this.inputId = `choice-${++id}`; |
| 16 | this.labelId = `choice-label-${id}`; |
| 17 | this.hasFocus = false; |
| 18 | this.isStacked = false; |
| 19 | this.name = undefined; |
| 20 | this.size = 'medium'; |
| 21 | this.value = undefined; |
| 22 | this.type = 'radio'; |
| 23 | this.disabled = false; |
| 24 | this.checked = false; |
| 25 | this.required = false; |
| 26 | this.invalid = false; |
| 27 | this.showLabel = true; |
| 28 | this.showPrice = true; |
| 29 | this.showControl = true; |
| 30 | this.hasDefaultSlot = undefined; |
| 31 | this.hasPrice = undefined; |
| 32 | this.hasPer = undefined; |
| 33 | this.hasDescription = undefined; |
| 34 | } |
| 35 | /** Simulates a click on the choice. */ |
| 36 | async triggerClick() { |
| 37 | this.input.click(); |
| 38 | } |
| 39 | async triggerFocus() { |
| 40 | this.input.focus(); |
| 41 | } |
| 42 | /** Checks for validity and shows the browser's validation message if the control is invalid. */ |
| 43 | async reportValidity() { |
| 44 | this.invalid = !this.input.checkValidity(); |
| 45 | if (this.required) { |
| 46 | const choices = this.getAllChoices(); |
| 47 | if (!choices.some(c => c.checked)) { |
| 48 | this.input.setCustomValidity(this.type === 'radio' ? wp.i18n.__('Please choose one.', 'surecart') : wp.i18n.__('Please choose at least one.', 'surecart')); |
| 49 | this.invalid = !this.input.checkValidity(); |
| 50 | } |
| 51 | else { |
| 52 | this.input.setCustomValidity(''); |
| 53 | this.invalid = !this.input.checkValidity(); |
| 54 | } |
| 55 | } |
| 56 | return this.input.reportValidity(); |
| 57 | } |
| 58 | handleCheckedChange() { |
| 59 | this.input.setCustomValidity(''); |
| 60 | if (this.type === 'radio' && this.checked) { |
| 61 | this.getSiblingChoices().map(choice => (choice.checked = false)); |
| 62 | } |
| 63 | this.input.checked = this.checked; |
| 64 | } |
| 65 | handleBlur() { |
| 66 | this.hasFocus = false; |
| 67 | this.scBlur.emit(); |
| 68 | } |
| 69 | handleFocus() { |
| 70 | this.hasFocus = true; |
| 71 | this.scFocus.emit(); |
| 72 | } |
| 73 | /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */ |
| 74 | async setCustomValidity(message) { |
| 75 | this.input.setCustomValidity(message); |
| 76 | this.invalid = !this.input.checkValidity(); |
| 77 | } |
| 78 | getAllChoices() { |
| 79 | const choiceGroup = this.el.closest('sc-choices') || this.el.parentElement; |
| 80 | // Radios must be part of a radio group |
| 81 | if (!choiceGroup) { |
| 82 | return []; |
| 83 | } |
| 84 | return [...choiceGroup.querySelectorAll('sc-choice')]; |
| 85 | } |
| 86 | getSiblingChoices() { |
| 87 | return this.getAllChoices().filter(choice => choice !== this.el); |
| 88 | } |
| 89 | handleKeyDown(event) { |
| 90 | // On arrow key press |
| 91 | if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) { |
| 92 | const choices = this.getAllChoices().filter(choice => !choice.disabled); |
| 93 | const incr = ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1; |
| 94 | let index = choices.indexOf(this.el) + incr; |
| 95 | if (index < 0) |
| 96 | index = choices.length - 1; |
| 97 | if (index > choices.length - 1) |
| 98 | index = 0; |
| 99 | choices[index].triggerFocus(); |
| 100 | choices[index].checked = true; |
| 101 | event.preventDefault(); |
| 102 | } |
| 103 | if ('Enter' === event.key || ' ' === event.key) { |
| 104 | this.handleClickEvent(); |
| 105 | } |
| 106 | } |
| 107 | // Prevent clicks on the label from briefly blurring the input |
| 108 | handleMouseDown(event) { |
| 109 | event.preventDefault(); |
| 110 | this.input.focus(); |
| 111 | } |
| 112 | componentDidLoad() { |
| 113 | this.handleResize(); |
| 114 | this.formController = new FormSubmitController(this.el, { |
| 115 | value: (control) => (control.checked ? control.value : undefined), |
| 116 | }).addFormData(); |
| 117 | } |
| 118 | disconnectedCallback() { |
| 119 | var _a; |
| 120 | (_a = this.formController) === null || _a === void 0 ? void 0 : _a.removeFormData(); |
| 121 | } |
| 122 | handleResize() { |
| 123 | if (!(window === null || window === void 0 ? void 0 : window.ResizeObserver)) { |
| 124 | return; |
| 125 | } |
| 126 | const resizeObserver = new window.ResizeObserver(entries => { |
| 127 | for (let entry of entries) { |
| 128 | if (entry.contentBoxSize) { |
| 129 | const contentBoxSize = Array.isArray(entry.contentBoxSize) ? entry.contentBoxSize[0] : entry.contentBoxSize; |
| 130 | setTimeout(() => (this.isStacked = (contentBoxSize === null || contentBoxSize === void 0 ? void 0 : contentBoxSize.inlineSize) < 350), 0); |
| 131 | } |
| 132 | } |
| 133 | }); |
| 134 | resizeObserver.observe(this.el); |
| 135 | } |
| 136 | handleSlotChange() { |
| 137 | this.hasPrice = !!this.el.querySelector('[slot="price"]'); |
| 138 | this.hasPer = !!this.el.querySelector('[slot="per"]'); |
| 139 | this.hasDescription = !!this.el.querySelector('[slot="description"]'); |
| 140 | this.hasDefaultSlot = !!this.el.querySelector('[slot="default"]'); |
| 141 | } |
| 142 | handleClickEvent() { |
| 143 | if (this.type === 'checkbox') { |
| 144 | this.checked = !this.checked; |
| 145 | this.scChange.emit(this.input.checked); |
| 146 | } |
| 147 | else if (!this.checked) { |
| 148 | this.checked = true; |
| 149 | this.scChange.emit(this.input.checked); |
| 150 | } |
| 151 | } |
| 152 | render() { |
| 153 | return (h(Host, { key: '162d453b77a98cc328a1728274364452dcd8c342', tabindex: "0", onFocus: () => this.input.focus() }, h("div", { key: '5d3d11c3c2686e76a686d6ce11c969cd48912093', part: "base", class: { |
| 154 | 'choice': true, |
| 155 | 'choice--checked': this.checked, |
| 156 | 'choice--disabled': this.disabled, |
| 157 | 'choice--focused': this.hasFocus, |
| 158 | 'choice--layout-columns': !this.isStacked, |
| 159 | 'choice--is-rtl': isRtl(), |
| 160 | [`choice--size-${this.size}`]: true, |
| 161 | }, onKeyDown: e => this.handleKeyDown(e), onMouseDown: e => this.handleMouseDown(e) }, h("slot", { key: '8a6d8e6ac35192c51cd302ec2dc5965050021464', name: "header" }), h("label", { key: '4b98eababfa367730697f55ed9f511a994b24213', class: "choice__content", part: "content", htmlFor: this.inputId }, h("span", { key: 'e4c195ef773ef716f06560bc2b8660d5893c22c7', part: "control", class: { |
| 162 | choice__control: true, |
| 163 | choice__checkbox: this.type === 'checkbox', |
| 164 | choice__radio: this.type === 'radio', |
| 165 | }, hidden: !this.showControl }, h("span", { key: '5fc19e316c1928530f4aef57da1555cab8c832a5', part: "checked-icon", class: "choice__icon" }, this.type === 'checkbox' ? (h("svg", { viewBox: "0 0 16 16" }, h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, h("g", { stroke: "currentColor", "stroke-width": "2" }, h("g", { transform: "translate(3.428571, 3.428571)" }, h("path", { d: "M0,5.71428571 L3.42857143,9.14285714" }), h("path", { d: "M9.14285714,0 L3.42857143,9.14285714" })))))) : (h("svg", { viewBox: "0 0 16 16" }, h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { fill: "currentColor" }, h("circle", { cx: "8", cy: "8", r: "3.42857143" })))))), h("input", { key: 'e273d12a8d8f0df197f426b7c3ab1e31464518e1', id: this.inputId, ref: el => (this.input = el), type: this.type, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": this.labelId, tabindex: "0", |
| 166 | // required={this.required} |
| 167 | onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus(), onChange: () => this.handleClickEvent() })), h("span", { key: 'df38e3e5fa2e5acb6b804d503cc4f4d1e1a8a62d', part: "label", id: this.labelId, class: "choice__label" }, h("span", { key: 'f0a6d933cb4443edf0adb10c7b204c747af838ab', class: "choice__label-text", hidden: !this.showLabel }, h("span", { key: '3a1f41de6f5c4bdf80a09cdf45b34936e0e8b705', class: "choice__title", part: "title" }, h("slot", { key: '07ca7057bb3c1adda427d29259c61b6923a45c14', onSlotchange: () => this.handleSlotChange() })), h("span", { key: 'ce997ac1bc9d9444ef86705b5044ff6a6338667d', class: "choice__description description", part: "description", hidden: !this.hasDescription }, h("slot", { key: '8880d72ab536b49dcb4612aefdae7273c5f8f0ae', name: "description", onSlotchange: () => this.handleSlotChange() }))), h("span", { key: '5c2e10abe9a27118a2832a67090093a6442c3095', class: "choice__price", hidden: !this.showPrice || (!this.hasPrice && !this.hasPer) }, h("span", { key: 'de425e90a68f2f3090c13dd501bc9966abd5a776', class: "choice__title" }, h("slot", { key: 'f50a0b98f479073ea350e60bfe5b5ea3d3bbf6d5', name: "price", onSlotchange: () => this.handleSlotChange() })), ' ', h("span", { key: 'e6c15318a9909864541ec9544d955fc47f30285b', class: "choice__description" }, h("slot", { key: '805201451fb083b91c17b3a6810ccd851d7ae8cb', name: "per", onSlotchange: () => this.handleSlotChange() }))))), h("slot", { key: '3a222c22e9de7d6f25e625f173d74fe45fe834ec', name: "footer" })))); |
| 168 | } |
| 169 | get el() { return getElement(this); } |
| 170 | static get watchers() { return { |
| 171 | "checked": ["handleCheckedChange"] |
| 172 | }; } |
| 173 | }; |
| 174 | ScChoice.style = ScChoiceStyle0; |
| 175 | |
| 176 | export { ScChoice as sc_choice }; |
| 177 | |
| 178 | //# sourceMappingURL=sc-choice.entry.js.map |