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-c1bb15f2.js
1 month ago
error-c1bb15f2.js.map
1 month 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-80f582ec.js
1 month ago
getters-80f582ec.js.map
1 month ago
getters-8ecca822.js
1 month ago
getters-8ecca822.js.map
1 month ago
google-a86aa761.js
1 year ago
google-a86aa761.js.map
1 year ago
google-ff13b5f8.js
1 month ago
google-ff13b5f8.js.map
1 month 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-86fa6913.js
1 month ago
index-86fa6913.js.map
1 month ago
index-871d88b8.js
1 year ago
index-871d88b8.js.map
1 year 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
1 month 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-017e8c92.js
1 month ago
mutations-017e8c92.js.map
1 month ago
mutations-7458343f.js
2 months ago
mutations-7458343f.js.map
2 months ago
mutations-96351e28.js
1 month ago
mutations-96351e28.js.map
1 month ago
mutations-c99167c2.js
1 month ago
mutations-c99167c2.js.map
1 month 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
1 month 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
5 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
1 month 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
1 month ago
sc-cart-form.entry.js.map
1 month ago
sc-cart-header.entry.js
1 month ago
sc-cart-header.entry.js.map
1 year ago
sc-cart-icon.entry.js
1 month ago
sc-cart-icon.entry.js.map
1 year ago
sc-cart-loader.entry.js
1 month ago
sc-cart-loader.entry.js.map
1 year ago
sc-cart-session-provider_3.entry.js
1 month 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
1 month 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
1 month 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
1 month ago
sc-checkout-mollie-payment_3.entry.js.map
2 months ago
sc-checkout-product-bundle-component-variants.entry.js
1 month ago
sc-checkout-product-bundle-component-variants.entry.js.map
1 month ago
sc-checkout-product-price-variant-selector.entry.js
4 weeks ago
sc-checkout-product-price-variant-selector.entry.js.map
4 weeks ago
sc-checkout.entry.js
1 month 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
1 month ago
sc-compact-address_18.entry.js.map
1 month ago
sc-conditional-form.entry.js
1 month 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
1 month 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
1 month ago
sc-customer-email.entry.js.map
1 month ago
sc-customer-firstname.entry.js
1 month ago
sc-customer-firstname.entry.js.map
2 months ago
sc-customer-lastname.entry.js
1 month ago
sc-customer-lastname.entry.js.map
2 months ago
sc-customer-name.entry.js
1 month 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
5 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
1 month 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
1 month ago
sc-line-item-bump.entry.js.map
1 year ago
sc-line-item-total.entry.js
1 month 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
1 month 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
1 month 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
1 month ago
sc-order-submit.entry.js.map
2 months ago
sc-order-summary.entry.js
1 month 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
1 month 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
1 month 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
1 month 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
1 month ago
sc-product-buy-button.entry.js.map
2 months ago
sc-product-donation-amount-choice.entry.js
1 month ago
sc-product-donation-amount-choice.entry.js.map
2 months ago
sc-product-donation-choices.entry.js
1 month ago
sc-product-donation-choices.entry.js.map
2 months ago
sc-product-donation-custom-amount.entry.js
1 month ago
sc-product-donation-custom-amount.entry.js.map
2 months ago
sc-product-item-list.entry.js
1 month 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
1 month ago
sc-product-pills-variant-option.entry.js.map
1 year ago
sc-product-price-choices.entry.js
1 month ago
sc-product-price-choices.entry.js.map
1 year ago
sc-product-price-modal.entry.js
1 month ago
sc-product-price-modal.entry.js.map
2 months ago
sc-product-price.entry.js
1 month ago
sc-product-price.entry.js.map
2 months ago
sc-product-quantity.entry.js
1 month ago
sc-product-quantity.entry.js.map
1 year ago
sc-product-selected-price.entry.js
1 month ago
sc-product-selected-price.entry.js.map
2 months ago
sc-product-text.entry.js
1 month 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
6 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
1 month ago
sc-stripe-element.entry.js.map
2 months ago
sc-stripe-payment-element.entry.js
1 month ago
sc-stripe-payment-element.entry.js.map
2 months ago
sc-stripe-payment-request.entry.js
1 month 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
1 month 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
1 month 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
1 month ago
sc-upsell-no-thanks-button.entry.js.map
2 months ago
sc-upsell-submit-button.entry.js
1 month ago
sc-upsell-submit-button.entry.js.map
2 months ago
sc-upsell-totals.entry.js
1 month ago
sc-upsell-totals.entry.js.map
2 months ago
sc-upsell.entry.js
1 month 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-17c3cde1.js
1 month ago
watchers-17c3cde1.js.map
1 month ago
watchers-35242771.js
1 month ago
watchers-35242771.js.map
1 month ago
watchers-76068961.js
1 month ago
watchers-76068961.js.map
1 month ago
watchers-ba73ceab.js
1 month ago
watchers-ba73ceab.js.map
1 month ago
watchers-c7bbc6b2.js
2 months ago
watchers-c7bbc6b2.js.map
2 months ago
sc-dialog.entry.js
196 lines
| 1 | import { r as registerInstance, c as createEvent, h, a as getElement } from './index-25e5af33.js'; |
| 2 | import { s as setDefaultAnimation, g as getAnimation, b as animateTo, a as stopAnimations } from './animation-registry-de37bd7e.js'; |
| 3 | |
| 4 | const locks = new Set(); |
| 5 | // |
| 6 | // Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible |
| 7 | // without premature unlocking. |
| 8 | // |
| 9 | function lockBodyScrolling(lockingEl) { |
| 10 | locks.add(lockingEl); |
| 11 | document.body.classList.add('sc-scroll-lock'); |
| 12 | } |
| 13 | // |
| 14 | // Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method. |
| 15 | // |
| 16 | function unlockBodyScrolling(lockingEl) { |
| 17 | locks.delete(lockingEl); |
| 18 | if (locks.size === 0) { |
| 19 | document.body.classList.remove('sc-scroll-lock'); |
| 20 | } |
| 21 | } |
| 22 | |
| 23 | const scDialogCss = ":host{--width:31rem;--header-spacing:var(--sc-spacing-large);--body-spacing:var(--sc-spacing-large);--footer-spacing:var(--sc-spacing-large);display:contents}[hidden]{display:none !important}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--sc-z-index-dialog);box-sizing:border-box;text-align:left}.dialog__panel{display:flex;flex-direction:column;z-index:2;width:var(--width);max-width:100vw;max-height:100vh;background-color:var(--sc-panel-background-color);border-radius:var(--sc-border-radius-medium);box-shadow:var(--sc-shadow-x-large);position:relative}.dialog__panel:focus{outline:none}@media screen and (max-width: 420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog__header{flex:0 0 auto;display:flex;border-bottom:1px solid var(--sc-color-gray-300)}.dialog__title{flex:1 1 auto;font:inherit;font-size:var(--sc-font-size-large);line-height:var(--sc-line-height-dense);padding:var(--header-spacing);margin:0}.dialog__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--sc-font-size-x-large);padding:0 calc(var(--header-spacing) / 2);z-index:2}.dialog__body{flex:1 1 auto;padding:var(--body-spacing);overflow:var(--dialog-body-overflow, auto);-webkit-overflow-scrolling:touch}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--footer-spacing)}.dialog__footer ::slotted(sl-button:not(:first-of-type)){margin-left:var(--sc-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--sc-overlay-background-color)}"; |
| 24 | const ScDialogStyle0 = scDialogCss; |
| 25 | |
| 26 | const ScDialog = class { |
| 27 | constructor(hostRef) { |
| 28 | registerInstance(this, hostRef); |
| 29 | this.scRequestClose = createEvent(this, "scRequestClose", 7); |
| 30 | this.scShow = createEvent(this, "scShow", 7); |
| 31 | this.scAfterShow = createEvent(this, "scAfterShow", 7); |
| 32 | this.scHide = createEvent(this, "scHide", 7); |
| 33 | this.scAfterHide = createEvent(this, "scAfterHide", 7); |
| 34 | this.scInitialFocus = createEvent(this, "scInitialFocus", 7); |
| 35 | this.boundHandleDocumentKeyDown = (event) => this.handleDocumentKeyDown(event); |
| 36 | this.open = false; |
| 37 | this.label = ''; |
| 38 | this.noHeader = false; |
| 39 | this.hasFooter = false; |
| 40 | } |
| 41 | /** Shows the dialog. */ |
| 42 | async show() { |
| 43 | if (this.open) { |
| 44 | return undefined; |
| 45 | } |
| 46 | this.open = true; |
| 47 | } |
| 48 | /** Hides the dialog */ |
| 49 | async hide() { |
| 50 | if (!this.open) { |
| 51 | return undefined; |
| 52 | } |
| 53 | this.open = false; |
| 54 | } |
| 55 | requestClose(source) { |
| 56 | const slRequestClose = this.scRequestClose.emit(source); |
| 57 | if (slRequestClose.defaultPrevented) { |
| 58 | const animation = getAnimation(this.el, 'dialog.denyClose'); |
| 59 | animateTo(this.panel, animation.keyframes, animation.options); |
| 60 | return; |
| 61 | } |
| 62 | this.hide(); |
| 63 | } |
| 64 | handleKeyDown(event) { |
| 65 | if (event.key === 'Escape') { |
| 66 | event.stopPropagation(); |
| 67 | this.requestClose('keyboard'); |
| 68 | } |
| 69 | } |
| 70 | /** Handle Escape from document level for slotted light DOM elements that don't bubble into shadow DOM. */ |
| 71 | handleDocumentKeyDown(event) { |
| 72 | if (event.key === 'Escape' && this.open) { |
| 73 | this.requestClose('keyboard'); |
| 74 | } |
| 75 | } |
| 76 | async handleOpenChange() { |
| 77 | if (this.open) { |
| 78 | // Show |
| 79 | this.scShow.emit(); |
| 80 | document.addEventListener('keydown', this.boundHandleDocumentKeyDown); |
| 81 | lockBodyScrolling(this.el); |
| 82 | // When the dialog is shown, Safari will attempt to set focus on whatever element has autofocus. This can cause |
| 83 | // the dialogs's animation to jitter (if it starts offscreen), so we'll temporarily remove the attribute, call |
| 84 | // `focus({ preventScroll: true })` ourselves, and add the attribute back afterwards. |
| 85 | // |
| 86 | // Related: https://github.com/shoelace-style/shoelace/issues/693 |
| 87 | // |
| 88 | const autoFocusTarget = this.el.querySelector('[autofocus]'); |
| 89 | if (autoFocusTarget) { |
| 90 | autoFocusTarget.removeAttribute('autofocus'); |
| 91 | } |
| 92 | await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]); |
| 93 | this.dialog.hidden = false; |
| 94 | // Set initial focus |
| 95 | requestAnimationFrame(() => { |
| 96 | const slInitialFocus = this.scInitialFocus.emit(); |
| 97 | if (!slInitialFocus.defaultPrevented) { |
| 98 | // Set focus to the autofocus target and restore the attribute |
| 99 | if (autoFocusTarget) { |
| 100 | autoFocusTarget.focus({ preventScroll: true }); |
| 101 | } |
| 102 | else { |
| 103 | this.panel.focus({ preventScroll: true }); |
| 104 | } |
| 105 | } |
| 106 | // Restore the autofocus attribute |
| 107 | if (autoFocusTarget) { |
| 108 | autoFocusTarget.setAttribute('autofocus', ''); |
| 109 | } |
| 110 | }); |
| 111 | const panelAnimation = getAnimation(this.el, 'dialog.show'); |
| 112 | const overlayAnimation = getAnimation(this.el, 'dialog.overlay.show'); |
| 113 | await Promise.all([animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options), animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)]); |
| 114 | this.scAfterShow.emit(); |
| 115 | } |
| 116 | else { |
| 117 | // Hide |
| 118 | this.scHide.emit(); |
| 119 | await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]); |
| 120 | const panelAnimation = getAnimation(this.el, 'dialog.hide'); |
| 121 | const overlayAnimation = getAnimation(this.el, 'dialog.overlay.hide'); |
| 122 | await Promise.all([animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options), animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)]); |
| 123 | this.dialog.hidden = true; |
| 124 | unlockBodyScrolling(this.el); |
| 125 | // Restore focus to the original trigger |
| 126 | const trigger = this.originalTrigger; |
| 127 | if (typeof (trigger === null || trigger === void 0 ? void 0 : trigger.focus) === 'function') { |
| 128 | setTimeout(() => trigger.focus()); |
| 129 | } |
| 130 | document.removeEventListener('keydown', this.boundHandleDocumentKeyDown); |
| 131 | this.scAfterHide.emit(); |
| 132 | } |
| 133 | } |
| 134 | componentDidLoad() { |
| 135 | this.hasFooter = !!this.el.querySelector('[slot="footer"]'); |
| 136 | this.dialog.hidden = !this.open; |
| 137 | if (this.open) { |
| 138 | document.addEventListener('keydown', this.boundHandleDocumentKeyDown); |
| 139 | lockBodyScrolling(this.el); |
| 140 | } |
| 141 | } |
| 142 | disconnectedCallback() { |
| 143 | document.removeEventListener('keydown', this.boundHandleDocumentKeyDown); |
| 144 | unlockBodyScrolling(this.el); |
| 145 | } |
| 146 | render() { |
| 147 | return (h("div", { key: 'f26b087e84ca408809a2050b2f21ff7a575d2184', part: "base", ref: el => (this.dialog = el), class: { |
| 148 | 'dialog': true, |
| 149 | 'dialog--open': this.open, |
| 150 | 'dialog--has-footer': this.hasFooter, |
| 151 | }, onKeyDown: e => this.handleKeyDown(e) }, h("div", { key: '2c21810fd169ccc2c983399cacbf6fbd9a432720', part: "overlay", class: "dialog__overlay", onClick: e => { |
| 152 | e.preventDefault(); |
| 153 | e.stopImmediatePropagation(); |
| 154 | this.requestClose('overlay'); |
| 155 | }, ref: el => (this.overlay = el), tabindex: "-1" }), h("div", { key: '11835144d50f0ee8a5ff44580a46d3c69c0c260a', part: "panel", class: "dialog__panel", role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? 'false' : 'true', "aria-label": this.noHeader || this.label, "aria-labelledby": !this.noHeader || 'title', ref: el => (this.panel = el), tabindex: "0" }, !this.noHeader && (h("header", { key: '1058b66df25f577bfc3a10747b4b89be7fdb4a64', part: "header", class: "dialog__header" }, h("h2", { key: 'e2576de0419bf6bc3060bb4f3d08f9537ab40686', part: "title", class: "dialog__title", id: "title" }, h("slot", { key: '4505a7a544d5d7b6685c1ea4b73191a21e61cbb5', name: "label" }, " ", this.label.length > 0 ? this.label : String.fromCharCode(65279), " ")), h("sc-button", { key: 'e630e82f213552a2911686af778ffa496ba2964f', class: "dialog__close", type: "text", circle: true, part: "close-button", exportparts: "base:close-button__base", onClick: e => { |
| 156 | e.preventDefault(); |
| 157 | e.stopImmediatePropagation(); |
| 158 | this.requestClose('close-button'); |
| 159 | } }, h("sc-icon", { key: 'd6a16d028bd63aa09ea0e366b6795bc805bb3102', name: "x", label: wp.i18n.__('Close', 'surecart') })))), h("div", { key: '9e47c21e0e9d89759d1484f81266ce793c9a504e', part: "body", class: "dialog__body" }, h("slot", { key: 'b9fc8485ac758b1f3b9c39195eccb64a8daa58ad' })), h("footer", { key: 'd47117f31e46533102d3d6a1c5185ac9cddf0a65', part: "footer", class: "dialog__footer" }, h("slot", { key: '0528541e732f334f92ee2ec3deb1590ca0d2f682', name: "footer" }))))); |
| 160 | } |
| 161 | get el() { return getElement(this); } |
| 162 | static get watchers() { return { |
| 163 | "open": ["handleOpenChange"] |
| 164 | }; } |
| 165 | }; |
| 166 | setDefaultAnimation('dialog.show', { |
| 167 | keyframes: [ |
| 168 | { opacity: 0, transform: 'scale(0.8)' }, |
| 169 | { opacity: 1, transform: 'scale(1)' }, |
| 170 | ], |
| 171 | options: { duration: 150, easing: 'ease' }, |
| 172 | }); |
| 173 | setDefaultAnimation('dialog.hide', { |
| 174 | keyframes: [ |
| 175 | { opacity: 1, transform: 'scale(1)' }, |
| 176 | { opacity: 0, transform: 'scale(0.8)' }, |
| 177 | ], |
| 178 | options: { duration: 150, easing: 'ease' }, |
| 179 | }); |
| 180 | setDefaultAnimation('dialog.denyClose', { |
| 181 | keyframes: [{ transform: 'scale(1)' }, { transform: 'scale(1.02)' }, { transform: 'scale(1)' }], |
| 182 | options: { duration: 150 }, |
| 183 | }); |
| 184 | setDefaultAnimation('dialog.overlay.show', { |
| 185 | keyframes: [{ opacity: 0 }, { opacity: 1 }], |
| 186 | options: { duration: 150 }, |
| 187 | }); |
| 188 | setDefaultAnimation('dialog.overlay.hide', { |
| 189 | keyframes: [{ opacity: 1 }, { opacity: 0 }], |
| 190 | options: { duration: 150 }, |
| 191 | }); |
| 192 | ScDialog.style = ScDialogStyle0; |
| 193 | |
| 194 | export { ScDialog as sc_dialog }; |
| 195 | |
| 196 | //# sourceMappingURL=sc-dialog.entry.js.map |