@tet/tet-components 1.4.69-staging → 1.4.69-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-f852270f.js → address-656e77f6.js} +1 -1
- package/dist/cjs/{assets-b9d36649.js → assets-f64f0e16.js} +1 -1
- package/dist/cjs/{async-request-4517f566.js → async-request-fcf33aba.js} +1 -1
- package/dist/cjs/{http-codes-062f76cf.js → http-codes-40da1e61.js} +1 -1
- package/dist/cjs/{index-faec4c52.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-19a7608f.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-d6be0dd2.js → phone-055efd07.js} +2 -2
- package/dist/cjs/{product-comparison-aa80a77c.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_3.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-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 +1 -1
- 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-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-46514846.js → theme-wrapper-66880718.js} +2 -2
- package/dist/cjs/{translations-89a0ec3d.js → translations-03c9de64.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-3f70a86a.js → p-05a4a88a.js} +2 -2
- package/dist/components/{p-d92091d6.js → p-1281b61e.js} +2 -2
- package/dist/components/{p-b4ccc509.js → p-189a37d2.js} +5 -5
- package/dist/components/{p-1a0a5e0b.js → p-1942f0f5.js} +3 -3
- package/dist/components/{p-b520b98a.js → p-1a84e464.js} +6 -6
- package/dist/components/{p-0c48b91d.js → p-22b05881.js} +3 -3
- package/dist/components/{p-4a8127bf.js → p-23f7b264.js} +6 -6
- package/dist/components/{p-aa122c92.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-a2b1a79a.js → p-25ea4db6.js} +1 -1
- package/dist/components/{p-d9008657.js → p-2be031c9.js} +9 -9
- package/dist/components/{p-72ab8bd5.js → p-2f7b2d35.js} +1 -1
- package/dist/components/{p-d0df24b6.js → p-3c404244.js} +1 -1
- package/dist/components/{p-a4099430.js → p-411270c6.js} +2 -2
- package/dist/components/{p-08612744.js → p-42d78188.js} +7 -7
- package/dist/components/{p-3493f65f.js → p-4468c9e9.js} +1 -1
- package/dist/components/{p-9972183e.js → p-454eccfc.js} +3 -3
- package/dist/components/{p-25538d98.js → p-4d181fc9.js} +5 -5
- package/dist/components/{p-3e36e361.js → p-5a41a155.js} +4 -4
- package/dist/components/{p-1585767d.js → p-61ba5ba1.js} +1 -1
- package/dist/components/{p-785629c2.js → p-68c6a6d2.js} +1 -1
- package/dist/components/{p-65955941.js → p-69ddd50b.js} +6 -6
- package/dist/components/{p-7f14c72a.js → p-6b6e4f80.js} +1 -1
- package/dist/components/{p-d2a24b94.js → p-70507bfc.js} +1 -1
- package/dist/components/{p-1cc1a7b5.js → p-70a6ba6c.js} +14 -14
- package/dist/components/{p-3fef4912.js → p-72215a89.js} +2 -2
- package/dist/components/{p-446fe76d.js → p-734f67c5.js} +1 -1
- package/dist/components/{p-503abf7a.js → p-789bee5f.js} +1 -1
- package/dist/components/{p-3a347581.js → p-79e64e7a.js} +2 -2
- package/dist/components/{p-4ca8db20.js → p-7cd73a11.js} +3 -3
- package/dist/components/{p-a40527e5.js → p-806583bf.js} +4 -4
- package/dist/components/{p-fcf4aad0.js → p-809b2c68.js} +3 -3
- package/dist/components/{p-05f9e34d.js → p-8803338b.js} +1 -1
- package/dist/components/{p-57b59a16.js → p-8cd5cc24.js} +2 -2
- package/dist/components/{p-e7e499ef.js → p-8f3097ac.js} +10 -10
- package/dist/components/{p-9568c281.js → p-8f9ff447.js} +2 -2
- package/dist/components/{p-d8eb751f.js → p-a004fba4.js} +2 -2
- package/dist/components/{p-4606f4f9.js → p-a46ed058.js} +1 -1
- package/dist/components/{p-0dc23dbb.js → p-a57638be.js} +1 -1
- package/dist/components/{p-8a9be4ba.js → p-a6c51126.js} +2 -2
- package/dist/components/{p-b8e53499.js → p-ac8ad039.js} +1 -1
- package/dist/components/{p-a79cb5c9.js → p-b51591ec.js} +1 -1
- package/dist/components/{p-538a0e87.js → p-b63a7833.js} +3 -3
- package/dist/components/{p-926949eb.js → p-b7eb822d.js} +1 -1
- package/dist/components/{p-1c324769.js → p-c7f783f8.js} +7 -7
- package/dist/components/{p-d34a8ce6.js → p-cd88c18e.js} +7 -7
- package/dist/components/{p-8e3c606a.js → p-d2906f29.js} +3 -3
- package/dist/components/{p-95b43510.js → p-d5d6ad18.js} +2 -2
- package/dist/components/{p-6d79283f.js → p-d659d0dc.js} +1 -1
- package/dist/components/{p-9ccfc5fc.js → p-d6c8d210.js} +10 -10
- package/dist/components/{p-1bfee463.js → p-d840d114.js} +1 -1
- package/dist/components/{p-3794206a.js → p-dab4d025.js} +1 -1
- package/dist/components/{p-43ae78c6.js → p-de671173.js} +1 -1
- package/dist/components/{p-9e4881fa.js → p-e72337be.js} +1 -1
- package/dist/components/{p-5fb97604.js → p-e8595e06.js} +2 -2
- package/dist/components/{p-5c4dbc29.js → p-eabd73fc.js} +3 -3
- package/dist/components/{p-d6e2d762.js → p-ecb62209.js} +1 -1
- package/dist/components/{p-89110d69.js → p-efa3ec10.js} +2 -2
- package/dist/components/{p-5f9d5d42.js → p-f6c678ae.js} +2 -2
- package/dist/components/{p-6e8583d1.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.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 +2 -2
- 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-20e2d850.js → address-1e0810e7.js} +1 -1
- package/dist/esm/{assets-894007df.js → assets-e1349520.js} +1 -1
- package/dist/esm/{async-request-ae1056de.js → async-request-4c945e13.js} +1 -1
- package/dist/esm/{http-codes-cf0086d4.js → http-codes-1927ea00.js} +1 -1
- package/dist/esm/{index-e3209c56.js → index-412df137.js} +1 -1
- package/dist/esm/{index-e933a7d2.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-62660137.js → phone-1a920c5c.js} +2 -2
- package/dist/esm/{product-comparison-cb8955f6.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_3.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-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 +1 -1
- 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-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-cf4d7d54.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-e60db8fd.js → translations-4712c45f.js} +1 -1
- package/dist/tet-components/{p-58313d11.entry.js → p-003e17a0.entry.js} +1 -1
- package/dist/tet-components/{p-c9ddf890.js → p-0c6b6730.js} +1 -1
- package/dist/tet-components/{p-726651bc.js → p-0ebbf5ef.js} +1 -1
- package/dist/tet-components/{p-18c74666.entry.js → p-1080e977.entry.js} +1 -1
- package/dist/tet-components/{p-548d7cc1.entry.js → p-122f3d3c.entry.js} +1 -1
- package/dist/tet-components/{p-25416a3a.entry.js → p-158f319b.entry.js} +1 -1
- package/dist/tet-components/{p-39ce6062.entry.js → p-1fbb7d96.entry.js} +1 -1
- package/dist/tet-components/{p-b92dff8a.js → p-1fd2adaf.js} +1 -1
- package/dist/tet-components/{p-ceff5b1f.entry.js → p-1ff1f044.entry.js} +1 -1
- package/dist/tet-components/{p-fbc6cc0a.entry.js → p-255cd889.entry.js} +1 -1
- package/dist/tet-components/{p-08aeaafd.entry.js → p-25bb7d4f.entry.js} +1 -1
- package/dist/tet-components/{p-fcbb1ac6.entry.js → p-25e48d9f.entry.js} +1 -1
- package/dist/tet-components/{p-649a4eab.entry.js → p-2acd5146.entry.js} +1 -1
- package/dist/tet-components/{p-47a897c5.entry.js → p-2b5b2c71.entry.js} +1 -1
- package/dist/tet-components/{p-bea999e0.entry.js → p-2c92d701.entry.js} +1 -1
- package/dist/tet-components/{p-bf61c059.entry.js → p-2fb8ea65.entry.js} +1 -1
- package/dist/tet-components/{p-a28e087f.entry.js → p-331e7bf2.entry.js} +1 -1
- package/dist/tet-components/{p-8e72a5cb.entry.js → p-3324b31a.entry.js} +1 -1
- package/dist/tet-components/{p-592f0674.entry.js → p-38be49a6.entry.js} +1 -1
- package/dist/tet-components/{p-70448ec8.entry.js → p-401e736e.entry.js} +1 -1
- package/dist/tet-components/{p-8ac7782f.entry.js → p-46b3fc7f.entry.js} +1 -1
- package/dist/tet-components/{p-2f25de81.entry.js → p-46f6a051.entry.js} +1 -1
- package/dist/tet-components/{p-60ef69f6.entry.js → p-480ca12a.entry.js} +1 -1
- package/dist/tet-components/{p-f17a4724.entry.js → p-4b84438a.entry.js} +1 -1
- package/dist/tet-components/{p-0dca3de0.entry.js → p-4c6a379b.entry.js} +1 -1
- package/dist/tet-components/{p-2bf6d5b3.entry.js → p-52949a88.entry.js} +1 -1
- package/dist/tet-components/{p-e1ce8689.entry.js → p-5b5001cf.entry.js} +1 -1
- package/dist/tet-components/{p-cf362ecc.entry.js → p-5c821eef.entry.js} +1 -1
- package/dist/tet-components/{p-85fffa05.entry.js → p-5fb62a1b.entry.js} +1 -1
- package/dist/tet-components/{p-3251b52b.entry.js → p-64e277c1.entry.js} +1 -1
- package/dist/tet-components/{p-25d4852b.entry.js → p-6693715e.entry.js} +1 -1
- package/dist/tet-components/{p-e1aa6a4d.entry.js → p-689e9d36.entry.js} +1 -1
- package/dist/tet-components/{p-1beb018b.entry.js → p-697d23d7.entry.js} +1 -1
- package/dist/tet-components/{p-81cabfb1.entry.js → p-69c58fc4.entry.js} +1 -1
- package/dist/tet-components/{p-e30eca37.entry.js → p-6b088283.entry.js} +1 -1
- package/dist/tet-components/{p-fc81fb8e.entry.js → p-6babde37.entry.js} +1 -1
- package/dist/tet-components/{p-4babd7b2.entry.js → p-6be0549b.entry.js} +1 -1
- package/dist/tet-components/{p-31be2161.entry.js → p-724189c2.entry.js} +1 -1
- package/dist/tet-components/{p-b39df477.js → p-7544dfd7.js} +1 -1
- package/dist/tet-components/{p-c1955aa6.entry.js → p-75bbc14a.entry.js} +1 -1
- package/dist/tet-components/{p-3ac57578.js → p-778c46a6.js} +1 -1
- package/dist/tet-components/{p-f581e4ca.entry.js → p-78d6f52c.entry.js} +1 -1
- package/dist/tet-components/{p-fbe053de.entry.js → p-7e7068af.entry.js} +1 -1
- package/dist/tet-components/{p-278f1d5e.entry.js → p-7f18c74c.entry.js} +1 -1
- package/dist/tet-components/{p-aa09ca5f.entry.js → p-7fc933fe.entry.js} +1 -1
- package/dist/tet-components/{p-0416fa6c.entry.js → p-805fb580.entry.js} +1 -1
- package/dist/tet-components/{p-a3b09130.entry.js → p-83e4ae9f.entry.js} +1 -1
- package/dist/tet-components/{p-5abb3bea.js → p-83f43fdd.js} +1 -1
- package/dist/tet-components/{p-091ba284.entry.js → p-84322a3d.entry.js} +1 -1
- package/dist/tet-components/{p-d811ee75.entry.js → p-85f3f726.entry.js} +1 -1
- package/dist/tet-components/{p-9f921c87.entry.js → p-87221449.entry.js} +1 -1
- package/dist/tet-components/{p-e3f93dd7.entry.js → p-876009b7.entry.js} +1 -1
- package/dist/tet-components/{p-63f6def9.entry.js → p-8bfd498e.entry.js} +1 -1
- package/dist/tet-components/{p-dcfc2639.entry.js → p-8fa0be45.entry.js} +1 -1
- package/dist/tet-components/{p-4e9f66a8.entry.js → p-900bd4e1.entry.js} +1 -1
- package/dist/tet-components/{p-b4fb5193.entry.js → p-93820289.entry.js} +1 -1
- package/dist/tet-components/{p-8998d112.entry.js → p-949d0eaf.entry.js} +1 -1
- package/dist/tet-components/{p-1d7b8a14.entry.js → p-97cff839.entry.js} +1 -1
- package/dist/tet-components/{p-aba71e2d.entry.js → p-9a75ed39.entry.js} +1 -1
- package/dist/tet-components/{p-b4b90473.entry.js → p-9c837569.entry.js} +1 -1
- package/dist/tet-components/{p-0448b5de.entry.js → p-a0baf31a.entry.js} +1 -1
- package/dist/tet-components/{p-a476fd02.js → p-a8051a99.js} +1 -1
- package/dist/tet-components/{p-695ded14.entry.js → p-b01405f8.entry.js} +1 -1
- package/dist/tet-components/{p-b2137624.entry.js → p-b0688983.entry.js} +1 -1
- package/dist/tet-components/{p-5e8bd119.entry.js → p-b0c62997.entry.js} +1 -1
- package/dist/tet-components/{p-738c3987.entry.js → p-b31168fc.entry.js} +1 -1
- package/dist/tet-components/{p-f63082c7.entry.js → p-b44083d7.entry.js} +1 -1
- package/dist/tet-components/{p-e1bba17c.entry.js → p-b5315830.entry.js} +1 -1
- package/dist/tet-components/{p-9c0a5507.entry.js → p-b98f7254.entry.js} +1 -1
- package/dist/tet-components/{p-89d2d3d9.entry.js → p-ba8c6a1c.entry.js} +1 -1
- package/dist/tet-components/{p-735ca4ae.entry.js → p-bd9f9dea.entry.js} +1 -1
- package/dist/tet-components/{p-90d2e87a.entry.js → p-be3cb49b.entry.js} +1 -1
- package/dist/tet-components/{p-ff5b0f63.entry.js → p-c4de9e32.entry.js} +1 -1
- package/dist/tet-components/{p-1fefb3df.entry.js → p-c711cd66.entry.js} +1 -1
- package/dist/tet-components/{p-d451529f.entry.js → p-c9493529.entry.js} +1 -1
- package/dist/tet-components/{p-ec5b1040.entry.js → p-c9f21fde.entry.js} +1 -1
- package/dist/tet-components/{p-c654aa06.entry.js → p-cac7dbf9.entry.js} +1 -1
- package/dist/tet-components/{p-2c891567.entry.js → p-ccfa9f31.entry.js} +1 -1
- package/dist/tet-components/{p-ad38e14e.entry.js → p-cd86d0b1.entry.js} +1 -1
- package/dist/tet-components/{p-60abca86.entry.js → p-cde8057a.entry.js} +1 -1
- package/dist/tet-components/{p-51dfe68c.entry.js → p-cf3456e2.entry.js} +1 -1
- package/dist/tet-components/{p-27a33156.entry.js → p-d06f8b4e.entry.js} +1 -1
- package/dist/tet-components/{p-ebbeac97.entry.js → p-d091fa60.entry.js} +1 -1
- package/dist/tet-components/{p-9c34400c.entry.js → p-d1035694.entry.js} +1 -1
- package/dist/tet-components/{p-5ec1a6cf.entry.js → p-d5b36540.entry.js} +1 -1
- package/dist/tet-components/{p-4e21dd2f.entry.js → p-d778c1fe.entry.js} +1 -1
- package/dist/tet-components/{p-2dbe670c.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-fd682dea.entry.js → p-ddce536f.entry.js} +1 -1
- package/dist/tet-components/{p-78ec990b.entry.js → p-e13c62c8.entry.js} +1 -1
- package/dist/tet-components/{p-f1771c69.entry.js → p-e17d0862.entry.js} +1 -1
- package/dist/tet-components/{p-26147420.entry.js → p-e290c65d.entry.js} +1 -1
- package/dist/tet-components/{p-a3af708c.entry.js → p-e6aab016.entry.js} +1 -1
- package/dist/tet-components/{p-0f8cdb24.entry.js → p-e93ab3e8.entry.js} +1 -1
- package/dist/tet-components/{p-c82904b9.entry.js → p-ed07c65a.entry.js} +1 -1
- package/dist/tet-components/{p-1ff90a2c.entry.js → p-edd42275.entry.js} +1 -1
- package/dist/tet-components/{p-c07ad1c3.entry.js → p-f58bb61e.entry.js} +1 -1
- package/dist/tet-components/{p-265701de.entry.js → p-f6916bfc.entry.js} +1 -1
- package/dist/tet-components/{p-4213c1d1.js → p-f81b3bb0.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-c7e67378.entry.js → p-f93ab9f3.entry.js} +1 -1
- package/dist/tet-components/{p-e70a8127.entry.js → p-f9c69d39.entry.js} +1 -1
- package/dist/tet-components/{p-e8ec9d1c.entry.js → p-fa259a3d.entry.js} +1 -1
- package/dist/tet-components/{p-40ed3be9.entry.js → p-fc88ce77.entry.js} +1 -1
- package/dist/tet-components/{p-7c7330ad.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-660bdc27.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,g as o,h as s,H as e}from"./p-5abb3bea.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"3eaea76a57e06d8d5901cd9a35af37b5bdbd1199"},s("div",{key:"2082878034661e0e964a36d4d24a9e0187fc1def",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"fa16d9bdbe6ac1e3e32628c8ffd6ea9926c36765",class:"tet-card-list__scroll-container"},s("div",{key:"4f6ef624a6d529cfd902160c7095035a356b6436",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"496cc74de92102ffe747f078c9106fb2afae30cc"}))),s("tet-button",{key:"e3f21e1598c634ea9c0e7bf14af2cdf6b4e857f4",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"053506c462b4a35231351f5b134200041de36d9d",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"4fab02946c4003598f82f9970e0dddb4d80015a6",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"53af5fa12a7a987d4e1af0d6688d5d784549b4bc",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"8638392dadd11f32773e8b43918b4b6d4baeda7f",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"c4736b4fa543a96b8b0a13c596330b415ae52297",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.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{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
|
|
1
|
+
import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"3eaea76a57e06d8d5901cd9a35af37b5bdbd1199"},s("div",{key:"2082878034661e0e964a36d4d24a9e0187fc1def",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"fa16d9bdbe6ac1e3e32628c8ffd6ea9926c36765",class:"tet-card-list__scroll-container"},s("div",{key:"4f6ef624a6d529cfd902160c7095035a356b6436",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"496cc74de92102ffe747f078c9106fb2afae30cc"}))),s("tet-button",{key:"e3f21e1598c634ea9c0e7bf14af2cdf6b4e857f4",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"053506c462b4a35231351f5b134200041de36d9d",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"4fab02946c4003598f82f9970e0dddb4d80015a6",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"53af5fa12a7a987d4e1af0d6688d5d784549b4bc",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"8638392dadd11f32773e8b43918b4b6d4baeda7f",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"c4736b4fa543a96b8b0a13c596330b415ae52297",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.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{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,f as e,h as n}from"./p-5abb3bea.js";import{e as i,A as r}from"./p-726651bc.js";import{s}from"./p-b39df477.js";import{p as a,t as f}from"./p-a476fd02.js";import"./p-9a2b6ee2.js";const l=class{constructor(e){o(this,e),this.businessLineSelected=t(this,"businessLineSelected",7),this.language="lv",this.addressKey=void 0,this.showHeadings=!0,this.address=void 0,this.businessLines=void 0}onLanguageChange(o){a("tet-components",o).then((()=>e(this)))}businessLineSelected;async onAddressKeyChange(){s(String(this.addressKey)).then((o=>this.address=o))}async componentWillLoad(){a("tet-components",this.language).then((()=>e(this))),(()=>{let o;try{o=new URL(i.businessLines).href}catch(o){return console.error(o),Promise.reject("Business line endpoint URL generation failed.")}return(new r).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()})().then((o=>this.businessLines=o)),s(String(this.addressKey)).then((o=>this.address=o))}translate=o=>o?.[this.language]??"";renderHeadings=()=>n("div",{class:"headings"},n("h2",{class:"title"},f("components-business-lines-title")),n("p",{class:"full-address"},this.address?.fullAddress));handleBusinessLineSelection=({url:o})=>{this.translate(o)&&window.open(this.translate(o))};renderBusinessLineItem=o=>n("div",{class:"business-line-item",onClick:()=>this.handleBusinessLineSelection(o)},n("div",{class:"name-container"},n("tet-icon",{name:o.iconName}),this.translate(o.name)),n("tet-icon",{class:"chevron-icon",name:"chevron-right"}));render(){return n("div",{key:"ac9c1282a330528172989f1d3c82c3d932feefc7",class:"container"},this.showHeadings&&this.renderHeadings(),n("div",{key:"bd22110953214daf6d8c9f6721ea27d7a1402248",class:"business-line-wrapper"},this.businessLines?.map(this.renderBusinessLineItem)))}static get watchers(){return{language:["onLanguageChange"],addressKey:["onAddressKeyChange"]}}};l.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;width:100%;font-family:var(--font-family-content);-webkit-tap-highlight-color:transparent}.container{display:flex;flex-direction:column}.container .headings{display:flex;flex-direction:column;row-gap:0.5rem;margin-bottom:1.5rem}.container .headings .title{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.container .headings .full-address{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}@media only screen and (max-width: 64rem){.container .headings .title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.container .headings .full-address{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}}.container .business-line-wrapper{display:flex;box-shadow:0 0 0.0625rem rgba(10, 11, 13, 0.08), 0 0.0625rem 0.1875rem rgba(10, 11, 13, 0.12);border-radius:1rem;flex-direction:column}.container .business-line-item{display:flex;justify-content:space-between;cursor:pointer;align-items:center;padding:0.75rem 1.25rem;background:rgb(255, 255, 255);font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.container .business-line-item .chevron-icon{--icon-color:rgb(153, 160, 174)}.container .business-line-item .name-container{display:flex;align-items:center;gap:0.75rem;margin-right:0.5rem}.container .business-line-item:first-child{border-radius:1rem 1rem 0 0}.container .business-line-item:last-child{border-radius:0 0 1rem 1rem}.container .business-line-item:not(:last-child){border-bottom:0.03125rem solid rgb(215, 219, 224)}@media only screen and (max-width: 64rem){.container .business-line-item{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.75rem}.container .business-line-item .chevron-icon{--icon-size:1.25rem}.container .business-line-item .name-container{gap:0.5rem}}';export{l as tet_business_lines}
|
|
1
|
+
import{r as o,c as t,f as e,h as n}from"./p-83f43fdd.js";import{e as i,A as r}from"./p-0ebbf5ef.js";import{s}from"./p-7544dfd7.js";import{p as a,t as f}from"./p-a8051a99.js";import"./p-9a2b6ee2.js";const l=class{constructor(e){o(this,e),this.businessLineSelected=t(this,"businessLineSelected",7),this.language="lv",this.addressKey=void 0,this.showHeadings=!0,this.address=void 0,this.businessLines=void 0}onLanguageChange(o){a("tet-components",o).then((()=>e(this)))}businessLineSelected;async onAddressKeyChange(){s(String(this.addressKey)).then((o=>this.address=o))}async componentWillLoad(){a("tet-components",this.language).then((()=>e(this))),(()=>{let o;try{o=new URL(i.businessLines).href}catch(o){return console.error(o),Promise.reject("Business line endpoint URL generation failed.")}return(new r).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()})().then((o=>this.businessLines=o)),s(String(this.addressKey)).then((o=>this.address=o))}translate=o=>o?.[this.language]??"";renderHeadings=()=>n("div",{class:"headings"},n("h2",{class:"title"},f("components-business-lines-title")),n("p",{class:"full-address"},this.address?.fullAddress));handleBusinessLineSelection=({url:o})=>{this.translate(o)&&window.open(this.translate(o))};renderBusinessLineItem=o=>n("div",{class:"business-line-item",onClick:()=>this.handleBusinessLineSelection(o)},n("div",{class:"name-container"},n("tet-icon",{name:o.iconName}),this.translate(o.name)),n("tet-icon",{class:"chevron-icon",name:"chevron-right"}));render(){return n("div",{key:"ac9c1282a330528172989f1d3c82c3d932feefc7",class:"container"},this.showHeadings&&this.renderHeadings(),n("div",{key:"bd22110953214daf6d8c9f6721ea27d7a1402248",class:"business-line-wrapper"},this.businessLines?.map(this.renderBusinessLineItem)))}static get watchers(){return{language:["onLanguageChange"],addressKey:["onAddressKeyChange"]}}};l.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;width:100%;font-family:var(--font-family-content);-webkit-tap-highlight-color:transparent}.container{display:flex;flex-direction:column}.container .headings{display:flex;flex-direction:column;row-gap:0.5rem;margin-bottom:1.5rem}.container .headings .title{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.container .headings .full-address{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}@media only screen and (max-width: 64rem){.container .headings .title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.container .headings .full-address{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}}.container .business-line-wrapper{display:flex;box-shadow:0 0 0.0625rem rgba(10, 11, 13, 0.08), 0 0.0625rem 0.1875rem rgba(10, 11, 13, 0.12);border-radius:1rem;flex-direction:column}.container .business-line-item{display:flex;justify-content:space-between;cursor:pointer;align-items:center;padding:0.75rem 1.25rem;background:rgb(255, 255, 255);font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.container .business-line-item .chevron-icon{--icon-color:rgb(153, 160, 174)}.container .business-line-item .name-container{display:flex;align-items:center;gap:0.75rem;margin-right:0.5rem}.container .business-line-item:first-child{border-radius:1rem 1rem 0 0}.container .business-line-item:last-child{border-radius:0 0 1rem 1rem}.container .business-line-item:not(:last-child){border-bottom:0.03125rem solid rgb(215, 219, 224)}@media only screen and (max-width: 64rem){.container .business-line-item{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.75rem}.container .business-line-item .chevron-icon{--icon-size:1.25rem}.container .business-line-item .name-container{gap:0.5rem}}';export{l as tet_business_lines}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as r}from"./p-5abb3bea.js";const n=class{constructor(o){t(this,o),this.clickCallback=()=>null,this.size="large",this.type="primary",this.theme="classic",this.colorTheme=void 0,this.customColorCode=void 0,this.customColorContentTone="light",this.disabled=!1,this.iconMode=!1,this.iconPosition="right",this.iconName=void 0,this.elementId=void 0,this.accessibilityLabel="",this.url="",this.urlTarget="_self"}renderButtonWithIcon(t){return"left"===t?o("div",{class:"button__content"},o("tet-icon",{name:this.iconName}),o("slot",null)):o("div",{class:"button__content"},o("slot",null),o("tet-icon",{name:this.iconName}))}handleClick=()=>{this.clickCallback(),this.url&&window.open(this.url,this.urlTarget,"_blank"===this.urlTarget?"noopener,noreferrer":void 0)};getFallbackType(){const{colorTheme:t,type:o,customColorCode:r}=this,n="secondary"===o;return r?n?"secondary":"primary":"yellow"===t?"primary":"adaptive-yellow"===t?n?"secondary":"primary":o}getFallbackTheme(){const{colorTheme:t,theme:o,customColorCode:r,type:n}=this,e="ghost"===n||"link"===n;if(r||"yellow"===t)return"dark"===o||"light-inverse"===o?"dark":"light";if("adaptive-yellow"===t)switch(o){case"light":case"light-inverse":case"dark":return o;case"dark-inverse":return"primary"===n?"dark-inverse":"dark";default:return"light"}return e&&"light-inverse"===o?"dark":e&&"dark-inverse"===o?"light":o}getAccessibilityLabel(){const{accessibilityLabel:t,iconMode:o,iconName:r}=this;return t||(o&&r?(r.startsWith("tc-")?r.substring(3):r).replaceAll("-"," ").trim():"")}shouldApplyDarkCustomColorContentClass(){const{customColorCode:t,type:o,customColorContentTone:r}=this;return!!t&&"primary"===o&&"dark"===r}render(){const t=this.getAccessibilityLabel();return o(r,{key:"de69fa5a41ed8b0d0e1de462509a1bab59fabab4"},o("button",{key:"6310d69f52cfd2992f21d5e3203e40b8339d09d6",part:"button",onClick:this.handleClick,id:this.elementId,style:this.customColorCode?{"--button-custom-color":this.customColorCode}:void 0,class:{button:!0,[`button--${this.size}`]:!0,[`button--type-${this.getFallbackType()}`]:!0,[`button--${this.getFallbackTheme()}-theme`]:!0,[`button--color-theme-${this.colorTheme}`]:!!this.colorTheme&&!this.customColorCode,"button--custom-color":!!this.customColorCode,"button--custom-color-content-dark":this.shouldApplyDarkCustomColorContentClass(),"button--icon-mode":this.iconMode,"button--with-icon":!!this.iconName},disabled:this.disabled,...t?{"aria-label":t}:{},tabindex:0},this.iconName&&this.iconMode?o("tet-icon",{name:this.iconName}):this.iconName?this.renderButtonWithIcon(this.iconPosition):o("slot",null)))}static get delegatesFocus(){return!0}};n.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{--button-text-decoration:none;--button-background:rgb(255, 255, 255);--button-text-color:rgb(247, 247, 247);--button-border-color:rgb(0, 96, 245);--button-border:0.125rem solid var(--button-border-color);--button-width:auto;--button-box-shadow:none;--button-font-weight:500;--button-gap:0.25rem;--button-icon-size:1.25rem;--button-content-gap:0.5rem;--button-font-size-small:0.875rem;--button-padding-small:0.375rem 0.875rem;--button-font-size-medium:1rem;--button-padding-medium:0.5rem 1rem;--button-font-size-large:1rem;--button-padding-large:0.625rem 1.25rem;--button-font-size:var(--button-font-size-large);--button-padding:var(--button-padding-large);display:inline-block;border-radius:2rem;width:fit-content;cursor:pointer}.button{--button-icon-mode-padding-internal:0.75rem;min-width:7.5rem;line-height:1.5rem;--button-text-color-current:var(--button-text-color);--button-border-color-current:var(--button-border-color);--button-background-current:var(--button-background);--button-box-shadow-current:var(--button-box-shadow);--button-text-decoration-current:var(--button-text-decoration);--button-icon-color-current:var(--button-icon-color, var(--button-text-color-current));--button-text-color-hover:var(--button-text-color);--button-border-color-hover:var(--button-border-color);--button-background-hover:var(--button-background);--button-box-shadow-hover:var(--button-box-shadow);--button-text-decoration-hover:var(--button-text-decoration);--button-text-color-focus:var(--button-text-color);--button-border-color-focus:var(--button-border-color);--button-background-focus:var(--button-background);--button-box-shadow-focus:var(--button-box-shadow);--button-text-decoration-focus:var(--button-text-decoration);--button-text-color-active:var(--button-text-color-hover);--button-border-color-active:var(--button-border-color-hover);--button-background-active:var(--button-background-hover);--button-box-shadow-active:var(--button-box-shadow-hover);--button-text-decoration-active:var(--button-text-decoration-hover);--button-text-color-disabled:var(--button-text-color);--button-border-color-disabled:var(--button-border-color);--button-background-disabled:var(--button-background);--button-box-shadow-disabled:var(--button-box-shadow);--button-text-decoration-disabled:var(--button-text-decoration);--button-icon-color-disabled:var(--button-icon-color, var(--button-text-color-disabled));display:flex;justify-content:center;flex-direction:row;align-items:center;gap:var(--button-gap);width:var(--button-width);border-radius:2rem;cursor:inherit;transition:all 0.2s ease-in-out;font-family:var(--font-family-content);font-weight:var(--button-font-weight);color:var(--button-text-color-current);border:var(--button-border);background-color:var(--button-background-current);border-color:var(--button-border-color-current);box-shadow:var(--button-box-shadow-current);text-decoration:var(--button-text-decoration-current);font-size:var(--button-font-size);padding:var(--button-padding)}.button--small{--button-font-size:var(--button-font-size-small);--button-padding:var(--button-padding-small);--button-icon-mode-padding-internal:0.375rem;min-width:6.25rem;line-height:1.25rem}.button--medium{--button-font-size:var(--button-font-size-medium);--button-padding:var(--button-padding-medium);--button-icon-mode-padding-internal:0.625rem;min-width:6.875rem}.button__content{display:flex;align-items:center;gap:var(--button-content-gap)}.button:hover:not(:disabled){backdrop-filter:blur(7.5px);--button-text-color-current:var(--button-text-color-hover);--button-border-color-current:var(--button-border-color-hover);--button-background-current:var(--button-background-hover);--button-box-shadow-current:var(--button-box-shadow-hover);--button-text-decoration-current:var(--button-text-decoration-hover)}.button:where(.button--type-ghost,.button--type-link,.button--classic-theme,.button--mint-theme):focus:not(:disabled){--button-text-color-current:var(--button-text-color-focus);--button-border-color-current:var(--button-border-color-focus);--button-background-current:var(--button-background-focus);--button-box-shadow-current:var(--button-box-shadow-focus);--button-text-decoration-current:var(--button-text-decoration-focus)}.button:focus-visible:not(:disabled){--button-box-shadow-current:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.button:is(.button--dark-theme,.button--dark-inverse-theme):focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.button:active:not(:disabled){backdrop-filter:blur(7.5px);--button-text-color-current:var(--button-text-color-active);--button-border-color-current:var(--button-border-color-active);--button-background-current:var(--button-background-active);--button-box-shadow-current:var(--button-box-shadow-active);--button-text-decoration-current:var(--button-text-decoration-active)}.button:disabled{cursor:not-allowed;backdrop-filter:blur(5px);--button-text-color-current:var(--button-text-color-disabled);--button-border-color-current:var(--button-border-color-disabled);--button-background-current:var(--button-background-disabled);--button-box-shadow-current:var(--button-box-shadow-disabled);--button-text-decoration-current:var(--button-text-decoration-disabled);--button-icon-color-current:var(--button-icon-color-disabled)}.button--with-icon tet-icon{pointer-events:none;--icon-color:var(--button-icon-color-current);--icon-size:var(--button-icon-size);--icon-container-display:flex}.button--type-primary{--button-background:initial;--button-border-color:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-primary.button--dark-theme{--button-text-color:var(--tc-button-text-primary-dark);--button-background:var(--tc-button-primary-background-default-dark);--button-icon-color:var(--tc-button-icon-primary-dark);--button-background-hover:var(--tc-button-primary-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-background-pressed-dark);--button-text-color-disabled:var(--tc-button-text-disabled-dark);--button-background-disabled:var(--tc-button-primary-background-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-disabled-dark)}.button--type-primary.button--dark-theme.button--color-theme-yellow,.button--type-primary.button--dark-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-background:var(--tc-button-primary-yellow-background-default-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark);--button-background-hover:var(--tc-button-primary-yellow-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-yellow-background-pressed-dark)}.button--type-primary.button--dark-theme.button--custom-color{--button-text-color:var(--tc-button-text-white-permanent-dark);--button-icon-color:var(--tc-button-icon-white-permanent-dark)}.button--type-primary.button--dark-theme.button--custom-color-content-dark{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark)}.button--type-primary.button--dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary-dark);--button-background:var(--tc-button-primary-background-inverse-default-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark);--button-background-hover:var(--tc-button-primary-background-inverse-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-primary-background-inverse-pressed-dark);--button-text-color-disabled:var(--tc-button-text-inverse-disabled-dark);--button-background-disabled:var(--tc-button-primary-background-inverse-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-inverse-disabled-dark)}.button--type-primary.button--dark-inverse-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-background:var(--tc-button-primary-yellow-background-default-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark);--button-background-hover:var(--tc-button-primary-yellow-background-hover-dark);--button-background-active:var(--tc-button-primary-yellow-background-pressed-dark)}.button--type-primary.button--mint-theme{--button-text-color:rgb(10, 11, 13);--button-background:rgb(26, 213, 219);--button-border-color-hover:rgb(153, 245, 255);--button-background-hover:rgb(153, 245, 255);--button-border-color-focus:rgb(26, 213, 219);--button-background-focus:rgb(153, 245, 255);--button-box-shadow-focus:0 0 0 0.1875rem rgba(31, 208, 214, 0.32);--button-border-color-active:rgb(24, 165, 170);--button-background-active:rgb(24, 165, 170);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(67, 75, 86);--button-background-disabled:rgb(67, 75, 86)}.button--type-primary.button--light-theme{--button-text-color:var(--tc-button-text-primary);--button-background:var(--tc-button-primary-background-default);--button-icon-color:var(--tc-button-icon-primary);--button-background-hover:var(--tc-button-primary-background-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-primary-background-pressed);--button-text-color-disabled:var(--tc-button-text-disabled);--button-background-disabled:var(--tc-button-primary-background-disabled);--button-icon-color-disabled:var(--tc-button-icon-disabled)}.button--type-primary.button--light-theme.button--color-theme-yellow{--button-text-color:var(--tc-button-text-black-permanent);--button-background:var(--tc-button-primary-yellow-background-default);--button-icon-color:var(--tc-button-icon-black-permanent);--button-background-hover:var(--tc-button-primary-yellow-background-hover);--button-background-active:var(--tc-button-primary-yellow-background-pressed)}.button--type-primary.button--light-theme.button--custom-color{--button-text-color:var(--tc-button-text-white-permanent);--button-icon-color:var(--tc-button-icon-white-permanent)}.button--type-primary.button--light-theme.button--custom-color-content-dark{--button-text-color:var(--tc-button-text-black-permanent);--button-icon-color:var(--tc-button-icon-black-permanent)}.button--type-primary.button--light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary);--button-background:var(--tc-button-primary-background-inverse-default);--button-icon-color:var(--tc-button-icon-inverse-primary);--button-background-hover:var(--tc-button-primary-background-inverse-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-background-inverse-pressed);--button-text-color-disabled:var(--tc-button-text-inverse-disabled);--button-background-disabled:var(--tc-button-primary-background-inverse-disabled);--button-icon-color-disabled:var(--tc-button-icon-inverse-disabled)}.button--type-primary.button--classic-theme{--button-text-color:rgb(255, 255, 255);--button-background:rgb(0, 96, 245);--button-background-hover:rgb(52, 132, 244);--button-border-color-hover:rgb(52, 132, 244);--button-background-focus:rgb(52, 132, 244);--button-border-color-focus:rgb(8, 53, 104);--button-box-shadow-focus:0 0 0 0.1875rem rgba(52, 132, 244, 0.45);--button-background-active:rgb(8, 53, 104);--button-border-color-active:rgb(8, 53, 104);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(255, 255, 255);--button-background-disabled:rgb(255, 255, 255)}.button--type-primary.button--custom-color{--button-background:var(--button-custom-color);--button-background-hover:color-mix(in srgb, var(--button-custom-color) 92%, rgb(0, 0, 0) 8%);--button-background-active:color-mix(in srgb, var(--button-custom-color) 84%, rgb(0, 0, 0) 16%)}.button--type-secondary{--button-background:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-secondary.button--dark-theme{--button-text-color:var(--tc-button-text-secondary-dark);--button-border-color:var(--tc-button-border-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark);--button-background-hover:var(--tc-button-secondary-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-secondary-background-pressed-dark);--button-text-color-disabled:var(--tc-button-text-secondary-disabled-dark);--button-border-color-disabled:var(--tc-button-border-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-secondary-disabled-dark)}.button--type-secondary.button--dark-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-secondary-adaptive-yellow-dark);--button-border-color:var(--tc-button-border-adaptive-yellow-secondary-dark);--button-icon-color:var(--tc-button-icon-secondary-adaptive-yellow-dark);--button-background-hover:var(--tc-button-secondary-adaptive-yellow-background-hover-dark);--button-background-active:var(--tc-button-secondary-adaptive-yellow-background-pressed-dark)}.button--type-secondary.button--dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary-dark);--button-border-color:var(--tc-button-border-inverse-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-secondary-dark);--button-background-hover:var(--tc-button-secondary-background-inverse-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-secondary-background-inverse-pressed-dark);--button-text-color-disabled:var(--tc-button-text-inverse-secondary-disabled-dark);--button-border-color-disabled:var(--tc-button-border-inverse-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-inverse-secondary-disabled-dark)}.button--type-secondary.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-border-color:rgb(26, 213, 219);--button-text-color-hover:rgb(255, 255, 255);--button-border-color-hover:rgb(153, 245, 255);--button-background-hover:rgba(26, 213, 219, 0.08);--button-text-color-focus:rgb(255, 255, 255);--button-border-color-focus:rgb(26, 213, 219);--button-background-focus:rgba(26, 213, 219, 0.24);--button-box-shadow-focus:0 0 0 0.1875rem rgba(31, 208, 214, 0.32);--button-text-color-active:rgb(255, 255, 255);--button-border-color-active:rgb(26, 213, 219);--button-background-active:rgba(26, 213, 219, 0.32);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(153, 160, 174)}.button--type-secondary.button--light-theme{--button-text-color:var(--tc-button-text-secondary);--button-border-color:var(--tc-button-border-secondary);--button-icon-color:var(--tc-button-icon-inverse-primary);--button-background-hover:var(--tc-button-secondary-background-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-secondary-background-pressed);--button-text-color-disabled:var(--tc-button-text-secondary-disabled);--button-border-color-disabled:var(--tc-button-border-disabled);--button-icon-color-disabled:var(--tc-button-icon-secondary-disabled)}.button--type-secondary.button--light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary);--button-border-color:var(--tc-button-border-inverse-secondary);--button-icon-color:var(--tc-button-icon-inverse-secondary);--button-background-hover:var(--tc-button-secondary-background-inverse-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-secondary-background-inverse-pressed);--button-text-color-disabled:var(--tc-button-text-inverse-secondary-disabled);--button-border-color-disabled:var(--tc-button-border-inverse-disabled);--button-icon-color-disabled:var(--tc-button-icon-inverse-secondary-disabled)}.button--type-secondary.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-border-color:rgb(0, 96, 245);--button-text-color-hover:rgb(8, 53, 104);--button-background-hover:rgba(0, 96, 245, 0.08);--button-text-color-focus:rgb(8, 53, 104);--button-background-focus:rgba(0, 96, 245, 0.12);--button-box-shadow-focus:0 0 0 0.1875rem rgba(113, 172, 244, 0.5);--button-text-color-active:rgb(8, 53, 104);--button-background-active:rgba(0, 96, 245, 0.16);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(153, 160, 174)}.button--type-secondary.button--custom-color{--button-border-color:var(--button-custom-color);--button-text-color:var(--button-custom-color);--button-icon-color:var(--button-custom-color);--button-background-hover:color-mix(in srgb, var(--button-custom-color) 12%, transparent);--button-background-active:color-mix(in srgb, var(--button-custom-color) 24%, transparent)}.button--type-ghost{--button-border-color:transparent;--button-background:transparent;--button-border-color-active:transparent;--button-border-color-disabled:transparent;--button-background-disabled:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-ghost.button--dark-theme{--button-text-color:rgb(255, 255, 255);--button-text-color-hover:rgb(215, 219, 224);--button-border-color-focus:rgb(192, 197, 206);--button-background-focus:rgba(215, 219, 224, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(215, 219, 224, 0.35);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-text-color-hover:rgb(153, 245, 255);--button-text-color-focus:rgb(153, 245, 255);--button-border-color-focus:rgb(153, 245, 255);--button-background-focus:rgba(153, 245, 255, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(153, 245, 255, 0.3);--button-text-color-active:rgb(24, 165, 170);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--light-theme{--button-text-color:rgb(10, 11, 13);--button-text-color-hover:rgb(88, 99, 116);--button-text-color-focus:rgb(10, 11, 13);--button-border-color-focus:rgb(153, 160, 174);--button-background-focus:rgba(153, 160, 174, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(153, 160, 174, 0.3);--button-text-color-active:rgb(35, 40, 46);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-text-color-hover:rgb(52, 132, 244);--button-text-color-focus:rgb(52, 132, 244);--button-border-color-focus:rgb(52, 132, 244);--button-background-focus:rgba(52, 132, 244, 0.01);--button-text-color-active:rgb(8, 53, 104);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link{text-align:left;--button-border-color:transparent;--button-background:transparent;--button-text-decoration-hover:underline;--button-text-decoration-focus:underline;--button-text-decoration-active:underline;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-link:focus-visible:not(:disabled),.button--type-link:focus:not(:disabled){border-radius:0.625rem}.button--type-link.button--dark-theme{--button-text-color:rgb(247, 247, 247);--button-text-color-hover:rgb(215, 219, 224);--button-text-color-focus:rgb(215, 219, 224);--button-text-color-active:rgb(247, 247, 247);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-text-color-hover:rgb(153, 245, 255);--button-text-color-focus:rgb(153, 245, 255);--button-text-color-active:rgb(26, 213, 219);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--light-theme{--button-text-color:rgb(10, 11, 13);--button-text-color-hover:rgb(88, 99, 116);--button-text-color-focus:rgb(88, 99, 116);--button-text-color-active:rgb(35, 40, 46);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-text-color-hover:rgb(52, 132, 244);--button-text-color-focus:rgb(52, 132, 244);--button-text-color-active:rgb(0, 96, 245);--button-text-color-disabled:rgb(153, 160, 174)}.button--icon-mode{padding:var(--button-icon-mode-padding, var(--button-icon-mode-padding-internal));aspect-ratio:1;border-radius:50%;min-width:auto}';export{n as tet_button}
|
|
1
|
+
import{r as t,h as o,H as r}from"./p-83f43fdd.js";const n=class{constructor(o){t(this,o),this.clickCallback=()=>null,this.size="large",this.type="primary",this.theme="classic",this.colorTheme=void 0,this.customColorCode=void 0,this.customColorContentTone="light",this.disabled=!1,this.iconMode=!1,this.iconPosition="right",this.iconName=void 0,this.elementId=void 0,this.accessibilityLabel="",this.url="",this.urlTarget="_self"}renderButtonWithIcon(t){return"left"===t?o("div",{class:"button__content"},o("tet-icon",{name:this.iconName}),o("slot",null)):o("div",{class:"button__content"},o("slot",null),o("tet-icon",{name:this.iconName}))}handleClick=()=>{this.clickCallback(),this.url&&window.open(this.url,this.urlTarget,"_blank"===this.urlTarget?"noopener,noreferrer":void 0)};getFallbackType(){const{colorTheme:t,type:o,customColorCode:r}=this,n="secondary"===o;return r?n?"secondary":"primary":"yellow"===t?"primary":"adaptive-yellow"===t?n?"secondary":"primary":o}getFallbackTheme(){const{colorTheme:t,theme:o,customColorCode:r,type:n}=this,e="ghost"===n||"link"===n;if(r||"yellow"===t)return"dark"===o||"light-inverse"===o?"dark":"light";if("adaptive-yellow"===t)switch(o){case"light":case"light-inverse":case"dark":return o;case"dark-inverse":return"primary"===n?"dark-inverse":"dark";default:return"light"}return e&&"light-inverse"===o?"dark":e&&"dark-inverse"===o?"light":o}getAccessibilityLabel(){const{accessibilityLabel:t,iconMode:o,iconName:r}=this;return t||(o&&r?(r.startsWith("tc-")?r.substring(3):r).replaceAll("-"," ").trim():"")}shouldApplyDarkCustomColorContentClass(){const{customColorCode:t,type:o,customColorContentTone:r}=this;return!!t&&"primary"===o&&"dark"===r}render(){const t=this.getAccessibilityLabel();return o(r,{key:"de69fa5a41ed8b0d0e1de462509a1bab59fabab4"},o("button",{key:"6310d69f52cfd2992f21d5e3203e40b8339d09d6",part:"button",onClick:this.handleClick,id:this.elementId,style:this.customColorCode?{"--button-custom-color":this.customColorCode}:void 0,class:{button:!0,[`button--${this.size}`]:!0,[`button--type-${this.getFallbackType()}`]:!0,[`button--${this.getFallbackTheme()}-theme`]:!0,[`button--color-theme-${this.colorTheme}`]:!!this.colorTheme&&!this.customColorCode,"button--custom-color":!!this.customColorCode,"button--custom-color-content-dark":this.shouldApplyDarkCustomColorContentClass(),"button--icon-mode":this.iconMode,"button--with-icon":!!this.iconName},disabled:this.disabled,...t?{"aria-label":t}:{},tabindex:0},this.iconName&&this.iconMode?o("tet-icon",{name:this.iconName}):this.iconName?this.renderButtonWithIcon(this.iconPosition):o("slot",null)))}static get delegatesFocus(){return!0}};n.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{--button-text-decoration:none;--button-background:rgb(255, 255, 255);--button-text-color:rgb(247, 247, 247);--button-border-color:rgb(0, 96, 245);--button-border:0.125rem solid var(--button-border-color);--button-width:auto;--button-box-shadow:none;--button-font-weight:500;--button-gap:0.25rem;--button-icon-size:1.25rem;--button-content-gap:0.5rem;--button-font-size-small:0.875rem;--button-padding-small:0.375rem 0.875rem;--button-font-size-medium:1rem;--button-padding-medium:0.5rem 1rem;--button-font-size-large:1rem;--button-padding-large:0.625rem 1.25rem;--button-font-size:var(--button-font-size-large);--button-padding:var(--button-padding-large);display:inline-block;border-radius:2rem;width:fit-content;cursor:pointer}.button{--button-icon-mode-padding-internal:0.75rem;min-width:7.5rem;line-height:1.5rem;--button-text-color-current:var(--button-text-color);--button-border-color-current:var(--button-border-color);--button-background-current:var(--button-background);--button-box-shadow-current:var(--button-box-shadow);--button-text-decoration-current:var(--button-text-decoration);--button-icon-color-current:var(--button-icon-color, var(--button-text-color-current));--button-text-color-hover:var(--button-text-color);--button-border-color-hover:var(--button-border-color);--button-background-hover:var(--button-background);--button-box-shadow-hover:var(--button-box-shadow);--button-text-decoration-hover:var(--button-text-decoration);--button-text-color-focus:var(--button-text-color);--button-border-color-focus:var(--button-border-color);--button-background-focus:var(--button-background);--button-box-shadow-focus:var(--button-box-shadow);--button-text-decoration-focus:var(--button-text-decoration);--button-text-color-active:var(--button-text-color-hover);--button-border-color-active:var(--button-border-color-hover);--button-background-active:var(--button-background-hover);--button-box-shadow-active:var(--button-box-shadow-hover);--button-text-decoration-active:var(--button-text-decoration-hover);--button-text-color-disabled:var(--button-text-color);--button-border-color-disabled:var(--button-border-color);--button-background-disabled:var(--button-background);--button-box-shadow-disabled:var(--button-box-shadow);--button-text-decoration-disabled:var(--button-text-decoration);--button-icon-color-disabled:var(--button-icon-color, var(--button-text-color-disabled));display:flex;justify-content:center;flex-direction:row;align-items:center;gap:var(--button-gap);width:var(--button-width);border-radius:2rem;cursor:inherit;transition:all 0.2s ease-in-out;font-family:var(--font-family-content);font-weight:var(--button-font-weight);color:var(--button-text-color-current);border:var(--button-border);background-color:var(--button-background-current);border-color:var(--button-border-color-current);box-shadow:var(--button-box-shadow-current);text-decoration:var(--button-text-decoration-current);font-size:var(--button-font-size);padding:var(--button-padding)}.button--small{--button-font-size:var(--button-font-size-small);--button-padding:var(--button-padding-small);--button-icon-mode-padding-internal:0.375rem;min-width:6.25rem;line-height:1.25rem}.button--medium{--button-font-size:var(--button-font-size-medium);--button-padding:var(--button-padding-medium);--button-icon-mode-padding-internal:0.625rem;min-width:6.875rem}.button__content{display:flex;align-items:center;gap:var(--button-content-gap)}.button:hover:not(:disabled){backdrop-filter:blur(7.5px);--button-text-color-current:var(--button-text-color-hover);--button-border-color-current:var(--button-border-color-hover);--button-background-current:var(--button-background-hover);--button-box-shadow-current:var(--button-box-shadow-hover);--button-text-decoration-current:var(--button-text-decoration-hover)}.button:where(.button--type-ghost,.button--type-link,.button--classic-theme,.button--mint-theme):focus:not(:disabled){--button-text-color-current:var(--button-text-color-focus);--button-border-color-current:var(--button-border-color-focus);--button-background-current:var(--button-background-focus);--button-box-shadow-current:var(--button-box-shadow-focus);--button-text-decoration-current:var(--button-text-decoration-focus)}.button:focus-visible:not(:disabled){--button-box-shadow-current:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.button:is(.button--dark-theme,.button--dark-inverse-theme):focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.button:active:not(:disabled){backdrop-filter:blur(7.5px);--button-text-color-current:var(--button-text-color-active);--button-border-color-current:var(--button-border-color-active);--button-background-current:var(--button-background-active);--button-box-shadow-current:var(--button-box-shadow-active);--button-text-decoration-current:var(--button-text-decoration-active)}.button:disabled{cursor:not-allowed;backdrop-filter:blur(5px);--button-text-color-current:var(--button-text-color-disabled);--button-border-color-current:var(--button-border-color-disabled);--button-background-current:var(--button-background-disabled);--button-box-shadow-current:var(--button-box-shadow-disabled);--button-text-decoration-current:var(--button-text-decoration-disabled);--button-icon-color-current:var(--button-icon-color-disabled)}.button--with-icon tet-icon{pointer-events:none;--icon-color:var(--button-icon-color-current);--icon-size:var(--button-icon-size);--icon-container-display:flex}.button--type-primary{--button-background:initial;--button-border-color:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-primary.button--dark-theme{--button-text-color:var(--tc-button-text-primary-dark);--button-background:var(--tc-button-primary-background-default-dark);--button-icon-color:var(--tc-button-icon-primary-dark);--button-background-hover:var(--tc-button-primary-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-background-pressed-dark);--button-text-color-disabled:var(--tc-button-text-disabled-dark);--button-background-disabled:var(--tc-button-primary-background-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-disabled-dark)}.button--type-primary.button--dark-theme.button--color-theme-yellow,.button--type-primary.button--dark-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-background:var(--tc-button-primary-yellow-background-default-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark);--button-background-hover:var(--tc-button-primary-yellow-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-yellow-background-pressed-dark)}.button--type-primary.button--dark-theme.button--custom-color{--button-text-color:var(--tc-button-text-white-permanent-dark);--button-icon-color:var(--tc-button-icon-white-permanent-dark)}.button--type-primary.button--dark-theme.button--custom-color-content-dark{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark)}.button--type-primary.button--dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary-dark);--button-background:var(--tc-button-primary-background-inverse-default-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark);--button-background-hover:var(--tc-button-primary-background-inverse-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-primary-background-inverse-pressed-dark);--button-text-color-disabled:var(--tc-button-text-inverse-disabled-dark);--button-background-disabled:var(--tc-button-primary-background-inverse-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-inverse-disabled-dark)}.button--type-primary.button--dark-inverse-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-background:var(--tc-button-primary-yellow-background-default-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark);--button-background-hover:var(--tc-button-primary-yellow-background-hover-dark);--button-background-active:var(--tc-button-primary-yellow-background-pressed-dark)}.button--type-primary.button--mint-theme{--button-text-color:rgb(10, 11, 13);--button-background:rgb(26, 213, 219);--button-border-color-hover:rgb(153, 245, 255);--button-background-hover:rgb(153, 245, 255);--button-border-color-focus:rgb(26, 213, 219);--button-background-focus:rgb(153, 245, 255);--button-box-shadow-focus:0 0 0 0.1875rem rgba(31, 208, 214, 0.32);--button-border-color-active:rgb(24, 165, 170);--button-background-active:rgb(24, 165, 170);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(67, 75, 86);--button-background-disabled:rgb(67, 75, 86)}.button--type-primary.button--light-theme{--button-text-color:var(--tc-button-text-primary);--button-background:var(--tc-button-primary-background-default);--button-icon-color:var(--tc-button-icon-primary);--button-background-hover:var(--tc-button-primary-background-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-primary-background-pressed);--button-text-color-disabled:var(--tc-button-text-disabled);--button-background-disabled:var(--tc-button-primary-background-disabled);--button-icon-color-disabled:var(--tc-button-icon-disabled)}.button--type-primary.button--light-theme.button--color-theme-yellow{--button-text-color:var(--tc-button-text-black-permanent);--button-background:var(--tc-button-primary-yellow-background-default);--button-icon-color:var(--tc-button-icon-black-permanent);--button-background-hover:var(--tc-button-primary-yellow-background-hover);--button-background-active:var(--tc-button-primary-yellow-background-pressed)}.button--type-primary.button--light-theme.button--custom-color{--button-text-color:var(--tc-button-text-white-permanent);--button-icon-color:var(--tc-button-icon-white-permanent)}.button--type-primary.button--light-theme.button--custom-color-content-dark{--button-text-color:var(--tc-button-text-black-permanent);--button-icon-color:var(--tc-button-icon-black-permanent)}.button--type-primary.button--light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary);--button-background:var(--tc-button-primary-background-inverse-default);--button-icon-color:var(--tc-button-icon-inverse-primary);--button-background-hover:var(--tc-button-primary-background-inverse-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-background-inverse-pressed);--button-text-color-disabled:var(--tc-button-text-inverse-disabled);--button-background-disabled:var(--tc-button-primary-background-inverse-disabled);--button-icon-color-disabled:var(--tc-button-icon-inverse-disabled)}.button--type-primary.button--classic-theme{--button-text-color:rgb(255, 255, 255);--button-background:rgb(0, 96, 245);--button-background-hover:rgb(52, 132, 244);--button-border-color-hover:rgb(52, 132, 244);--button-background-focus:rgb(52, 132, 244);--button-border-color-focus:rgb(8, 53, 104);--button-box-shadow-focus:0 0 0 0.1875rem rgba(52, 132, 244, 0.45);--button-background-active:rgb(8, 53, 104);--button-border-color-active:rgb(8, 53, 104);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(255, 255, 255);--button-background-disabled:rgb(255, 255, 255)}.button--type-primary.button--custom-color{--button-background:var(--button-custom-color);--button-background-hover:color-mix(in srgb, var(--button-custom-color) 92%, rgb(0, 0, 0) 8%);--button-background-active:color-mix(in srgb, var(--button-custom-color) 84%, rgb(0, 0, 0) 16%)}.button--type-secondary{--button-background:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-secondary.button--dark-theme{--button-text-color:var(--tc-button-text-secondary-dark);--button-border-color:var(--tc-button-border-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark);--button-background-hover:var(--tc-button-secondary-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-secondary-background-pressed-dark);--button-text-color-disabled:var(--tc-button-text-secondary-disabled-dark);--button-border-color-disabled:var(--tc-button-border-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-secondary-disabled-dark)}.button--type-secondary.button--dark-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-secondary-adaptive-yellow-dark);--button-border-color:var(--tc-button-border-adaptive-yellow-secondary-dark);--button-icon-color:var(--tc-button-icon-secondary-adaptive-yellow-dark);--button-background-hover:var(--tc-button-secondary-adaptive-yellow-background-hover-dark);--button-background-active:var(--tc-button-secondary-adaptive-yellow-background-pressed-dark)}.button--type-secondary.button--dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary-dark);--button-border-color:var(--tc-button-border-inverse-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-secondary-dark);--button-background-hover:var(--tc-button-secondary-background-inverse-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-secondary-background-inverse-pressed-dark);--button-text-color-disabled:var(--tc-button-text-inverse-secondary-disabled-dark);--button-border-color-disabled:var(--tc-button-border-inverse-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-inverse-secondary-disabled-dark)}.button--type-secondary.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-border-color:rgb(26, 213, 219);--button-text-color-hover:rgb(255, 255, 255);--button-border-color-hover:rgb(153, 245, 255);--button-background-hover:rgba(26, 213, 219, 0.08);--button-text-color-focus:rgb(255, 255, 255);--button-border-color-focus:rgb(26, 213, 219);--button-background-focus:rgba(26, 213, 219, 0.24);--button-box-shadow-focus:0 0 0 0.1875rem rgba(31, 208, 214, 0.32);--button-text-color-active:rgb(255, 255, 255);--button-border-color-active:rgb(26, 213, 219);--button-background-active:rgba(26, 213, 219, 0.32);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(153, 160, 174)}.button--type-secondary.button--light-theme{--button-text-color:var(--tc-button-text-secondary);--button-border-color:var(--tc-button-border-secondary);--button-icon-color:var(--tc-button-icon-inverse-primary);--button-background-hover:var(--tc-button-secondary-background-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-secondary-background-pressed);--button-text-color-disabled:var(--tc-button-text-secondary-disabled);--button-border-color-disabled:var(--tc-button-border-disabled);--button-icon-color-disabled:var(--tc-button-icon-secondary-disabled)}.button--type-secondary.button--light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary);--button-border-color:var(--tc-button-border-inverse-secondary);--button-icon-color:var(--tc-button-icon-inverse-secondary);--button-background-hover:var(--tc-button-secondary-background-inverse-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-secondary-background-inverse-pressed);--button-text-color-disabled:var(--tc-button-text-inverse-secondary-disabled);--button-border-color-disabled:var(--tc-button-border-inverse-disabled);--button-icon-color-disabled:var(--tc-button-icon-inverse-secondary-disabled)}.button--type-secondary.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-border-color:rgb(0, 96, 245);--button-text-color-hover:rgb(8, 53, 104);--button-background-hover:rgba(0, 96, 245, 0.08);--button-text-color-focus:rgb(8, 53, 104);--button-background-focus:rgba(0, 96, 245, 0.12);--button-box-shadow-focus:0 0 0 0.1875rem rgba(113, 172, 244, 0.5);--button-text-color-active:rgb(8, 53, 104);--button-background-active:rgba(0, 96, 245, 0.16);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(153, 160, 174)}.button--type-secondary.button--custom-color{--button-border-color:var(--button-custom-color);--button-text-color:var(--button-custom-color);--button-icon-color:var(--button-custom-color);--button-background-hover:color-mix(in srgb, var(--button-custom-color) 12%, transparent);--button-background-active:color-mix(in srgb, var(--button-custom-color) 24%, transparent)}.button--type-ghost{--button-border-color:transparent;--button-background:transparent;--button-border-color-active:transparent;--button-border-color-disabled:transparent;--button-background-disabled:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-ghost.button--dark-theme{--button-text-color:rgb(255, 255, 255);--button-text-color-hover:rgb(215, 219, 224);--button-border-color-focus:rgb(192, 197, 206);--button-background-focus:rgba(215, 219, 224, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(215, 219, 224, 0.35);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-text-color-hover:rgb(153, 245, 255);--button-text-color-focus:rgb(153, 245, 255);--button-border-color-focus:rgb(153, 245, 255);--button-background-focus:rgba(153, 245, 255, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(153, 245, 255, 0.3);--button-text-color-active:rgb(24, 165, 170);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--light-theme{--button-text-color:rgb(10, 11, 13);--button-text-color-hover:rgb(88, 99, 116);--button-text-color-focus:rgb(10, 11, 13);--button-border-color-focus:rgb(153, 160, 174);--button-background-focus:rgba(153, 160, 174, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(153, 160, 174, 0.3);--button-text-color-active:rgb(35, 40, 46);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-text-color-hover:rgb(52, 132, 244);--button-text-color-focus:rgb(52, 132, 244);--button-border-color-focus:rgb(52, 132, 244);--button-background-focus:rgba(52, 132, 244, 0.01);--button-text-color-active:rgb(8, 53, 104);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link{text-align:left;--button-border-color:transparent;--button-background:transparent;--button-text-decoration-hover:underline;--button-text-decoration-focus:underline;--button-text-decoration-active:underline;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-link:focus-visible:not(:disabled),.button--type-link:focus:not(:disabled){border-radius:0.625rem}.button--type-link.button--dark-theme{--button-text-color:rgb(247, 247, 247);--button-text-color-hover:rgb(215, 219, 224);--button-text-color-focus:rgb(215, 219, 224);--button-text-color-active:rgb(247, 247, 247);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-text-color-hover:rgb(153, 245, 255);--button-text-color-focus:rgb(153, 245, 255);--button-text-color-active:rgb(26, 213, 219);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--light-theme{--button-text-color:rgb(10, 11, 13);--button-text-color-hover:rgb(88, 99, 116);--button-text-color-focus:rgb(88, 99, 116);--button-text-color-active:rgb(35, 40, 46);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-text-color-hover:rgb(52, 132, 244);--button-text-color-focus:rgb(52, 132, 244);--button-text-color-active:rgb(0, 96, 245);--button-text-color-disabled:rgb(153, 160, 174)}.button--icon-mode{padding:var(--button-icon-mode-padding, var(--button-icon-mode-padding-internal));aspect-ratio:1;border-radius:50%;min-width:auto}';export{n as tet_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,g as t,h as e,H as r}from"./p-5abb3bea.js";import{c as n,a as i}from"./p-165a8492.js";const a=class{constructor(t){o(this,t),this.stepperData=[],this.forcedColumn=!1,this.hideIcons=!1,this.theme="light",this.columnLayout=!1,this.layout="default"}get host(){return t(this)}componentDidLoad(){"default"===this.layout&&this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:{"round-stepper__item":!0,dark:"dark"===this.theme,"column-layout":this.columnLayout,"with-background-gradient":"withBackgroundGradient"===this.layout,[`color-theme-${o.colorTheme}`]:"withBackgroundGradient"===this.layout&&!!o.colorTheme,[`color-tone-${o.colorTone}`]:"withBackgroundGradient"===this.layout&&!!o.colorTone,[`gradient-${o.gradient}`]:"withBackgroundGradient"===this.layout&&!!o.gradient&&"off"!==o.gradient}},e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{class:"icon",name:o.icon}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=`${n(224/i())}px`}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=`${n(192/i())}px`})))}onResize(){"default"===this.layout&&this.calculateContainerWidth()}render(){return e(r,{key:"902e0e78aaa6602f18d570e7e469f3d52c98f316"},e("div",{key:"d770414c1e0af2d239bf5c3a01fdbe6ab98f01c8",class:{"round-stepper":!0,"with-background-gradient":"withBackgroundGradient"===this.layout,column:this.forcedColumn,"six-plus-items":this.stepperData.length>=6,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}};a.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)}@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{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.with-background-gradient{gap:1.5rem;width:100%}@media all and (min-width: 48rem) and (max-width: 80rem){.round-stepper.with-background-gradient.six-plus-items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.round-stepper.with-background-gradient.six-plus-items .round-stepper__item{max-width:none}}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__item.column-layout{flex-direction:column;align-items:start;width:100%}.round-stepper__item.column-layout .round-stepper__description{margin-left:0;margin-top:1rem}.round-stepper__item.with-background-gradient{--round-stepper-item-background-color:transparent;--round-stepper-item-background-color-dark:var(--round-stepper-item-background-color);--round-stepper-item-circle-background-color:var(--tc-icon-black-to-yellow);--round-stepper-item-circle-text-color:var(--tc-text-inverse-primary);--round-stepper-item-circle-background-color-dark:var(--tc-icon-black-to-yellow-dark);--round-stepper-item-circle-text-color-dark:var(--tc-text-inverse-primary-dark);max-width:45rem;border-radius:1rem;padding:1.5rem 1rem;background-color:var(--round-stepper-item-background-color)}.round-stepper__item.with-background-gradient.dark{--round-stepper-item-circle-background-color:var(--round-stepper-item-circle-background-color-dark);--round-stepper-item-circle-text-color:var(--round-stepper-item-circle-text-color-dark);background-color:var(--round-stepper-item-background-color-dark)}.round-stepper__item.with-background-gradient .round-stepper__circle{background-color:var(--round-stepper-item-circle-background-color) !important;color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-item-circle-text-color) !important}@media all and (min-width: 48rem){.round-stepper__item.with-background-gradient{padding:1.5rem;max-width:36rem}}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-gradient-grey-accent);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark{--round-stepper-item-background-color:var(--tc-yellow-30);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light{--round-stepper-item-background-color:var(--tc-yellow-20);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light{--round-stepper-item-background-color:var(--tc-yellow-10);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-grey-50);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark{--round-stepper-item-background-color:var(--tc-grey-40);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light{--round-stepper-item-background-color:var(--tc-grey-30);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light{--round-stepper-item-background-color:var(--tc-grey-20);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.gradient-dark-light{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12))}.round-stepper__item.with-background-gradient.gradient-light-dark{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12))}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__circle.dark tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}';export{a as tet_round_stepper}
|
|
1
|
+
import{r as o,g as t,h as e,H as r}from"./p-83f43fdd.js";import{c as n,a as i}from"./p-165a8492.js";const a=class{constructor(t){o(this,t),this.stepperData=[],this.forcedColumn=!1,this.hideIcons=!1,this.theme="light",this.columnLayout=!1,this.layout="default"}get host(){return t(this)}componentDidLoad(){"default"===this.layout&&this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:{"round-stepper__item":!0,dark:"dark"===this.theme,"column-layout":this.columnLayout,"with-background-gradient":"withBackgroundGradient"===this.layout,[`color-theme-${o.colorTheme}`]:"withBackgroundGradient"===this.layout&&!!o.colorTheme,[`color-tone-${o.colorTone}`]:"withBackgroundGradient"===this.layout&&!!o.colorTone,[`gradient-${o.gradient}`]:"withBackgroundGradient"===this.layout&&!!o.gradient&&"off"!==o.gradient}},e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{class:"icon",name:o.icon}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=`${n(224/i())}px`}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=`${n(192/i())}px`})))}onResize(){"default"===this.layout&&this.calculateContainerWidth()}render(){return e(r,{key:"902e0e78aaa6602f18d570e7e469f3d52c98f316"},e("div",{key:"d770414c1e0af2d239bf5c3a01fdbe6ab98f01c8",class:{"round-stepper":!0,"with-background-gradient":"withBackgroundGradient"===this.layout,column:this.forcedColumn,"six-plus-items":this.stepperData.length>=6,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}};a.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)}@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{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.with-background-gradient{gap:1.5rem;width:100%}@media all and (min-width: 48rem) and (max-width: 80rem){.round-stepper.with-background-gradient.six-plus-items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.round-stepper.with-background-gradient.six-plus-items .round-stepper__item{max-width:none}}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__item.column-layout{flex-direction:column;align-items:start;width:100%}.round-stepper__item.column-layout .round-stepper__description{margin-left:0;margin-top:1rem}.round-stepper__item.with-background-gradient{--round-stepper-item-background-color:transparent;--round-stepper-item-background-color-dark:var(--round-stepper-item-background-color);--round-stepper-item-circle-background-color:var(--tc-icon-black-to-yellow);--round-stepper-item-circle-text-color:var(--tc-text-inverse-primary);--round-stepper-item-circle-background-color-dark:var(--tc-icon-black-to-yellow-dark);--round-stepper-item-circle-text-color-dark:var(--tc-text-inverse-primary-dark);max-width:45rem;border-radius:1rem;padding:1.5rem 1rem;background-color:var(--round-stepper-item-background-color)}.round-stepper__item.with-background-gradient.dark{--round-stepper-item-circle-background-color:var(--round-stepper-item-circle-background-color-dark);--round-stepper-item-circle-text-color:var(--round-stepper-item-circle-text-color-dark);background-color:var(--round-stepper-item-background-color-dark)}.round-stepper__item.with-background-gradient .round-stepper__circle{background-color:var(--round-stepper-item-circle-background-color) !important;color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-item-circle-text-color) !important}@media all and (min-width: 48rem){.round-stepper__item.with-background-gradient{padding:1.5rem;max-width:36rem}}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-gradient-grey-accent);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark{--round-stepper-item-background-color:var(--tc-yellow-30);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light{--round-stepper-item-background-color:var(--tc-yellow-20);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light{--round-stepper-item-background-color:var(--tc-yellow-10);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-grey-50);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark{--round-stepper-item-background-color:var(--tc-grey-40);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light{--round-stepper-item-background-color:var(--tc-grey-30);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light{--round-stepper-item-background-color:var(--tc-grey-20);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.gradient-dark-light{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12))}.round-stepper__item.with-background-gradient.gradient-light-dark{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12))}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__circle.dark tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}';export{a as tet_round_stepper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as n,f as i,h as a}from"./p-
|
|
1
|
+
import{r as t,c as n,f as i,h as a}from"./p-83f43fdd.js";import{p as e,t as o}from"./p-a8051a99.js";import"./p-9a2b6ee2.js";import"./p-0ebbf5ef.js";const r=class{constructor(i){t(this,i),this.slideChange=n(this,"slideChange",7),this.pauseStateChange=n(this,"pauseStateChange",7),this.slides=4,this.duration=5e3,this.paused=!1,this.isPaused=!1,this.mobileLayout=!1,this.theme="light",this.language="lv",this.currentSlide=0,this.firstLoad=!1}onPausedStateChange(t){t?this.pause():this.play()}autoTimer;slideChange;pauseStateChange;async onLanguageChange(t){e("tet-components",t).then((()=>i(this)))}componentWillLoad(){this.isPaused=this.paused,this.firstLoad=!0,e("tet-components",this.language).then((()=>i(this)))}componentDidLoad(){this.isPaused||this.startAutoAdvance()}disconnectedCallback(){this.stopAutoAdvance()}async pause(){this.isPaused=!0,this.stopAutoAdvance(),this.pauseStateChange.emit({paused:!0})}async play(){this.isPaused=!1,this.startAutoAdvance(),this.pauseStateChange.emit({paused:!1})}async goTo(t,n){const i=this.currentSlide;this.currentSlide=Math.max(0,Math.min(t,this.slides-1)),this.slideChange.emit({index:this.currentSlide,previousIndex:i,source:n}),this.isPaused||this.startAutoAdvance()}async next(){this.currentSlide===this.slides-1&&(this.firstLoad=!1);const t=(this.currentSlide+1)%this.slides;await this.goTo(t,"next")}async previous(){const t=0===this.currentSlide?this.slides-1:this.currentSlide-1;await this.goTo(t,"previous")}async getCurrentSlide(){return this.currentSlide}startAutoAdvance(){this.stopAutoAdvance(),this.autoTimer=window.setInterval((()=>{this.next()}),this.duration)}stopAutoAdvance(){this.autoTimer&&(clearInterval(this.autoTimer),this.autoTimer=void 0)}handlePauseClick=()=>{this.isPaused?this.play():this.pause()};render(){return 1===this.slides?null:a("div",{class:{"banner-navigation":!0,[`banner-navigation--${this.theme}`]:!0,"banner-navigation--paused":this.isPaused,"banner-navigation--mobile":this.mobileLayout},style:{"--progress-duration":`${this.duration}ms`}},a("button",{class:"banner-navigation__pause",onClick:this.handlePauseClick,"aria-label":o(this.isPaused?"components-banner-nav-resume-slideshow":"components-banner-nav-pause-slideshow")},a("tet-icon",{style:{"--icon-size":"16px","--icon-container-display":"flex"},name:this.isPaused?"tc-play":"tc-pause"})),Array.from({length:this.slides},((t,n)=>a("div",{class:"banner-navigation__button-container"},a("button",{tabIndex:0,class:{"banner-navigation__button":!0,"banner-navigation__button--active":n===this.currentSlide,"banner-navigation__button--paused":this.isPaused,"banner-navigation__button--done":n<this.currentSlide,"banner-navigation__button--resetting":!this.firstLoad&&0===this.currentSlide,"banner-navigation__button--last":!this.firstLoad&&0===this.currentSlide&&n===this.slides-1,"nav-svg--filled":n<this.currentSlide,"nav-svg--unfilled":n>this.currentSlide},onClick:()=>this.goTo(n,"user"),"aria-label":o("components-banner-nav-go-to-slide")+" "+(n+1),"aria-pressed":n===this.currentSlide?"true":"false"},a("div",{class:"svg-wrapper"},a("svg",{class:"nav-svg",width:"23",height:"13",viewBox:"0 0 23 12",fill:"none"},a("defs",null,a("clipPath",{id:`nav-clip-${n}`},a("rect",{class:"clip-rect",x:"0.5",y:"0.5",height:"11"}))),a("rect",{class:"rect outer-rect",x:"0.5",y:"0.5",width:"22",height:"11",rx:"5.5",stroke:"currentColor",fill:"none"}),a("rect",{class:"rect hover-rect",x:"0.5",y:"0.5",height:"11",width:"22",rx:"5.5",fill:"transparent"}),a("g",{"clip-path":`url(#nav-clip-${n})`},a("rect",{class:"rect rect-opacity",x:"0.5",y:"0.5",height:"11",width:"22",rx:"5.5",fill:"var(--fill-color)"})))))))))}static get watchers(){return{paused:["onPausedStateChange"],language:["onLanguageChange"]}}};r.style='.banner-navigation{display:inline-flex;align-items:flex-end}.banner-navigation--light{color:var(--tc-icon-primary);--fill-color:var(--tc-icon-primary);--outline-color:var(--tc-blue-40, rgba(25, 98, 212, 1));--hover-color:rgba(12, 12, 14, 0.10);--done-hover-color:var(--tc-grey-80);--pause-icon-color:var( --tc-icon-primary);--active-color:var(--tc-grey-110);--inactive-color:var(--tc-grey-60)}.banner-navigation--dark{color:var(--tc-icon-primary-dark);--fill-color:var(--tc-icon-primary-dark);--outline-color:var(--tc-blue-40-dark, rgba(52, 129, 247, 1));--hover-color:rgba(187, 189, 191, 0.2);--done-hover-color:var(--tc-grey-80-dark);--pause-icon-color:var(--tc-icon-primary-dark);--active-color:var(--tc-grey-110-dark);--inactive-color:var(--tc-grey-60-dark)}.banner-navigation__pause{display:flex;align-items:center;border:none;background:none;padding:0.125rem;margin-right:0.375rem;cursor:pointer}.banner-navigation__pause:focus-visible{outline:var(--outline-color) auto 1px}.banner-navigation__pause tet-icon{--icon-color:var(--pause-icon-color)}.banner-navigation__pause:hover tet-icon{--icon-color:var(--done-hover-color)}.banner-navigation__button-container{margin:0 0 2px 0}.banner-navigation__button{display:flex;align-items:flex-end;justify-content:center;appearance:none;border:none;background:none;cursor:pointer;padding:0.125rem;color:var(--inactive-color)}.banner-navigation__button:hover .hover-rect{fill:var(--hover-color)}.banner-navigation__button--done:hover .rect-opacity,.banner-navigation__button--active:hover .rect-opacity{fill:var(--done-hover-color)}.banner-navigation__button--done:hover .outer-rect,.banner-navigation__button--active:hover .outer-rect{color:var(--done-hover-color)}.banner-navigation__button .clip-rect{width:22px}.banner-navigation__button--active,.banner-navigation__button--done{color:var(--active-color)}.banner-navigation__button--active .clip-rect{animation:fill-progress var(--progress-duration, 5000ms) linear forwards}.banner-navigation__button--done .clip-rect{width:22px}.banner-navigation__button--active.banner-navigation__button--paused .clip-rect{animation:none;width:0}@keyframes fill-progress{from{width:0}to{width:22px}}.svg-wrapper{position:relative;display:inline-block;width:12px;height:12px;transition:width 0.2s linear;pointer-events:none}.svg-wrapper .nav-svg{position:absolute;top:50%;left:0;transform:translateY(-50%);transform-origin:left center;height:12px;pointer-events:none}.svg-wrapper .rect{transition:width 0.2s linear, rx 0.2s ease-out}.nav-svg--unfilled .rect-opacity{opacity:0;width:22px;transition:width 0.2s linear, rx 0.2s ease-out, opacity 0.2s ease-in}.nav-svg--unfilled .rect{rx:10;width:11px}.nav-svg--filled .rect-opacity{opacity:1}.nav-svg--filled .rect{width:11px;rx:10}.banner-navigation__button--active .svg-wrapper{width:23px}@media (prefers-reduced-motion: reduce){.banner-navigation__button--active .clip-rect,.rect,.rect-opacity{transition:none;width:22px}}.banner-navigation__button:focus-visible{position:relative;width:fit-content;height:fit-content;outline:none}.banner-navigation__button:focus-visible::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;scale:1.2;transform-origin:center center;outline:2px solid;outline-offset:-0.125rem;outline-color:var(--outline-color);border-radius:11px}.banner-navigation--mobile .banner-navigation__button{padding:0.3125rem}.banner-navigation--mobile .banner-navigation__pause{padding:0.3125rem;margin-right:0.4375rem;outline-offset:-0.25rem}.banner-navigation--mobile .banner-navigation__button:focus-visible::after{outline-offset:-0.3125rem}';export{r as tet_banner_nav}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as f,H as s}from"./p-
|
|
1
|
+
import{r as t,c as o,h as f,H as s}from"./p-83f43fdd.js";import{n as e}from"./p-58434b0c.js";var a;!function(t){t.Close="close",t.ChevronDown="chevron-down"}(a||(a={}));const i=class{constructor(f){t(this,f),this.optionSelected=o(this,"optionSelected",7),this.inputValueCleared=o(this,"inputValueCleared",7),this.inputValueChanged=o(this,"inputValueChanged",7),this.options=[],this.defaultOption=void 0,this.noOptionsMessage=void 0,this.placeholder="",this.label="",this.theme="classic",this.hasError=!1,this.errorMessage="",this.inputValue=""}autocomplete;nativeInput;inputComponent;optionSelected;inputValueCleared;inputValueChanged;async clearInput(t=!1){await this.autocomplete.clear(t)}async focusOnNativeInput(){await this.autocomplete.focusOnNativeInput()}async componentDidLoad(){this.nativeInput=await this.inputComponent.getInputHtmlElement(),this.nativeInput?.addEventListener("input",this.nativeInputCallback),this.defaultOption&&await this.autocomplete.selectOption(this.defaultOption)}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.nativeInputCallback)}nativeInputCallback=({target:t})=>{const o=t.value;o&&(this.inputValue=e(o),this.inputValueChanged.emit(o))};get rightIconName(){return this.inputValue.length?a.Close:a.ChevronDown}iconRightClickCallback=async()=>{this.rightIconName!==a.ChevronDown?(await this.autocomplete.clear(),await this.focusOnNativeInput(),this.inputValueCleared.emit()):await this.focusOnNativeInput()};autocompleteClearInputCallback=()=>{this.inputValue="",this.inputValueCleared.emit()};handleAutocompleteOptionSelection=({detail:t})=>{this.inputValue=t.label,this.optionSelected.emit(t)};optionsFilterAction=t=>this.options.filter((({label:o})=>o.toLowerCase().includes(e(t))));render(){return f(s,{key:"3de1720938237418d70e08e86ef63410121c847b"},f("tet-autocomplete",{key:"96d8c48bc8e028d828a4c69b41722fa1574381c5",newStyle:!0,defaultOptions:this.options,showOptionsOnEscapeClear:!0,noOptionsMessage:this.noOptionsMessage,optionsFilterAction:this.optionsFilterAction,clearCallback:this.autocompleteClearInputCallback,onOptionSelected:this.handleAutocompleteOptionSelection,ref:t=>this.autocomplete=t,darkTheme:"dark"===this.theme},f("tet-input",{key:"5148b415def5f450deea05389215259e03c50d13",class:"input",label:this.label,error:this.hasError,"icon-right":this.rightIconName,"input-class":"autocomplete-input","input-placeholder":this.placeholder,ref:t=>this.inputComponent=t,iconRightClickCallback:this.iconRightClickCallback,theme:this.theme})),this.hasError&&this.errorMessage&&f("p",{key:"6887e8c715eba3e42793bbd20d65430ac7bcbd1a",class:"error-message"},this.errorMessage))}};i.style='@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{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{display:block}.input{--input-icon-size:1.25rem;--input-icon-top-position:0.625rem;--input-border-radius:0.625rem;--input-padding:0.5rem 0.5rem 0.5rem 0.75rem}.error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem;color:rgb(233, 69, 54)}';export{i as tet_autocomplete_dropdown}
|