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
4 days ago
error-b146b98f.js.map
4 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
4 days ago
geo-permission-62aea8ee.js.map
4 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
4 days ago
getters-4b4a9eb5.js.map
4 days ago
getters-4bb6cc1b.js
1 month ago
getters-4bb6cc1b.js.map
1 month ago
getters-92cbd197.js
4 days ago
getters-92cbd197.js.map
4 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
4 days ago
index-4aa538b7.js.map
4 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
4 days ago
index.js.map
4 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
4 days ago
loader.js.map
1 year ago
media-d21119a3.js
1 year ago
media-d21119a3.js.map
1 year ago
mutations-596ff451.js
4 days ago
mutations-596ff451.js.map
4 days ago
mutations-636921ce.js
4 days ago
mutations-636921ce.js.map
4 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
4 days ago
sc-address_5.entry.js.map
2 months ago
sc-alert.entry.js
4 days ago
sc-alert.entry.js.map
1 year ago
sc-avatar_2.entry.js
4 days ago
sc-avatar_2.entry.js.map
1 month ago
sc-badge-notice.entry.js
4 days ago
sc-badge-notice.entry.js.map
1 year ago
sc-block-ui.entry.js
4 days ago
sc-block-ui.entry.js.map
3 months ago
sc-breadcrumb.entry.js
4 days ago
sc-breadcrumb.entry.js.map
1 year ago
sc-breadcrumbs.entry.js
4 days ago
sc-breadcrumbs.entry.js.map
1 year ago
sc-button-group.entry.js
4 days ago
sc-button-group.entry.js.map
1 year ago
sc-button_6.entry.js
4 days ago
sc-button_6.entry.js.map
1 month ago
sc-cancel-dialog_3.entry.js
4 days ago
sc-cancel-dialog_3.entry.js.map
1 month ago
sc-cancel-discount_4.entry.js
4 days ago
sc-cancel-discount_4.entry.js.map
1 month ago
sc-card_2.entry.js
4 days ago
sc-card_2.entry.js.map
2 months ago
sc-cart-button.entry.js
4 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
4 days ago
sc-cart-form.entry.js.map
1 month ago
sc-cart-header.entry.js
4 days ago
sc-cart-header.entry.js.map
1 year ago
sc-cart-icon.entry.js
4 days ago
sc-cart-icon.entry.js.map
1 year ago
sc-cart-loader.entry.js
4 days ago
sc-cart-loader.entry.js.map
1 year ago
sc-cart-session-provider_3.entry.js
4 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
4 days ago
sc-cart.entry.js.map
1 month ago
sc-cc-logo_2.entry.js
4 days ago
sc-cc-logo_2.entry.js.map
4 days ago
sc-charges-list.entry.js
4 days ago
sc-charges-list.entry.js.map
1 month ago
sc-checkout-autofill-provider_11.entry.js
4 days ago
sc-checkout-autofill-provider_11.entry.js.map
4 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
4 days ago
sc-checkout-mollie-payment_3.entry.js.map
1 month ago
sc-checkout-product-price-variant-selector.entry.js
4 days ago
sc-checkout-product-price-variant-selector.entry.js.map
1 month ago
sc-checkout.entry.js
4 days ago
sc-checkout.entry.js.map
4 days ago
sc-choice-container.entry.js
4 days ago
sc-choice-container.entry.js.map
1 year ago
sc-choice.entry.js
4 days ago
sc-choice.entry.js.map
1 year ago
sc-choices.entry.js
4 days ago
sc-choices.entry.js.map
1 year ago
sc-column_2.entry.js
4 days ago
sc-column_2.entry.js.map
4 days ago
sc-compact-address_18.entry.js
4 days ago
sc-compact-address_18.entry.js.map
2 weeks ago
sc-conditional-form.entry.js
4 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
4 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
4 days ago
sc-customer-details.entry.js.map
6 months ago
sc-customer-edit.entry.js
4 days ago
sc-customer-edit.entry.js.map
1 month ago
sc-customer-email.entry.js
4 days ago
sc-customer-email.entry.js.map
1 month ago
sc-customer-firstname.entry.js
4 days ago
sc-customer-firstname.entry.js.map
1 month ago
sc-customer-lastname.entry.js
4 days ago
sc-customer-lastname.entry.js.map
1 month ago
sc-customer-name.entry.js
4 days ago
sc-customer-name.entry.js.map
1 month ago
sc-dashboard-customer-details.entry.js
4 days ago
sc-dashboard-customer-details.entry.js.map
1 month ago
sc-dashboard-downloads-list.entry.js
4 days ago
sc-dashboard-downloads-list.entry.js.map
1 month ago
sc-dialog.entry.js
4 days ago
sc-dialog.entry.js.map
3 months ago
sc-divider.entry.js
4 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
4 days ago
sc-downloads-list.entry.js.map
2 weeks ago
sc-dropdown_3.entry.js
4 days ago
sc-dropdown_3.entry.js.map
5 months ago
sc-empty_3.entry.js
4 days ago
sc-empty_3.entry.js.map
2 months ago
sc-express-payment.entry.js
4 days ago
sc-express-payment.entry.js.map
2 months ago
sc-feature-demo-banner.entry.js
4 days ago
sc-feature-demo-banner.entry.js.map
1 year ago
sc-flex.entry.js
4 days ago
sc-flex.entry.js.map
1 year ago
sc-form-control_2.entry.js
4 days ago
sc-form-control_2.entry.js.map
1 month ago
sc-form-row.entry.js
4 days ago
sc-form-row.entry.js.map
1 year ago
sc-form.entry.js
4 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
4 days ago
sc-heading_2.entry.js.map
1 year ago
sc-image-slider.entry.js
4 days ago
sc-image-slider.entry.js.map
4 days ago
sc-invoice-status-badge.entry.js
4 days ago
sc-invoice-status-badge.entry.js.map
2 months ago
sc-invoices-list.entry.js
4 days ago
sc-invoices-list.entry.js.map
1 month ago
sc-license.entry.js
4 days ago
sc-license.entry.js.map
1 month ago
sc-licenses-list.entry.js
4 days ago
sc-licenses-list.entry.js.map
4 days ago
sc-line-item-bump.entry.js
4 days ago
sc-line-item-bump.entry.js.map
1 year ago
sc-line-item-total.entry.js
4 days ago
sc-line-item-total.entry.js.map
5 months ago
sc-line-item.entry.js
4 days ago
sc-line-item.entry.js.map
1 year ago
sc-line-items-provider.entry.js
4 days ago
sc-line-items-provider.entry.js.map
1 year ago
sc-line-items.entry.js
4 days ago
sc-line-items.entry.js.map
2 weeks ago
sc-login-form.entry.js
4 days ago
sc-login-form.entry.js.map
1 month ago
sc-manual-payment-method_3.entry.js
4 days ago
sc-manual-payment-method_3.entry.js.map
2 months ago
sc-menu-divider.entry.js
4 days ago
sc-menu-divider.entry.js.map
1 year ago
sc-menu-label_2.entry.js
4 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
4 days ago
sc-order-confirmation-line-items_2.entry.js.map
5 months ago
sc-order-confirmation.entry.js
4 days ago
sc-order-confirmation.entry.js.map
1 month ago
sc-order-coupon-form.entry.js
4 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
4 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
4 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
4 days ago
sc-order-status-badge.entry.js.map
2 months ago
sc-order-submit.entry.js
4 days ago
sc-order-submit.entry.js.map
1 month ago
sc-order-summary.entry.js
4 days ago
sc-order-summary.entry.js.map
2 weeks ago
sc-order.entry.js
4 days ago
sc-order.entry.js.map
1 month ago
sc-orders-list.entry.js
4 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
4 days ago
sc-password.entry.js.map
4 days ago
sc-payment-method-choice_2.entry.js
4 days ago
sc-payment-method-choice_2.entry.js.map
1 year ago
sc-payment-method-details.entry.js
4 days ago
sc-payment-method-details.entry.js.map
1 year ago
sc-payment-methods-list.entry.js
4 days ago
sc-payment-methods-list.entry.js.map
1 month ago
sc-payment.entry.js
4 days ago
sc-payment.entry.js.map
2 months ago
sc-paypal-add-method.entry.js
4 days ago
sc-paypal-add-method.entry.js.map
1 month ago
sc-paypal-buttons_2.entry.js
4 days ago
sc-paypal-buttons_2.entry.js.map
1 month ago
sc-paystack-add-method.entry.js
4 days ago
sc-paystack-add-method.entry.js.map
1 month ago
sc-pill-option.entry.js
4 days ago
sc-pill-option.entry.js.map
1 year ago
sc-popover.entry.js
4 days ago
sc-popover.entry.js.map
5 months ago
sc-premium-tag.entry.js
4 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
4 days ago
sc-price-choices.entry.js.map
1 year ago
sc-price-input.entry.js
4 days ago
sc-price-input.entry.js.map
1 year ago
sc-price-range_4.entry.js
4 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
4 days ago
sc-product-buy-button.entry.js.map
1 month ago
sc-product-donation-amount-choice.entry.js
4 days ago
sc-product-donation-amount-choice.entry.js.map
1 month ago
sc-product-donation-choices.entry.js
4 days ago
sc-product-donation-choices.entry.js.map
1 month ago
sc-product-donation-custom-amount.entry.js
4 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
4 days ago
sc-product-item.entry.js.map
1 year ago
sc-product-pills-variant-option.entry.js
4 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
4 days ago
sc-product-price-modal.entry.js.map
1 month ago
sc-product-price.entry.js
4 days ago
sc-product-price.entry.js.map
1 month ago
sc-product-quantity.entry.js
4 days ago
sc-product-quantity.entry.js.map
1 year ago
sc-product-selected-price.entry.js
4 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
4 days ago
sc-provisional-banner.entry.js.map
10 months ago
sc-purchase-downloads-list.entry.js
4 days ago
sc-purchase-downloads-list.entry.js.map
2 weeks ago
sc-razorpay-add-method.entry.js
4 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
4 days ago
sc-rich-text.entry.js.map
4 days ago
sc-skeleton.entry.js
4 days ago
sc-skeleton.entry.js.map
1 year ago
sc-spacing.entry.js
4 days ago
sc-spacing.entry.js.map
1 year ago
sc-stripe-add-method.entry.js
4 days ago
sc-stripe-add-method.entry.js.map
1 month ago
sc-stripe-element.entry.js
4 days ago
sc-stripe-element.entry.js.map
1 month ago
sc-stripe-payment-element.entry.js
4 days ago
sc-stripe-payment-element.entry.js.map
1 month ago
sc-stripe-payment-request.entry.js
4 days ago
sc-stripe-payment-request.entry.js.map
1 month ago
sc-subscription-ad-hoc-confirm.entry.js
4 days ago
sc-subscription-ad-hoc-confirm.entry.js.map
5 months ago
sc-subscription-details_2.entry.js
4 days ago
sc-subscription-details_2.entry.js.map
1 month ago
sc-subscription-payment-method.entry.js
4 days ago
sc-subscription-payment-method.entry.js.map
1 month ago
sc-subscription-payment.entry.js
4 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
4 days ago
sc-subscription-variation-confirm.entry.js.map
1 year ago
sc-subscription.entry.js
4 days ago
sc-subscription.entry.js.map
1 month ago
sc-subscriptions-list.entry.js
4 days ago
sc-subscriptions-list.entry.js.map
1 month ago
sc-summary.entry.js
4 days ago
sc-summary.entry.js.map
1 year ago
sc-swap.entry.js
4 days ago
sc-swap.entry.js.map
1 month ago
sc-switch.entry.js
4 days ago
sc-switch.entry.js.map
6 months ago
sc-tab-group.entry.js
4 days ago
sc-tab-group.entry.js.map
1 year ago
sc-tab-panel.entry.js
4 days ago
sc-tab-panel.entry.js.map
1 year ago
sc-tab.entry.js
4 days ago
sc-tab.entry.js.map
1 year ago
sc-table-head.entry.js
4 days ago
sc-table-head.entry.js.map
1 year ago
sc-table_3.entry.js
4 days ago
sc-table_3.entry.js.map
8 months ago
sc-tag.entry.js
4 days ago
sc-tag.entry.js.map
2 months ago
sc-test-mode-info.entry.js
4 days ago
sc-test-mode-info.entry.js.map
5 months ago
sc-text.entry.js
4 days ago
sc-text.entry.js.map
1 year ago
sc-toggle.entry.js
4 days ago
sc-toggle.entry.js.map
1 year ago
sc-toggles.entry.js
4 days ago
sc-toggles.entry.js.map
1 year ago
sc-total.entry.js
4 days ago
sc-total.entry.js.map
10 months ago
sc-upcoming-invoice.entry.js
4 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
4 days ago
sc-upsell-countdown-timer.entry.js.map
1 year ago
sc-upsell-no-thanks-button.entry.js
4 days ago
sc-upsell-no-thanks-button.entry.js.map
1 month ago
sc-upsell-submit-button.entry.js
4 days ago
sc-upsell-submit-button.entry.js.map
1 month ago
sc-upsell-totals.entry.js
4 days ago
sc-upsell-totals.entry.js.map
1 month ago
sc-upsell.entry.js
4 days ago
sc-upsell.entry.js.map
1 month ago
sc-verification-code.entry.js
4 days ago
sc-verification-code.entry.js.map
1 month ago
sc-visually-hidden.entry.js
4 days ago
sc-visually-hidden.entry.js.map
1 year ago
sc-wordpress-password-edit.entry.js
4 days ago
sc-wordpress-password-edit.entry.js.map
1 month ago
sc-wordpress-user-edit.entry.js
4 days ago
sc-wordpress-user-edit.entry.js.map
1 month ago
sc-wordpress-user.entry.js
4 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
4 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
4 days ago
watchers-447890ff.js.map
4 days ago
watchers-c7bbc6b2.js
1 month ago
watchers-c7bbc6b2.js.map
1 month ago
watchers-fb5eec9b.js
4 days ago
watchers-fb5eec9b.js.map
4 days ago
sc-tab-group.entry.js
144 lines
| 1 | import { r as registerInstance, c as createEvent, h, a as getElement } from './index-25e5af33.js'; |
| 2 | |
| 3 | const scTabGroupCss = ":host{display:block;--sc-tabs-min-width:225px}.tab-group{display:flex;flex-wrap:wrap;position:relative;border:solid 1px transparent;border-radius:0;flex-direction:row}@media screen and (min-width: 750px){.tab-group{flex-wrap:nowrap}}.tab-group__tabs{display:flex;flex-wrap:wrap;flex:0 0 auto;flex-direction:column;margin-bottom:var(--sc-spacing-xx-large)}.tab-group__nav-container{order:1;flex:1 0 100%}@media screen and (min-width: 750px){.tab-group__nav-container{min-width:var(--sc-tabs-min-width);flex:0 1 auto}}.tab-group__body{flex:1 1 auto;order:2}@media screen and (min-width: 750px){.tab-group__body{padding:0 var(--sc-spacing-xx-large)}}::slotted(sc-tab){margin-bottom:var(--sc-spacing-xx-small)}"; |
| 4 | const ScTabGroupStyle0 = scTabGroupCss; |
| 5 | |
| 6 | const ScTabGroup = class { |
| 7 | constructor(hostRef) { |
| 8 | registerInstance(this, hostRef); |
| 9 | this.scTabHide = createEvent(this, "scTabHide", 7); |
| 10 | this.scTabShow = createEvent(this, "scTabShow", 7); |
| 11 | this.tabs = []; |
| 12 | this.panels = []; |
| 13 | this.activeTab = undefined; |
| 14 | } |
| 15 | componentDidLoad() { |
| 16 | this.syncTabsAndPanels(); |
| 17 | this.setAriaLabels(); |
| 18 | this.setActiveTab(this.getActiveTab() || this.tabs[0], { emitEvents: false }); |
| 19 | this.mutationObserver = new MutationObserver(() => { |
| 20 | this.syncTabsAndPanels(); |
| 21 | }); |
| 22 | this.mutationObserver.observe(this.el, { attributes: true, childList: true, subtree: true }); |
| 23 | } |
| 24 | disconnectedCallback() { |
| 25 | this.mutationObserver.disconnect(); |
| 26 | } |
| 27 | syncTabsAndPanels() { |
| 28 | this.tabs = this.getAllTabs(); |
| 29 | this.panels = this.getAllPanels(); |
| 30 | } |
| 31 | setAriaLabels() { |
| 32 | // Link each tab with its corresponding panel |
| 33 | this.tabs.map(tab => { |
| 34 | const panel = this.panels.find(el => el.name === tab.panel); |
| 35 | if (panel) { |
| 36 | tab.setAttribute('aria-controls', panel.getAttribute('id')); |
| 37 | panel.setAttribute('aria-labelledby', tab.getAttribute('id')); |
| 38 | } |
| 39 | }); |
| 40 | } |
| 41 | handleClick(event) { |
| 42 | const target = event.target; |
| 43 | const tab = target.closest('sc-tab'); |
| 44 | const tabGroup = tab === null || tab === void 0 ? void 0 : tab.closest('sc-tab-group'); |
| 45 | // Ensure the target tab is in this tab group |
| 46 | if (tabGroup !== this.el) { |
| 47 | return; |
| 48 | } |
| 49 | if (tab) { |
| 50 | this.setActiveTab(tab, { scrollBehavior: 'smooth' }); |
| 51 | } |
| 52 | } |
| 53 | handleKeyDown(event) { |
| 54 | const target = event.target; |
| 55 | const tab = target.closest('sc-tab'); |
| 56 | const tabGroup = tab === null || tab === void 0 ? void 0 : tab.closest('sc-tab-group'); |
| 57 | // Ensure the target tab is in this tab group |
| 58 | if (tabGroup !== this.el) { |
| 59 | return true; |
| 60 | } |
| 61 | // Activate a tab |
| 62 | if (['Enter', ' '].includes(event.key)) { |
| 63 | if (tab) { |
| 64 | this.setActiveTab(tab, { scrollBehavior: 'smooth' }); |
| 65 | } |
| 66 | } |
| 67 | // Move focus left or right |
| 68 | if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) { |
| 69 | const activeEl = document.activeElement; |
| 70 | if (activeEl && activeEl.tagName.toLowerCase() === 'sc-tab') { |
| 71 | let index = this.tabs.indexOf(activeEl); |
| 72 | if (event.key === 'Home') { |
| 73 | index = 0; |
| 74 | } |
| 75 | else if (event.key === 'End') { |
| 76 | index = this.tabs.length - 1; |
| 77 | } |
| 78 | else if (event.key === 'ArrowUp') { |
| 79 | index = Math.max(0, index - 1); |
| 80 | } |
| 81 | else if (event.key === 'ArrowDown') { |
| 82 | index = Math.min(this.tabs.length - 1, index + 1); |
| 83 | } |
| 84 | this.tabs[index].triggerFocus({ preventScroll: true }); |
| 85 | event.preventDefault(); |
| 86 | } |
| 87 | } |
| 88 | } |
| 89 | /** Handle the active tabl selection */ |
| 90 | setActiveTab(tab, options) { |
| 91 | options = Object.assign({ |
| 92 | emitEvents: true, |
| 93 | scrollBehavior: 'auto', |
| 94 | }, options); |
| 95 | if (tab && tab !== this.activeTab && !tab.disabled) { |
| 96 | const previousTab = this.activeTab; |
| 97 | this.activeTab = tab; |
| 98 | this.tabs.map(el => (el.active = el === this.activeTab)); |
| 99 | this.panels.map(el => (el.active = el.name === this.activeTab.panel)); |
| 100 | // Emit events |
| 101 | if (options.emitEvents) { |
| 102 | if (previousTab) { |
| 103 | this.scTabHide.emit(previousTab.panel); |
| 104 | } |
| 105 | this.scTabShow.emit(this.activeTab.panel); |
| 106 | } |
| 107 | } |
| 108 | } |
| 109 | getActiveTab() { |
| 110 | const tabs = this.getAllTabs(); |
| 111 | return tabs.find(el => el.active); |
| 112 | } |
| 113 | getAllChildren() { |
| 114 | const slots = this.el.shadowRoot.querySelectorAll('slot'); |
| 115 | const tags = ['sc-tab', 'sc-tab-panel']; |
| 116 | const allSlots = Array.from(slots) |
| 117 | .map(slot => { var _a; return (_a = slot === null || slot === void 0 ? void 0 : slot.assignedElements) === null || _a === void 0 ? void 0 : _a.call(slot, { flatten: true }); }) |
| 118 | .flat(); |
| 119 | return allSlots |
| 120 | .reduce((all, el) => { var _a; return all.concat(el, [...(((_a = el === null || el === void 0 ? void 0 : el.querySelectorAll) === null || _a === void 0 ? void 0 : _a.call(el, '*')) || [])]); }, []) |
| 121 | .filter((el) => { var _a, _b; return tags.includes((_b = (_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase) === null || _b === void 0 ? void 0 : _b.call(_a)); }); |
| 122 | } |
| 123 | /** Get all child tabs */ |
| 124 | getAllTabs(includeDisabled = false) { |
| 125 | return this.getAllChildren().filter((el) => { |
| 126 | return includeDisabled ? el.tagName.toLowerCase() === 'sc-tab' : el.tagName.toLowerCase() === 'sc-tab' && !el.disabled; |
| 127 | }); |
| 128 | } |
| 129 | /** Get all child panels */ |
| 130 | getAllPanels() { |
| 131 | return this.getAllChildren().filter((el) => el.tagName.toLowerCase() === 'sc-tab-panel'); |
| 132 | } |
| 133 | render() { |
| 134 | return (h("div", { key: '7fb4242797f0554372704fd8814614597611aadd', part: "base", class: { |
| 135 | 'tab-group': true, |
| 136 | }, onClick: e => this.handleClick(e), onKeyDown: e => this.handleKeyDown(e) }, h("div", { key: 'd5f6ce32f065d2bca25768e891db14369a67e348', class: "tab-group__nav-container", part: "nav" }, h("div", { key: 'ee6039f5307a28495f9ed716c818f06ead456412', class: "tab-group__nav" }, h("div", { key: '65496c774a5ca2cc184aeb22117f439e35cf2231', part: "tabs", class: "tab-group__tabs", role: "tablist" }, h("slot", { key: '9b04fe888c7e65a7341fcf71cfaa2907cfb5a49e', onSlotchange: () => this.syncTabsAndPanels(), name: "nav" })))), h("div", { key: '43cf5efaf0195a83f38d4bf7192b41b73cf65c34', part: "body", class: "tab-group__body" }, h("slot", { key: '2491af057b5d44d47634949164d12bdf0e8dea44', onSlotchange: () => this.syncTabsAndPanels() })))); |
| 137 | } |
| 138 | get el() { return getElement(this); } |
| 139 | }; |
| 140 | ScTabGroup.style = ScTabGroupStyle0; |
| 141 | |
| 142 | export { ScTabGroup as sc_tab_group }; |
| 143 | |
| 144 | //# sourceMappingURL=sc-tab-group.entry.js.map |