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-dropdown_3.entry.js
374 lines
| 1 | import { r as registerInstance, c as createEvent, h, a as getElement } from './index-25e5af33.js'; |
| 2 | import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as size } from './floating-ui.dom.esm-8dce4ea1.js'; |
| 3 | import { s as speak } from './index-c5a96d53.js'; |
| 4 | import { i as isRtl } from './page-align-0cdacf32.js'; |
| 5 | |
| 6 | const dropdownCss = ":host{display:inline-block;--panel-height:75vh;--panel-width:11rem}.dropdown{position:relative}.dropdown.dropdown--open .dropdown__positioner{visibility:visible;opacity:1;transform:scale(1)}.dropdown__trigger{display:block;cursor:pointer;border-width:0;outline:none;background-color:unset}.dropdown--disabled,.dropdown--disabled .dropdown__trigger{cursor:not-allowed}.dropdown__positioner{position:absolute;right:0;width:100%;z-index:var(--sc-z-index-dropdown);opacity:0;visibility:hidden;transform:scale(0.9);min-width:var(--panel-width)}.dropdown__panel{transform-origin:top left;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:var(--panel-height);font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);color:var(--color);background-color:var(--sc-panel-background-color);border:solid 1px var(--sc-panel-border-color);border-radius:var(--sc-border-radius-medium);box-shadow:var(--sc-shadow-large);overflow:auto;overscroll-behavior:none;transition:var(--sc-transition-fast) opacity, var(--sc-transition-fast) transform;z-index:5}"; |
| 7 | const ScDropdownStyle0 = dropdownCss; |
| 8 | |
| 9 | let itemIndex = 0; |
| 10 | let arrowFlag = ''; |
| 11 | const ScDropdown = class { |
| 12 | constructor(hostRef) { |
| 13 | registerInstance(this, hostRef); |
| 14 | this.scShow = createEvent(this, "scShow", 7); |
| 15 | this.scHide = createEvent(this, "scHide", 7); |
| 16 | this.clickEl = undefined; |
| 17 | this.disabled = undefined; |
| 18 | this.open = false; |
| 19 | this.position = undefined; |
| 20 | this.placement = 'bottom-start'; |
| 21 | this.distance = 10; |
| 22 | this.skidding = 0; |
| 23 | this.hoist = false; |
| 24 | this.closeOnSelect = true; |
| 25 | this.isVisible = undefined; |
| 26 | } |
| 27 | handleOpenChange() { |
| 28 | this.open ? this.show() : this.hide(); |
| 29 | } |
| 30 | handleOutsideClick(evt) { |
| 31 | const path = evt.composedPath(); |
| 32 | if (!path.some(item => { |
| 33 | return item === this.el; |
| 34 | })) { |
| 35 | this.open = false; |
| 36 | } |
| 37 | } |
| 38 | startPositioner() { |
| 39 | this.stopPositioner(); |
| 40 | this.updatePositioner(); |
| 41 | this.positionerCleanup = autoUpdate(this.trigger, this.positioner, this.updatePositioner.bind(this)); |
| 42 | } |
| 43 | updatePositioner() { |
| 44 | if (!this.open || !this.trigger || !this.positioner) { |
| 45 | return; |
| 46 | } |
| 47 | computePosition(this.trigger, this.positioner, { |
| 48 | placement: this.placement, |
| 49 | middleware: [ |
| 50 | offset({ mainAxis: this.distance, crossAxis: this.skidding }), |
| 51 | flip(), |
| 52 | shift(), |
| 53 | size({ |
| 54 | apply: ({ availableWidth: width, availableHeight: height }) => { |
| 55 | // Ensure the panel stays within the viewport when we have lots of menu items |
| 56 | Object.assign(this.panel.style, { |
| 57 | maxWidth: `${width}px`, |
| 58 | maxHeight: `${height}px`, |
| 59 | }); |
| 60 | }, |
| 61 | padding: 8, |
| 62 | }), |
| 63 | ], |
| 64 | strategy: this.hoist ? 'fixed' : 'absolute', |
| 65 | }).then(({ x, y, placement }) => { |
| 66 | this.positioner.setAttribute('data-placement', placement); |
| 67 | Object.assign(this.positioner.style, { |
| 68 | position: this.hoist ? 'fixed' : 'absolute', |
| 69 | left: `${x}px`, |
| 70 | top: `${y}px`, |
| 71 | right: 'auto', |
| 72 | }); |
| 73 | }); |
| 74 | } |
| 75 | stopPositioner() { |
| 76 | if (this.positionerCleanup) { |
| 77 | this.positionerCleanup(); |
| 78 | this.positionerCleanup = undefined; |
| 79 | this.positioner.removeAttribute('data-placement'); |
| 80 | } |
| 81 | } |
| 82 | show() { |
| 83 | speak(wp.i18n.__('Menu Selection Dropdown opened. Press Up/Down arrow to toggle between menu items.', 'surecart'), 'assertive'); |
| 84 | this.scShow.emit(); |
| 85 | // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher |
| 86 | if (this.isVisible) { |
| 87 | return; |
| 88 | } |
| 89 | this.isVisible = true; |
| 90 | this.open = true; |
| 91 | this.startPositioner(); |
| 92 | this.panel.focus(); |
| 93 | } |
| 94 | hide() { |
| 95 | speak(wp.i18n.__('Menu Selection Dropdown closed.', 'surecart'), 'assertive'); |
| 96 | this.scHide.emit(); |
| 97 | // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher |
| 98 | if (!this.isVisible) { |
| 99 | return; |
| 100 | } |
| 101 | this.stopPositioner(); |
| 102 | this.isVisible = false; |
| 103 | this.open = false; |
| 104 | const slotted = this.el.shadowRoot.querySelector('slot[name="trigger"]'); |
| 105 | const trigger = slotted.assignedElements({ flatten: true })[0]; |
| 106 | trigger.focus(); |
| 107 | } |
| 108 | handleClick(e) { |
| 109 | if (this.closeOnSelect) { |
| 110 | const path = e.composedPath(); |
| 111 | if (path.some(item => { |
| 112 | return item.classList && item.classList.contains('menu-item'); |
| 113 | })) { |
| 114 | this.open = false; |
| 115 | } |
| 116 | } |
| 117 | } |
| 118 | componentWillLoad() { |
| 119 | document.addEventListener('mousedown', evt => this.handleOutsideClick(evt)); |
| 120 | } |
| 121 | /* Get the slotted menu */ |
| 122 | getMenu() { |
| 123 | let slotted = this.el.shadowRoot.querySelector('slot'); |
| 124 | return slotted.assignedNodes().find(node => { |
| 125 | return node.nodeName === 'sc-menu'; |
| 126 | }); |
| 127 | } |
| 128 | getItems() { |
| 129 | return [...this.el.querySelectorAll('sc-menu-item')]; |
| 130 | } |
| 131 | handleHide() { |
| 132 | this.open = false; |
| 133 | itemIndex = 0; |
| 134 | this.trigger.focus(); |
| 135 | } |
| 136 | handleKeyDown(event) { |
| 137 | const items = this.getItems(); |
| 138 | // Tabbing out of the control closes it |
| 139 | if (event.key === 'Tab') { |
| 140 | if (this.open) { |
| 141 | this.handleHide(); |
| 142 | } |
| 143 | return; |
| 144 | } |
| 145 | // Up/down opens the menu |
| 146 | if (['ArrowDown', 'ArrowUp'].includes(event.key)) { |
| 147 | event.preventDefault(); |
| 148 | event.stopImmediatePropagation(); |
| 149 | // Show the menu if it's not already open |
| 150 | if (!this.open) { |
| 151 | this.open = true; |
| 152 | } |
| 153 | // Focus on a menu item |
| 154 | // Focus on a menu item |
| 155 | if (event.key === 'ArrowDown') { |
| 156 | if (arrowFlag == 'up') { |
| 157 | itemIndex = itemIndex + 2; |
| 158 | } |
| 159 | if (itemIndex > items.length - 1) { |
| 160 | itemIndex = 0; |
| 161 | } |
| 162 | items[itemIndex].setFocus(); |
| 163 | arrowFlag = 'down'; |
| 164 | itemIndex++; |
| 165 | return; |
| 166 | } |
| 167 | if (event.key === 'ArrowUp') { |
| 168 | if (arrowFlag == 'down') { |
| 169 | itemIndex = itemIndex - 2; |
| 170 | } |
| 171 | if (itemIndex < 0) { |
| 172 | itemIndex = items.length - 1; |
| 173 | } |
| 174 | items[itemIndex].setFocus(); |
| 175 | arrowFlag = 'up'; |
| 176 | itemIndex--; |
| 177 | return; |
| 178 | } |
| 179 | } |
| 180 | // Close select dropdown on Esc/Escape key |
| 181 | if (event.key === 'Escape') { |
| 182 | if (this.open) { |
| 183 | this.handleHide(); |
| 184 | } |
| 185 | return; |
| 186 | } |
| 187 | // Open select dropdown with Enter |
| 188 | if (event.key === 'Enter') { |
| 189 | if (this.open) { |
| 190 | this.handleHide(); |
| 191 | } |
| 192 | else { |
| 193 | event.stopImmediatePropagation(); |
| 194 | event.preventDefault(); |
| 195 | this.open = true; |
| 196 | } |
| 197 | } |
| 198 | // don't open the menu when a CTRL/Command key is pressed |
| 199 | if (event.ctrlKey || event.metaKey) { |
| 200 | return; |
| 201 | } |
| 202 | } |
| 203 | render() { |
| 204 | return (h("div", { key: 'a9b908dc90fc81a874a9392989aa6a988b56db0f', part: "base", class: { |
| 205 | 'dropdown': true, |
| 206 | 'dropdown--open': this.open, |
| 207 | 'dropdown--disabled': this.disabled, |
| 208 | } }, h("span", { key: '5893a5197d79ea5eb609e4ba00a803ff52793023', part: "trigger", class: "dropdown__trigger", ref: el => (this.trigger = el), onClick: () => { |
| 209 | if (this.disabled) |
| 210 | return; |
| 211 | if (this.open) { |
| 212 | this.hide(); |
| 213 | } |
| 214 | else { |
| 215 | setTimeout(() => { |
| 216 | this.show(); |
| 217 | }, 0); |
| 218 | } |
| 219 | }, "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "true" }, h("slot", { key: '025fb54f36f565fdfbb1245e5c65123eb4b94ca1', name: "trigger" })), h("div", { key: '73a9c4b0e529d46c399b1223255aa45927e3d410', class: "dropdown__positioner", ref: el => (this.positioner = el) }, h("div", { key: '3576ead53300f53a799d7c78cd62040bfce74de6', part: "panel", class: { |
| 220 | 'dropdown__panel': true, |
| 221 | 'position--top-left': this.position === 'top-left', |
| 222 | 'position--top-right': this.position === 'top-right', |
| 223 | 'position--bottom-left': this.position === 'bottom-left', |
| 224 | 'position--bottom-right': this.position === 'bottom-right', |
| 225 | }, "aria-orientation": "vertical", tabindex: "-1", onClick: e => this.handleClick(e), ref: el => (this.panel = el) }, h("slot", { key: '0cec5efce45275d258308816ec644c9cc979e790' }))))); |
| 226 | } |
| 227 | get el() { return getElement(this); } |
| 228 | static get watchers() { return { |
| 229 | "open": ["handleOpenChange"] |
| 230 | }; } |
| 231 | }; |
| 232 | ScDropdown.style = ScDropdownStyle0; |
| 233 | |
| 234 | const scMenuCss = ":host{display:block}.menu{padding:var(--sc-spacing-x-small) 0}.menu:focus{outline:none}::slotted(sc-input){margin-top:-var(--sc-spacing-x-small)}::slotted(sc-divider){--spacing:var(--sc-spacing-x-small)}"; |
| 235 | const ScMenuStyle0 = scMenuCss; |
| 236 | |
| 237 | const ScMenu = class { |
| 238 | constructor(hostRef) { |
| 239 | registerInstance(this, hostRef); |
| 240 | this.scSelect = createEvent(this, "scSelect", 7); |
| 241 | this.items = []; |
| 242 | this.ariaLabel = undefined; |
| 243 | } |
| 244 | /** TODO: Click test */ |
| 245 | handleClick(event) { |
| 246 | const target = event.target; |
| 247 | const item = target.closest('sc-menu-item'); |
| 248 | if (item && !item.disabled) { |
| 249 | this.scSelect.emit({ item }); |
| 250 | } |
| 251 | } |
| 252 | /** TODO: Keydown Test */ |
| 253 | handleKeyDown(event) { |
| 254 | // Make a selection when pressing enter |
| 255 | if (event.key === 'Enter') { |
| 256 | const item = this.getCurrentItem(); |
| 257 | event.preventDefault(); |
| 258 | if (item) { |
| 259 | this.scSelect.emit({ item }); |
| 260 | } |
| 261 | speak(wp.i18n.sprintf(wp.i18n.__('Menu %s selected', 'surecart'), item.textContent), 'assertive'); |
| 262 | } |
| 263 | // Prevent scrolling when space is pressed |
| 264 | if (event.key === ' ') { |
| 265 | event.preventDefault(); |
| 266 | } |
| 267 | // Move the selection when pressing down or up |
| 268 | if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) { |
| 269 | const selectedItem = this.getCurrentItem(); |
| 270 | let index = selectedItem ? this.items.indexOf(selectedItem) : 0; |
| 271 | if (this.items.length) { |
| 272 | event.preventDefault(); |
| 273 | if (event.key === 'ArrowDown') { |
| 274 | index++; |
| 275 | } |
| 276 | else if (event.key === 'ArrowUp') { |
| 277 | index--; |
| 278 | } |
| 279 | else if (event.key === 'Home') { |
| 280 | index = 0; |
| 281 | } |
| 282 | else if (event.key === 'End') { |
| 283 | index = this.items.length - 1; |
| 284 | } |
| 285 | if (index < 0) |
| 286 | index = 0; |
| 287 | if (index > this.items.length - 1) |
| 288 | index = this.items.length - 1; |
| 289 | this.setCurrentItem(this.items[index]); |
| 290 | return; |
| 291 | } |
| 292 | } |
| 293 | } |
| 294 | /** Get the active item */ |
| 295 | getCurrentItem() { |
| 296 | return this.items.find(i => i.getAttribute('tabindex') === '0'); |
| 297 | } |
| 298 | /** |
| 299 | * @internal Sets the current menu item to the specified element. This sets `tabindex="0"` on the target element and |
| 300 | * `tabindex="-1"` to all other items. This method must be called prior to setting focus on a menu item. |
| 301 | */ |
| 302 | async setCurrentItem(item) { |
| 303 | const activeItem = item.disabled ? this.items[0] : item; |
| 304 | // Update tab indexes |
| 305 | this.items.forEach(i => { |
| 306 | i.setAttribute('tabindex', i === activeItem ? '0' : '-1'); |
| 307 | }); |
| 308 | } |
| 309 | /** Sync slotted items with internal state */ |
| 310 | syncItems() { |
| 311 | const slottedElements = this.el.shadowRoot.querySelector('slot').assignedElements({ flatten: true }); |
| 312 | this.items = slottedElements.filter(node => { |
| 313 | return node.nodeName === 'sc-menu-item'; |
| 314 | }); |
| 315 | } |
| 316 | /** Handle items change in slot */ |
| 317 | handleSlotChange() { |
| 318 | this.syncItems(); |
| 319 | } |
| 320 | render() { |
| 321 | return (h("div", { key: '90fbc95746bfc7358205e414b3cea2f36912dedc', part: "base", class: "menu", tabindex: "0", onKeyDown: e => this.handleKeyDown(e) }, h("slot", { key: '15ebbe25a96107f4e8add7fb51fc755f9f967413', onSlotchange: () => this.handleSlotChange() }))); |
| 322 | } |
| 323 | get el() { return getElement(this); } |
| 324 | }; |
| 325 | ScMenu.style = ScMenuStyle0; |
| 326 | |
| 327 | const scMenuItemCss = ":host{display:block}.menu-item{position:relative;display:flex;align-items:stretch;font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);line-height:var(--sc-menu-item-line-height, var(--sc-line-height-normal));letter-spacing:var(--sc-letter-spacing-normal);text-align:left;color:var(--sc-menu-item-color, var(--sc-color-gray-700));padding:var(--sc-spacing-xx-small) var(--sc-spacing-x-large);transition:var(--sc-input-transition, var(--sc-transition-medium)) fill, var(--sc-input-transition, var(--sc-transition-medium)) background-color;user-select:none;white-space:var(--sc-menu-item-white-space, nowrap);text-wrap:auto;cursor:pointer;text-decoration:none}.menu-item.menu-item--focused:not(.menu-item--disabled){outline:none;background-color:var(--sc-menu-item-background-focused, var(--sc-color-primary-500));color:var(--sc-color-white)}.menu-item.menu-item--disabled{outline:none;color:var(--sc-color-gray-400);cursor:not-allowed}.menu-item .menu-item__label{flex:1 1 auto}.menu-item .menu-item__prefix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__prefix ::slotted(*){display:inline-flex;margin-right:var(--sc-spacing-small)}.menu-item .menu-item__suffix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__suffix ::slotted(*){margin-left:var(--sc-spacing-x-small);text-align:right}.menu-item .menu-item__check{display:flex;position:absolute;left:0.5em;top:0.6em;visibility:hidden;align-items:center;font-size:inherit}.menu-item--checked .menu-item__check{visibility:visible}.menu-item--is-rtl.menu-item{text-align:right}.menu-item--is-rtl.menu-item .menu-item__check{left:auto;right:0.5em}"; |
| 328 | const ScMenuItemStyle0 = scMenuItemCss; |
| 329 | |
| 330 | const ScMenuItem = class { |
| 331 | constructor(hostRef) { |
| 332 | registerInstance(this, hostRef); |
| 333 | this.hasFocus = false; |
| 334 | this.href = undefined; |
| 335 | this.target = undefined; |
| 336 | this.checked = false; |
| 337 | this.value = ''; |
| 338 | this.disabled = false; |
| 339 | } |
| 340 | /** Sets focus on the button. */ |
| 341 | async setFocus(options) { |
| 342 | this.menuItem.focus(options); |
| 343 | } |
| 344 | /** Removes focus from the button. */ |
| 345 | async setBlur() { |
| 346 | this.menuItem.blur(); |
| 347 | } |
| 348 | handleBlur() { |
| 349 | this.hasFocus = false; |
| 350 | } |
| 351 | handleFocus() { |
| 352 | this.hasFocus = true; |
| 353 | } |
| 354 | render() { |
| 355 | const Tag = this.href ? 'a' : 'div'; |
| 356 | return (h(Tag, { key: 'ccc1f509a1517a8aeb33853ab5f40d55a96b38c9', ref: el => (this.menuItem = el), part: "base", class: { |
| 357 | 'menu-item': true, |
| 358 | 'menu-item--checked': this.checked, |
| 359 | 'menu-item--disabled': this.disabled, |
| 360 | 'menu-item--focused': this.hasFocus, |
| 361 | 'menu-item--is-rtl': isRtl(), |
| 362 | }, href: this.href, role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false', "aria-checked": this.checked ? 'true' : 'false', tabindex: !this.disabled ? '0' : undefined, onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onMouseEnter: () => this.handleFocus(), onMouseLeave: () => this.handleBlur(), onKeyDown: e => { |
| 363 | if (e.key === ' ' || e.key === 'Spacebar' || e.key === 'Enter') { |
| 364 | this.menuItem.click(); |
| 365 | } |
| 366 | }, "aria-label": this.el.innerText, target: this.target }, h("span", { key: '57f740c959fdea50187077a39486817dc4af0e54', part: "checked-icon", class: "menu-item__check" }, h("svg", { key: 'e3abd39de7892e21772f8b3c113584614bf1ae27', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-check", viewBox: "0 0 16 16" }, h("path", { key: 'd46736e1c28587990891d90fb8e9710921c6f7cd', d: "M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" }))), h("span", { key: '8ebe6b6c0100479353c99876c35b5232dc74a85c', part: "prefix", class: "menu-item__prefix" }, h("slot", { key: '5b549ef452bf787a37dc0249b5f6cde66f022d6a', name: "prefix" })), h("span", { key: '29fb4ca1f70951c7652b11956ff6c1e10ca40972', part: "label", class: "menu-item__label" }, h("slot", { key: '9926525242a2e7f2b8dc018e8e9767b48ae73a7e' })), h("span", { key: '6dc62aeb07cad0b5a3afc2cbf9610b8e3c278a8a', part: "suffix", class: "menu-item__suffix" }, h("slot", { key: 'dbcc390209a9d6c9f8af605f2b5a554105272b1d', name: "suffix" })))); |
| 367 | } |
| 368 | get el() { return getElement(this); } |
| 369 | }; |
| 370 | ScMenuItem.style = ScMenuItemStyle0; |
| 371 | |
| 372 | export { ScDropdown as sc_dropdown, ScMenu as sc_menu, ScMenuItem as sc_menu_item }; |
| 373 | |
| 374 | //# sourceMappingURL=sc-dropdown_3.entry.js.map |