@tet/tet-components 1.4.77-production → 1.4.77-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-951109ee.js → address-656e77f6.js} +1 -1
- package/dist/cjs/{assets-c00a24d2.js → assets-f64f0e16.js} +1 -1
- package/dist/cjs/{async-request-13036d6f.js → async-request-fcf33aba.js} +1 -1
- package/dist/cjs/{http-codes-16564d25.js → http-codes-40da1e61.js} +1 -1
- package/dist/cjs/{index-162b4cbc.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-a59cbcb0.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-39f20542.js → phone-055efd07.js} +2 -2
- package/dist/cjs/{product-comparison-5535cd9e.js → product-comparison-88a89820.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-label.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-loader.cjs.entry.js +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-cde3168f.js → theme-wrapper-66880718.js} +2 -2
- package/dist/cjs/{translations-ca556860.js → translations-03c9de64.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-98c6f957.js → p-0350e010.js} +1 -1
- package/dist/components/{p-ff945562.js → p-0501b4dd.js} +1 -1
- package/dist/components/{p-6ac7e046.js → p-07449232.js} +7 -7
- package/dist/components/{p-055df8bd.js → p-0c69f166.js} +4 -4
- package/dist/components/{p-b9dce39e.js → p-11b5e4b6.js} +9 -9
- package/dist/components/{p-02f89dde.js → p-1489658f.js} +1 -1
- package/dist/components/{p-0db9dbe8.js → p-1caff17d.js} +14 -14
- package/dist/components/{p-5716b6f5.js → p-1ece1d7b.js} +1 -1
- package/dist/components/{p-c88ae672.js → p-1f784241.js} +2 -2
- package/dist/components/{p-c309cffd.js → p-25503044.js} +2 -2
- package/dist/components/{p-8b6ad07d.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-75549c13.js → p-2f7b2d35.js} +1 -1
- package/dist/components/{p-35e07266.js → p-31f20950.js} +1 -1
- package/dist/components/{p-c603e921.js → p-3401946f.js} +5 -5
- package/dist/components/{p-1415d814.js → p-349c4f40.js} +2 -2
- package/dist/components/{p-91a04926.js → p-440c71a2.js} +1 -1
- package/dist/components/{p-8792ebce.js → p-4468c9e9.js} +1 -1
- package/dist/components/{p-9a125d5d.js → p-51e056ad.js} +1 -1
- package/dist/components/{p-eca1d7c6.js → p-52877cda.js} +3 -3
- package/dist/components/{p-65794b6e.js → p-5453e09f.js} +7 -7
- package/dist/components/{p-79cdddaa.js → p-59115eaa.js} +1 -1
- package/dist/components/{p-aaa17350.js → p-68c6b7df.js} +6 -6
- package/dist/components/{p-9ba30066.js → p-6f11c245.js} +2 -2
- package/dist/components/{p-78567cb4.js → p-70507bfc.js} +1 -1
- package/dist/components/{p-5c6f4ecf.js → p-75946ab6.js} +3 -3
- package/dist/components/{p-750a6321.js → p-7f7cbc85.js} +7 -7
- package/dist/components/{p-c7ffcfbb.js → p-811bfb01.js} +2 -2
- package/dist/components/{p-eb93417c.js → p-82b891be.js} +3 -3
- package/dist/components/{p-100bb690.js → p-87d28445.js} +4 -4
- package/dist/components/{p-3741127d.js → p-90e12b90.js} +2 -2
- package/dist/components/{p-a84a5eea.js → p-95f3192b.js} +1 -1
- package/dist/components/{p-67ba6477.js → p-976cb626.js} +2 -2
- package/dist/components/{p-5510d372.js → p-a75e9375.js} +2 -2
- package/dist/components/{p-19b3a55c.js → p-aa896160.js} +1 -1
- package/dist/components/{p-9535a92a.js → p-aab6e185.js} +2 -2
- package/dist/components/{p-f80b4d62.js → p-b42eb2cc.js} +3 -3
- package/dist/components/{p-07727b87.js → p-b6fccb1c.js} +3 -3
- package/dist/components/{p-ee58c50e.js → p-b8253e8b.js} +10 -10
- package/dist/components/{p-b1a92c96.js → p-bb6e933a.js} +1 -1
- package/dist/components/{p-c11d0ca5.js → p-bb9547cd.js} +1 -1
- package/dist/components/{p-fa21b61e.js → p-c51432bc.js} +6 -6
- package/dist/components/{p-0a5183b3.js → p-c6bf37e9.js} +1 -1
- package/dist/components/{p-cb8c66e9.js → p-c70ffb66.js} +10 -10
- package/dist/components/{p-d22f36fb.js → p-cadc2794.js} +3 -3
- package/dist/components/{p-6813f708.js → p-ccc71f74.js} +3 -3
- package/dist/components/{p-c6e4de77.js → p-cdc9f14b.js} +2 -2
- package/dist/components/{p-5576d65f.js → p-d4e171e6.js} +2 -2
- package/dist/components/{p-d87bf702.js → p-d5a24de6.js} +7 -7
- package/dist/components/{p-d3bd7de2.js → p-d6b0f57f.js} +1 -1
- package/dist/components/{p-330a8ffc.js → p-dbe007a1.js} +2 -2
- package/dist/components/{p-a4193716.js → p-de4daa45.js} +5 -5
- package/dist/components/{p-629b098f.js → p-e03b86c0.js} +2 -2
- package/dist/components/{p-98be0ffc.js → p-e241a1b9.js} +1 -1
- package/dist/components/{p-fc972f9f.js → p-e33df696.js} +1 -1
- package/dist/components/{p-afdd3618.js → p-e3eb3b05.js} +1 -1
- package/dist/components/{p-ecfc4acb.js → p-e8eaf31b.js} +3 -3
- package/dist/components/{p-99819b65.js → p-ef0501b4.js} +1 -1
- package/dist/components/{p-3780c37a.js → p-f3c3b0a7.js} +6 -6
- package/dist/components/{p-783e4b0d.js → p-f98e1a64.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card-v3.js +10 -10
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-mini-compare-card.js +3 -3
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +3 -3
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +2 -2
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-24e316f2.js → address-1e0810e7.js} +1 -1
- package/dist/esm/{assets-343a0b59.js → assets-e1349520.js} +1 -1
- package/dist/esm/{async-request-a5159336.js → async-request-4c945e13.js} +1 -1
- package/dist/esm/{http-codes-98d3e25c.js → http-codes-1927ea00.js} +1 -1
- package/dist/esm/{index-6c5bc6fc.js → index-412df137.js} +1 -1
- package/dist/esm/{index-0da0d682.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-ea11e1d0.js → phone-1a920c5c.js} +2 -2
- package/dist/esm/{product-comparison-21980b84.js → product-comparison-dd90c721.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_2.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-label.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-loader.entry.js +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tooltip.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-37dd9692.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-9a0d9386.js → translations-4712c45f.js} +1 -1
- package/dist/tet-components/{p-23ba99b6.entry.js → p-003e17a0.entry.js} +1 -1
- package/dist/tet-components/{p-a873c89d.entry.js → p-00416b3b.entry.js} +1 -1
- package/dist/tet-components/{p-0255120e.js → p-0c6b6730.js} +1 -1
- package/dist/tet-components/{p-de7d649a.entry.js → p-0cc4a20c.entry.js} +1 -1
- package/dist/tet-components/{p-59ffdcd3.js → p-0ebbf5ef.js} +1 -1
- package/dist/tet-components/{p-a31f3a9a.entry.js → p-122f3d3c.entry.js} +1 -1
- package/dist/tet-components/{p-a2ab4213.entry.js → p-1393ed60.entry.js} +1 -1
- package/dist/tet-components/{p-e15c11c7.entry.js → p-18a06e75.entry.js} +1 -1
- package/dist/tet-components/{p-4d8af9ad.entry.js → p-18ad3b7d.entry.js} +1 -1
- package/dist/tet-components/{p-860ccba0.entry.js → p-18b15829.entry.js} +1 -1
- package/dist/tet-components/{p-e4779823.entry.js → p-19c387bd.entry.js} +1 -1
- package/dist/tet-components/{p-4d2cc613.entry.js → p-1c8fb479.entry.js} +1 -1
- package/dist/tet-components/{p-c7d561a7.entry.js → p-1d5c5c4e.entry.js} +1 -1
- package/dist/tet-components/{p-1e9db0cc.js → p-1fd2adaf.js} +1 -1
- package/dist/tet-components/{p-51b6c13e.entry.js → p-1ff1f044.entry.js} +1 -1
- package/dist/tet-components/{p-9dc84f6c.entry.js → p-2920ed03.entry.js} +1 -1
- package/dist/tet-components/{p-1be60596.entry.js → p-29cde2fc.entry.js} +1 -1
- package/dist/tet-components/{p-be5be172.entry.js → p-2b5b2c71.entry.js} +1 -1
- package/dist/tet-components/{p-0e2df2d9.entry.js → p-2c2d064f.entry.js} +1 -1
- package/dist/tet-components/{p-83fc1762.entry.js → p-2f67917d.entry.js} +1 -1
- package/dist/tet-components/{p-fda6a584.entry.js → p-2fb8ea65.entry.js} +1 -1
- package/dist/tet-components/{p-f7b75f60.entry.js → p-32ec918e.entry.js} +1 -1
- package/dist/tet-components/{p-038230dc.entry.js → p-3324b31a.entry.js} +1 -1
- package/dist/tet-components/{p-4a7c48d3.entry.js → p-36a4398d.entry.js} +1 -1
- package/dist/tet-components/{p-29b64cd5.entry.js → p-3cfc58fc.entry.js} +1 -1
- package/dist/tet-components/{p-e963fe21.entry.js → p-3f3911b6.entry.js} +1 -1
- package/dist/tet-components/{p-2c577b6b.entry.js → p-3f977401.entry.js} +1 -1
- package/dist/tet-components/{p-b2e718fd.entry.js → p-401e736e.entry.js} +1 -1
- package/dist/tet-components/{p-abfff69e.entry.js → p-42bab955.entry.js} +1 -1
- package/dist/tet-components/{p-cf096448.entry.js → p-45795285.entry.js} +1 -1
- package/dist/tet-components/{p-dc26489a.entry.js → p-46a02254.entry.js} +1 -1
- package/dist/tet-components/{p-18ef5232.entry.js → p-46b3fc7f.entry.js} +1 -1
- package/dist/tet-components/{p-bcbb0768.entry.js → p-46f6a051.entry.js} +1 -1
- package/dist/tet-components/{p-4ef61eca.entry.js → p-4b84438a.entry.js} +1 -1
- package/dist/tet-components/{p-1537fc09.entry.js → p-4c6a379b.entry.js} +1 -1
- package/dist/tet-components/{p-c3b978a2.entry.js → p-4d903648.entry.js} +1 -1
- package/dist/tet-components/{p-da5acf37.entry.js → p-55cbd500.entry.js} +1 -1
- package/dist/tet-components/{p-bf65a1c5.entry.js → p-5b5001cf.entry.js} +1 -1
- package/dist/tet-components/{p-f272a0ce.entry.js → p-5fb62a1b.entry.js} +1 -1
- package/dist/tet-components/{p-725a4439.entry.js → p-64e277c1.entry.js} +1 -1
- package/dist/tet-components/{p-5c469b6d.entry.js → p-6693715e.entry.js} +1 -1
- package/dist/tet-components/{p-1e00c707.entry.js → p-697d23d7.entry.js} +1 -1
- package/dist/tet-components/{p-d83369f0.entry.js → p-69c58fc4.entry.js} +1 -1
- package/dist/tet-components/{p-9d45496b.entry.js → p-6b088283.entry.js} +1 -1
- package/dist/tet-components/{p-4eeaa95d.entry.js → p-6b63a9c5.entry.js} +1 -1
- package/dist/tet-components/{p-fd1870aa.entry.js → p-6b799942.entry.js} +1 -1
- package/dist/tet-components/{p-bcac4284.entry.js → p-6babde37.entry.js} +1 -1
- package/dist/tet-components/{p-5afa5243.entry.js → p-6be0549b.entry.js} +1 -1
- package/dist/tet-components/{p-1ad37ab3.entry.js → p-724189c2.entry.js} +1 -1
- package/dist/tet-components/{p-b18a29d3.entry.js → p-7242c9b7.entry.js} +1 -1
- package/dist/tet-components/{p-19c6a28c.js → p-7544dfd7.js} +1 -1
- package/dist/tet-components/{p-e3ccb120.entry.js → p-75bbc14a.entry.js} +1 -1
- package/dist/tet-components/{p-81586378.js → p-778c46a6.js} +1 -1
- package/dist/tet-components/{p-66dfc6c3.entry.js → p-7e91cb84.entry.js} +1 -1
- package/dist/tet-components/{p-674c34fe.entry.js → p-7f18c74c.entry.js} +1 -1
- package/dist/tet-components/{p-c855d22d.entry.js → p-7fc933fe.entry.js} +1 -1
- package/dist/tet-components/{p-d90c9f58.entry.js → p-829c6df6.entry.js} +1 -1
- package/dist/tet-components/p-83f43fdd.js +2 -0
- package/dist/tet-components/{p-85dbfd0e.entry.js → p-84322a3d.entry.js} +1 -1
- package/dist/tet-components/{p-f3cd9c56.entry.js → p-87221449.entry.js} +1 -1
- package/dist/tet-components/{p-fa69d1cf.entry.js → p-8bfd498e.entry.js} +1 -1
- package/dist/tet-components/{p-95a1dd7c.entry.js → p-8fa0be45.entry.js} +1 -1
- package/dist/tet-components/{p-6c01686a.entry.js → p-93820289.entry.js} +1 -1
- package/dist/tet-components/{p-8d03a36d.entry.js → p-949d0eaf.entry.js} +1 -1
- package/dist/tet-components/{p-f9f12981.entry.js → p-9975c677.entry.js} +1 -1
- package/dist/tet-components/{p-93a7b0e4.entry.js → p-9a75ed39.entry.js} +1 -1
- package/dist/tet-components/{p-c95500c7.entry.js → p-9c837569.entry.js} +1 -1
- package/dist/tet-components/{p-b6cea5f2.entry.js → p-9da5d99d.entry.js} +1 -1
- package/dist/tet-components/{p-44a9b814.entry.js → p-a5645919.entry.js} +1 -1
- package/dist/tet-components/{p-7fd00c1d.entry.js → p-a727af6b.entry.js} +1 -1
- package/dist/tet-components/{p-f9e5405c.js → p-a8051a99.js} +1 -1
- package/dist/tet-components/{p-8763c126.entry.js → p-b0c62997.entry.js} +1 -1
- package/dist/tet-components/{p-60a85942.entry.js → p-b10165d6.entry.js} +1 -1
- package/dist/tet-components/{p-cb311987.entry.js → p-b31168fc.entry.js} +1 -1
- package/dist/tet-components/{p-ffa5477f.entry.js → p-b57d9144.entry.js} +1 -1
- package/dist/tet-components/{p-9e507839.entry.js → p-b652f17d.entry.js} +1 -1
- package/dist/tet-components/{p-1ca03991.entry.js → p-ba8c6a1c.entry.js} +1 -1
- package/dist/tet-components/{p-baafb1da.entry.js → p-bffdfc84.entry.js} +1 -1
- package/dist/tet-components/{p-ccbe2f2a.entry.js → p-c4de9e32.entry.js} +1 -1
- package/dist/tet-components/{p-a193f723.entry.js → p-c9f21fde.entry.js} +1 -1
- package/dist/tet-components/{p-ee6331bf.entry.js → p-cbe2dffa.entry.js} +1 -1
- package/dist/tet-components/{p-227bff3d.entry.js → p-cbe7e76a.entry.js} +1 -1
- package/dist/tet-components/{p-fc8d6963.entry.js → p-ccfa9f31.entry.js} +1 -1
- package/dist/tet-components/{p-48d13280.entry.js → p-cde8057a.entry.js} +1 -1
- package/dist/tet-components/{p-ada4d25e.entry.js → p-cf3456e2.entry.js} +1 -1
- package/dist/tet-components/{p-d2127f71.entry.js → p-d06f8b4e.entry.js} +1 -1
- package/dist/tet-components/{p-779c00c2.entry.js → p-d1035694.entry.js} +1 -1
- package/dist/tet-components/{p-8318b6ce.entry.js → p-d5b36540.entry.js} +1 -1
- package/dist/tet-components/{p-21acfb7d.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-19828a7e.entry.js → p-dab1cb50.entry.js} +1 -1
- package/dist/tet-components/{p-096705a4.entry.js → p-e290c65d.entry.js} +1 -1
- package/dist/tet-components/{p-4fe435f5.entry.js → p-e303efa1.entry.js} +1 -1
- package/dist/tet-components/{p-962240a1.entry.js → p-e52505d3.entry.js} +1 -1
- package/dist/tet-components/{p-35250549.entry.js → p-e93ab3e8.entry.js} +1 -1
- package/dist/tet-components/{p-71d08a5b.entry.js → p-efc67b5d.entry.js} +1 -1
- package/dist/tet-components/{p-714734c7.entry.js → p-f66f239b.entry.js} +1 -1
- package/dist/tet-components/{p-01a44fa7.entry.js → p-f6916bfc.entry.js} +1 -1
- package/dist/tet-components/{p-a0b08ff1.js → p-f81b3bb0.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-bfaa6230.entry.js → p-f93ab9f3.entry.js} +1 -1
- package/dist/tet-components/{p-bb1691e9.entry.js → p-f9c69d39.entry.js} +1 -1
- package/dist/tet-components/{p-86732da3.entry.js → p-fa259a3d.entry.js} +1 -1
- package/dist/tet-components/{p-b9005e25.entry.js → p-fc88ce77.entry.js} +1 -1
- package/dist/tet-components/{p-45fe2db7.entry.js → p-fcecbfc1.entry.js} +1 -1
- package/dist/tet-components/{p-1bda7720.entry.js → p-fdd7e7d5.entry.js} +1 -1
- package/dist/tet-components/{p-992ee55d.entry.js → p-fe57c92c.entry.js} +1 -1
- package/dist/tet-components/{p-0993a390.entry.js → p-ff291490.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-7c868b40.js +0 -2
- package/dist/tet-components/p-81456c37.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,g as o,h as s,H as e}from"./p-7c868b40.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 t,h as o,H as r}from"./p-7c868b40.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 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as o,f as s,h as r,H as n}from"./p-7c868b40.js";import{p as a,t as i}from"./p-f9e5405c.js";import{s as d,a as c}from"./p-19c6a28c.js";import"./p-59ffdcd3.js";import{d as l}from"./p-64ec8edd.js";import{n as h}from"./p-58434b0c.js";import{a as f}from"./p-713fff27.js";import"./p-9a2b6ee2.js";const p=class{constructor(o){e(this,o),this.addressSelected=t(this,"addressSelected",7),this.clearInputField=t(this,"clearInputField",7),this.manualAddressInput=t(this,"manualAddressInput",7),this.searchSubmitted=t(this,"searchSubmitted",7),this.language="lv",this.minSearchKeywordLength=4,this.placeholder="Piemēram, Nometņu iela 10 - 5, Salaspils",this.label="",this.accessibilityLabel="",this.addressKey="",this.newStyle=!1,this.newFormsStyle=!1,this.redesignedStyle=!1,this.alwaysExpanded=!1,this.theme="classic",this.manualAddressTriggers=!1,this.isInputInvalid=!1,this.inputDisabled=!1,this.inputIconRight="",this.inputValueLength=0,this.isLoading=!1,this.isKeyboardFocus=!0,this.focusVisible=!1,this.elementActive=!1,this.searchButtonText="Parbaudīt",this.closeButtonText="Aizvert"}autocomplete;nativeInput;inputComponent;get searchElement(){return o(this)}onLanguageChanged(e){a("tet-components",e).then((()=>s(this)))}async search(e){this.nativeInput&&(e?await this.searchByAddressKey():await this.resetInputState())}onInputDisabledStateChange(e){e?this.removeIconRight():this.addClearIcon()}addressSelected;clearInputField;manualAddressInput;searchSubmitted;async resetInputState(){this.nativeInput.value="",this.inputValueLength=0,this.removeIconRight()}async componentWillLoad(){a("tet-components",this.language).then((()=>s(this)))}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.toggleInputClearIcon),this.nativeInput?.addEventListener("input",this.handleInputTyping),this.nativeInput?.addEventListener("input",this.handleInputEmptyState),this.nativeInput?.addEventListener("click",this.handleClick),this.autocomplete?.addEventListener("activeComponentStateChanged",this.handleActiveStateChange),this.nativeInput&&(this.nativeInput.style.whiteSpace="nowrap",this.nativeInput.style.overflow="hidden",this.nativeInput.style.textOverflow="ellipsis"),this.addressKey&&await this.searchByAddressKey()}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.toggleInputClearIcon),this.nativeInput?.removeEventListener("input",this.handleInputTyping),this.nativeInput?.removeEventListener("input",this.handleInputEmptyState),this.nativeInput?.removeEventListener("click",this.handleClick),this.autocomplete?.removeEventListener("activeComponentStateChanged",this.handleActiveStateChange)}handleClick=()=>{this.elementActive=!0,this.focusVisible=!1};handleInputTyping=e=>{this.elementActive=!0,e?.data&&(this.focusVisible=!1)};handleActiveStateChange=e=>{this.elementActive=null!==e.detail};onKeyDown(e){"Tab"!==e.key||this.nativeInput?.value||(this.focusVisible=!0)}onFocusOut(e){this.searchElement.contains(e.relatedTarget)||(this.elementActive=!1)}async searchByAddressKey(){const e=this.inputDisabled;this.inputDisabled=!0;const t=await d(this.addressKey);t&&t.fullAddress?(this.addressSelected.emit(t),this.nativeInput.value=t.fullAddress,this.inputValueLength=this.nativeInput.value.length,e||this.addClearIcon()):this.clearInputAction(),e||(this.inputDisabled=!1)}handleInputEmptyState=({target:e,inputType:t})=>{0===h(e.value).length&&["deleteContentBackward","deleteContentForward","deleteWordBackward","deleteWordForward","deleteByCut","historyUndo","historyRedo"].includes(t)&&this.clearInputAction()};toggleInputClearIcon=({target:e})=>{const t=h(e.value);if(this.inputValueLength=t.length,this.newStyle&&this.inputValueLength>=this.minSearchKeywordLength)return this.addLoadIcon(),void this.removeIconRight();t&&!this.inputIconRight&&this.addClearIcon(),!t&&this.inputIconRight&&this.removeIconRight()};manualAddressInputAction=()=>{this.manualAddressInput.emit(),this.clearInputAction()};addressFilterFunction=async e=>{if(e.length<this.minSearchKeywordLength)return Promise.resolve([]);const t=(await c(e)??[]).map((({fullAddress:e,addressKey:t,postalCode:o})=>({label:e,value:{addressKey:t,postalCode:o}})));return this.manualAddressTriggers&&t.length>0&&t.push({label:i("components-address-search-manual-address-input"),value:"manual-input",clickCallback:this.manualAddressInputAction,ignoreHighlighting:!0,cssPart:"manual-input-option"}),t};debounceAddressFilter=l(this.addressFilterFunction,300);removeIconRight=()=>{this.inputIconRight=""};clearInputAction=()=>{this.autocomplete?.clear()};autocompleteClearInputCallback=()=>{this.removeIconRight(),this.inputValueLength=0,this.clearInputField.emit()};addClearIcon=()=>{this.isLoading=!1,this.inputIconRight="close"};finishedLoading=()=>{this.newStyle&&(this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon())};addLoadIcon=()=>{this.isLoading=!0};handleAutocompleteOptionSelection=e=>{e.detail._originalEvent instanceof PointerEvent?(this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode}),this.searchSubmitted.emit(e.detail.label)):this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode})};handleSearchSubmit=()=>{this.searchSubmitted.emit(this.nativeInput?.value)};handleCloseButtonClick=()=>{this.focusVisible=!1,this.elementActive=!1,this.autocomplete?.dispatchEvent(new CustomEvent("activeComponentStateChanged",{detail:null,bubbles:!0,composed:!0}))};renderManualAddressInputNoOptionsMessage=()=>r("div",{part:"address-not-found"},r("p",null,i("components-address-search-not-found-message")),r("p",{part:`manual-input ${this.theme}`},r("a",{onClick:this.manualAddressInputAction,onKeyDown:f,class:{"tet-link":!0,dark:"dark"===this.theme},tabindex:"0",role:"button"},i("components-address-search-manual-address-input"))));render(){const e=["autocomplete-input"];this.redesignedStyle&&e.push("address-search--redesigned__input-field"),this.newStyle&&e.push("address-search__input--rounded"),this.newFormsStyle&&e.push("address-search__input--forms");const t="dark"===this.theme||"mint-original"===this.theme,o=t?"dark":"light",s=this.elementActive&&!this.focusVisible||this.alwaysExpanded,a=s?void 0:"var(--tc-grey-80)",d=s&&t&&this.alwaysExpanded?"adaptive-yellow":void 0;return r(n,{key:"70974e60f73464f949b0447bb5c62fee0965afbe",class:{"address-search":!0,"address-search--redesigned":this.redesignedStyle,"always-expanded":this.alwaysExpanded,"keyboard-focus":this.focusVisible,active:this.elementActive,[this.theme]:!0}},r("tet-autocomplete",{key:"301b07514c031d2ae274c077ca81947f3d5a2718",class:`address-search--redesigned__autocomplete\n ${t?"dark":""}\n `,part:"autocomplete",optionsFilterAction:this.debounceAddressFilter,onOptionSelected:this.handleAutocompleteOptionSelection,noOptionsMessage:i("components-address-search-not-found-message"),noOptionsRenderFunction:this.manualAddressTriggers?this.renderManualAddressInputNoOptionsMessage:void 0,clearCallback:this.autocompleteClearInputCallback,finishedLoading:this.finishedLoading,darkTheme:t,newStyle:this.newStyle,ref:e=>this.autocomplete=e,optionsIcon:"location",redesignedStyle:this.redesignedStyle},this.redesignedStyle?r("div",{class:"address-search--redesigned__autocomplete-content"},r("div",{class:"address-search--redesigned__input-wrapper\n "+(t?"dark":"")},r("tet-input",{class:"address-search__input address-search--redesigned__input\n "+(t?"dark":""),part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:t?"dark":"light",class:"address-search__spinner",size:"small"}))),r("div",{class:"address-search--redesigned__button-wrapper\n "+(t?"dark":"")},r("tet-button",{class:"submit-address js-button-mobile button-icon",type:"primary",theme:o,colorTheme:d,customColorCode:a,"accessibility-label":i("components-address-search-search"),iconName:"arrow-right",iconMode:!0,onClick:this.handleSearchSubmit}),r("tet-button",{class:"submit-address button js-button",type:"primary",size:"medium",theme:o,colorTheme:d,customColorCode:a,onClick:this.handleSearchSubmit},this.searchButtonText))):r("tet-input",{class:"address-search__input",part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"search",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,theme:this.theme,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:"dark"===this.theme?"dark":"light",class:"address-search__spinner",size:"small"}))),this.redesignedStyle&&r("div",{key:"885c8467b44aee031da74038c17f5c813670b604",class:"address-search--redesigned__close-button"},r("tet-button",{key:"709743eeb54f5c9dc99a8c8ef813d9b89dfe2345",type:"link",iconName:"close",theme:"dark",onMouseDown:e=>e.preventDefault(),onClick:this.handleCloseButtonClick},this.closeButtonText)))}static get watchers(){return{language:["onLanguageChanged"],addressKey:["search"],inputDisabled:["onInputDisabledStateChange"]}}};p.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;--manual-input-option-background-color:var(--tc-background-secondary);--hover-option-background-color:var(--tc-layer-primary);--input-field-icon-color:var(--tc-icon-secondary);--redesigned-address-search-padding-vertical:1rem;--redesigned-address-search-padding-horizontal:0.5rem;--redesigned-address-search-radius:1rem}:host(.address-search--redesigned){--address-search-width:100%;--address-search-height:2.75rem;width:var(--address-search-width);height:var(--address-search-height)}:host(.address-search--redesigned) ::part(autocomplete-options-container){display:none;border:none;position:unset;z-index:auto;box-shadow:none}:host(.address-search--redesigned:not(.keyboard-focus)) ::part(autocomplete-options-container){display:block}:host(.address-search--redesigned:not(.keyboard-focus).active:focus-within) .address-search--redesigned__close-button{display:block}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete{position:absolute;top:calc(-1 * var(--redesigned-address-search-padding-vertical));left:calc(-1 * var(--redesigned-address-search-padding-horizontal));border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal);width:calc(var(--address-search-width) + 2 * var(--redesigned-address-search-padding-horizontal))}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input-wrapper{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded){height:auto;--redesigned-close-button-top:-0.5rem}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete{border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper:not(.dark){border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded:focus-within) .address-search--redesigned__input-wrapper.dark{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.dark){--manual-input-option-background-color:var(--tc-background-secondary-dark);--hover-option-background-color:var(--tc-layer-primary-dark);--input-field-icon-color:var(--tc-icon-secondary-dark)}::part(address-not-found){display:flex;flex-direction:column;gap:0.5em}::part(manual-input-option){position:sticky;bottom:0;background-color:var(--manual-input-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}::part(manual-input-option):hover{--option-hover-background-color:var(--hover-option-background-color)}.address-search__input{--input-icon-color:var(--input-field-icon-color)}.address-search__input .icon-left{--input-icon-left-position:0.875rem}.address-search__input--rounded{--input-border-radius:1.375rem;--input-hover-background-color:none}.address-search__input--rounded~.icon-left,.address-search__input--rounded~.icon-right{--icon-size:1.5rem;--input-icon-top-position:0.625rem}.address-search__input--forms{--input-border-radius:0.75rem;--input-padding:0.75rem}.address-search__spinner{position:absolute;right:1rem}.address-search--redesigned__autocomplete{border:0.0625rem solid transparent}.address-search--redesigned__autocomplete-content{position:relative;display:flex;gap:0.75rem}.address-search--redesigned__input-wrapper{width:100%;border-bottom:0.0625rem solid var(--tc-grey-70);margin:0 0 0 0.5rem;display:flex;align-items:center;gap:0.5rem}.address-search--redesigned__button-wrapper{display:flex;align-items:center;margin-left:0.5rem}.address-search--redesigned__button-wrapper .js-button-mobile{width:fit-content;display:block;--button-icon-mode-padding:0.5rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button-mobile{display:none}}.address-search--redesigned__button-wrapper .js-button{display:none;--button-padding:0.5rem 0.875rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button{display:block}}.address-search--redesigned__input{width:100%;--input-height:var(--address-search-height);--input-text-color:var(--tc-button-text-white-permanent);--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-radius:0;--input-border-color:transparent;--input-focus-border-color:transparent;--input-focus-outline-color:transparent;--input-focus-background-color:transparent}.address-search--redesigned__input .icon-left{--input-icon-left-position:0.25rem;--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input .icon-right{--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input-field{--input-border-radius:0.0125rem}.address-search--redesigned__close-button{display:none;position:absolute;right:0;top:var(--redesigned-close-button-top, calc(-0.5rem - var(--redesigned-address-search-padding-vertical)));transform:translateY(-100%);--button-icon-color:var(--tc-button-icon-primary);--button-text-decoration:underline}.address-search--redesigned__close-button:hover{--button-icon-color:var(--color-grey-30)}.address-search--redesigned__close-button ::part(button){backdrop-filter:none;text-decoration:underline;--button-padding:0.5rem 0}';export{p as tet_address_search}
|
|
1
|
+
import{r as e,c as t,g as o,f as s,h as r,H as n}from"./p-83f43fdd.js";import{p as a,t as i}from"./p-a8051a99.js";import{s as d,a as c}from"./p-7544dfd7.js";import"./p-0ebbf5ef.js";import{d as l}from"./p-64ec8edd.js";import{n as h}from"./p-58434b0c.js";import{a as f}from"./p-713fff27.js";import"./p-9a2b6ee2.js";const p=class{constructor(o){e(this,o),this.addressSelected=t(this,"addressSelected",7),this.clearInputField=t(this,"clearInputField",7),this.manualAddressInput=t(this,"manualAddressInput",7),this.searchSubmitted=t(this,"searchSubmitted",7),this.language="lv",this.minSearchKeywordLength=4,this.placeholder="Piemēram, Nometņu iela 10 - 5, Salaspils",this.label="",this.accessibilityLabel="",this.addressKey="",this.newStyle=!1,this.newFormsStyle=!1,this.redesignedStyle=!1,this.alwaysExpanded=!1,this.theme="classic",this.manualAddressTriggers=!1,this.isInputInvalid=!1,this.inputDisabled=!1,this.inputIconRight="",this.inputValueLength=0,this.isLoading=!1,this.isKeyboardFocus=!0,this.focusVisible=!1,this.elementActive=!1,this.searchButtonText="Parbaudīt",this.closeButtonText="Aizvert"}autocomplete;nativeInput;inputComponent;get searchElement(){return o(this)}onLanguageChanged(e){a("tet-components",e).then((()=>s(this)))}async search(e){this.nativeInput&&(e?await this.searchByAddressKey():await this.resetInputState())}onInputDisabledStateChange(e){e?this.removeIconRight():this.addClearIcon()}addressSelected;clearInputField;manualAddressInput;searchSubmitted;async resetInputState(){this.nativeInput.value="",this.inputValueLength=0,this.removeIconRight()}async componentWillLoad(){a("tet-components",this.language).then((()=>s(this)))}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.toggleInputClearIcon),this.nativeInput?.addEventListener("input",this.handleInputTyping),this.nativeInput?.addEventListener("input",this.handleInputEmptyState),this.nativeInput?.addEventListener("click",this.handleClick),this.autocomplete?.addEventListener("activeComponentStateChanged",this.handleActiveStateChange),this.nativeInput&&(this.nativeInput.style.whiteSpace="nowrap",this.nativeInput.style.overflow="hidden",this.nativeInput.style.textOverflow="ellipsis"),this.addressKey&&await this.searchByAddressKey()}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.toggleInputClearIcon),this.nativeInput?.removeEventListener("input",this.handleInputTyping),this.nativeInput?.removeEventListener("input",this.handleInputEmptyState),this.nativeInput?.removeEventListener("click",this.handleClick),this.autocomplete?.removeEventListener("activeComponentStateChanged",this.handleActiveStateChange)}handleClick=()=>{this.elementActive=!0,this.focusVisible=!1};handleInputTyping=e=>{this.elementActive=!0,e?.data&&(this.focusVisible=!1)};handleActiveStateChange=e=>{this.elementActive=null!==e.detail};onKeyDown(e){"Tab"!==e.key||this.nativeInput?.value||(this.focusVisible=!0)}onFocusOut(e){this.searchElement.contains(e.relatedTarget)||(this.elementActive=!1)}async searchByAddressKey(){const e=this.inputDisabled;this.inputDisabled=!0;const t=await d(this.addressKey);t&&t.fullAddress?(this.addressSelected.emit(t),this.nativeInput.value=t.fullAddress,this.inputValueLength=this.nativeInput.value.length,e||this.addClearIcon()):this.clearInputAction(),e||(this.inputDisabled=!1)}handleInputEmptyState=({target:e,inputType:t})=>{0===h(e.value).length&&["deleteContentBackward","deleteContentForward","deleteWordBackward","deleteWordForward","deleteByCut","historyUndo","historyRedo"].includes(t)&&this.clearInputAction()};toggleInputClearIcon=({target:e})=>{const t=h(e.value);if(this.inputValueLength=t.length,this.newStyle&&this.inputValueLength>=this.minSearchKeywordLength)return this.addLoadIcon(),void this.removeIconRight();t&&!this.inputIconRight&&this.addClearIcon(),!t&&this.inputIconRight&&this.removeIconRight()};manualAddressInputAction=()=>{this.manualAddressInput.emit(),this.clearInputAction()};addressFilterFunction=async e=>{if(e.length<this.minSearchKeywordLength)return Promise.resolve([]);const t=(await c(e)??[]).map((({fullAddress:e,addressKey:t,postalCode:o})=>({label:e,value:{addressKey:t,postalCode:o}})));return this.manualAddressTriggers&&t.length>0&&t.push({label:i("components-address-search-manual-address-input"),value:"manual-input",clickCallback:this.manualAddressInputAction,ignoreHighlighting:!0,cssPart:"manual-input-option"}),t};debounceAddressFilter=l(this.addressFilterFunction,300);removeIconRight=()=>{this.inputIconRight=""};clearInputAction=()=>{this.autocomplete?.clear()};autocompleteClearInputCallback=()=>{this.removeIconRight(),this.inputValueLength=0,this.clearInputField.emit()};addClearIcon=()=>{this.isLoading=!1,this.inputIconRight="close"};finishedLoading=()=>{this.newStyle&&(this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon())};addLoadIcon=()=>{this.isLoading=!0};handleAutocompleteOptionSelection=e=>{e.detail._originalEvent instanceof PointerEvent?(this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode}),this.searchSubmitted.emit(e.detail.label)):this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode})};handleSearchSubmit=()=>{this.searchSubmitted.emit(this.nativeInput?.value)};handleCloseButtonClick=()=>{this.focusVisible=!1,this.elementActive=!1,this.autocomplete?.dispatchEvent(new CustomEvent("activeComponentStateChanged",{detail:null,bubbles:!0,composed:!0}))};renderManualAddressInputNoOptionsMessage=()=>r("div",{part:"address-not-found"},r("p",null,i("components-address-search-not-found-message")),r("p",{part:`manual-input ${this.theme}`},r("a",{onClick:this.manualAddressInputAction,onKeyDown:f,class:{"tet-link":!0,dark:"dark"===this.theme},tabindex:"0",role:"button"},i("components-address-search-manual-address-input"))));render(){const e=["autocomplete-input"];this.redesignedStyle&&e.push("address-search--redesigned__input-field"),this.newStyle&&e.push("address-search__input--rounded"),this.newFormsStyle&&e.push("address-search__input--forms");const t="dark"===this.theme||"mint-original"===this.theme,o=t?"dark":"light",s=this.elementActive&&!this.focusVisible||this.alwaysExpanded,a=s?void 0:"var(--tc-grey-80)",d=s&&t&&this.alwaysExpanded?"adaptive-yellow":void 0;return r(n,{key:"70974e60f73464f949b0447bb5c62fee0965afbe",class:{"address-search":!0,"address-search--redesigned":this.redesignedStyle,"always-expanded":this.alwaysExpanded,"keyboard-focus":this.focusVisible,active:this.elementActive,[this.theme]:!0}},r("tet-autocomplete",{key:"301b07514c031d2ae274c077ca81947f3d5a2718",class:`address-search--redesigned__autocomplete\n ${t?"dark":""}\n `,part:"autocomplete",optionsFilterAction:this.debounceAddressFilter,onOptionSelected:this.handleAutocompleteOptionSelection,noOptionsMessage:i("components-address-search-not-found-message"),noOptionsRenderFunction:this.manualAddressTriggers?this.renderManualAddressInputNoOptionsMessage:void 0,clearCallback:this.autocompleteClearInputCallback,finishedLoading:this.finishedLoading,darkTheme:t,newStyle:this.newStyle,ref:e=>this.autocomplete=e,optionsIcon:"location",redesignedStyle:this.redesignedStyle},this.redesignedStyle?r("div",{class:"address-search--redesigned__autocomplete-content"},r("div",{class:"address-search--redesigned__input-wrapper\n "+(t?"dark":"")},r("tet-input",{class:"address-search__input address-search--redesigned__input\n "+(t?"dark":""),part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:t?"dark":"light",class:"address-search__spinner",size:"small"}))),r("div",{class:"address-search--redesigned__button-wrapper\n "+(t?"dark":"")},r("tet-button",{class:"submit-address js-button-mobile button-icon",type:"primary",theme:o,colorTheme:d,customColorCode:a,"accessibility-label":i("components-address-search-search"),iconName:"arrow-right",iconMode:!0,onClick:this.handleSearchSubmit}),r("tet-button",{class:"submit-address button js-button",type:"primary",size:"medium",theme:o,colorTheme:d,customColorCode:a,onClick:this.handleSearchSubmit},this.searchButtonText))):r("tet-input",{class:"address-search__input",part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"search",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,theme:this.theme,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:"dark"===this.theme?"dark":"light",class:"address-search__spinner",size:"small"}))),this.redesignedStyle&&r("div",{key:"885c8467b44aee031da74038c17f5c813670b604",class:"address-search--redesigned__close-button"},r("tet-button",{key:"709743eeb54f5c9dc99a8c8ef813d9b89dfe2345",type:"link",iconName:"close",theme:"dark",onMouseDown:e=>e.preventDefault(),onClick:this.handleCloseButtonClick},this.closeButtonText)))}static get watchers(){return{language:["onLanguageChanged"],addressKey:["search"],inputDisabled:["onInputDisabledStateChange"]}}};p.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;--manual-input-option-background-color:var(--tc-background-secondary);--hover-option-background-color:var(--tc-layer-primary);--input-field-icon-color:var(--tc-icon-secondary);--redesigned-address-search-padding-vertical:1rem;--redesigned-address-search-padding-horizontal:0.5rem;--redesigned-address-search-radius:1rem}:host(.address-search--redesigned){--address-search-width:100%;--address-search-height:2.75rem;width:var(--address-search-width);height:var(--address-search-height)}:host(.address-search--redesigned) ::part(autocomplete-options-container){display:none;border:none;position:unset;z-index:auto;box-shadow:none}:host(.address-search--redesigned:not(.keyboard-focus)) ::part(autocomplete-options-container){display:block}:host(.address-search--redesigned:not(.keyboard-focus).active:focus-within) .address-search--redesigned__close-button{display:block}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete{position:absolute;top:calc(-1 * var(--redesigned-address-search-padding-vertical));left:calc(-1 * var(--redesigned-address-search-padding-horizontal));border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal);width:calc(var(--address-search-width) + 2 * var(--redesigned-address-search-padding-horizontal))}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input-wrapper{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded){height:auto;--redesigned-close-button-top:-0.5rem}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete{border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper:not(.dark){border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded:focus-within) .address-search--redesigned__input-wrapper.dark{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.dark){--manual-input-option-background-color:var(--tc-background-secondary-dark);--hover-option-background-color:var(--tc-layer-primary-dark);--input-field-icon-color:var(--tc-icon-secondary-dark)}::part(address-not-found){display:flex;flex-direction:column;gap:0.5em}::part(manual-input-option){position:sticky;bottom:0;background-color:var(--manual-input-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}::part(manual-input-option):hover{--option-hover-background-color:var(--hover-option-background-color)}.address-search__input{--input-icon-color:var(--input-field-icon-color)}.address-search__input .icon-left{--input-icon-left-position:0.875rem}.address-search__input--rounded{--input-border-radius:1.375rem;--input-hover-background-color:none}.address-search__input--rounded~.icon-left,.address-search__input--rounded~.icon-right{--icon-size:1.5rem;--input-icon-top-position:0.625rem}.address-search__input--forms{--input-border-radius:0.75rem;--input-padding:0.75rem}.address-search__spinner{position:absolute;right:1rem}.address-search--redesigned__autocomplete{border:0.0625rem solid transparent}.address-search--redesigned__autocomplete-content{position:relative;display:flex;gap:0.75rem}.address-search--redesigned__input-wrapper{width:100%;border-bottom:0.0625rem solid var(--tc-grey-70);margin:0 0 0 0.5rem;display:flex;align-items:center;gap:0.5rem}.address-search--redesigned__button-wrapper{display:flex;align-items:center;margin-left:0.5rem}.address-search--redesigned__button-wrapper .js-button-mobile{width:fit-content;display:block;--button-icon-mode-padding:0.5rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button-mobile{display:none}}.address-search--redesigned__button-wrapper .js-button{display:none;--button-padding:0.5rem 0.875rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button{display:block}}.address-search--redesigned__input{width:100%;--input-height:var(--address-search-height);--input-text-color:var(--tc-button-text-white-permanent);--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-radius:0;--input-border-color:transparent;--input-focus-border-color:transparent;--input-focus-outline-color:transparent;--input-focus-background-color:transparent}.address-search--redesigned__input .icon-left{--input-icon-left-position:0.25rem;--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input .icon-right{--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input-field{--input-border-radius:0.0125rem}.address-search--redesigned__close-button{display:none;position:absolute;right:0;top:var(--redesigned-close-button-top, calc(-0.5rem - var(--redesigned-address-search-padding-vertical)));transform:translateY(-100%);--button-icon-color:var(--tc-button-icon-primary);--button-text-decoration:underline}.address-search--redesigned__close-button:hover{--button-icon-color:var(--color-grey-30)}.address-search--redesigned__close-button ::part(button){backdrop-filter:none;text-decoration:underline;--button-padding:0.5rem 0}';export{p as tet_address_search}
|