MockProcessor-5c5e066a.js
1 month ago
MockProcessor-5c5e066a.js.map
1 month ago
add-query-args-0e2a8393.js
1 year ago
add-query-args-0e2a8393.js.map
1 year ago
address-b8e2e4c8.js
2 months ago
address-b8e2e4c8.js.map
2 months ago
animation-registry-de37bd7e.js
2 months ago
animation-registry-de37bd7e.js.map
2 months ago
app-globals-0eef0276.js
1 month ago
app-globals-0eef0276.js.map
1 month ago
consumer-f1775a76.js
1 month ago
consumer-f1775a76.js.map
1 month ago
currency-a0c9bff4.js
1 year ago
currency-a0c9bff4.js.map
1 year ago
error-b146b98f.js
3 days ago
error-b146b98f.js.map
3 days ago
fetch-cdff67be.js
2 weeks ago
fetch-cdff67be.js.map
2 weeks ago
floating-ui.dom.esm-8dce4ea1.js
5 months ago
floating-ui.dom.esm-8dce4ea1.js.map
5 months ago
form-data-76641f16.js
1 year ago
form-data-76641f16.js.map
1 year ago
functions-4f009ce1.js
2 months ago
functions-4f009ce1.js.map
2 months ago
geo-permission-62aea8ee.js
3 days ago
geo-permission-62aea8ee.js.map
3 days ago
getters-1049a6f8.js
1 month ago
getters-1049a6f8.js.map
1 month ago
getters-1477d792.js
1 month ago
getters-1477d792.js.map
1 month ago
getters-4b4a9eb5.js
3 days ago
getters-4b4a9eb5.js.map
3 days ago
getters-4bb6cc1b.js
1 month ago
getters-4bb6cc1b.js.map
1 month ago
getters-92cbd197.js
3 days ago
getters-92cbd197.js.map
3 days ago
google-a86aa761.js
1 year ago
google-a86aa761.js.map
1 year ago
google-ff13b5f8.js
2 weeks ago
google-ff13b5f8.js.map
2 weeks ago
google-maps-e8b00ffd.js
2 months ago
google-maps-e8b00ffd.js.map
2 months ago
index-18f5a1bc.js
1 month ago
index-18f5a1bc.js.map
1 month ago
index-1db2635f.js
1 year ago
index-1db2635f.js.map
1 year ago
index-25e5af33.js
1 month ago
index-25e5af33.js.map
1 month ago
index-4aa538b7.js
3 days ago
index-4aa538b7.js.map
3 days ago
index-824c562b.js
1 month ago
index-824c562b.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
2 weeks ago
index-d602bc13.js.map
2 weeks ago
index.js
3 days ago
index.js.map
3 days 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
1 month ago
library-1bd957d5.js.map
1 month ago
loader.js
3 days ago
loader.js.map
1 year ago
media-d21119a3.js
1 year ago
media-d21119a3.js.map
1 year ago
mutations-596ff451.js
3 days ago
mutations-596ff451.js.map
3 days ago
mutations-636921ce.js
3 days ago
mutations-636921ce.js.map
3 days ago
mutations-7458343f.js
1 month ago
mutations-7458343f.js.map
1 month ago
mutations-c99167c2.js
2 weeks ago
mutations-c99167c2.js.map
2 weeks ago
page-align-0cdacf32.js
1 year ago
page-align-0cdacf32.js.map
1 year ago
price-1ff6aa07.js
2 months ago
price-1ff6aa07.js.map
2 months ago
pure-963214cb.js
1 year ago
pure-963214cb.js.map
1 year ago
quantity-5c986f3d.js
2 months ago
quantity-5c986f3d.js.map
2 months ago
razorpay-4c4a3d31.js
2 months ago
razorpay-4c4a3d31.js.map
2 months ago
remove-query-args-938c53ea.js
1 year ago
remove-query-args-938c53ea.js.map
1 year ago
sc-address_5.entry.js
3 days ago
sc-address_5.entry.js.map
2 months ago
sc-alert.entry.js
3 days ago
sc-alert.entry.js.map
1 year ago
sc-avatar_2.entry.js
3 days ago
sc-avatar_2.entry.js.map
1 month ago
sc-badge-notice.entry.js
3 days ago
sc-badge-notice.entry.js.map
1 year ago
sc-block-ui.entry.js
3 days ago
sc-block-ui.entry.js.map
3 months ago
sc-breadcrumb.entry.js
3 days ago
sc-breadcrumb.entry.js.map
1 year ago
sc-breadcrumbs.entry.js
3 days ago
sc-breadcrumbs.entry.js.map
1 year ago
sc-button-group.entry.js
3 days ago
sc-button-group.entry.js.map
1 year ago
sc-button_6.entry.js
3 days ago
sc-button_6.entry.js.map
1 month ago
sc-cancel-dialog_3.entry.js
3 days ago
sc-cancel-dialog_3.entry.js.map
1 month ago
sc-cancel-discount_4.entry.js
3 days ago
sc-cancel-discount_4.entry.js.map
1 month ago
sc-card_2.entry.js
3 days ago
sc-card_2.entry.js.map
2 months ago
sc-cart-button.entry.js
3 days ago
sc-cart-button.entry.js.map
1 year ago
sc-cart-form-submit.entry.js
1 month ago
sc-cart-form-submit.entry.js.map
1 year ago
sc-cart-form.entry.js
3 days ago
sc-cart-form.entry.js.map
1 month ago
sc-cart-header.entry.js
3 days ago
sc-cart-header.entry.js.map
1 year ago
sc-cart-icon.entry.js
3 days ago
sc-cart-icon.entry.js.map
1 year ago
sc-cart-loader.entry.js
3 days ago
sc-cart-loader.entry.js.map
1 year ago
sc-cart-session-provider_3.entry.js
3 days ago
sc-cart-session-provider_3.entry.js.map
1 month ago
sc-cart-submit.entry.js
1 month ago
sc-cart-submit.entry.js.map
1 year ago
sc-cart.entry.js
3 days ago
sc-cart.entry.js.map
1 month ago
sc-cc-logo_2.entry.js
3 days ago
sc-cc-logo_2.entry.js.map
3 days ago
sc-charges-list.entry.js
3 days ago
sc-charges-list.entry.js.map
1 month ago
sc-checkout-autofill-provider_11.entry.js
3 days ago
sc-checkout-autofill-provider_11.entry.js.map
3 days ago
sc-checkout-form-errors.entry.js
1 month ago
sc-checkout-form-errors.entry.js.map
1 year ago
sc-checkout-mollie-payment_3.entry.js
3 days ago
sc-checkout-mollie-payment_3.entry.js.map
1 month ago
sc-checkout-product-price-variant-selector.entry.js
3 days ago
sc-checkout-product-price-variant-selector.entry.js.map
1 month ago
sc-checkout.entry.js
3 days ago
sc-checkout.entry.js.map
3 days ago
sc-choice-container.entry.js
3 days ago
sc-choice-container.entry.js.map
1 year ago
sc-choice.entry.js
3 days ago
sc-choice.entry.js.map
1 year ago
sc-choices.entry.js
3 days ago
sc-choices.entry.js.map
1 year ago
sc-column_2.entry.js
3 days ago
sc-column_2.entry.js.map
3 days ago
sc-compact-address_18.entry.js
3 days ago
sc-compact-address_18.entry.js.map
2 weeks ago
sc-conditional-form.entry.js
3 days ago
sc-conditional-form.entry.js.map
1 month ago
sc-consumer.entry.js
1 month ago
sc-consumer.entry.js.map
1 year ago
sc-coupon-form.entry.js
3 days ago
sc-coupon-form.entry.js.map
4 months ago
sc-custom-order-price-input.entry.js
2 weeks ago
sc-custom-order-price-input.entry.js.map
1 month ago
sc-customer-details.entry.js
3 days ago
sc-customer-details.entry.js.map
6 months ago
sc-customer-edit.entry.js
3 days ago
sc-customer-edit.entry.js.map
1 month ago
sc-customer-email.entry.js
3 days ago
sc-customer-email.entry.js.map
1 month ago
sc-customer-firstname.entry.js
3 days ago
sc-customer-firstname.entry.js.map
1 month ago
sc-customer-lastname.entry.js
3 days ago
sc-customer-lastname.entry.js.map
1 month ago
sc-customer-name.entry.js
3 days ago
sc-customer-name.entry.js.map
1 month ago
sc-dashboard-customer-details.entry.js
3 days ago
sc-dashboard-customer-details.entry.js.map
1 month ago
sc-dashboard-downloads-list.entry.js
3 days ago
sc-dashboard-downloads-list.entry.js.map
1 month ago
sc-dialog.entry.js
3 days ago
sc-dialog.entry.js.map
3 months ago
sc-divider.entry.js
3 days ago
sc-divider.entry.js.map
1 year ago
sc-donation-choices.entry.js
1 month ago
sc-donation-choices.entry.js.map
1 year ago
sc-downloads-list.entry.js
3 days ago
sc-downloads-list.entry.js.map
2 weeks ago
sc-dropdown_3.entry.js
3 days ago
sc-dropdown_3.entry.js.map
5 months ago
sc-empty_3.entry.js
3 days ago
sc-empty_3.entry.js.map
2 months ago
sc-express-payment.entry.js
3 days ago
sc-express-payment.entry.js.map
2 months ago
sc-feature-demo-banner.entry.js
3 days ago
sc-feature-demo-banner.entry.js.map
1 year ago
sc-flex.entry.js
3 days ago
sc-flex.entry.js.map
1 year ago
sc-form-control_2.entry.js
3 days ago
sc-form-control_2.entry.js.map
1 month ago
sc-form-row.entry.js
3 days ago
sc-form-row.entry.js.map
1 year ago
sc-form.entry.js
3 days ago
sc-form.entry.js.map
1 year ago
sc-format-bytes.entry.js
1 month ago
sc-format-bytes.entry.js.map
1 year ago
sc-format-interval.entry.js
1 month ago
sc-format-interval.entry.js.map
1 year ago
sc-format-number.entry.js
1 month ago
sc-format-number.entry.js.map
1 year ago
sc-fulfillment-shipping-status-badge.entry.js
1 month ago
sc-fulfillment-shipping-status-badge.entry.js.map
2 months ago
sc-fulfillments.entry.js
2 weeks ago
sc-fulfillments.entry.js.map
1 month ago
sc-heading_2.entry.js
3 days ago
sc-heading_2.entry.js.map
1 year ago
sc-image-slider.entry.js
3 days ago
sc-image-slider.entry.js.map
3 days ago
sc-invoice-status-badge.entry.js
3 days ago
sc-invoice-status-badge.entry.js.map
2 months ago
sc-invoices-list.entry.js
3 days ago
sc-invoices-list.entry.js.map
1 month ago
sc-license.entry.js
3 days ago
sc-license.entry.js.map
1 month ago
sc-licenses-list.entry.js
3 days ago
sc-licenses-list.entry.js.map
3 days ago
sc-line-item-bump.entry.js
3 days ago
sc-line-item-bump.entry.js.map
1 year ago
sc-line-item-total.entry.js
3 days ago
sc-line-item-total.entry.js.map
5 months ago
sc-line-item.entry.js
3 days ago
sc-line-item.entry.js.map
1 year ago
sc-line-items-provider.entry.js
3 days ago
sc-line-items-provider.entry.js.map
1 year ago
sc-line-items.entry.js
3 days ago
sc-line-items.entry.js.map
2 weeks ago
sc-login-form.entry.js
3 days ago
sc-login-form.entry.js.map
1 month ago
sc-manual-payment-method_3.entry.js
3 days ago
sc-manual-payment-method_3.entry.js.map
2 months ago
sc-menu-divider.entry.js
3 days ago
sc-menu-divider.entry.js.map
1 year ago
sc-menu-label_2.entry.js
3 days ago
sc-menu-label_2.entry.js.map
2 weeks ago
sc-mollie-add-method.entry.js
2 weeks ago
sc-mollie-add-method.entry.js.map
1 month ago
sc-order-confirmation-customer.entry.js
1 month ago
sc-order-confirmation-customer.entry.js.map
1 year ago
sc-order-confirmation-details.entry.js
1 month ago
sc-order-confirmation-details.entry.js.map
10 months ago
sc-order-confirmation-line-items_2.entry.js
3 days ago
sc-order-confirmation-line-items_2.entry.js.map
5 months ago
sc-order-confirmation.entry.js
3 days ago
sc-order-confirmation.entry.js.map
1 month ago
sc-order-coupon-form.entry.js
3 days ago
sc-order-coupon-form.entry.js.map
1 month ago
sc-order-detail.entry.js
1 month ago
sc-order-detail.entry.js.map
1 year ago
sc-order-fulfillment-badge.entry.js
3 days ago
sc-order-fulfillment-badge.entry.js.map
2 months ago
sc-order-manual-instructions.entry.js
1 month ago
sc-order-manual-instructions.entry.js.map
1 year ago
sc-order-password.entry.js
1 month ago
sc-order-password.entry.js.map
1 year ago
sc-order-return-badge.entry.js
3 days ago
sc-order-return-badge.entry.js.map
2 months ago
sc-order-shipment-badge.entry.js
1 month ago
sc-order-shipment-badge.entry.js.map
2 months ago
sc-order-status-badge.entry.js
3 days ago
sc-order-status-badge.entry.js.map
2 months ago
sc-order-submit.entry.js
3 days ago
sc-order-submit.entry.js.map
1 month ago
sc-order-summary.entry.js
3 days ago
sc-order-summary.entry.js.map
2 weeks ago
sc-order.entry.js
3 days ago
sc-order.entry.js.map
1 month ago
sc-orders-list.entry.js
3 days ago
sc-orders-list.entry.js.map
1 month ago
sc-pagination.entry.js
1 month ago
sc-pagination.entry.js.map
1 year ago
sc-password-nag.entry.js
2 weeks ago
sc-password-nag.entry.js.map
1 month ago
sc-password.entry.js
3 days ago
sc-password.entry.js.map
3 days ago
sc-payment-method-choice_2.entry.js
3 days ago
sc-payment-method-choice_2.entry.js.map
1 year ago
sc-payment-method-details.entry.js
3 days ago
sc-payment-method-details.entry.js.map
1 year ago
sc-payment-methods-list.entry.js
3 days ago
sc-payment-methods-list.entry.js.map
1 month ago
sc-payment.entry.js
3 days ago
sc-payment.entry.js.map
2 months ago
sc-paypal-add-method.entry.js
3 days ago
sc-paypal-add-method.entry.js.map
1 month ago
sc-paypal-buttons_2.entry.js
3 days ago
sc-paypal-buttons_2.entry.js.map
1 month ago
sc-paystack-add-method.entry.js
3 days ago
sc-paystack-add-method.entry.js.map
1 month ago
sc-pill-option.entry.js
3 days ago
sc-pill-option.entry.js.map
1 year ago
sc-popover.entry.js
3 days ago
sc-popover.entry.js.map
5 months ago
sc-premium-tag.entry.js
3 days 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 year ago
sc-price-choice.entry.js
2 weeks ago
sc-price-choice.entry.js.map
1 month ago
sc-price-choices.entry.js
3 days ago
sc-price-choices.entry.js.map
1 year ago
sc-price-input.entry.js
3 days ago
sc-price-input.entry.js.map
1 year ago
sc-price-range_4.entry.js
3 days ago
sc-price-range_4.entry.js.map
1 year ago
sc-price.entry.js
1 month ago
sc-price.entry.js.map
10 months ago
sc-product-buy-button.entry.js
3 days ago
sc-product-buy-button.entry.js.map
1 month ago
sc-product-donation-amount-choice.entry.js
3 days ago
sc-product-donation-amount-choice.entry.js.map
1 month ago
sc-product-donation-choices.entry.js
3 days ago
sc-product-donation-choices.entry.js.map
1 month ago
sc-product-donation-custom-amount.entry.js
3 days ago
sc-product-donation-custom-amount.entry.js.map
1 month ago
sc-product-item-list.entry.js
2 weeks ago
sc-product-item-list.entry.js.map
1 month ago
sc-product-item.entry.js
3 days ago
sc-product-item.entry.js.map
1 year ago
sc-product-pills-variant-option.entry.js
3 days ago
sc-product-pills-variant-option.entry.js.map
1 year ago
sc-product-price-choices.entry.js
2 weeks ago
sc-product-price-choices.entry.js.map
1 year ago
sc-product-price-modal.entry.js
3 days ago
sc-product-price-modal.entry.js.map
1 month ago
sc-product-price.entry.js
3 days ago
sc-product-price.entry.js.map
1 month ago
sc-product-quantity.entry.js
3 days ago
sc-product-quantity.entry.js.map
1 year ago
sc-product-selected-price.entry.js
3 days ago
sc-product-selected-price.entry.js.map
1 month ago
sc-product-text.entry.js
2 weeks ago
sc-product-text.entry.js.map
1 year ago
sc-provider.entry.js
1 month ago
sc-provider.entry.js.map
1 year ago
sc-provisional-banner.entry.js
3 days ago
sc-provisional-banner.entry.js.map
10 months ago
sc-purchase-downloads-list.entry.js
3 days ago
sc-purchase-downloads-list.entry.js.map
2 weeks ago
sc-razorpay-add-method.entry.js
3 days ago
sc-razorpay-add-method.entry.js.map
1 month ago
sc-recurring-price-choice-container.entry.js
1 month ago
sc-recurring-price-choice-container.entry.js.map
1 year ago
sc-review-stars.entry.js
1 month ago
sc-review-stars.entry.js.map
4 months ago
sc-rich-text.entry.js
3 days ago
sc-rich-text.entry.js.map
3 days ago
sc-skeleton.entry.js
3 days ago
sc-skeleton.entry.js.map
1 year ago
sc-spacing.entry.js
3 days ago
sc-spacing.entry.js.map
1 year ago
sc-stripe-add-method.entry.js
3 days ago
sc-stripe-add-method.entry.js.map
1 month ago
sc-stripe-element.entry.js
3 days ago
sc-stripe-element.entry.js.map
1 month ago
sc-stripe-payment-element.entry.js
3 days ago
sc-stripe-payment-element.entry.js.map
1 month ago
sc-stripe-payment-request.entry.js
3 days ago
sc-stripe-payment-request.entry.js.map
1 month ago
sc-subscription-ad-hoc-confirm.entry.js
3 days ago
sc-subscription-ad-hoc-confirm.entry.js.map
5 months ago
sc-subscription-details_2.entry.js
3 days ago
sc-subscription-details_2.entry.js.map
1 month ago
sc-subscription-payment-method.entry.js
3 days ago
sc-subscription-payment-method.entry.js.map
1 month ago
sc-subscription-payment.entry.js
3 days ago
sc-subscription-payment.entry.js.map
1 month ago
sc-subscription-switch.entry.js
2 weeks ago
sc-subscription-switch.entry.js.map
1 month ago
sc-subscription-variation-confirm.entry.js
3 days ago
sc-subscription-variation-confirm.entry.js.map
1 year ago
sc-subscription.entry.js
3 days ago
sc-subscription.entry.js.map
1 month ago
sc-subscriptions-list.entry.js
3 days ago
sc-subscriptions-list.entry.js.map
1 month ago
sc-summary.entry.js
3 days ago
sc-summary.entry.js.map
1 year ago
sc-swap.entry.js
3 days ago
sc-swap.entry.js.map
1 month ago
sc-switch.entry.js
3 days ago
sc-switch.entry.js.map
6 months ago
sc-tab-group.entry.js
3 days ago
sc-tab-group.entry.js.map
1 year ago
sc-tab-panel.entry.js
3 days ago
sc-tab-panel.entry.js.map
1 year ago
sc-tab.entry.js
3 days ago
sc-tab.entry.js.map
1 year ago
sc-table-head.entry.js
3 days ago
sc-table-head.entry.js.map
1 year ago
sc-table_3.entry.js
3 days ago
sc-table_3.entry.js.map
8 months ago
sc-tag.entry.js
3 days ago
sc-tag.entry.js.map
2 months ago
sc-test-mode-info.entry.js
3 days ago
sc-test-mode-info.entry.js.map
5 months ago
sc-text.entry.js
3 days ago
sc-text.entry.js.map
1 year ago
sc-toggle.entry.js
3 days ago
sc-toggle.entry.js.map
1 year ago
sc-toggles.entry.js
3 days ago
sc-toggles.entry.js.map
1 year ago
sc-total.entry.js
3 days ago
sc-total.entry.js.map
10 months ago
sc-upcoming-invoice.entry.js
3 days ago
sc-upcoming-invoice.entry.js.map
1 month ago
sc-upgrade-required.entry.js
1 month ago
sc-upgrade-required.entry.js.map
1 year ago
sc-upsell-countdown-timer.entry.js
3 days ago
sc-upsell-countdown-timer.entry.js.map
1 year ago
sc-upsell-no-thanks-button.entry.js
3 days ago
sc-upsell-no-thanks-button.entry.js.map
1 month ago
sc-upsell-submit-button.entry.js
3 days ago
sc-upsell-submit-button.entry.js.map
1 month ago
sc-upsell-totals.entry.js
3 days ago
sc-upsell-totals.entry.js.map
1 month ago
sc-upsell.entry.js
3 days ago
sc-upsell.entry.js.map
1 month ago
sc-verification-code.entry.js
3 days ago
sc-verification-code.entry.js.map
1 month ago
sc-visually-hidden.entry.js
3 days ago
sc-visually-hidden.entry.js.map
1 year ago
sc-wordpress-password-edit.entry.js
3 days ago
sc-wordpress-password-edit.entry.js.map
1 month ago
sc-wordpress-user-edit.entry.js
3 days ago
sc-wordpress-user-edit.entry.js.map
1 month ago
sc-wordpress-user.entry.js
3 days ago
sc-wordpress-user.entry.js.map
1 year ago
store-02394e82.js
1 month ago
store-02394e82.js.map
1 month ago
store-289e460c.js
1 month ago
store-289e460c.js.map
1 month ago
store-b1758b00.js
1 month ago
store-b1758b00.js.map
1 month ago
surecart.js
3 days ago
surecart.js.map
1 year ago
tax-a03623ca.js
1 year ago
tax-a03623ca.js.map
1 year ago
universe-7bd0ac2b.js
1 month ago
universe-7bd0ac2b.js.map
1 month ago
util-dfbf863e.js
1 month ago
util-dfbf863e.js.map
1 month ago
utils-f84b2118.js
2 months ago
utils-f84b2118.js.map
2 months ago
watchers-17c3cde1.js
2 weeks ago
watchers-17c3cde1.js.map
2 weeks ago
watchers-35242771.js
2 weeks ago
watchers-35242771.js.map
2 weeks ago
watchers-447890ff.js
3 days ago
watchers-447890ff.js.map
3 days ago
watchers-c7bbc6b2.js
1 month ago
watchers-c7bbc6b2.js.map
1 month ago
watchers-fb5eec9b.js
3 days ago
watchers-fb5eec9b.js.map
3 days 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: '46f2b374750055604aae7b0f152eb4cead7d33c6', 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: 'ca6e3e2e2e2acdcec3ef16604f0baddb7ff0f37b', 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: 'ba839af2221bdbb3b7832a584bec718075e4e4ce', 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: '1ab6f3b1883d0539a90a1a4938bb313bb568bfa8', part: "header", class: "dialog__header" }, h("h2", { key: '15357010251f83e033be09dbb709f16d0f4a345b', part: "title", class: "dialog__title", id: "title" }, h("slot", { key: '9c1177fe6548be61de01cc66c411f52605b1a64f', name: "label" }, " ", this.label.length > 0 ? this.label : String.fromCharCode(65279), " ")), h("sc-button", { key: '6e14ce9c4f7182a522036d2f255b16969b5d5ef2', 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: '7da3ad89f2105608930b823472c4ed17d301bd31', name: "x", label: wp.i18n.__('Close', 'surecart') })))), h("div", { key: '2261e747503a94d4cacfe7db2ec441db075f7fb5', part: "body", class: "dialog__body" }, h("slot", { key: 'c40de5e6da39e187b96fcdf6d3a99bff9db3c7fe' })), h("footer", { key: '5d01c87e5a3398ad7ef6457e43c0515438aeddee', part: "footer", class: "dialog__footer" }, h("slot", { key: 'd1754db915f69d8350d63fe917192a9fb24acea6', 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 |