@tet/tet-components 1.4.73-production → 1.4.73-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-951109ee.js → address-656e77f6.js} +1 -1
- package/dist/cjs/{assets-c00a24d2.js → assets-f64f0e16.js} +1 -1
- package/dist/cjs/{async-request-13036d6f.js → async-request-fcf33aba.js} +1 -1
- package/dist/cjs/{http-codes-16564d25.js → http-codes-40da1e61.js} +1 -1
- package/dist/cjs/{index-162b4cbc.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-a59cbcb0.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-39f20542.js → phone-055efd07.js} +2 -2
- package/dist/cjs/{product-comparison-5535cd9e.js → product-comparison-88a89820.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-label.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-loader.cjs.entry.js +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-cde3168f.js → theme-wrapper-66880718.js} +2 -2
- package/dist/cjs/{translations-ca556860.js → translations-03c9de64.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-1e920550.js → p-05a4a88a.js} +2 -2
- package/dist/components/{p-bc02b9e7.js → p-1281b61e.js} +2 -2
- package/dist/components/{p-ac0cadcb.js → p-189a37d2.js} +5 -5
- package/dist/components/{p-71cd1694.js → p-1942f0f5.js} +3 -3
- package/dist/components/{p-0cd72467.js → p-1a84e464.js} +6 -6
- package/dist/components/{p-6f9d915f.js → p-22b05881.js} +3 -3
- package/dist/components/{p-8b6ad07d.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-6b814793.js → p-25ea4db6.js} +1 -1
- package/dist/components/{p-a0601962.js → p-2be031c9.js} +9 -9
- package/dist/components/{p-75549c13.js → p-2f7b2d35.js} +1 -1
- package/dist/components/{p-f74e2b37.js → p-33e87b21.js} +14 -14
- package/dist/components/{p-429235d1.js → p-3c404244.js} +1 -1
- package/dist/components/{p-2523029a.js → p-411270c6.js} +2 -2
- package/dist/components/{p-6ee658e2.js → p-42d78188.js} +7 -7
- package/dist/components/{p-8792ebce.js → p-4468c9e9.js} +1 -1
- package/dist/components/{p-adc7c3dd.js → p-454eccfc.js} +3 -3
- package/dist/components/{p-2297d3a8.js → p-4d181fc9.js} +5 -5
- package/dist/components/{p-4092e01d.js → p-5a41a155.js} +4 -4
- package/dist/components/{p-a60d01a4.js → p-61ba5ba1.js} +1 -1
- package/dist/components/{p-df8f8a8f.js → p-68c6a6d2.js} +1 -1
- package/dist/components/{p-67f81125.js → p-69ddd50b.js} +6 -6
- package/dist/components/{p-6c7cd629.js → p-6b6e4f80.js} +1 -1
- package/dist/components/{p-2b8d8b77.js → p-6e273f47.js} +1 -1
- package/dist/components/{p-78567cb4.js → p-70507bfc.js} +1 -1
- package/dist/components/{p-d0f08803.js → p-72215a89.js} +2 -2
- package/dist/components/{p-1ad085d5.js → p-734f67c5.js} +1 -1
- package/dist/components/{p-14371fc9.js → p-789bee5f.js} +1 -1
- package/dist/components/{p-fa6601a7.js → p-7cd73a11.js} +3 -3
- package/dist/components/{p-fe16cabd.js → p-806583bf.js} +4 -4
- package/dist/components/{p-d0886e4e.js → p-809b2c68.js} +3 -3
- package/dist/components/{p-0d7a13c4.js → p-81aadf18.js} +7 -7
- package/dist/components/{p-f99f28c0.js → p-8803338b.js} +1 -1
- package/dist/components/{p-2e4ca0ab.js → p-8cd5cc24.js} +2 -2
- package/dist/components/{p-7dad0edc.js → p-8e384b29.js} +6 -6
- package/dist/components/{p-600c6af2.js → p-8f3097ac.js} +10 -10
- package/dist/components/{p-0c6b7ee4.js → p-8f9ff447.js} +2 -2
- package/dist/components/{p-78acba3f.js → p-a004fba4.js} +2 -2
- package/dist/components/{p-47657122.js → p-a46ed058.js} +1 -1
- package/dist/components/{p-75c001fd.js → p-a57638be.js} +1 -1
- package/dist/components/{p-936f84b7.js → p-a6c51126.js} +2 -2
- package/dist/components/{p-19b3a55c.js → p-aa896160.js} +1 -1
- package/dist/components/{p-1d8bc79a.js → p-b51591ec.js} +1 -1
- package/dist/components/{p-16a058a6.js → p-b63a7833.js} +3 -3
- package/dist/components/{p-358dc559.js → p-b7eb822d.js} +1 -1
- package/dist/components/{p-50d97c82.js → p-bec66deb.js} +2 -2
- package/dist/components/{p-ad96b57a.js → p-c7f783f8.js} +7 -7
- package/dist/components/{p-17f7575a.js → p-d2906f29.js} +3 -3
- package/dist/components/{p-84775fd7.js → p-d5d6ad18.js} +2 -2
- package/dist/components/{p-7dd4f8c0.js → p-d659d0dc.js} +1 -1
- package/dist/components/{p-0fb58488.js → p-d840d114.js} +1 -1
- package/dist/components/{p-3ef3a3e7.js → p-d926b18a.js} +10 -10
- package/dist/components/{p-fb3d7fdc.js → p-dab4d025.js} +1 -1
- package/dist/components/{p-1ab3676a.js → p-de671173.js} +1 -1
- package/dist/components/{p-f92e8f2d.js → p-e72337be.js} +1 -1
- package/dist/components/{p-d096569b.js → p-ea131f9b.js} +2 -2
- package/dist/components/{p-b8ad4f15.js → p-eabd73fc.js} +3 -3
- package/dist/components/{p-80b1df35.js → p-efa3ec10.js} +2 -2
- package/dist/components/{p-c1cdf2d3.js → p-f6c678ae.js} +2 -2
- package/dist/components/{p-8fe68dae.js → p-f6e855a8.js} +7 -7
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card-v3.js +10 -10
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-mini-compare-card.js +3 -3
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +3 -3
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-24e316f2.js → address-1e0810e7.js} +1 -1
- package/dist/esm/{assets-343a0b59.js → assets-e1349520.js} +1 -1
- package/dist/esm/{async-request-a5159336.js → async-request-4c945e13.js} +1 -1
- package/dist/esm/{http-codes-98d3e25c.js → http-codes-1927ea00.js} +1 -1
- package/dist/esm/{index-6c5bc6fc.js → index-412df137.js} +1 -1
- package/dist/esm/{index-0da0d682.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-ea11e1d0.js → phone-1a920c5c.js} +2 -2
- package/dist/esm/{product-comparison-21980b84.js → product-comparison-dd90c721.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_2.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-label.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-loader.entry.js +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tooltip.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-37dd9692.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-9a0d9386.js → translations-4712c45f.js} +1 -1
- package/dist/tet-components/{p-23ba99b6.entry.js → p-003e17a0.entry.js} +1 -1
- package/dist/tet-components/{p-0255120e.js → p-0c6b6730.js} +1 -1
- package/dist/tet-components/{p-59ffdcd3.js → p-0ebbf5ef.js} +1 -1
- package/dist/tet-components/{p-ca61e250.entry.js → p-1080e977.entry.js} +1 -1
- package/dist/tet-components/{p-a31f3a9a.entry.js → p-122f3d3c.entry.js} +1 -1
- package/dist/tet-components/{p-a2ab4213.entry.js → p-1393ed60.entry.js} +1 -1
- package/dist/tet-components/{p-e15c11c7.entry.js → p-18a06e75.entry.js} +1 -1
- package/dist/tet-components/{p-e4779823.entry.js → p-19c387bd.entry.js} +1 -1
- package/dist/tet-components/{p-1e9db0cc.js → p-1fd2adaf.js} +1 -1
- package/dist/tet-components/{p-51b6c13e.entry.js → p-1ff1f044.entry.js} +1 -1
- package/dist/tet-components/{p-ea7f687c.entry.js → p-255cd889.entry.js} +1 -1
- package/dist/tet-components/{p-27ef835b.entry.js → p-25bb7d4f.entry.js} +1 -1
- package/dist/tet-components/{p-25fa66d3.entry.js → p-25e48d9f.entry.js} +1 -1
- package/dist/tet-components/{p-1be60596.entry.js → p-29cde2fc.entry.js} +1 -1
- package/dist/tet-components/{p-be5be172.entry.js → p-2b5b2c71.entry.js} +1 -1
- package/dist/tet-components/{p-0e2df2d9.entry.js → p-2c2d064f.entry.js} +1 -1
- package/dist/tet-components/{p-403b7e52.entry.js → p-2c92d701.entry.js} +1 -1
- package/dist/tet-components/{p-fda6a584.entry.js → p-2fb8ea65.entry.js} +1 -1
- package/dist/tet-components/{p-b7af088e.entry.js → p-331e7bf2.entry.js} +1 -1
- package/dist/tet-components/{p-038230dc.entry.js → p-3324b31a.entry.js} +1 -1
- package/dist/tet-components/{p-249d52da.entry.js → p-38be49a6.entry.js} +1 -1
- package/dist/tet-components/{p-c735bfbc.entry.js → p-39ae25f5.entry.js} +1 -1
- package/dist/tet-components/{p-e963fe21.entry.js → p-3f3911b6.entry.js} +1 -1
- package/dist/tet-components/{p-2c577b6b.entry.js → p-3f977401.entry.js} +1 -1
- package/dist/tet-components/{p-b2e718fd.entry.js → p-401e736e.entry.js} +1 -1
- package/dist/tet-components/{p-18ef5232.entry.js → p-46b3fc7f.entry.js} +1 -1
- package/dist/tet-components/{p-bcbb0768.entry.js → p-46f6a051.entry.js} +1 -1
- package/dist/tet-components/{p-6ce50129.entry.js → p-480ca12a.entry.js} +1 -1
- package/dist/tet-components/{p-4ef61eca.entry.js → p-4b84438a.entry.js} +1 -1
- package/dist/tet-components/{p-1537fc09.entry.js → p-4c6a379b.entry.js} +1 -1
- package/dist/tet-components/{p-76662132.entry.js → p-52949a88.entry.js} +1 -1
- package/dist/tet-components/{p-bf65a1c5.entry.js → p-5b5001cf.entry.js} +1 -1
- package/dist/tet-components/{p-6f456e0a.entry.js → p-5c821eef.entry.js} +1 -1
- package/dist/tet-components/{p-f272a0ce.entry.js → p-5fb62a1b.entry.js} +1 -1
- package/dist/tet-components/{p-725a4439.entry.js → p-64e277c1.entry.js} +1 -1
- package/dist/tet-components/{p-5c469b6d.entry.js → p-6693715e.entry.js} +1 -1
- package/dist/tet-components/{p-3e4a1fea.entry.js → p-689e9d36.entry.js} +1 -1
- package/dist/tet-components/{p-1e00c707.entry.js → p-697d23d7.entry.js} +1 -1
- package/dist/tet-components/{p-d83369f0.entry.js → p-69c58fc4.entry.js} +1 -1
- package/dist/tet-components/{p-9d45496b.entry.js → p-6b088283.entry.js} +1 -1
- package/dist/tet-components/{p-bcac4284.entry.js → p-6babde37.entry.js} +1 -1
- package/dist/tet-components/{p-5afa5243.entry.js → p-6be0549b.entry.js} +1 -1
- package/dist/tet-components/{p-1ad37ab3.entry.js → p-724189c2.entry.js} +1 -1
- package/dist/tet-components/{p-19c6a28c.js → p-7544dfd7.js} +1 -1
- package/dist/tet-components/{p-e3ccb120.entry.js → p-75bbc14a.entry.js} +1 -1
- package/dist/tet-components/{p-81586378.js → p-778c46a6.js} +1 -1
- package/dist/tet-components/{p-e3a61004.entry.js → p-7e7068af.entry.js} +1 -1
- package/dist/tet-components/{p-674c34fe.entry.js → p-7f18c74c.entry.js} +1 -1
- package/dist/tet-components/{p-c855d22d.entry.js → p-7fc933fe.entry.js} +1 -1
- package/dist/tet-components/{p-6b01ed30.entry.js → p-805fb580.entry.js} +1 -1
- package/dist/tet-components/{p-9595c23f.entry.js → p-83e4ae9f.entry.js} +1 -1
- package/dist/tet-components/p-83f43fdd.js +2 -0
- package/dist/tet-components/{p-85dbfd0e.entry.js → p-84322a3d.entry.js} +1 -1
- package/dist/tet-components/{p-c65639c0.entry.js → p-85f3f726.entry.js} +1 -1
- package/dist/tet-components/{p-f3cd9c56.entry.js → p-87221449.entry.js} +1 -1
- package/dist/tet-components/{p-c2aa35fe.entry.js → p-876009b7.entry.js} +1 -1
- package/dist/tet-components/{p-fa69d1cf.entry.js → p-8bfd498e.entry.js} +1 -1
- package/dist/tet-components/{p-95a1dd7c.entry.js → p-8fa0be45.entry.js} +1 -1
- package/dist/tet-components/{p-c0f90a8e.entry.js → p-900bd4e1.entry.js} +1 -1
- package/dist/tet-components/{p-6c01686a.entry.js → p-93820289.entry.js} +1 -1
- package/dist/tet-components/{p-eb94d41e.entry.js → p-9465c2a1.entry.js} +1 -1
- package/dist/tet-components/{p-8d03a36d.entry.js → p-949d0eaf.entry.js} +1 -1
- package/dist/tet-components/{p-6c1fe6e2.entry.js → p-97cff839.entry.js} +1 -1
- package/dist/tet-components/{p-93a7b0e4.entry.js → p-9a75ed39.entry.js} +1 -1
- package/dist/tet-components/{p-c95500c7.entry.js → p-9c837569.entry.js} +1 -1
- package/dist/tet-components/{p-f9e5405c.js → p-a8051a99.js} +1 -1
- package/dist/tet-components/{p-8763c126.entry.js → p-b0c62997.entry.js} +1 -1
- package/dist/tet-components/{p-60a85942.entry.js → p-b10165d6.entry.js} +1 -1
- package/dist/tet-components/{p-ce264566.entry.js → p-b13fc72a.entry.js} +1 -1
- package/dist/tet-components/{p-cb311987.entry.js → p-b31168fc.entry.js} +1 -1
- package/dist/tet-components/{p-08be0a0c.entry.js → p-b44083d7.entry.js} +1 -1
- package/dist/tet-components/{p-5974d9e0.entry.js → p-b5315830.entry.js} +1 -1
- package/dist/tet-components/{p-9e507839.entry.js → p-b652f17d.entry.js} +1 -1
- package/dist/tet-components/{p-fd5460fc.entry.js → p-b98f7254.entry.js} +1 -1
- package/dist/tet-components/{p-1ca03991.entry.js → p-ba8c6a1c.entry.js} +1 -1
- package/dist/tet-components/{p-42b40e30.entry.js → p-be3cb49b.entry.js} +1 -1
- package/dist/tet-components/{p-ccbe2f2a.entry.js → p-c4de9e32.entry.js} +1 -1
- package/dist/tet-components/{p-a193f723.entry.js → p-c9f21fde.entry.js} +1 -1
- package/dist/tet-components/{p-ee6331bf.entry.js → p-cbe2dffa.entry.js} +1 -1
- package/dist/tet-components/{p-fc8d6963.entry.js → p-ccfa9f31.entry.js} +1 -1
- package/dist/tet-components/{p-b8dc6b8f.entry.js → p-cd86d0b1.entry.js} +1 -1
- package/dist/tet-components/{p-48d13280.entry.js → p-cde8057a.entry.js} +1 -1
- package/dist/tet-components/{p-ada4d25e.entry.js → p-cf3456e2.entry.js} +1 -1
- package/dist/tet-components/{p-d2127f71.entry.js → p-d06f8b4e.entry.js} +1 -1
- package/dist/tet-components/{p-779c00c2.entry.js → p-d1035694.entry.js} +1 -1
- package/dist/tet-components/{p-8318b6ce.entry.js → p-d5b36540.entry.js} +1 -1
- package/dist/tet-components/{p-c51611c6.entry.js → p-d778c1fe.entry.js} +1 -1
- package/dist/tet-components/{p-21acfb7d.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-96df0d8f.entry.js → p-ddce536f.entry.js} +1 -1
- package/dist/tet-components/{p-2725e612.entry.js → p-e13c62c8.entry.js} +1 -1
- package/dist/tet-components/{p-cd87b2ca.entry.js → p-e17d0862.entry.js} +1 -1
- package/dist/tet-components/{p-096705a4.entry.js → p-e290c65d.entry.js} +1 -1
- package/dist/tet-components/{p-102119d0.entry.js → p-e4c5f884.entry.js} +1 -1
- package/dist/tet-components/{p-962240a1.entry.js → p-e52505d3.entry.js} +1 -1
- package/dist/tet-components/{p-35250549.entry.js → p-e93ab3e8.entry.js} +1 -1
- package/dist/tet-components/{p-e39dc6d0.entry.js → p-ed07c65a.entry.js} +1 -1
- package/dist/tet-components/{p-f05d8d8d.entry.js → p-edd42275.entry.js} +1 -1
- package/dist/tet-components/{p-dd8ba61f.entry.js → p-f58bb61e.entry.js} +1 -1
- package/dist/tet-components/{p-01a44fa7.entry.js → p-f6916bfc.entry.js} +1 -1
- package/dist/tet-components/{p-a0b08ff1.js → p-f81b3bb0.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-bfaa6230.entry.js → p-f93ab9f3.entry.js} +1 -1
- package/dist/tet-components/{p-bb1691e9.entry.js → p-f9c69d39.entry.js} +1 -1
- package/dist/tet-components/{p-86732da3.entry.js → p-fa259a3d.entry.js} +1 -1
- package/dist/tet-components/{p-b9005e25.entry.js → p-fc88ce77.entry.js} +1 -1
- package/dist/tet-components/{p-0993a390.entry.js → p-ff291490.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-7c868b40.js +0 -2
- package/dist/tet-components/p-81456c37.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,g as e,h as r,H as n}from"./p-7c868b40.js";const i=class{constructor(e){o(this,e),this.openChanged=t(this,"openChanged",7),this.isOpen=!1,this.theme="light",this.header="",this.headerIconName=void 0,this.headerImageSrc="",this.headerImageAlt="",this.indicatorDirection="down",this.withBorder=!1,this.withAutoScroll=!1,this.breakpoint="tablet",this.headingTag="span",this.transparentBackground=!1,this.isHeaderInteractive=!0}get element(){return e(this)}contentElement;contentWrapperElement;animationCallback;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3*parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()||this.header;switch(this.headingTag){case"h1":return r("h1",{class:"tet-accordion__header-text"},t);case"h2":return r("h2",{class:"tet-accordion__header-text"},t);case"h3":return r("h3",{class:"tet-accordion__header-text"},t);case"h4":return r("h4",{class:"tet-accordion__header-text"},t);case"h5":return r("h5",{class:"tet-accordion__header-text"},t);case"h6":return r("h6",{class:"tet-accordion__header-text"},t);default:return r("span",{class:"tet-accordion__header-text"},t)}}render(){return r(n,{key:"d516516d8d840a88a81aa77d65d968887d51e572"},r("div",{key:"f49151fd09462db03a8bc6d2abafef870f6cefc1",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},r("div",{key:"fccad8c2f2dacf316b095b38a00b541e8dfe9472",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},r("slot",{key:"c624e63067d3f1675df20c6ecc4005d05b75c04b",name:"header"},this.headerIconName&&r("tet-icon",{key:"e7a5aeb122e2ffa148ddb7b3d9e1df20a7445796",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&r("img",{key:"4e651ef7d4e7ef7717a814e338a9644bf389e738",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image"}),this.renderHeading(),this.isHeaderInteractive&&r("tet-icon",{key:"eb0ebb7716d062d997e350ea3941ad04dbb194dd",name:`chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),r("div",{key:"e8347ff68cd0d92173c6349cfb6a1d5b74e8a277",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},r("div",{key:"2d006399d20068c36ca7927c7fa66bd368349b5f",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},r("slot",{key:"ae554be6c928d8976b53eacdefa84e5c1065bf5c"})))))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}';export{i as tet_accordion}
|
|
1
|
+
import{r as o,c as t,g as e,h as r,H as n}from"./p-83f43fdd.js";const i=class{constructor(e){o(this,e),this.openChanged=t(this,"openChanged",7),this.isOpen=!1,this.theme="light",this.header="",this.headerIconName=void 0,this.headerImageSrc="",this.headerImageAlt="",this.indicatorDirection="down",this.withBorder=!1,this.withAutoScroll=!1,this.breakpoint="tablet",this.headingTag="span",this.transparentBackground=!1,this.isHeaderInteractive=!0}get element(){return e(this)}contentElement;contentWrapperElement;animationCallback;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3*parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()||this.header;switch(this.headingTag){case"h1":return r("h1",{class:"tet-accordion__header-text"},t);case"h2":return r("h2",{class:"tet-accordion__header-text"},t);case"h3":return r("h3",{class:"tet-accordion__header-text"},t);case"h4":return r("h4",{class:"tet-accordion__header-text"},t);case"h5":return r("h5",{class:"tet-accordion__header-text"},t);case"h6":return r("h6",{class:"tet-accordion__header-text"},t);default:return r("span",{class:"tet-accordion__header-text"},t)}}render(){return r(n,{key:"d516516d8d840a88a81aa77d65d968887d51e572"},r("div",{key:"f49151fd09462db03a8bc6d2abafef870f6cefc1",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},r("div",{key:"fccad8c2f2dacf316b095b38a00b541e8dfe9472",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},r("slot",{key:"c624e63067d3f1675df20c6ecc4005d05b75c04b",name:"header"},this.headerIconName&&r("tet-icon",{key:"e7a5aeb122e2ffa148ddb7b3d9e1df20a7445796",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&r("img",{key:"4e651ef7d4e7ef7717a814e338a9644bf389e738",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image"}),this.renderHeading(),this.isHeaderInteractive&&r("tet-icon",{key:"eb0ebb7716d062d997e350ea3941ad04dbb194dd",name:`chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),r("div",{key:"e8347ff68cd0d92173c6349cfb6a1d5b74e8a277",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},r("div",{key:"2d006399d20068c36ca7927c7fa66bd368349b5f",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},r("slot",{key:"ae554be6c928d8976b53eacdefa84e5c1065bf5c"})))))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}';export{i as tet_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as i,h as s,H as n}from"./p-
|
|
1
|
+
import{r as t,c as e,g as i,h as s,H as n}from"./p-83f43fdd.js";const r=class{constructor(i){t(this,i),this.groupSelectionChange=e(this,"groupSelectionChange",7),this.selectionType="radio"}get hostElement(){return i(this)}groupSelectionChange;didLoad=!1;selectedIndex;selectedIndexes=new Set;onSelectionTypeChanged(){if("radio"===this.selectionType){const t=this.selectedIndexes.values().next(),e=t.done?void 0:t.value;this.selectedIndex=e,this.selectedIndexes=void 0===e?new Set:new Set([e])}this.applySelectionToChildren(),this.didLoad&&this.emitSelectionChange()}componentDidLoad(){this.syncSelectionFromChildren(),this.applySelectionToChildren(),this.didLoad=!0}getCards=()=>Array.from(this.hostElement.querySelectorAll("tet-snicker-card"));isCardBlocked=t=>this.isCardStateBlocked(this.getCardState(t));getCardState=t=>{const e=t.state;return"default"===(i=e)||"disabled"===i||"unavailable"===i||"subscribed"===i?e:"default";var i};getCardSelected=t=>!0===t.selected;isCardStateBlocked=t=>"disabled"===t||"unavailable"===t||"subscribed"===t;syncSelectionFromChildren=()=>{const t=this.getCards();if("radio"===this.selectionType){const e=t.findIndex((t=>this.getCardSelected(t)&&!this.isCardBlocked(t)));return this.selectedIndex=e>=0?e:void 0,void(this.selectedIndexes=e>=0?new Set([e]):new Set)}const e=t.map(((t,e)=>this.getCardSelected(t)&&!this.isCardBlocked(t)?e:-1)).filter((t=>t>=0));this.selectedIndexes=new Set(e),this.selectedIndex=e[0]};applySelectionToChildren=()=>{const t=this.getCards(),e=t.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0)),i=(void 0!==this.selectedIndex&&e.includes(this.selectedIndex)?this.selectedIndex:void 0)??e[0];t.forEach(((t,e)=>{t.selectionType=this.selectionType,t.isTabStop="radio"===this.selectionType?e===i:!this.isCardBlocked(t)}))};getCardIndexFromEvent=t=>{const e=this.getCards(),i=t.composedPath().find((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName));return i?e.indexOf(i):-1};getCardId=t=>{const e=t.cardId;if("string"==typeof e){const t=e.trim();if(t.length>0)return t}const i=t.getAttribute("card-id");if(!i)return;const s=i.trim();return s.length>0?s:void 0};emitSelectionChange=()=>{const t=this.getCards(),e=Array.from(this.selectedIndexes).sort(((t,e)=>t-e)),i=e.map((e=>t[e])).filter((t=>!!t)).map((t=>this.getCardId(t))).filter((t=>!!t));this.groupSelectionChange.emit({selectionType:this.selectionType,selectedIndexes:e,selectedCardIds:i})};focusCard=async t=>{if(!t)return;await t.focusSelectionTarget();const e=t.shadowRoot?.querySelector('[data-selection-target="true"]');e?.focus()};handleCardClick=t=>{const e=this.getCards(),i=this.getCardIndexFromEvent(t);i<0||this.isCardBlocked(e[i])||("radio"===this.selectionType?(this.selectedIndex=i,this.selectedIndexes=new Set([i])):this.selectedIndexes.has(i)?this.selectedIndexes.delete(i):this.selectedIndexes.add(i),this.applySelectionToChildren(),this.emitSelectionChange())};handleKeyDown=t=>{const e=t.key;if("ArrowRight"!==e&&"ArrowLeft"!==e&&"ArrowUp"!==e&&"ArrowDown"!==e&&"Home"!==e&&"End"!==e)return;if(t.defaultPrevented)return;const i=t.composedPath();if(!i.some((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName)))return;if(!i.some((t=>t instanceof HTMLElement&&"true"===t.dataset.selectionTarget&&t.getAttribute("role")===this.selectionType)))return;const s=this.getCards(),n=s.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0));if(0===n.length)return;const r=this.getCardIndexFromEvent(t),o=n.indexOf(r);let h=o;"Home"===e?h=0:"End"===e?h=n.length-1:"ArrowRight"===e||"ArrowDown"===e?h=o>=0?(o+1)%n.length:0:"ArrowLeft"!==e&&"ArrowUp"!==e||(h=o>=0?(o-1+n.length)%n.length:n.length-1);const a=n[h];t.preventDefault(),this.focusCard(s[a]),"radio"===this.selectionType&&(this.selectedIndex=a,this.selectedIndexes=new Set([a]),this.applySelectionToChildren(),this.emitSelectionChange())};handleSlotChange=()=>{this.syncSelectionFromChildren(),this.applySelectionToChildren()};render(){return s(n,{key:"3d649b84bad2e033febf852c62977db2997a0af7",role:"radio"===this.selectionType?"radiogroup":"group",onCardClick:this.handleCardClick,onKeyDown:this.handleKeyDown},s("slot",{key:"be88c1fe297b8f53a729639ed1a48e23a89f8efc",onSlotchange:this.handleSlotChange}))}static get watchers(){return{selectionType:["onSelectionTypeChanged"]}}};r.style=":host{display:block}";export{r as tet_snicker_card_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as e,h as o,H as i}from"./p-7c868b40.js";import{p as n,t as s}from"./p-f9e5405c.js";import"./p-9a2b6ee2.js";import"./p-59ffdcd3.js";const r=class{constructor(e){t(this,e),this.activeDotIndex=0,this.dotCount=0,this.totalItems=0,this.activeItem=0,this.isDragging=!1,this.dragOffset=0,this.isNudgeAnimating=!1,this.theme="light",this.showDots=!0,this.showGradient=!1,this.showButtons=!0,this.transitionDuration=500,this.swipeThreshold=32,this.transitionTiming="ease-out",this.buttonIconLeft="arrow-left",this.buttonIconRight="arrow-right",this.maxDots=8,this.label=void 0,this.nudgeAnimationInterval=0,this.unifiedButtons=!1,this.language="lv"}static NUDGE_DISTANCE_PX=16;static NUDGE_IDLE_THRESHOLD_MS=1500;static GRADIENT_VISIBILITY_THRESHOLD_PX=1;static GRADIENT_WIDTH_FALLBACK_PX=100;static EDGE_DRAG_MAX_PX=32;static EDGE_DRAG_RESISTANCE=.95;static MOUSE_DRAG_SMOOTHING_MS=60;static MOBILE_BREAKPOINT_PX=450;static UNIFIED_BUTTONS_MOBILE_MAX_DOTS=4;focusableSelector='a[href], [tabindex]:not([tabindex="-1"])';handleResize=()=>{this.getDotCount();const t=this.getSlotElements();if(!t?.length)return;const e=Math.max(0,Math.min(this.activeItem,t.length-1));this.moveToItem(t[e],e),this.checkGradient()};handleSlotChangeListener=()=>this.handleSlotChange();managedFocusableElements=[];managedSlideFocusWithinListeners=[];draggedAnchor=null;dragMoved=!1;dragPointerStartX=0;dragStartX=0;dragStartActiveItem=0;dragPointerType="";nudgeTimeoutId;nudgeGradientRafId;lastInteractionAt=0;trackElement=null;trackContentElement=null;mobileBackButtonWrapper=null;container;leftGradientRef;rightGradientRef;slotObserver;safeForceUpdate(){try{e(this)}catch{}}syncTranslations(t){n("tet-components",t).then((()=>this.safeForceUpdate()))}onLanguageChange(t){this.syncTranslations(t)}onActiveItemChange(){this.updateSlideFocusableTabIndexes()}checkGradient(){if(this.showGradient){const t=this.getViewportWidth(),e=this.getSlotClientWidth(),o=Math.max(0,e-t),i=-this.getRealDragOffset(),n=Math.max(0,Math.min(o,i)),s=o-n<r.GRADIENT_VISIBILITY_THRESHOLD_PX;n<r.GRADIENT_VISIBILITY_THRESHOLD_PX?(this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="1"):s?(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="0"):(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="1")}else this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="0"}onNudgeAnimIntervalChange(){this.syncNudgeSchedule()}onNudgeAnimationStateChange(){this.syncNudgeGradientLoop(),this.checkGradient()}componentWillLoad(){this.syncTranslations(this.language)}getSlotElements(){const t=this.container?.querySelector("slot");if(!t)return;let e=t.assignedElements?t.assignedElements():[];return 0!==e.length?(e[0].className.includes("carousel-wrapper")&&(e=Array.from(e[0].children)),e):void 0}getViewportWidth(){return this.container?.offsetWidth||window.innerWidth}getSlotClientWidth(){return this.trackElement?.querySelector("slot")?.offsetWidth||window.innerWidth}getMaxScrollableOffset(){return Math.max(0,this.getSlotClientWidth()-this.getViewportWidth())}afterLayout(t){requestAnimationFrame((()=>requestAnimationFrame(t)))}getDotScreenLength(){return this.getSlotClientWidth()/this.dotCount}isLast(t,e){return this.getSlotClientWidth()-e<=t}isLastViewport(t){const e=this.getViewportWidth();return this.isLast(e,t)}isLastDotScreen(t,e){const o=this.getViewportWidth(),i=Math.max(e,o);return this.isLast(i,t)}getItemLayoutMetrics(){const t=this.getSlotElements();return t&&0!==t.length?t.map(((t,e)=>{const o=t.offsetLeft;return{item:t,index:e,left:o,right:o+t.offsetWidth}})):[]}getFullyVisibleItemCount(){const t=this.getItemLayoutMetrics();if(!t.length)return 0;const e=this.getViewportWidth(),o=this.getClampedViewportLeft(),i=o+e;let n=0;for(const{left:e,right:s}of t)e>=o&&s<=i&&n++;return n}getClampedViewportLeft(){const t=Math.abs(this.dragOffset),e=this.getMaxScrollableOffset();return Math.max(0,Math.min(e,t))}getVisibleItemCountFromIndex(t){const e=this.getItemLayoutMetrics();if(!e.length)return 1;const o=Math.max(0,Math.min(t,e.length-1)),i=this.getViewportWidth(),n=e[o].left+i+.5;let s=0;for(let t=o;t<e.length&&e[t].right<=n;t++)s++;return Math.max(1,s)}getFirstVisibleItemInViewport(){const t=this.getItemLayoutMetrics();if(!t.length)return null;const e=this.getClampedViewportLeft(),o=.5,i=t.find((t=>t.left<=e+o&&t.right>e+o));if(i){if(i.right-e>=(i.right-i.left)/2||i.index===t.length-1)return{item:i.item,index:i.index};const o=t[i.index+1];if(o)return{item:o.item,index:o.index}}if(e<=t[0].left+o)return{item:t[0].item,index:t[0].index};const n=t.find((t=>t.left>e+o));if(n)return{item:n.item,index:n.index};const s=t.at(-1);return{item:s.item,index:s.index}}getEdgeSnapTarget(t){const e=this.getItemLayoutMetrics();if(!e.length)return null;const o=this.getClampedViewportLeft(),i=o+this.getViewportWidth(),n=e[0],s=e.at(-1);if(t<0){const t=Math.min(n.right,i)-Math.max(n.left,o);if(t>0&&t>=(n.right-n.left)/2)return{item:n.item,index:n.index}}if(t>0){const t=Math.min(s.right,i)-Math.max(s.left,o);if(t>0&&t>=(s.right-s.left)/2)return{item:s.item,index:s.index}}return null}getSwipeTarget(t){const e=this.getSlotElements();if(!e||0===e.length)return null;const o=this.getEdgeSnapTarget(t);if(o)return o;const i=this.getFirstVisibleItemInViewport();let n=i?.index??this.dragStartActiveItem;t>0&&n<=this.dragStartActiveItem&&(n=this.dragStartActiveItem+1),t<0&&n>=this.dragStartActiveItem&&(n=this.dragStartActiveItem-1),n=Math.max(0,Math.min(e.length-1,n));const s=e[n];return s?{item:s,index:n}:null}getRealDragOffset(){return this.dragOffset+this.getCurrentNudgeTranslateX()}applyEdgeDragResistance(t,e){return t>0?Math.min(r.EDGE_DRAG_MAX_PX,t*r.EDGE_DRAG_RESISTANCE):t<e?e+Math.max(-r.EDGE_DRAG_MAX_PX,(t-e)*r.EDGE_DRAG_RESISTANCE):t}getCurrentNudgeTranslateX(){if(!this.isNudgeAnimating||!this.trackContentElement)return 0;const t=getComputedStyle(this.trackContentElement).transform;if(!t||"none"===t)return 0;try{return new DOMMatrixReadOnly(t).m41||0}catch{return 0}}getDotCount(){const t=this.getSlotElements();if(!t)return this.dotCount=1,this.totalItems=0,void(this.activeDotIndex=0);this.totalItems=t.length;const e=this.getViewportWidth(),o=this.getSlotClientWidth(),i=Math.ceil(o/Math.max(1,e)),n=Number.isFinite(this.maxDots)?this.maxDots:i;let s=n;this.unifiedButtons&&e<r.MOBILE_BREAKPOINT_PX&&(s=Math.min(n,r.UNIFIED_BUTTONS_MOBILE_MAX_DOTS)),this.dotCount=Math.max(1,Math.min(s,i)),this.activeDotIndex=this.clampDotIndex(this.activeDotIndex)}handleMove=()=>{const t=this.getSlotElements();if(!t)return;const e=t[this.activeItem];e&&this.moveToItem(e)};navigateByStep(t){this.registerUserInteraction();const e=this.getSlotElements();if(!e||0===e.length)return;const o=this.activeDotIndex,i=this.getFirstVisibleItemInViewport(),n=i?.index??this.activeItem,s=this.getClampedViewportLeft()>0;if(t<0&&0===n&&s){const t=e[0];return void(t&&this.moveToItem(t,0))}const r=this.getVisibleItemCountFromIndex(n),a=Math.max(0,Math.min(e.length-1,n+t*r));if(a===n)return;const l=e[a];l&&(this.moveToItem(l,a),Math.abs(this.activeDotIndex-o)>1&&this.moveToDotIndex(o+t))}handlePrev=()=>{this.navigateByStep(-1)};handleNext=()=>{this.navigateByStep(1)};moveToLastScreen=()=>{this.dragOffset=-this.getMaxScrollableOffset()};getGradientWidth(){if(!this.showGradient)return 0;const t=this.leftGradientRef?.offsetWidth;return t&&t>0?t:r.GRADIENT_WIDTH_FALLBACK_PX}calculateGradient(t,e){const o=this.getSlotClientWidth();let i=this.showGradient?160:0;return i=e<160?e:i,i=o-e-t.offsetWidth<160?0:i,i}calcLastScreenElement=t=>{const e=this.getSlotElements();if(!e)return null;const o=this.trackElement.getBoundingClientRect(),i=this.getFirstItemOffset();for(const[n,s]of e.entries()){let e=s.getBoundingClientRect().left-o.left-i;const r=this.calculateGradient(s,e);if(e>=t-this.swipeThreshold+r)return{item:s,index:n}}return{item:e[0],index:0}};moveToDotIndex(t){this.activeDotIndex=this.clampDotIndex(t);const e=this.getMaxScrollableOffset(),o=this.dotCount-1!==this.activeDotIndex||this.isDragging?this.activeDotIndex*this.getDotScreenLength():e,i=Math.max(0,Math.min(o,e)),n=this.calcLastScreenElement(i);if(!n)return this.activeItem=0,void(this.dragOffset=0);const{index:s}=n;this.activeItem=s,this.dragOffset=-i}handleDotClick=t=>{this.registerUserInteraction(),this.moveToDotIndex(t)};focusDot=t=>{if(!this.container)return;const e=Array.from(this.container.querySelectorAll(".tet-carousel__dot"));e[t]?.focus()};getKeyboardTargetIndex(t,e,o){if(o<1)return null;switch(t){case"ArrowRight":case"ArrowDown":return Math.min(o,e+1);case"ArrowLeft":case"ArrowUp":return Math.max(0,e-1);case"Home":return 0;case"End":return o;default:return null}}handleNavigationKeyDown(t,e,o,i,n){const s=this.getKeyboardTargetIndex(t.key,e,o);null!==s&&(t.preventDefault(),t.stopPropagation(),i(s)&&this.afterLayout((()=>n(s))))}handleDotKeyDown=(t,e)=>{if("Tab"===t.key&&t.shiftKey){if(this.hasVisibleMobileBackButtonTarget())return;if(!this.hasFocusableTargetInSlide(this.activeItem))return;return this.registerUserInteraction(),t.preventDefault(),t.stopPropagation(),void this.afterLayout((()=>this.focusSlideByIndex(this.activeItem)))}this.handleNavigationKeyDown(t,e,this.dotCount-1,(t=>(this.handleDotClick(t),!0)),(t=>this.focusDot(t)))};isElementVisible(t){if(!t.isConnected)return!1;if(t.hidden||t.hasAttribute("hidden"))return!1;if(0===t.getClientRects().length)return!1;const e=getComputedStyle(t);return"none"!==e.display&&"hidden"!==e.visibility}hasVisibleMobileBackButtonTarget(){if(this.isLeftNavigationDisabled())return!1;const t=this.mobileBackButtonWrapper;return!!t&&this.isElementVisible(t)}hasFocusableTargetInSlide(t){return this.managedFocusableElements.some((({slideIndex:e,element:o})=>e===t&&this.isElementVisible(o)))}onPointerDown=t=>{this.registerUserInteraction(),this.dragPointerType=t.pointerType||"mouse",t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.isDragging=!0,this.dragStartX=t.screenX,this.dragMoved=!1,this.dragPointerStartX=t.screenX,this.dragStartActiveItem=this.activeItem,document.body.style.userSelect="none",document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp);let e=t.target;for(this.draggedAnchor=null;e;){if("A"===e.tagName||e.getAttribute("tabindex")){this.draggedAnchor=e;break}e=e.parentElement}};onPointerMove=t=>{if(!this.isDragging)return;const e=Math.abs(t.screenX-this.dragPointerStartX);if(!this.dragMoved&&e>5&&(this.dragMoved=!0,this.trackElement))try{this.trackElement.setPointerCapture?.(t.pointerId)}catch{}let o=this.dragOffset;o+=t.screenX-this.dragStartX,this.dragStartX=t.screenX;const i=this.getMinDragOffset();this.dragOffset=this.applyEdgeDragResistance(o,i);const n=this.getFirstVisibleItemInViewport();n&&this.activeItem!==n.index&&(this.activeItem=n.index)};releaseTrackPointerCapture(t){try{this.trackElement?.releasePointerCapture?.(t)}catch{}}getMinDragOffset(){return-this.getMaxScrollableOffset()}snapToEdge(t){if(0===t)return void(this.dragOffset=0);const e=this.dragOffset>0;this.activeItem=e?0:Math.max(0,this.totalItems-1),this.activeDotIndex=e?0:Math.max(0,this.dotCount-1),this.dragOffset=e?0:t}moveBySwipeDelta(t){if(Math.abs(t)<=this.swipeThreshold)return this.activeItem=this.dragStartActiveItem,void this.afterLayout((()=>this.handleMove()));const e=this.getSwipeTarget(t<0?1:-1);e&&this.moveToItem(e.item,e.index)}finalizePointerDrag(){document.body.style.userSelect="",document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp),this.dragPointerType=""}preventClickAfterDrag(){if(!this.draggedAnchor||!this.dragMoved)return;const t=e=>{e.preventDefault(),e.stopPropagation(),this.draggedAnchor?.removeEventListener("click",t,!0)};this.draggedAnchor.addEventListener("click",t,!0)}onPointerUp=t=>{if(!this.isDragging)return;this.registerUserInteraction(),this.releaseTrackPointerCapture(t.pointerId),this.isDragging=!1;const e=this.getMinDragOffset(),o=t.screenX-this.dragPointerStartX;this.dragOffset>0||this.dragOffset<e?this.snapToEdge(e):this.moveBySwipeDelta(o),this.finalizePointerDrag(),this.preventClickAfterDrag()};_showButtons(t=this.getFullyVisibleItemCount()){return!(!this.showButtons||t>=this.totalItems)}_showDots(t=this.getFullyVisibleItemCount()){return!!this.showDots&&!(this.totalItems<=0||t>=this.totalItems)}componentDidLoad(){this.getDotCount(),window.addEventListener("resize",this.handleResize),this.checkGradient(),this.initSlotListeners(),this.syncNudgeSchedule(),this.refreshSlideFocusableElements()}handleSlotChange(){this.getDotCount();const t=Math.max(0,this.totalItems-1);this.activeItem=Math.max(0,Math.min(this.activeItem,t)),this.refreshSlideFocusableElements(),this.checkGradient(),this.safeForceUpdate()}initSlotListeners(){const t=this.container?.querySelector("slot");if(!t)return;if(t.addEventListener("slotchange",this.handleSlotChangeListener),"function"!=typeof t.assignedElements)return;const e=t.assignedElements();if(1!==e.length)return;const o=e[0];this.slotObserver=new MutationObserver((()=>this.handleSlotChange())),this.slotObserver.observe(o,{childList:!0,subtree:!1})}isTabbableElement(t){if("A"===t.tagName)return t.hasAttribute("href");const e=t.getAttribute("tabindex");return null!==e&&"-1"!==e.trim()}getSlideFocusableElements(t){const e=new Set;return this.isTabbableElement(t)&&e.add(t),Array.from(t.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),t.shadowRoot&&Array.from(t.shadowRoot.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),Array.from(e)}clearManagedSlideFocusableElements(){this.managedSlideFocusWithinListeners.forEach((({slide:t,onFocusWithin:e})=>{t.removeEventListener("focusin",e)})),this.managedSlideFocusWithinListeners=[],this.managedFocusableElements.forEach((({element:t,originalTabIndex:e,onKeyDown:o})=>{t.removeEventListener("keydown",o),null===e?t.removeAttribute("tabindex"):t.setAttribute("tabindex",e)})),this.managedFocusableElements=[]}updateSlideFocusableTabIndexes(){this.managedFocusableElements.length&&this.managedFocusableElements.forEach((({element:t,slideIndex:e})=>{t.setAttribute("tabindex",e===this.activeItem?"0":"-1")}))}focusSlideByIndex(t){const e=this.managedFocusableElements.find((e=>e.slideIndex===t)),o=e?.element;if(o)try{o.focus({preventScroll:!0})}catch{}}handleSlideKeyDown(t,e){this.handleNavigationKeyDown(t,e,this.totalItems-1,(t=>{const e=this.getSlotElements();return!!e?.[t]&&(this.registerUserInteraction(),this.moveToItem(e[t],t,0),!0)}),(t=>this.focusSlideByIndex(t)))}refreshSlideFocusableElements(){this.clearManagedSlideFocusableElements();const t=this.getSlotElements();t?.length&&(t.forEach(((e,o)=>{const i=()=>{this.registerUserInteraction();const i=o===t.length-1?0:this.getGradientWidth();this.moveToItem(e,o,i)};this.managedSlideFocusWithinListeners.push({slide:e,onFocusWithin:i}),e.addEventListener("focusin",i),this.getSlideFocusableElements(e).forEach((t=>{const e=t=>this.handleSlideKeyDown(t,o);this.managedFocusableElements.push({element:t,slideIndex:o,originalTabIndex:t.getAttribute("tabindex"),onKeyDown:e}),t.addEventListener("keydown",e)}))})),this.updateSlideFocusableTabIndexes())}startNudgeGradientLoop(){if(this.nudgeGradientRafId)return;const t=()=>{this.checkGradient(),this.nudgeGradientRafId=this.isNudgeAnimating?requestAnimationFrame(t):void 0};this.nudgeGradientRafId=requestAnimationFrame(t)}stopNudgeGradientLoop(){this.nudgeGradientRafId&&(cancelAnimationFrame(this.nudgeGradientRafId),this.nudgeGradientRafId=void 0)}syncNudgeGradientLoop(){this.isNudgeAnimating?this.startNudgeGradientLoop():this.stopNudgeGradientLoop()}registerUserInteraction(){this.lastInteractionAt=Date.now(),this.stopNudgeAnimation()&&this.scheduleNextNudge()}hasRecentInteraction(){return!!this.lastInteractionAt&&Date.now()-this.lastInteractionAt<r.NUDGE_IDLE_THRESHOLD_MS}isRightNavigationDisabled(){return this.dotCount<=1||this.activeItem===this.totalItems-1||this.isLastViewport(-this.dragOffset)}isLeftNavigationDisabled(){return this.dotCount<=1||0===this.activeItem}isNudgeEligible(){return!(!this.trackElement||this.isDragging||this.isNudgeAnimating||this.hasRecentInteraction()||this.isRightNavigationDisabled()||0!==this.dragOffset)}scheduleNextNudge(){this.nudgeAnimationInterval<=0||(this.clearNudgeTimeout(),this.nudgeTimeoutId=setTimeout((()=>{this.nudgeTimeoutId=void 0,this.isNudgeEligible()?this.isNudgeAnimating=!0:this.scheduleNextNudge()}),this.nudgeAnimationInterval))}onNudgeAnimationEnd=t=>{"tet-carousel-nudge"===t.animationName&&(this.stopNudgeAnimation(),this.scheduleNextNudge())};stopNudgeAnimation(){const t=this.isNudgeAnimating;return t&&(this.isNudgeAnimating=!1),t}clearNudgeTimeout(){this.nudgeTimeoutId&&(clearTimeout(this.nudgeTimeoutId),this.nudgeTimeoutId=void 0)}stopNudgeSchedule(){this.clearNudgeTimeout(),this.stopNudgeAnimation()}syncNudgeSchedule(){this.stopNudgeSchedule(),this.scheduleNextNudge()}clampDotIndex(t){return Math.max(0,Math.min(t,this.dotCount-1))}setDotIndex(t,e){let o=0;const i=this.getDotScreenLength();o=this.isLastDotScreen(t,i)?this.dotCount-1:Math.round((t+e)/i),this.activeDotIndex=this.clampDotIndex(o)}getFirstItemOffset(){const t=this.getSlotElements();if(!t?.length)return 0;const e=this.trackElement.getBoundingClientRect();return t[0].getBoundingClientRect().left-e.left}moveToItem(t,e,o=0){(e||0===e)&&(this.activeItem=e);const i=t.getBoundingClientRect(),n=this.trackElement.getBoundingClientRect();let s=i.left-n.left-this.getFirstItemOffset();const r=this.calculateGradient(t,s);this.setDotIndex(s,r);const a=Math.max(0,s-Math.max(0,o));this.isLastViewport(s)?this.moveToLastScreen():this.dragOffset=-a}disconnectedCallback(){this.stopNudgeSchedule(),this.stopNudgeGradientLoop(),window.removeEventListener("resize",this.handleResize),this.clearManagedSlideFocusableElements();const t=this.container?.querySelector("slot");t&&t.removeEventListener("slotchange",this.handleSlotChangeListener),this.slotObserver&&(this.slotObserver.disconnect(),this.slotObserver=null),document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}render(){const t=this.getFullyVisibleItemCount(),e=this._showButtons(t),n=this._showDots(t),a=e||n;let l=`transform ${this.transitionDuration}ms ${this.transitionTiming}`;return this.isDragging&&(l="mouse"===this.dragPointerType?`transform ${r.MOUSE_DRAG_SMOOTHING_MS}ms linear`:"none"),o(i,{key:"ac7c72bdd862708328dbd6f31277254b09220b4b"},o("div",{key:"651732dfc1ca6bc106c9b28e408773b7cc228e1e",class:{"tet-carousel":!0,[`${this.theme}`]:!0,"tet-carousel--unified-buttons":this.unifiedButtons},ref:t=>this.container=t,part:"carousel"},o("div",{key:"a437edf5e6620cc8d4702d06bd8b77aaa7c987a7",class:"tet-carousel__container"},o("div",{key:"2ab991327aaf21ab9a1a9e2f8bdf343367d84030",class:"tet-carousel__gradient-left",ref:t=>{this.leftGradientRef=t}}),o("div",{key:"1e69998d66b452715d8593268976ff4da1c8cd06",class:"tet-carousel__gradient-right",ref:t=>{this.rightGradientRef=t}}),o("div",{key:"b730cb0347660efaf634f9eaf4e481ba81a01411",class:"tet-carousel__track "+(a?"":"tet-carousel__track--center"),ref:t=>this.trackElement=t,style:{transform:`translate3d(${this.dragOffset}px, 0, 0)`,transition:l,willChange:"transform"},onPointerDown:this.onPointerDown,onPointerUp:this.onPointerUp},o("div",{key:"6c36c5e4f66d80c8a19f204e543fe80f1e5a0e0e",class:{"tet-carousel__track-content":!0,"tet-carousel__track-content--nudge":this.isNudgeAnimating},ref:t=>this.trackContentElement=t,style:{"--tet-carousel-nudge-distance":`${r.NUDGE_DISTANCE_PX}px`},onAnimationEnd:this.onNudgeAnimationEnd},o("slot",{key:"19a3d93c5c56b820088e55fb78dc31629c3c00fa"})))),!!this.label&&o("div",{key:"a9642a052b1a83611940a5af5a0156b6b82d7611",class:"tet-carousel__label"},this.label),a&&o("div",{key:"725605eb30334abeb6446fdb7ba33854e88e9bca",class:"tet-carousel__controls"},e&&o("div",{key:"cc7cc366f976bdf79ae7edb671417d1c32de2bcd",class:"tet-carousel__buttons tet-carousel__buttons--mobile",ref:t=>this.mobileBackButtonWrapper=t},o("tet-button",{key:"6a48785ffeb250e50e0f76ef584fb83ed88f9d27",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()})),n&&o("div",{key:"135e226878182352986fb9d311c8c2ab8cc82513",class:"tet-carousel__dots"},Array.from({length:this.dotCount}).map(((t,e)=>o("button",{type:"button",tabIndex:e===this.activeDotIndex?0:-1,class:"tet-carousel__dot"+(e===this.activeDotIndex?" active":""),key:e,"aria-label":`${s(e===this.activeDotIndex?"components-carousel-indicator-button-active":"components-carousel-indicator-button")} ${e+1}/${this.dotCount}`,"aria-current":e===this.activeDotIndex?"true":void 0,onPointerDown:t=>t.stopPropagation(),onKeyDown:t=>this.handleDotKeyDown(t,e),onClick:()=>this.handleDotClick(e)})))),e&&o("div",{key:"d2beff17bffbf2cf1ed0e9f45318e71424567b81",class:"tet-carousel__buttons"},o("tet-button",{key:"1b104da64930af26305094546dd668f83d4b4d9a",class:"tet-carousel__buttons--desktop",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()}),o("tet-button",{key:"a58e81decd807bcb316e054d529b13c7ee3dcfde",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconRight,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handleNext(),accessibilityLabel:s("components-carousel-next"),disabled:this.isRightNavigationDisabled()})))))}static get watchers(){return{language:["onLanguageChange"],activeItem:["onActiveItemChange"],showGradient:["checkGradient"],dragOffset:["checkGradient"],nudgeAnimationInterval:["onNudgeAnimIntervalChange"],isNudgeAnimating:["onNudgeAnimationStateChange"]}}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--carousel-background:transparent;--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-margin:0;--carousel-dot-margin-mobile:1rem;--carousel-label-color:var(--tc-text-secondary);--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-nudge-animation-duration:1.5s;--carousel-gradient:var(--tc-background-primary);--carousel-button-icon-mode-padding:0.5rem;--carousel-button-icon-size:1.25rem;-webkit-tap-highlight-color:transparent;display:inline-block;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-label-color:var(--tc-text-secondary-dark);--carousel-gradient:var(--tc-background-primary-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative;margin-bottom:var(--carousel-dot-margin-mobile);contain:layout}.tet-carousel__controls{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;margin-bottom:var(--carousel-dot-margin-mobile);min-height:2.75rem;touch-action:manipulation}.tet-carousel__label{color:var(--carousel-label-color);margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem}.tet-carousel__track{touch-action:pan-y;display:flex;height:var(--carousel-track-height);will-change:transform}.tet-carousel__track--center{justify-content:center}.tet-carousel__track-content{display:flex;gap:var(--carousel-track-gap);will-change:transform}.tet-carousel__track-content--nudge{animation:tet-carousel-nudge var(--carousel-nudge-animation-duration) ease-in-out}@media (hover: hover) and (pointer: fine){.tet-carousel:hover .tet-carousel__track-content--nudge{animation-play-state:paused}}.tet-carousel__track-content>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:50%;display:flex;transform:translateY(50%);gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons tet-button{--button-icon-mode-padding:var(--carousel-button-icon-mode-padding);--button-icon-size:var(--carousel-button-icon-size)}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__dots{display:flex;width:100%;gap:var(--carousel-dots-gap);justify-content:center;align-items:center}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2;touch-action:manipulation}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__dot:focus-visible{outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem}.tet-carousel--unified-buttons .tet-carousel__buttons--mobile{display:none}.tet-carousel--unified-buttons .tet-carousel__buttons--desktop{display:flex !important}.tet-carousel--unified-buttons .tet-carousel__buttons{right:0.25rem}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.4s ease-out;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@keyframes tet-carousel-nudge{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}70%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}100%{transform:translateX(0)}}@media all and (min-width: 46.25rem){.tet-carousel__controls{margin-bottom:var(--carousel-dot-margin)}.tet-carousel__label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.tet-carousel__buttons{right:0.25rem}.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}}@media all and (min-width: 90rem){.tet-carousel__label{font-size:1.125rem;line-height:1.75rem}}';export{r as tet_carousel}
|
|
1
|
+
import{r as t,f as e,h as o,H as i}from"./p-83f43fdd.js";import{p as n,t as s}from"./p-a8051a99.js";import"./p-9a2b6ee2.js";import"./p-0ebbf5ef.js";const r=class{constructor(e){t(this,e),this.activeDotIndex=0,this.dotCount=0,this.totalItems=0,this.activeItem=0,this.isDragging=!1,this.dragOffset=0,this.isNudgeAnimating=!1,this.theme="light",this.showDots=!0,this.showGradient=!1,this.showButtons=!0,this.transitionDuration=500,this.swipeThreshold=32,this.transitionTiming="ease-out",this.buttonIconLeft="arrow-left",this.buttonIconRight="arrow-right",this.maxDots=8,this.label=void 0,this.nudgeAnimationInterval=0,this.unifiedButtons=!1,this.language="lv"}static NUDGE_DISTANCE_PX=16;static NUDGE_IDLE_THRESHOLD_MS=1500;static GRADIENT_VISIBILITY_THRESHOLD_PX=1;static GRADIENT_WIDTH_FALLBACK_PX=100;static EDGE_DRAG_MAX_PX=32;static EDGE_DRAG_RESISTANCE=.95;static MOUSE_DRAG_SMOOTHING_MS=60;static MOBILE_BREAKPOINT_PX=450;static UNIFIED_BUTTONS_MOBILE_MAX_DOTS=4;focusableSelector='a[href], [tabindex]:not([tabindex="-1"])';handleResize=()=>{this.getDotCount();const t=this.getSlotElements();if(!t?.length)return;const e=Math.max(0,Math.min(this.activeItem,t.length-1));this.moveToItem(t[e],e),this.checkGradient()};handleSlotChangeListener=()=>this.handleSlotChange();managedFocusableElements=[];managedSlideFocusWithinListeners=[];draggedAnchor=null;dragMoved=!1;dragPointerStartX=0;dragStartX=0;dragStartActiveItem=0;dragPointerType="";nudgeTimeoutId;nudgeGradientRafId;lastInteractionAt=0;trackElement=null;trackContentElement=null;mobileBackButtonWrapper=null;container;leftGradientRef;rightGradientRef;slotObserver;safeForceUpdate(){try{e(this)}catch{}}syncTranslations(t){n("tet-components",t).then((()=>this.safeForceUpdate()))}onLanguageChange(t){this.syncTranslations(t)}onActiveItemChange(){this.updateSlideFocusableTabIndexes()}checkGradient(){if(this.showGradient){const t=this.getViewportWidth(),e=this.getSlotClientWidth(),o=Math.max(0,e-t),i=-this.getRealDragOffset(),n=Math.max(0,Math.min(o,i)),s=o-n<r.GRADIENT_VISIBILITY_THRESHOLD_PX;n<r.GRADIENT_VISIBILITY_THRESHOLD_PX?(this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="1"):s?(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="0"):(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="1")}else this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="0"}onNudgeAnimIntervalChange(){this.syncNudgeSchedule()}onNudgeAnimationStateChange(){this.syncNudgeGradientLoop(),this.checkGradient()}componentWillLoad(){this.syncTranslations(this.language)}getSlotElements(){const t=this.container?.querySelector("slot");if(!t)return;let e=t.assignedElements?t.assignedElements():[];return 0!==e.length?(e[0].className.includes("carousel-wrapper")&&(e=Array.from(e[0].children)),e):void 0}getViewportWidth(){return this.container?.offsetWidth||window.innerWidth}getSlotClientWidth(){return this.trackElement?.querySelector("slot")?.offsetWidth||window.innerWidth}getMaxScrollableOffset(){return Math.max(0,this.getSlotClientWidth()-this.getViewportWidth())}afterLayout(t){requestAnimationFrame((()=>requestAnimationFrame(t)))}getDotScreenLength(){return this.getSlotClientWidth()/this.dotCount}isLast(t,e){return this.getSlotClientWidth()-e<=t}isLastViewport(t){const e=this.getViewportWidth();return this.isLast(e,t)}isLastDotScreen(t,e){const o=this.getViewportWidth(),i=Math.max(e,o);return this.isLast(i,t)}getItemLayoutMetrics(){const t=this.getSlotElements();return t&&0!==t.length?t.map(((t,e)=>{const o=t.offsetLeft;return{item:t,index:e,left:o,right:o+t.offsetWidth}})):[]}getFullyVisibleItemCount(){const t=this.getItemLayoutMetrics();if(!t.length)return 0;const e=this.getViewportWidth(),o=this.getClampedViewportLeft(),i=o+e;let n=0;for(const{left:e,right:s}of t)e>=o&&s<=i&&n++;return n}getClampedViewportLeft(){const t=Math.abs(this.dragOffset),e=this.getMaxScrollableOffset();return Math.max(0,Math.min(e,t))}getVisibleItemCountFromIndex(t){const e=this.getItemLayoutMetrics();if(!e.length)return 1;const o=Math.max(0,Math.min(t,e.length-1)),i=this.getViewportWidth(),n=e[o].left+i+.5;let s=0;for(let t=o;t<e.length&&e[t].right<=n;t++)s++;return Math.max(1,s)}getFirstVisibleItemInViewport(){const t=this.getItemLayoutMetrics();if(!t.length)return null;const e=this.getClampedViewportLeft(),o=.5,i=t.find((t=>t.left<=e+o&&t.right>e+o));if(i){if(i.right-e>=(i.right-i.left)/2||i.index===t.length-1)return{item:i.item,index:i.index};const o=t[i.index+1];if(o)return{item:o.item,index:o.index}}if(e<=t[0].left+o)return{item:t[0].item,index:t[0].index};const n=t.find((t=>t.left>e+o));if(n)return{item:n.item,index:n.index};const s=t.at(-1);return{item:s.item,index:s.index}}getEdgeSnapTarget(t){const e=this.getItemLayoutMetrics();if(!e.length)return null;const o=this.getClampedViewportLeft(),i=o+this.getViewportWidth(),n=e[0],s=e.at(-1);if(t<0){const t=Math.min(n.right,i)-Math.max(n.left,o);if(t>0&&t>=(n.right-n.left)/2)return{item:n.item,index:n.index}}if(t>0){const t=Math.min(s.right,i)-Math.max(s.left,o);if(t>0&&t>=(s.right-s.left)/2)return{item:s.item,index:s.index}}return null}getSwipeTarget(t){const e=this.getSlotElements();if(!e||0===e.length)return null;const o=this.getEdgeSnapTarget(t);if(o)return o;const i=this.getFirstVisibleItemInViewport();let n=i?.index??this.dragStartActiveItem;t>0&&n<=this.dragStartActiveItem&&(n=this.dragStartActiveItem+1),t<0&&n>=this.dragStartActiveItem&&(n=this.dragStartActiveItem-1),n=Math.max(0,Math.min(e.length-1,n));const s=e[n];return s?{item:s,index:n}:null}getRealDragOffset(){return this.dragOffset+this.getCurrentNudgeTranslateX()}applyEdgeDragResistance(t,e){return t>0?Math.min(r.EDGE_DRAG_MAX_PX,t*r.EDGE_DRAG_RESISTANCE):t<e?e+Math.max(-r.EDGE_DRAG_MAX_PX,(t-e)*r.EDGE_DRAG_RESISTANCE):t}getCurrentNudgeTranslateX(){if(!this.isNudgeAnimating||!this.trackContentElement)return 0;const t=getComputedStyle(this.trackContentElement).transform;if(!t||"none"===t)return 0;try{return new DOMMatrixReadOnly(t).m41||0}catch{return 0}}getDotCount(){const t=this.getSlotElements();if(!t)return this.dotCount=1,this.totalItems=0,void(this.activeDotIndex=0);this.totalItems=t.length;const e=this.getViewportWidth(),o=this.getSlotClientWidth(),i=Math.ceil(o/Math.max(1,e)),n=Number.isFinite(this.maxDots)?this.maxDots:i;let s=n;this.unifiedButtons&&e<r.MOBILE_BREAKPOINT_PX&&(s=Math.min(n,r.UNIFIED_BUTTONS_MOBILE_MAX_DOTS)),this.dotCount=Math.max(1,Math.min(s,i)),this.activeDotIndex=this.clampDotIndex(this.activeDotIndex)}handleMove=()=>{const t=this.getSlotElements();if(!t)return;const e=t[this.activeItem];e&&this.moveToItem(e)};navigateByStep(t){this.registerUserInteraction();const e=this.getSlotElements();if(!e||0===e.length)return;const o=this.activeDotIndex,i=this.getFirstVisibleItemInViewport(),n=i?.index??this.activeItem,s=this.getClampedViewportLeft()>0;if(t<0&&0===n&&s){const t=e[0];return void(t&&this.moveToItem(t,0))}const r=this.getVisibleItemCountFromIndex(n),a=Math.max(0,Math.min(e.length-1,n+t*r));if(a===n)return;const l=e[a];l&&(this.moveToItem(l,a),Math.abs(this.activeDotIndex-o)>1&&this.moveToDotIndex(o+t))}handlePrev=()=>{this.navigateByStep(-1)};handleNext=()=>{this.navigateByStep(1)};moveToLastScreen=()=>{this.dragOffset=-this.getMaxScrollableOffset()};getGradientWidth(){if(!this.showGradient)return 0;const t=this.leftGradientRef?.offsetWidth;return t&&t>0?t:r.GRADIENT_WIDTH_FALLBACK_PX}calculateGradient(t,e){const o=this.getSlotClientWidth();let i=this.showGradient?160:0;return i=e<160?e:i,i=o-e-t.offsetWidth<160?0:i,i}calcLastScreenElement=t=>{const e=this.getSlotElements();if(!e)return null;const o=this.trackElement.getBoundingClientRect(),i=this.getFirstItemOffset();for(const[n,s]of e.entries()){let e=s.getBoundingClientRect().left-o.left-i;const r=this.calculateGradient(s,e);if(e>=t-this.swipeThreshold+r)return{item:s,index:n}}return{item:e[0],index:0}};moveToDotIndex(t){this.activeDotIndex=this.clampDotIndex(t);const e=this.getMaxScrollableOffset(),o=this.dotCount-1!==this.activeDotIndex||this.isDragging?this.activeDotIndex*this.getDotScreenLength():e,i=Math.max(0,Math.min(o,e)),n=this.calcLastScreenElement(i);if(!n)return this.activeItem=0,void(this.dragOffset=0);const{index:s}=n;this.activeItem=s,this.dragOffset=-i}handleDotClick=t=>{this.registerUserInteraction(),this.moveToDotIndex(t)};focusDot=t=>{if(!this.container)return;const e=Array.from(this.container.querySelectorAll(".tet-carousel__dot"));e[t]?.focus()};getKeyboardTargetIndex(t,e,o){if(o<1)return null;switch(t){case"ArrowRight":case"ArrowDown":return Math.min(o,e+1);case"ArrowLeft":case"ArrowUp":return Math.max(0,e-1);case"Home":return 0;case"End":return o;default:return null}}handleNavigationKeyDown(t,e,o,i,n){const s=this.getKeyboardTargetIndex(t.key,e,o);null!==s&&(t.preventDefault(),t.stopPropagation(),i(s)&&this.afterLayout((()=>n(s))))}handleDotKeyDown=(t,e)=>{if("Tab"===t.key&&t.shiftKey){if(this.hasVisibleMobileBackButtonTarget())return;if(!this.hasFocusableTargetInSlide(this.activeItem))return;return this.registerUserInteraction(),t.preventDefault(),t.stopPropagation(),void this.afterLayout((()=>this.focusSlideByIndex(this.activeItem)))}this.handleNavigationKeyDown(t,e,this.dotCount-1,(t=>(this.handleDotClick(t),!0)),(t=>this.focusDot(t)))};isElementVisible(t){if(!t.isConnected)return!1;if(t.hidden||t.hasAttribute("hidden"))return!1;if(0===t.getClientRects().length)return!1;const e=getComputedStyle(t);return"none"!==e.display&&"hidden"!==e.visibility}hasVisibleMobileBackButtonTarget(){if(this.isLeftNavigationDisabled())return!1;const t=this.mobileBackButtonWrapper;return!!t&&this.isElementVisible(t)}hasFocusableTargetInSlide(t){return this.managedFocusableElements.some((({slideIndex:e,element:o})=>e===t&&this.isElementVisible(o)))}onPointerDown=t=>{this.registerUserInteraction(),this.dragPointerType=t.pointerType||"mouse",t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.isDragging=!0,this.dragStartX=t.screenX,this.dragMoved=!1,this.dragPointerStartX=t.screenX,this.dragStartActiveItem=this.activeItem,document.body.style.userSelect="none",document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp);let e=t.target;for(this.draggedAnchor=null;e;){if("A"===e.tagName||e.getAttribute("tabindex")){this.draggedAnchor=e;break}e=e.parentElement}};onPointerMove=t=>{if(!this.isDragging)return;const e=Math.abs(t.screenX-this.dragPointerStartX);if(!this.dragMoved&&e>5&&(this.dragMoved=!0,this.trackElement))try{this.trackElement.setPointerCapture?.(t.pointerId)}catch{}let o=this.dragOffset;o+=t.screenX-this.dragStartX,this.dragStartX=t.screenX;const i=this.getMinDragOffset();this.dragOffset=this.applyEdgeDragResistance(o,i);const n=this.getFirstVisibleItemInViewport();n&&this.activeItem!==n.index&&(this.activeItem=n.index)};releaseTrackPointerCapture(t){try{this.trackElement?.releasePointerCapture?.(t)}catch{}}getMinDragOffset(){return-this.getMaxScrollableOffset()}snapToEdge(t){if(0===t)return void(this.dragOffset=0);const e=this.dragOffset>0;this.activeItem=e?0:Math.max(0,this.totalItems-1),this.activeDotIndex=e?0:Math.max(0,this.dotCount-1),this.dragOffset=e?0:t}moveBySwipeDelta(t){if(Math.abs(t)<=this.swipeThreshold)return this.activeItem=this.dragStartActiveItem,void this.afterLayout((()=>this.handleMove()));const e=this.getSwipeTarget(t<0?1:-1);e&&this.moveToItem(e.item,e.index)}finalizePointerDrag(){document.body.style.userSelect="",document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp),this.dragPointerType=""}preventClickAfterDrag(){if(!this.draggedAnchor||!this.dragMoved)return;const t=e=>{e.preventDefault(),e.stopPropagation(),this.draggedAnchor?.removeEventListener("click",t,!0)};this.draggedAnchor.addEventListener("click",t,!0)}onPointerUp=t=>{if(!this.isDragging)return;this.registerUserInteraction(),this.releaseTrackPointerCapture(t.pointerId),this.isDragging=!1;const e=this.getMinDragOffset(),o=t.screenX-this.dragPointerStartX;this.dragOffset>0||this.dragOffset<e?this.snapToEdge(e):this.moveBySwipeDelta(o),this.finalizePointerDrag(),this.preventClickAfterDrag()};_showButtons(t=this.getFullyVisibleItemCount()){return!(!this.showButtons||t>=this.totalItems)}_showDots(t=this.getFullyVisibleItemCount()){return!!this.showDots&&!(this.totalItems<=0||t>=this.totalItems)}componentDidLoad(){this.getDotCount(),window.addEventListener("resize",this.handleResize),this.checkGradient(),this.initSlotListeners(),this.syncNudgeSchedule(),this.refreshSlideFocusableElements()}handleSlotChange(){this.getDotCount();const t=Math.max(0,this.totalItems-1);this.activeItem=Math.max(0,Math.min(this.activeItem,t)),this.refreshSlideFocusableElements(),this.checkGradient(),this.safeForceUpdate()}initSlotListeners(){const t=this.container?.querySelector("slot");if(!t)return;if(t.addEventListener("slotchange",this.handleSlotChangeListener),"function"!=typeof t.assignedElements)return;const e=t.assignedElements();if(1!==e.length)return;const o=e[0];this.slotObserver=new MutationObserver((()=>this.handleSlotChange())),this.slotObserver.observe(o,{childList:!0,subtree:!1})}isTabbableElement(t){if("A"===t.tagName)return t.hasAttribute("href");const e=t.getAttribute("tabindex");return null!==e&&"-1"!==e.trim()}getSlideFocusableElements(t){const e=new Set;return this.isTabbableElement(t)&&e.add(t),Array.from(t.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),t.shadowRoot&&Array.from(t.shadowRoot.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),Array.from(e)}clearManagedSlideFocusableElements(){this.managedSlideFocusWithinListeners.forEach((({slide:t,onFocusWithin:e})=>{t.removeEventListener("focusin",e)})),this.managedSlideFocusWithinListeners=[],this.managedFocusableElements.forEach((({element:t,originalTabIndex:e,onKeyDown:o})=>{t.removeEventListener("keydown",o),null===e?t.removeAttribute("tabindex"):t.setAttribute("tabindex",e)})),this.managedFocusableElements=[]}updateSlideFocusableTabIndexes(){this.managedFocusableElements.length&&this.managedFocusableElements.forEach((({element:t,slideIndex:e})=>{t.setAttribute("tabindex",e===this.activeItem?"0":"-1")}))}focusSlideByIndex(t){const e=this.managedFocusableElements.find((e=>e.slideIndex===t)),o=e?.element;if(o)try{o.focus({preventScroll:!0})}catch{}}handleSlideKeyDown(t,e){this.handleNavigationKeyDown(t,e,this.totalItems-1,(t=>{const e=this.getSlotElements();return!!e?.[t]&&(this.registerUserInteraction(),this.moveToItem(e[t],t,0),!0)}),(t=>this.focusSlideByIndex(t)))}refreshSlideFocusableElements(){this.clearManagedSlideFocusableElements();const t=this.getSlotElements();t?.length&&(t.forEach(((e,o)=>{const i=()=>{this.registerUserInteraction();const i=o===t.length-1?0:this.getGradientWidth();this.moveToItem(e,o,i)};this.managedSlideFocusWithinListeners.push({slide:e,onFocusWithin:i}),e.addEventListener("focusin",i),this.getSlideFocusableElements(e).forEach((t=>{const e=t=>this.handleSlideKeyDown(t,o);this.managedFocusableElements.push({element:t,slideIndex:o,originalTabIndex:t.getAttribute("tabindex"),onKeyDown:e}),t.addEventListener("keydown",e)}))})),this.updateSlideFocusableTabIndexes())}startNudgeGradientLoop(){if(this.nudgeGradientRafId)return;const t=()=>{this.checkGradient(),this.nudgeGradientRafId=this.isNudgeAnimating?requestAnimationFrame(t):void 0};this.nudgeGradientRafId=requestAnimationFrame(t)}stopNudgeGradientLoop(){this.nudgeGradientRafId&&(cancelAnimationFrame(this.nudgeGradientRafId),this.nudgeGradientRafId=void 0)}syncNudgeGradientLoop(){this.isNudgeAnimating?this.startNudgeGradientLoop():this.stopNudgeGradientLoop()}registerUserInteraction(){this.lastInteractionAt=Date.now(),this.stopNudgeAnimation()&&this.scheduleNextNudge()}hasRecentInteraction(){return!!this.lastInteractionAt&&Date.now()-this.lastInteractionAt<r.NUDGE_IDLE_THRESHOLD_MS}isRightNavigationDisabled(){return this.dotCount<=1||this.activeItem===this.totalItems-1||this.isLastViewport(-this.dragOffset)}isLeftNavigationDisabled(){return this.dotCount<=1||0===this.activeItem}isNudgeEligible(){return!(!this.trackElement||this.isDragging||this.isNudgeAnimating||this.hasRecentInteraction()||this.isRightNavigationDisabled()||0!==this.dragOffset)}scheduleNextNudge(){this.nudgeAnimationInterval<=0||(this.clearNudgeTimeout(),this.nudgeTimeoutId=setTimeout((()=>{this.nudgeTimeoutId=void 0,this.isNudgeEligible()?this.isNudgeAnimating=!0:this.scheduleNextNudge()}),this.nudgeAnimationInterval))}onNudgeAnimationEnd=t=>{"tet-carousel-nudge"===t.animationName&&(this.stopNudgeAnimation(),this.scheduleNextNudge())};stopNudgeAnimation(){const t=this.isNudgeAnimating;return t&&(this.isNudgeAnimating=!1),t}clearNudgeTimeout(){this.nudgeTimeoutId&&(clearTimeout(this.nudgeTimeoutId),this.nudgeTimeoutId=void 0)}stopNudgeSchedule(){this.clearNudgeTimeout(),this.stopNudgeAnimation()}syncNudgeSchedule(){this.stopNudgeSchedule(),this.scheduleNextNudge()}clampDotIndex(t){return Math.max(0,Math.min(t,this.dotCount-1))}setDotIndex(t,e){let o=0;const i=this.getDotScreenLength();o=this.isLastDotScreen(t,i)?this.dotCount-1:Math.round((t+e)/i),this.activeDotIndex=this.clampDotIndex(o)}getFirstItemOffset(){const t=this.getSlotElements();if(!t?.length)return 0;const e=this.trackElement.getBoundingClientRect();return t[0].getBoundingClientRect().left-e.left}moveToItem(t,e,o=0){(e||0===e)&&(this.activeItem=e);const i=t.getBoundingClientRect(),n=this.trackElement.getBoundingClientRect();let s=i.left-n.left-this.getFirstItemOffset();const r=this.calculateGradient(t,s);this.setDotIndex(s,r);const a=Math.max(0,s-Math.max(0,o));this.isLastViewport(s)?this.moveToLastScreen():this.dragOffset=-a}disconnectedCallback(){this.stopNudgeSchedule(),this.stopNudgeGradientLoop(),window.removeEventListener("resize",this.handleResize),this.clearManagedSlideFocusableElements();const t=this.container?.querySelector("slot");t&&t.removeEventListener("slotchange",this.handleSlotChangeListener),this.slotObserver&&(this.slotObserver.disconnect(),this.slotObserver=null),document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}render(){const t=this.getFullyVisibleItemCount(),e=this._showButtons(t),n=this._showDots(t),a=e||n;let l=`transform ${this.transitionDuration}ms ${this.transitionTiming}`;return this.isDragging&&(l="mouse"===this.dragPointerType?`transform ${r.MOUSE_DRAG_SMOOTHING_MS}ms linear`:"none"),o(i,{key:"ac7c72bdd862708328dbd6f31277254b09220b4b"},o("div",{key:"651732dfc1ca6bc106c9b28e408773b7cc228e1e",class:{"tet-carousel":!0,[`${this.theme}`]:!0,"tet-carousel--unified-buttons":this.unifiedButtons},ref:t=>this.container=t,part:"carousel"},o("div",{key:"a437edf5e6620cc8d4702d06bd8b77aaa7c987a7",class:"tet-carousel__container"},o("div",{key:"2ab991327aaf21ab9a1a9e2f8bdf343367d84030",class:"tet-carousel__gradient-left",ref:t=>{this.leftGradientRef=t}}),o("div",{key:"1e69998d66b452715d8593268976ff4da1c8cd06",class:"tet-carousel__gradient-right",ref:t=>{this.rightGradientRef=t}}),o("div",{key:"b730cb0347660efaf634f9eaf4e481ba81a01411",class:"tet-carousel__track "+(a?"":"tet-carousel__track--center"),ref:t=>this.trackElement=t,style:{transform:`translate3d(${this.dragOffset}px, 0, 0)`,transition:l,willChange:"transform"},onPointerDown:this.onPointerDown,onPointerUp:this.onPointerUp},o("div",{key:"6c36c5e4f66d80c8a19f204e543fe80f1e5a0e0e",class:{"tet-carousel__track-content":!0,"tet-carousel__track-content--nudge":this.isNudgeAnimating},ref:t=>this.trackContentElement=t,style:{"--tet-carousel-nudge-distance":`${r.NUDGE_DISTANCE_PX}px`},onAnimationEnd:this.onNudgeAnimationEnd},o("slot",{key:"19a3d93c5c56b820088e55fb78dc31629c3c00fa"})))),!!this.label&&o("div",{key:"a9642a052b1a83611940a5af5a0156b6b82d7611",class:"tet-carousel__label"},this.label),a&&o("div",{key:"725605eb30334abeb6446fdb7ba33854e88e9bca",class:"tet-carousel__controls"},e&&o("div",{key:"cc7cc366f976bdf79ae7edb671417d1c32de2bcd",class:"tet-carousel__buttons tet-carousel__buttons--mobile",ref:t=>this.mobileBackButtonWrapper=t},o("tet-button",{key:"6a48785ffeb250e50e0f76ef584fb83ed88f9d27",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()})),n&&o("div",{key:"135e226878182352986fb9d311c8c2ab8cc82513",class:"tet-carousel__dots"},Array.from({length:this.dotCount}).map(((t,e)=>o("button",{type:"button",tabIndex:e===this.activeDotIndex?0:-1,class:"tet-carousel__dot"+(e===this.activeDotIndex?" active":""),key:e,"aria-label":`${s(e===this.activeDotIndex?"components-carousel-indicator-button-active":"components-carousel-indicator-button")} ${e+1}/${this.dotCount}`,"aria-current":e===this.activeDotIndex?"true":void 0,onPointerDown:t=>t.stopPropagation(),onKeyDown:t=>this.handleDotKeyDown(t,e),onClick:()=>this.handleDotClick(e)})))),e&&o("div",{key:"d2beff17bffbf2cf1ed0e9f45318e71424567b81",class:"tet-carousel__buttons"},o("tet-button",{key:"1b104da64930af26305094546dd668f83d4b4d9a",class:"tet-carousel__buttons--desktop",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()}),o("tet-button",{key:"a58e81decd807bcb316e054d529b13c7ee3dcfde",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconRight,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handleNext(),accessibilityLabel:s("components-carousel-next"),disabled:this.isRightNavigationDisabled()})))))}static get watchers(){return{language:["onLanguageChange"],activeItem:["onActiveItemChange"],showGradient:["checkGradient"],dragOffset:["checkGradient"],nudgeAnimationInterval:["onNudgeAnimIntervalChange"],isNudgeAnimating:["onNudgeAnimationStateChange"]}}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--carousel-background:transparent;--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-margin:0;--carousel-dot-margin-mobile:1rem;--carousel-label-color:var(--tc-text-secondary);--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-nudge-animation-duration:1.5s;--carousel-gradient:var(--tc-background-primary);--carousel-button-icon-mode-padding:0.5rem;--carousel-button-icon-size:1.25rem;-webkit-tap-highlight-color:transparent;display:inline-block;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-label-color:var(--tc-text-secondary-dark);--carousel-gradient:var(--tc-background-primary-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative;margin-bottom:var(--carousel-dot-margin-mobile);contain:layout}.tet-carousel__controls{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;margin-bottom:var(--carousel-dot-margin-mobile);min-height:2.75rem;touch-action:manipulation}.tet-carousel__label{color:var(--carousel-label-color);margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem}.tet-carousel__track{touch-action:pan-y;display:flex;height:var(--carousel-track-height);will-change:transform}.tet-carousel__track--center{justify-content:center}.tet-carousel__track-content{display:flex;gap:var(--carousel-track-gap);will-change:transform}.tet-carousel__track-content--nudge{animation:tet-carousel-nudge var(--carousel-nudge-animation-duration) ease-in-out}@media (hover: hover) and (pointer: fine){.tet-carousel:hover .tet-carousel__track-content--nudge{animation-play-state:paused}}.tet-carousel__track-content>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:50%;display:flex;transform:translateY(50%);gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons tet-button{--button-icon-mode-padding:var(--carousel-button-icon-mode-padding);--button-icon-size:var(--carousel-button-icon-size)}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__dots{display:flex;width:100%;gap:var(--carousel-dots-gap);justify-content:center;align-items:center}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2;touch-action:manipulation}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__dot:focus-visible{outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem}.tet-carousel--unified-buttons .tet-carousel__buttons--mobile{display:none}.tet-carousel--unified-buttons .tet-carousel__buttons--desktop{display:flex !important}.tet-carousel--unified-buttons .tet-carousel__buttons{right:0.25rem}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.4s ease-out;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@keyframes tet-carousel-nudge{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}70%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}100%{transform:translateX(0)}}@media all and (min-width: 46.25rem){.tet-carousel__controls{margin-bottom:var(--carousel-dot-margin)}.tet-carousel__label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.tet-carousel__buttons{right:0.25rem}.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}}@media all and (min-width: 90rem){.tet-carousel__label{font-size:1.125rem;line-height:1.75rem}}';export{r as tet_carousel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as r,h as a,H as o}from"./p-7c868b40.js";import{a as s}from"./p-64ec8edd.js";const i=class{constructor(r){e(this,r),this.select=t(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.showOverflowGradients=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.effectivePosition="left",this.hasOverflowLeft=!1,this.hasOverflowRight=!1,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return r(this)}select;async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")||(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type||"square-detached"===this.type}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("role","tab"),e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`);const r=e.classList.contains("disabled"),a=e.classList.contains("active");if(e.setAttribute("tabIndex",a?"0":"-1"),e.setAttribute("aria-selected",`${a}`),!r&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const r=()=>{this.isDragging||this.selectTab(e.getAttribute("data-name")||t)},a=t=>{const{key:r}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(r)){t.preventDefault();const a=this.tabHeadersNotDisabled.indexOf(e);let o;switch(r){case"ArrowRight":o=a+1,o>=this.tabHeadersNotDisabled.length&&(o=0);break;case"ArrowLeft":o=a-1,o<0&&(o=this.tabHeadersNotDisabled.length-1);break;case"Home":o=0;break;case"End":o=this.tabHeadersNotDisabled.length-1}const s=this.tabHeadersNotDisabled[o];s.focus(),s.click()}};e.addEventListener("click",r),e.addEventListener("keydown",a),this.tabListeners.set(e,{click:r,keydown:a})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t){const r=e.getAttribute("data-image-active"),a=e.getAttribute("data-image-alt")??"",o=document.createElement("img");if(o.src=t,o.alt=a,o.draggable=!1,o.classList.add("tab-header-image"),"square-detached"===this.type?(o.style.filter="var(--square-detached-img-filter, none)",o.style.maxWidth="var(--square-detached-logo-max-w, 100%)",o.style.maxHeight="var(--square-detached-logo-max-h, 100%)",o.style.objectFit="contain"):o.style.maxHeight="1.5rem",e.appendChild(o),r){const t=document.createElement("img");t.src=r,t.alt=a,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),o.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const t=this.getTabElement(this.selectedId),r=t.parentNode.getBoundingClientRect(),a=t.getBoundingClientRect();if(this.segmentAnimation={width:`${a.width}px`,position:`${a.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,r=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(r.width/2+r.left)})}}async selectTab(e,t=!0,r=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-selected","false"),e.setAttribute("tabIndex","-1");const t=e.querySelector("img.tab-header-image.active");t&&(t.style.display="none");const r=e.querySelector("img.tab-header-image.default");r&&(r.style.display="inline-block")}));const a=this.getTabElement(e);if(null===a)return;if(r&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=a.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}a.classList.add("active"),a.setAttribute("aria-selected","true"),a.setAttribute("tabIndex","0"),this.applyPillIconColor();const o=a.querySelector("img.tab-header-image.active");if(o){o.style.display="inline-block";const e=a.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=s(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:r}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":r}}return{}}render(){const e=this.showOverflowGradients;return a(o,{key:"0c3b63ca375eaa752e40ce11d6841dfada97b0fc","data-id-suffix":this.idSuffix},a("div",{key:"42380177d8b2beb98ff36b63c0e5ad1ca1f1d752",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:"tablist"},e&&a("div",{key:"b8be20459ebd6f22d86aa7b67cf862f92aa04ea9",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),a("slot",{key:"584bd232f1f67948ecf6fcf361490b075ee7ec3c",onSlotchange:()=>this.updatePositionClass(),ref:e=>this.tabContainer=e}),e&&a("div",{key:"0da0b87d1c9b19fd3026f9981ecfcede1f45c0d9",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),a("div",{key:"3e6c23d18e393c2abda0bbe50c8cbb128f231461",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-edge-padding:0rem;--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark);--tabs-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs *{box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(*){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);--tabs-edge-padding:var(--tabs-headers-square-detached-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-square-detached-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.square-detached ::slotted(*){border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:0 !important}.tabs.square-detached ::slotted(:last-child){margin-right:0 !important}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(*){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;width:7rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(*){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;width:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(*){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;min-width:12.25rem !important;max-width:17.25rem;flex:1;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color);cursor:not-allowed}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}
|
|
1
|
+
import{r as e,c as t,g as r,h as a,H as o}from"./p-83f43fdd.js";import{a as s}from"./p-64ec8edd.js";const i=class{constructor(r){e(this,r),this.select=t(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.showOverflowGradients=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.effectivePosition="left",this.hasOverflowLeft=!1,this.hasOverflowRight=!1,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return r(this)}select;async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")||(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type||"square-detached"===this.type}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("role","tab"),e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`);const r=e.classList.contains("disabled"),a=e.classList.contains("active");if(e.setAttribute("tabIndex",a?"0":"-1"),e.setAttribute("aria-selected",`${a}`),!r&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const r=()=>{this.isDragging||this.selectTab(e.getAttribute("data-name")||t)},a=t=>{const{key:r}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(r)){t.preventDefault();const a=this.tabHeadersNotDisabled.indexOf(e);let o;switch(r){case"ArrowRight":o=a+1,o>=this.tabHeadersNotDisabled.length&&(o=0);break;case"ArrowLeft":o=a-1,o<0&&(o=this.tabHeadersNotDisabled.length-1);break;case"Home":o=0;break;case"End":o=this.tabHeadersNotDisabled.length-1}const s=this.tabHeadersNotDisabled[o];s.focus(),s.click()}};e.addEventListener("click",r),e.addEventListener("keydown",a),this.tabListeners.set(e,{click:r,keydown:a})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t){const r=e.getAttribute("data-image-active"),a=e.getAttribute("data-image-alt")??"",o=document.createElement("img");if(o.src=t,o.alt=a,o.draggable=!1,o.classList.add("tab-header-image"),"square-detached"===this.type?(o.style.filter="var(--square-detached-img-filter, none)",o.style.maxWidth="var(--square-detached-logo-max-w, 100%)",o.style.maxHeight="var(--square-detached-logo-max-h, 100%)",o.style.objectFit="contain"):o.style.maxHeight="1.5rem",e.appendChild(o),r){const t=document.createElement("img");t.src=r,t.alt=a,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),o.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const t=this.getTabElement(this.selectedId),r=t.parentNode.getBoundingClientRect(),a=t.getBoundingClientRect();if(this.segmentAnimation={width:`${a.width}px`,position:`${a.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,r=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(r.width/2+r.left)})}}async selectTab(e,t=!0,r=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-selected","false"),e.setAttribute("tabIndex","-1");const t=e.querySelector("img.tab-header-image.active");t&&(t.style.display="none");const r=e.querySelector("img.tab-header-image.default");r&&(r.style.display="inline-block")}));const a=this.getTabElement(e);if(null===a)return;if(r&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=a.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}a.classList.add("active"),a.setAttribute("aria-selected","true"),a.setAttribute("tabIndex","0"),this.applyPillIconColor();const o=a.querySelector("img.tab-header-image.active");if(o){o.style.display="inline-block";const e=a.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=s(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:r}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":r}}return{}}render(){const e=this.showOverflowGradients;return a(o,{key:"0c3b63ca375eaa752e40ce11d6841dfada97b0fc","data-id-suffix":this.idSuffix},a("div",{key:"42380177d8b2beb98ff36b63c0e5ad1ca1f1d752",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:"tablist"},e&&a("div",{key:"b8be20459ebd6f22d86aa7b67cf862f92aa04ea9",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),a("slot",{key:"584bd232f1f67948ecf6fcf361490b075ee7ec3c",onSlotchange:()=>this.updatePositionClass(),ref:e=>this.tabContainer=e}),e&&a("div",{key:"0da0b87d1c9b19fd3026f9981ecfcede1f45c0d9",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),a("div",{key:"3e6c23d18e393c2abda0bbe50c8cbb128f231461",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-edge-padding:0rem;--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark);--tabs-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs *{box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(*){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);--tabs-edge-padding:var(--tabs-headers-square-detached-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-square-detached-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.square-detached ::slotted(*){border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:0 !important}.tabs.square-detached ::slotted(:last-child){margin-right:0 !important}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(*){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;width:7rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(*){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;width:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(*){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;min-width:12.25rem !important;max-width:17.25rem;flex:1;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color);cursor:not-allowed}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as n,h as o,H as i}from"./p-7c868b40.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"afa5796d7595f3bcf92cd131010330902bec30c1"},o("div",{key:"34acdd3ed0309d0c5e16ad01275763e8f1493324",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"ecf60d17f5fbe1cd5269bc37f50ebacbd9f24dc9",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"3f8458f7293850e97b934346b9eb6a4892735277",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|
|
1
|
+
import{r as t,c as e,g as n,h as o,H as i}from"./p-83f43fdd.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"afa5796d7595f3bcf92cd131010330902bec30c1"},o("div",{key:"34acdd3ed0309d0c5e16ad01275763e8f1493324",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"ecf60d17f5fbe1cd5269bc37f50ebacbd9f24dc9",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"3f8458f7293850e97b934346b9eb6a4892735277",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|