@tet/tet-components 1.4.122-staging → 1.4.122-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-db3de695.js → address-d3d97441.js} +1 -1
- package/dist/cjs/{assets-294836fa.js → assets-f0cfef4d.js} +1 -1
- package/dist/cjs/{async-request-f54455d3.js → async-request-fca2a0f5.js} +1 -1
- package/dist/cjs/{http-codes-3b8718ff.js → http-codes-0eae7bd3.js} +1 -1
- package/dist/cjs/{index-faec4c52.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-19a7608f.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-e6a926f8.js → phone-fae66deb.js} +2 -2
- package/dist/cjs/{product-comparison-1b20429d.js → product-comparison-fd3cbd23.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-assembler.cjs.entry.js +3 -3
- 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-46514846.js → theme-wrapper-66880718.js} +2 -2
- package/dist/cjs/{translations-ccafaff5.js → translations-20eeca73.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-2e3012bb.js → p-01048231.js} +2 -2
- package/dist/components/{p-0ce42ec4.js → p-029c98e2.js} +1 -1
- package/dist/components/{p-2c208bd2.js → p-05beb82a.js} +10 -10
- package/dist/components/{p-afdf9b0b.js → p-060ce29b.js} +2 -2
- package/dist/components/{p-6008f83a.js → p-11313fde.js} +1 -1
- package/dist/components/{p-c4d1919d.js → p-13e4af07.js} +1 -1
- package/dist/components/{p-88972714.js → p-14be0c26.js} +6 -6
- package/dist/components/{p-b707483c.js → p-17f3bde6.js} +6 -6
- package/dist/components/{p-a4bc8db2.js → p-1e8d0b49.js} +3 -3
- package/dist/components/{p-aa122c92.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-4e505241.js → p-2676699a.js} +7 -7
- package/dist/components/{p-ca0556c0.js → p-2de8a27c.js} +3 -3
- package/dist/components/{p-d7223d71.js → p-368c3ffc.js} +3 -3
- package/dist/components/{p-536b817f.js → p-3c710544.js} +2 -2
- package/dist/components/{p-4f4248f8.js → p-43f43609.js} +1 -1
- package/dist/components/{p-45a93f15.js → p-486d6dab.js} +1 -1
- package/dist/components/{p-41b4663e.js → p-56c7fd5c.js} +2 -2
- package/dist/components/{p-e54c80f6.js → p-5e218113.js} +2 -2
- package/dist/components/{p-48565b95.js → p-5e4e4b9f.js} +3 -3
- package/dist/components/{p-3829b6a4.js → p-5f555c17.js} +1 -1
- package/dist/components/{p-eee64d85.js → p-5fb8f171.js} +7 -7
- package/dist/components/{p-ac88556b.js → p-611594b8.js} +4 -4
- package/dist/components/{p-e2cd2c47.js → p-68089f23.js} +3 -3
- package/dist/components/{p-629de1ae.js → p-68df3d2c.js} +6 -6
- package/dist/components/{p-7932405a.js → p-69f883e8.js} +3 -3
- package/dist/components/{p-b76f25f6.js → p-6c05c6b9.js} +1 -1
- package/dist/components/{p-1613e55f.js → p-7e747abe.js} +4 -4
- package/dist/components/{p-2c004f75.js → p-7f056917.js} +2 -2
- package/dist/components/{p-a2da176b.js → p-804c736f.js} +2 -2
- package/dist/components/{p-6791a5ff.js → p-82112990.js} +2 -2
- package/dist/components/{p-788aeadf.js → p-829b8a7b.js} +2 -2
- package/dist/components/{p-10507f54.js → p-849e2a9a.js} +9 -9
- package/dist/components/{p-bdf3dbb9.js → p-868e0223.js} +7 -7
- package/dist/components/{p-0a2fb652.js → p-8bad92bf.js} +2 -2
- package/dist/components/{p-e94bafaa.js → p-967f609b.js} +10 -10
- package/dist/components/{p-a0ed1450.js → p-985511b1.js} +1 -1
- package/dist/components/{p-f7053d58.js → p-9e7ca7ed.js} +1 -1
- package/dist/components/{p-9a56b02e.js → p-a22e765e.js} +2 -2
- package/dist/components/{p-a4596688.js → p-a256bd7b.js} +1 -1
- package/dist/components/{p-6b725284.js → p-aa9f7897.js} +1 -1
- package/dist/components/{p-f7495045.js → p-af9fcd59.js} +1 -1
- package/dist/components/{p-708bc9d5.js → p-b96c5daa.js} +7 -7
- package/dist/components/{p-cbc644bb.js → p-c3d58e64.js} +14 -14
- package/dist/components/{p-19014c27.js → p-cc5641ba.js} +1 -1
- package/dist/components/{p-13bee4eb.js → p-cdd02862.js} +3 -3
- package/dist/components/{p-d8b5fd75.js → p-d7aae75d.js} +5 -5
- package/dist/components/{p-eb25ebda.js → p-dc944c98.js} +1 -1
- package/dist/components/{p-ad5993f4.js → p-de831036.js} +1 -1
- package/dist/components/{p-6f4c6246.js → p-e296086b.js} +1 -1
- package/dist/components/{p-1b43d459.js → p-e2dfc149.js} +1 -1
- package/dist/components/{p-6df71b61.js → p-e90bb529.js} +2 -2
- package/dist/components/{p-2c72589f.js → p-e946b11b.js} +1 -1
- package/dist/components/{p-ae154918.js → p-e973b0a1.js} +5 -5
- package/dist/components/{p-a81a9b6e.js → p-eb5f341d.js} +2 -2
- package/dist/components/{p-04fcd75f.js → p-ed08f5c9.js} +1 -1
- package/dist/components/{p-f77af2bf.js → p-f1ca6eda.js} +3 -3
- package/dist/components/{p-e46361b7.js → p-f33b757a.js} +1 -1
- package/dist/components/{p-47722833.js → p-f37a0079.js} +1 -1
- package/dist/components/{p-242b5e16.js → p-f7f459ce.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-assembler.js +7 -7
- 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 +11 -11
- 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 +12 -12
- 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-804b2fd3.js → address-a5f65679.js} +1 -1
- package/dist/esm/{assets-d337f5e7.js → assets-785095c4.js} +1 -1
- package/dist/esm/{async-request-913220a7.js → async-request-ec12f1d7.js} +1 -1
- package/dist/esm/{http-codes-8100f4ea.js → http-codes-9125ce84.js} +1 -1
- package/dist/esm/{index-e3209c56.js → index-412df137.js} +1 -1
- package/dist/esm/{index-e933a7d2.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-1ea88ee5.js → phone-928c53a8.js} +2 -2
- package/dist/esm/{product-comparison-7fa9705a.js → product-comparison-fdb9b9cc.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-assembler.entry.js +3 -3
- 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-cf4d7d54.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-d3e380cf.js → translations-1f757aa7.js} +1 -1
- package/dist/tet-components/{p-805b7ea4.entry.js → p-01a45267.entry.js} +1 -1
- package/dist/tet-components/{p-9fecf04b.entry.js → p-025ffb5a.entry.js} +1 -1
- package/dist/tet-components/{p-b664e6cc.entry.js → p-03a4eed1.entry.js} +1 -1
- package/dist/tet-components/{p-a05739a9.entry.js → p-0864ff90.entry.js} +1 -1
- package/dist/tet-components/{p-095da4ac.entry.js → p-09fb2c4b.entry.js} +1 -1
- package/dist/tet-components/{p-1d397ef3.entry.js → p-0c02ac35.entry.js} +1 -1
- package/dist/tet-components/{p-4964cbd9.entry.js → p-1099b8fa.entry.js} +1 -1
- package/dist/tet-components/{p-16a14b12.entry.js → p-14fb76f8.entry.js} +1 -1
- package/dist/tet-components/{p-7aba2238.entry.js → p-1bd93ad3.entry.js} +1 -1
- package/dist/tet-components/{p-f8f23e91.entry.js → p-20aca81b.entry.js} +1 -1
- package/dist/tet-components/{p-9c297f57.entry.js → p-258f63dc.entry.js} +1 -1
- package/dist/tet-components/{p-17e20a98.entry.js → p-282e1de2.entry.js} +1 -1
- package/dist/tet-components/{p-f58b267f.entry.js → p-2d904f12.entry.js} +1 -1
- package/dist/tet-components/{p-bed205ab.entry.js → p-2da19afb.entry.js} +1 -1
- package/dist/tet-components/{p-015d561d.entry.js → p-2e2b413d.entry.js} +1 -1
- package/dist/tet-components/{p-ab42fa6b.entry.js → p-3016e7c8.entry.js} +1 -1
- package/dist/tet-components/{p-27599139.entry.js → p-350f0cc8.entry.js} +1 -1
- package/dist/tet-components/{p-0792fe7a.entry.js → p-3652e5a8.entry.js} +1 -1
- package/dist/tet-components/{p-746d41eb.entry.js → p-372f452b.entry.js} +1 -1
- package/dist/tet-components/{p-27c58e75.entry.js → p-3d73a4e3.entry.js} +1 -1
- package/dist/tet-components/{p-fa674b43.js → p-3e60d61c.js} +1 -1
- package/dist/tet-components/{p-cf25c04c.entry.js → p-3f2e515f.entry.js} +1 -1
- package/dist/tet-components/{p-d451901f.entry.js → p-40533c87.entry.js} +1 -1
- package/dist/tet-components/{p-894e34a9.js → p-4330c786.js} +1 -1
- package/dist/tet-components/{p-bde831e7.entry.js → p-43fb9369.entry.js} +1 -1
- package/dist/tet-components/{p-88da153c.entry.js → p-44215fbb.entry.js} +1 -1
- package/dist/tet-components/{p-9f30d309.entry.js → p-44b986af.entry.js} +1 -1
- package/dist/tet-components/{p-e0e92522.entry.js → p-460c39a5.entry.js} +1 -1
- package/dist/tet-components/{p-fb13ad14.entry.js → p-4737a17f.entry.js} +1 -1
- package/dist/tet-components/{p-8e6b042b.entry.js → p-4948b331.entry.js} +1 -1
- package/dist/tet-components/{p-b8f1f856.entry.js → p-4c074b0b.entry.js} +1 -1
- package/dist/tet-components/{p-84dca941.entry.js → p-4e643503.entry.js} +1 -1
- package/dist/tet-components/{p-7b7b9e6a.entry.js → p-54e73905.entry.js} +1 -1
- package/dist/tet-components/{p-d591a4c1.entry.js → p-575eecc3.entry.js} +1 -1
- package/dist/tet-components/{p-095c8410.entry.js → p-57937881.entry.js} +1 -1
- package/dist/tet-components/{p-d1d433a5.js → p-5810a3a6.js} +1 -1
- package/dist/tet-components/{p-aca88f25.js → p-5ba9e9d8.js} +1 -1
- package/dist/tet-components/{p-004a4b0e.entry.js → p-5be49fe9.entry.js} +1 -1
- package/dist/tet-components/{p-f14dfc87.entry.js → p-5d7cd8e2.entry.js} +1 -1
- package/dist/tet-components/{p-de73cfe0.entry.js → p-5de41c5d.entry.js} +1 -1
- package/dist/tet-components/{p-d354a35f.entry.js → p-5fa05a92.entry.js} +1 -1
- package/dist/tet-components/{p-5911bb84.entry.js → p-63d74d15.entry.js} +1 -1
- package/dist/tet-components/{p-73a2d403.entry.js → p-662ef913.entry.js} +1 -1
- package/dist/tet-components/{p-56e0181f.entry.js → p-6b5169bf.entry.js} +1 -1
- package/dist/tet-components/{p-05254539.entry.js → p-6bfeebe9.entry.js} +1 -1
- package/dist/tet-components/{p-e30fa532.entry.js → p-6eb72733.entry.js} +1 -1
- package/dist/tet-components/{p-a4188d81.entry.js → p-6f6432a6.entry.js} +1 -1
- package/dist/tet-components/{p-c8a13404.entry.js → p-7319e21f.entry.js} +1 -1
- package/dist/tet-components/{p-287d20d4.entry.js → p-73971e4d.entry.js} +1 -1
- package/dist/tet-components/{p-d0c5c962.entry.js → p-75dda1fd.entry.js} +1 -1
- package/dist/tet-components/{p-aa69a74f.entry.js → p-768c00d1.entry.js} +1 -1
- package/dist/tet-components/{p-a90c335e.entry.js → p-77bd8e7d.entry.js} +1 -1
- package/dist/tet-components/{p-7bac49d9.entry.js → p-77bec9a6.entry.js} +1 -1
- package/dist/tet-components/{p-3ff9eb4f.entry.js → p-7dbf302e.entry.js} +1 -1
- package/dist/tet-components/{p-0c24779b.entry.js → p-7e04d367.entry.js} +1 -1
- package/dist/tet-components/{p-7ffd2532.entry.js → p-811658a5.entry.js} +1 -1
- package/dist/tet-components/{p-4cf440ee.entry.js → p-82a18864.entry.js} +1 -1
- package/dist/tet-components/{p-5abb3bea.js → p-83f43fdd.js} +1 -1
- package/dist/tet-components/{p-793b0428.entry.js → p-87a2809b.entry.js} +1 -1
- package/dist/tet-components/{p-47752849.entry.js → p-8d1c958e.entry.js} +1 -1
- package/dist/tet-components/{p-73841b71.entry.js → p-8f4ff4bd.entry.js} +1 -1
- package/dist/tet-components/{p-f45ff6f2.entry.js → p-908ab540.entry.js} +1 -1
- package/dist/tet-components/{p-5b94cd7d.entry.js → p-9302af3a.entry.js} +1 -1
- package/dist/tet-components/{p-2bade8dc.entry.js → p-981111e0.entry.js} +1 -1
- package/dist/tet-components/{p-5d911ff8.entry.js → p-98ba6f5d.entry.js} +1 -1
- package/dist/tet-components/{p-1a229af9.entry.js → p-9fee1e91.entry.js} +1 -1
- package/dist/tet-components/{p-b11d351c.entry.js → p-a6d7c907.entry.js} +1 -1
- package/dist/tet-components/{p-0e5baceb.entry.js → p-a91b95f0.entry.js} +1 -1
- package/dist/tet-components/{p-d5c28336.js → p-a94d9361.js} +1 -1
- package/dist/tet-components/{p-1a77a9b6.entry.js → p-aa33b2e8.entry.js} +1 -1
- package/dist/tet-components/{p-000577f5.entry.js → p-b1222ff6.entry.js} +1 -1
- package/dist/tet-components/{p-706552fe.entry.js → p-b152fc68.entry.js} +1 -1
- package/dist/tet-components/{p-3cbd86e4.entry.js → p-b47c0736.entry.js} +1 -1
- package/dist/tet-components/{p-70e766f8.entry.js → p-b6bfdd4e.entry.js} +1 -1
- package/dist/tet-components/{p-b47a4b1c.entry.js → p-b9356bd0.entry.js} +1 -1
- package/dist/tet-components/{p-a20dfa4b.entry.js → p-bc91e97f.entry.js} +1 -1
- package/dist/tet-components/{p-bca053cb.entry.js → p-bcdb7766.entry.js} +1 -1
- package/dist/tet-components/{p-2f484973.entry.js → p-c0363485.entry.js} +1 -1
- package/dist/tet-components/{p-1ef0e2bc.entry.js → p-c43ee172.entry.js} +1 -1
- package/dist/tet-components/{p-cf2cc85f.entry.js → p-c4c62bcf.entry.js} +1 -1
- package/dist/tet-components/{p-72d7cf6d.entry.js → p-c8fb3098.entry.js} +1 -1
- package/dist/tet-components/{p-2ed0da53.entry.js → p-cb6df953.entry.js} +1 -1
- package/dist/tet-components/{p-1fcd5b09.entry.js → p-cdf24c83.entry.js} +1 -1
- package/dist/tet-components/{p-6725544c.entry.js → p-d2f35322.entry.js} +1 -1
- package/dist/tet-components/{p-0161caae.entry.js → p-d313e630.entry.js} +1 -1
- package/dist/tet-components/{p-5d02314b.entry.js → p-d688fdca.entry.js} +1 -1
- package/dist/tet-components/{p-2dbe670c.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-75d79a8b.entry.js → p-d951657c.entry.js} +1 -1
- package/dist/tet-components/{p-b474e15d.entry.js → p-dcf3b911.entry.js} +1 -1
- package/dist/tet-components/{p-3004be41.entry.js → p-e2b1e17f.entry.js} +1 -1
- package/dist/tet-components/{p-0190b524.js → p-e2b55e84.js} +1 -1
- package/dist/tet-components/{p-30eab483.entry.js → p-e420e72d.entry.js} +1 -1
- package/dist/tet-components/{p-d14de742.entry.js → p-e60a18af.entry.js} +1 -1
- package/dist/tet-components/{p-9dd0f7ab.entry.js → p-e695fe7c.entry.js} +1 -1
- package/dist/tet-components/{p-1fc8e776.entry.js → p-e6d6744b.entry.js} +1 -1
- package/dist/tet-components/{p-156b79d8.js → p-e9eac283.js} +1 -1
- package/dist/tet-components/{p-b8e2d20f.entry.js → p-e9fdafc0.entry.js} +1 -1
- package/dist/tet-components/{p-495d0f4d.entry.js → p-eaded8bd.entry.js} +1 -1
- package/dist/tet-components/{p-537a3452.entry.js → p-edd2b9f5.entry.js} +1 -1
- package/dist/tet-components/{p-b7df4462.entry.js → p-ee3a7ea7.entry.js} +1 -1
- package/dist/tet-components/{p-be3cc237.entry.js → p-efbf6f12.entry.js} +1 -1
- package/dist/tet-components/{p-4b1affb0.entry.js → p-f072aa97.entry.js} +1 -1
- package/dist/tet-components/{p-f72bba9f.entry.js → p-f4df5d30.entry.js} +1 -1
- package/dist/tet-components/{p-fa323f16.entry.js → p-f55a404a.entry.js} +1 -1
- package/dist/tet-components/{p-32847323.entry.js → p-f6474f11.entry.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-fd092a06.entry.js → p-fe46ae1e.entry.js} +1 -1
- package/dist/tet-components/{p-1f72c21b.entry.js → p-ff5fb9e4.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-660bdc27.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,g as n,h as t,H as i}from"./p-5abb3bea.js";const o=class{constructor(n){e(this,n),this.type="main",this.active=!1,this.clickable=!1,this.closeOnLinkClick=!1,this.firstLevelTitle="",this.firstLevelId=void 0,this.firstLevelLink="",this.firstLevelIcon="",this.menuItemTheme="",this.showMenuItemAnimation=!0,this.subLevels=[],this.darkMode=!1,this.parentSelector="",this.isMegaMenuLayout=!1,this.isSubmenuLeft=!1,this.megaActiveSubLevelIndex=-1,this.isMegaMenuOpen=!1,this.isMegaMenuEscapeClosed=!1,this.isLinkClickClosed=!1}get el(){return n(this)}thirdLevelMouseEnterHandlers=new Map;megaParentElement=null;resizeAnimationFrame;layoutSyncRequested=!1;dropdownStylesClosed=!1;isComponentConnected=!1;globalListenersAttached=!1;activeSubLevelBranches=new Set;onWindowResize=()=>{this.isMegaMenuEnabled()&&void 0===this.resizeAnimationFrame&&(this.resizeAnimationFrame=globalThis.requestAnimationFrame((()=>{this.resizeAnimationFrame=void 0,this.syncLayout()})))};onLayoutInputChange(){this.updateGlobalListeners(),this.layoutSyncRequested=!0}connectedCallback(){this.isComponentConnected=!0,this.updateGlobalListeners()}updateGlobalListeners(){const e=this.isComponentConnected&&this.isMegaMenuEnabled();if(e===this.globalListenersAttached)return;const n=e?"addEventListener":"removeEventListener";globalThis[n]("resize",this.onWindowResize),globalThis[n]("keydown",this.onWindowKeyDown),globalThis[n]("tet-menu-mega-open",this.onExternalMegaMenuOpen),this.globalListenersAttached=e}onHostMouseLeave(){this.handleMenuMouseLeave()}onHostFocusIn(){this.handleMenuFocusIn()}syncLayout=()=>{if(!this.isMegaMenuEnabled())return this.setMegaParentElement(null),void this.setupThirdLevelEvent();this.clearThirdLevelMouseEnterHandlers(),this.updateDropdownLayout()};isMegaMenuEnabled(){return this.isMegaMenuLayout&&"main"===this.type&&this.subLevels.length>0}setMegaParentElement(e){this.megaParentElement!==e&&(this.megaParentElement&&this.megaParentElement.removeEventListener("mouseleave",this.handleMegaParentMouseLeave),this.megaParentElement=e,this.megaParentElement?.addEventListener("mouseleave",this.handleMegaParentMouseLeave))}closeMegaMenu=()=>{this.isMegaMenuEnabled()&&(this.isMegaMenuOpen=!1,this.clearMegaActiveSubLevel())};blurFocusedMenuItem(){const e=this.el.shadowRoot?.activeElement;e?.blur()}handleMegaParentMouseLeave=()=>{this.closeMegaMenu()};openMegaMenu(){this.isMegaMenuEnabled()&&(this.isMegaMenuEscapeClosed=!1,this.isMegaMenuOpen=!0,globalThis.dispatchEvent(new CustomEvent("tet-menu-mega-open",{detail:this.el})))}handleFirstLevelInteraction=()=>{if(this.isLinkClickClosed=!1,this.isMegaMenuEnabled())return this.syncLayout(),void this.openMegaMenu();globalThis.dispatchEvent(new CustomEvent("tet-menu-mega-open",{detail:this.el}))};handleMenuMouseLeave=()=>{this.isLinkClickClosed=!1,this.isMegaMenuEnabled()&&(this.clearMegaActiveSubLevel(),this.isMegaMenuEscapeClosed=!1)};handleMenuFocusIn=()=>{this.isMegaMenuEnabled()&&this.isMegaMenuEscapeClosed&&this.openMegaMenu()};onWindowKeyDown=e=>{if(!this.isMegaMenuEnabled()||"Escape"!==e.key)return;const n=("function"==typeof e.composedPath?e.composedPath():[]).includes(this.el);(this.isMegaMenuOpen||n)&&(this.isLinkClickClosed=!0,this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu(),this.blurFocusedMenuItem())};onExternalMegaMenuOpen=e=>{this.isMegaMenuEnabled()&&e.detail!==this.el&&(this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu())};setMegaActiveSubLevel(e,n){this.isMegaMenuEnabled()&&(this.megaActiveSubLevelIndex=n?e:-1)}handleMegaSecondLevelKeyDown(e,n,t){this.isMegaMenuEnabled()&&t&&"Tab"===e.key&&!e.shiftKey&&(e.preventDefault(),this.setMegaActiveSubLevel(n,t),globalThis.requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".menu__dropdown__mega-third-list a");e?.focus()})))}handleMegaThirdLevelLinkKeyDown=e=>{if(!this.isMegaMenuEnabled()||"Tab"!==e.key)return;const n=Array.from(this.el.shadowRoot?.querySelectorAll(".menu__dropdown__mega-third-list a")??[]);if(0===n.length)return;const t=n.indexOf(e.currentTarget);if(t<0)return;if(e.shiftKey){if(t>0)return e.preventDefault(),void n[t-1]?.focus();const i=this.megaActiveSubLevelIndex;if(i<0)return;e.preventDefault();const o=this.el.shadowRoot?.querySelectorAll(".menu__dropdown__list--mega > li > a");return void o?.[i]?.focus()}if(t<n.length-1)return e.preventDefault(),void n[t+1]?.focus();const i=this.megaActiveSubLevelIndex;if(i<0)return;const o=this.el.shadowRoot?.querySelectorAll(".menu__dropdown__list--mega > li > a"),r=o?.[i+1];r&&(e.preventDefault(),r.focus())};clearMegaActiveSubLevel=()=>{this.isMegaMenuEnabled()&&(this.megaActiveSubLevelIndex=-1)};handleLinkClick=()=>{this.closeOnLinkClick&&(this.isLinkClickClosed=!0,this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu(),this.blurFocusedMenuItem())};closeDropdown(){if(this.dropdownStylesClosed)return;const e=this.el.shadowRoot?.querySelector(".menu__dropdown");e&&(e.style.maxHeight="0",e.style.transform="scaleY(0)",e.style.animationName="hideDropdown",this.dropdownStylesClosed=!0)}resetDropdownStyles(){if(!this.dropdownStylesClosed)return;const e=this.el.shadowRoot?.querySelector(".menu__dropdown");e?(e.style.removeProperty("max-height"),e.style.removeProperty("transform"),e.style.removeProperty("animation-name"),this.dropdownStylesClosed=!1):this.dropdownStylesClosed=!1}renderFirstLevel(e){const{firstLevelTitle:n,firstLevelLink:i,firstLevelId:o,firstLevelIcon:r,menuItemTheme:a,showMenuItemAnimation:l,active:m,clickable:s,type:d}=this,c=s&&0!==i.length?i:void 0,u=r?this.renderIcon({name:r,invertIcon:!0}):"",g=c?"a":"button",_="button"===g;let p="",h=!1;return"main"===d&&(p=a?`menu__first-level--theme-${a}`:"",h=l),t(g,{id:o,href:c,onClick:this.handleLinkClick,part:"first-level",onMouseEnter:this.handleFirstLevelInteraction,onFocus:this.handleFirstLevelInteraction,class:{"menu__first-level":!0,"menu--active":(m||"main"===d&&e)&&"login"!==d,"menu__first-level--themed":p.length>0,...p&&{[p]:!0},...h&&{"show-animation":!0}},type:_?"button":void 0},u,n,this.renderChevron())}cacheActiveSubLevelBranches(e){let n=!1;return e.forEach((e=>{const t=this.cacheActiveSubLevelBranches(e.subLevels??[]);(e.active||t)&&(this.activeSubLevelBranches.add(e),n=!0)})),n}componentDidLoad(){this.syncLayout()}componentDidUpdate(){this.layoutSyncRequested&&(this.layoutSyncRequested=!1,this.syncLayout()),this.isLinkClickClosed?this.closeDropdown():this.resetDropdownStyles()}disconnectedCallback(){this.isComponentConnected=!1,this.updateGlobalListeners(),this.setMegaParentElement(null),this.clearThirdLevelMouseEnterHandlers(),void 0!==this.resizeAnimationFrame&&(globalThis.cancelAnimationFrame(this.resizeAnimationFrame),this.resizeAnimationFrame=void 0)}updateDropdownLayout(){if(!this.isMegaMenuEnabled())return;const e=this.el.shadowRoot?.querySelector(".menu__dropdown");if(!e)return;const n=this.parentSelector?.trim(),t=n?this.el.closest(n):this.el.parentElement;if(!t)return this.setMegaParentElement(null),e.style.removeProperty("top"),void e.style.removeProperty("--menu-dropdown-hover-bridge-height");this.setMegaParentElement(t);const i=t.getBoundingClientRect();if(i.width<=0)return;const o=this.el.getBoundingClientRect(),r=Math.max(0,i.bottom-o.bottom);e.style.top=`${i.bottom}px`,e.style.setProperty("--menu-dropdown-hover-bridge-height",`${r}px`)}renderChevron(){const{subLevels:e}=this;return 0===e.length?"":t("tet-icon",{name:"tc-chevron-down",class:"chevron",theme:"login"===this.type?this.darkMode?"light":"dark":this.darkMode?"dark":"light"})}renderCheckmark(e){const{type:n}=this;return e.active&&"language"===n?t("tet-icon",{name:"tc-check",class:"menu__dropdown__list__checkmark",theme:this.darkMode?"dark":"light"}):""}renderSubLevels(){const{subLevels:e}=this;if(e.length<1)return"";const n=this.isMegaMenuEnabled(),i=n?this.megaActiveSubLevelIndex:-1,o=i>=0?e[i]?.subLevels??[]:[],r=e.map(((e,t)=>this.renderSubItem(e,t,n))),a=t("ul",{class:{menu__dropdown__list:!0,"menu__dropdown__list--mega":n}},r);return t("div",{class:{menu__dropdown:!0,"menu__dropdown--mega":n}},n?t("div",{class:"tet-grid"},t("div",{class:"menu__dropdown__wrapper tet-grid__cell tet-grid__cell--span-all"},t("div",{class:"menu__dropdown__mega-lists"},a,t("div",{class:"menu__dropdown__mega-third"},o.length>0&&t("ul",{class:"menu__dropdown__mega-third-list"},o.map((e=>this.renderSublevelItem(e)))))),t("div",{class:"menu__dropdown__mega-banner"},t("slot",{name:"banner"})))):a)}renderSubItem(e,n,i){const o=e.subLevels??[],r=o.length>0,a=this.activeSubLevelBranches.has(e);let l="",m="";this.isMegaMenuLayout||(e.iconLeft?l=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(l=this.renderImage(e)),e.iconRight&&(m=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize})));const s=e.subTitle&&0!==e.subTitle.length?t("div",{class:{"menu__dropdown__list__sub-title":!0,"menu__dropdown__list__sub-title--mega":this.isMegaMenuLayout}},e.subTitle):"",d=e.id?.toString(),c=r&&!i?t("div",{class:{left:!i&&this.isSubmenuLeft,right:!i&&!this.isSubmenuLeft,menu__sublist:!0}},t("ul",{class:{content:!0}},o.map((e=>this.renderSublevelItem(e))))):null;return t("li",null,t("a",{id:d,href:e.link,onClick:this.handleLinkClick,onMouseEnter:()=>this.setMegaActiveSubLevel(n,r),onFocus:()=>this.setMegaActiveSubLevel(n,r),onKeyDown:e=>this.handleMegaSecondLevelKeyDown(e,n,r),class:{"menu--active":!!e.active||a,"menu--mega-current":i&&n===this.megaActiveSubLevelIndex,"menu--highlighted":!!e.highlighted,"line-top":!!e.lineTop,"text-color-secondary":!!e.textColorSecondary,"translation-none":!!e.translationNone,"menu--submenu":r},tabIndex:0},l,t("div",null,e.badgeText?t("span",{class:"menu__badge"},e.badgeText):null,t("div",null,e.title),s,this.renderCheckmark(e)),m,r&&t("tet-icon",{class:"menu__chevron",name:"tc-chevron-right",theme:this.darkMode?"dark":"light"})),c)}renderSublevelItem(e){let n="",i="";return this.isMegaMenuLayout||(e.iconLeft?n=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(n=this.renderImage(e)),e.iconRight&&(i=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize}))),t("li",null,t("a",{id:e.id,href:e.link,onClick:this.handleLinkClick,onKeyDown:this.handleMegaThirdLevelLinkKeyDown,class:{"menu--active":!!e.active,"menu--highlighted":!!e.highlighted,"line-top":!!e.lineTop,"text-color-secondary":!!e.textColorSecondary},tabIndex:0},n,t("div",null,t("div",null,t("span",null,e.title),e.badgeText?t("span",{class:"menu__badge"},e.badgeText):null),this.renderCheckmark(e)),i))}renderIcon(e){const{name:n,right:i=!1,id:o=null,size:r=null,useDefaultColor:a=!1,invertIcon:l=!1}=e,m=o?"sublevel-icon-"+o:"",s=o&&r?t("style",null,".",m," ","{"," --icon-size: ",r,"rem ","}"):"";return t("div",{class:{menu__icon:!0,right:i}},t("tet-icon",{"use-default-color":a,class:"icon "+m,name:n,theme:"login"===this.type&&l?this.darkMode?"light":"dark":this.darkMode?"dark":"light"}),s)}renderImage(e){return t("div",{class:"menu__icon"},t("img",{src:e.imageSrc,alt:"",loading:"lazy",decoding:"async"}))}setupThirdLevelEvent(){const e=this.el.shadowRoot?.querySelectorAll(".menu__sublist");if(!e)return void this.clearThirdLevelMouseEnterHandlers();const n=new Set;e.forEach((e=>{const t=e.closest("li");if(!t)return;const i=t.querySelector("a");if(!i)return;n.add(i);const o=this.thirdLevelMouseEnterHandlers.get(i);if(o?.menu===e)return;o&&i.removeEventListener("mouseenter",o.handler),e.style.removeProperty("top"),e.style.removeProperty("bottom");const r=()=>{const n=window.innerWidth,t=window.innerHeight,o=i.getBoundingClientRect(),r=e.offsetParent||null,a=r?r.getBoundingClientRect():{top:0},l=e.offsetWidth,m=Math.max(10,Math.min(o.top,t-e.offsetHeight-10));e.style.top=m-a.top+"px",e.style.bottom="",this.isSubmenuLeft=n<o.right+l};i.addEventListener("mouseenter",r),this.thirdLevelMouseEnterHandlers.set(i,{menu:e,handler:r})})),this.thirdLevelMouseEnterHandlers.forEach((({handler:e},t)=>{n.has(t)||(t.removeEventListener("mouseenter",e),this.thirdLevelMouseEnterHandlers.delete(t))}))}clearThirdLevelMouseEnterHandlers(){this.thirdLevelMouseEnterHandlers.forEach((({handler:e},n)=>{n.removeEventListener("mouseenter",e)})),this.thirdLevelMouseEnterHandlers.clear()}render(){const{type:e}=this;this.activeSubLevelBranches.clear();const n=this.cacheActiveSubLevelBranches(this.subLevels);return t(i,{key:"ff4c798d258097873a837686a25e638f78d3bbe3"},t("div",{key:"77b79d2723caa3c4351fad7f3c30f6a3f5187455",class:{menu:!0,menu__main:"main"===e,menu__language:"language"===e,menu__login:"login"===e,menu__dark:this.darkMode,"menu--mega-open":this.isMegaMenuEnabled()&&this.isMegaMenuOpen,"menu--mega-escape-closed":this.isMegaMenuEnabled()&&this.isMegaMenuEscapeClosed}},this.renderFirstLevel(n),this.renderSubLevels()))}static get watchers(){return{subLevels:["onLayoutInputChange"],type:["onLayoutInputChange"],isMegaMenuLayout:["onLayoutInputChange"],parentSelector:["onLayoutInputChange"]}}};o.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"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")}.tet-grid--col-12,.tet-grid--col-8,.tet-grid--col-4,.tet-grid,.tet-grid--no-limit,.tet-grid--no-margin,.tet-grid--no-padding{box-sizing:border-box;display:grid;position:relative;width:100%;max-width:none;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem;margin:0 auto}.tet-grid--no-padding{column-gap:0 !important}.tet-grid--no-margin{padding:0 !important}.tet-grid--no-limit{max-width:unset !important}.tet-grid--col-4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}.tet-grid--col-8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important}.tet-grid--col-8 .tet-grid__cell--span-all{grid-column:span 8}.tet-grid--col-12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important}.tet-grid--col-12 .tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell,.tet-grid__cell--df-show,.tet-grid__cell--xs-show,.tet-grid__cell--sm-show,.tet-grid__cell--md-show,.tet-grid__cell--lg-show,.tet-grid__cell--xl-show,.tet-grid__cell--2k-show,.tet-grid__cell--gg-show{grid-column:span 1}.tet-grid__cell--span-2-rows{grid-row:span 2}.tet-grid__cell--span-3-rows{grid-row:span 3}.tet-grid__cell--span-4-rows{grid-row:span 4}.tet-grid__cell--span-5-rows{grid-row:span 5}.tet-grid__cell--span-6-rows{grid-row:span 6}.tet-grid__cell--span-7-rows{grid-row:span 7}.tet-grid__cell--span-8-rows{grid-row:span 8}.tet-grid__cell--span-9-rows{grid-row:span 9}.tet-grid__cell--span-10-rows{grid-row:span 10}.tet-grid__cell--span-11-rows{grid-row:span 11}.tet-grid__cell--span-12-rows{grid-row:span 12}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--span-1{display:block;grid-column:span 1}.tet-grid__cell--span-2{display:block;grid-column:span 2}.tet-grid__cell--span-3{display:block;grid-column:span 3}.tet-grid__cell--span-4{display:block;grid-column:span 4}.tet-grid__cell--span-5{display:block;grid-column:span 4}.tet-grid__cell--span-6{display:block;grid-column:span 4}.tet-grid__cell--span-7{display:block;grid-column:span 4}.tet-grid__cell--span-8{display:block;grid-column:span 4}.tet-grid__cell--span-9{display:block;grid-column:span 4}.tet-grid__cell--span-10{display:block;grid-column:span 4}.tet-grid__cell--span-11{display:block;grid-column:span 4}.tet-grid__cell--span-12{display:block;grid-column:span 4}.tet-grid__cell--hide{display:none}.tet-grid__cell--show{display:block}@media all and (min-width: 22.5rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--df-span-1{display:block;grid-column:span 1}.tet-grid__cell--df-span-2{display:block;grid-column:span 2}.tet-grid__cell--df-span-3{display:block;grid-column:span 3}.tet-grid__cell--df-span-4{display:block;grid-column:span 4}.tet-grid__cell--df-span-5{display:block;grid-column:span 4}.tet-grid__cell--df-span-6{display:block;grid-column:span 4}.tet-grid__cell--df-span-7{display:block;grid-column:span 4}.tet-grid__cell--df-span-8{display:block;grid-column:span 4}.tet-grid__cell--df-span-9{display:block;grid-column:span 4}.tet-grid__cell--df-span-10{display:block;grid-column:span 4}.tet-grid__cell--df-span-11{display:block;grid-column:span 4}.tet-grid__cell--df-span-12{display:block;grid-column:span 4}.tet-grid__cell--df-hide{display:none}.tet-grid__cell--df-show{display:block}}@media all and (min-width: 31.25rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{column-gap:1.5rem;padding:0 2rem}.tet-grid__cell--xs-span-1{display:block;grid-column:span 1}.tet-grid__cell--xs-span-2{display:block;grid-column:span 2}.tet-grid__cell--xs-span-3{display:block;grid-column:span 3}.tet-grid__cell--xs-span-4{display:block;grid-column:span 4}.tet-grid__cell--xs-span-5{display:block;grid-column:span 4}.tet-grid__cell--xs-span-6{display:block;grid-column:span 4}.tet-grid__cell--xs-span-7{display:block;grid-column:span 4}.tet-grid__cell--xs-span-8{display:block;grid-column:span 4}.tet-grid__cell--xs-span-9{display:block;grid-column:span 4}.tet-grid__cell--xs-span-10{display:block;grid-column:span 4}.tet-grid__cell--xs-span-11{display:block;grid-column:span 4}.tet-grid__cell--xs-span-12{display:block;grid-column:span 4}.tet-grid__cell--xs-hide{display:none}.tet-grid__cell--xs-show{display:block}}@media all and (min-width: 46.25rem){.tet-grid__cell--sm-span-1{display:block;grid-column:span 1}.tet-grid__cell--sm-span-2{display:block;grid-column:span 2}.tet-grid__cell--sm-span-3{display:block;grid-column:span 3}.tet-grid__cell--sm-span-4{display:block;grid-column:span 4}.tet-grid__cell--sm-span-5{display:block;grid-column:span 5}.tet-grid__cell--sm-span-6{display:block;grid-column:span 6}.tet-grid__cell--sm-span-7{display:block;grid-column:span 7}.tet-grid__cell--sm-span-8{display:block;grid-column:span 8}.tet-grid__cell--sm-span-9{display:block;grid-column:span 9}.tet-grid__cell--sm-span-10{display:block;grid-column:span 10}.tet-grid__cell--sm-span-11{display:block;grid-column:span 11}.tet-grid__cell--sm-span-12{display:block;grid-column:span 12}.tet-grid__cell--sm-hide{display:none}.tet-grid__cell--sm-show{display:block}}@media all and (min-width: 48rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(8, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 8}.tet-grid__cell--md-span-1{display:block;grid-column:span 1}.tet-grid__cell--md-span-2{display:block;grid-column:span 2}.tet-grid__cell--md-span-3{display:block;grid-column:span 3}.tet-grid__cell--md-span-4{display:block;grid-column:span 4}.tet-grid__cell--md-span-5{display:block;grid-column:span 5}.tet-grid__cell--md-span-6{display:block;grid-column:span 6}.tet-grid__cell--md-span-7{display:block;grid-column:span 7}.tet-grid__cell--md-span-8{display:block;grid-column:span 8}.tet-grid__cell--md-span-9{display:block;grid-column:span 8}.tet-grid__cell--md-span-10{display:block;grid-column:span 8}.tet-grid__cell--md-span-11{display:block;grid-column:span 8}.tet-grid__cell--md-span-12{display:block;grid-column:span 8}.tet-grid__cell--md-hide{display:none}.tet-grid__cell--md-show{display:block}}@media all and (min-width: 64rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(12, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell--lg-span-1{display:block;grid-column:span 1}.tet-grid__cell--lg-span-2{display:block;grid-column:span 2}.tet-grid__cell--lg-span-3{display:block;grid-column:span 3}.tet-grid__cell--lg-span-4{display:block;grid-column:span 4}.tet-grid__cell--lg-span-5{display:block;grid-column:span 5}.tet-grid__cell--lg-span-6{display:block;grid-column:span 6}.tet-grid__cell--lg-span-7{display:block;grid-column:span 7}.tet-grid__cell--lg-span-8{display:block;grid-column:span 8}.tet-grid__cell--lg-span-9{display:block;grid-column:span 9}.tet-grid__cell--lg-span-10{display:block;grid-column:span 10}.tet-grid__cell--lg-span-11{display:block;grid-column:span 11}.tet-grid__cell--lg-span-12{display:block;grid-column:span 12}.tet-grid__cell--lg-hide{display:none}.tet-grid__cell--lg-show{display:block}}@media all and (min-width: 80rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4rem}.tet-grid__cell--xl-span-1{display:block;grid-column:span 1}.tet-grid__cell--xl-span-2{display:block;grid-column:span 2}.tet-grid__cell--xl-span-3{display:block;grid-column:span 3}.tet-grid__cell--xl-span-4{display:block;grid-column:span 4}.tet-grid__cell--xl-span-5{display:block;grid-column:span 5}.tet-grid__cell--xl-span-6{display:block;grid-column:span 6}.tet-grid__cell--xl-span-7{display:block;grid-column:span 7}.tet-grid__cell--xl-span-8{display:block;grid-column:span 8}.tet-grid__cell--xl-span-9{display:block;grid-column:span 9}.tet-grid__cell--xl-span-10{display:block;grid-column:span 10}.tet-grid__cell--xl-span-11{display:block;grid-column:span 11}.tet-grid__cell--xl-span-12{display:block;grid-column:span 12}.tet-grid__cell--xl-hide{display:none}.tet-grid__cell--xl-show{display:block}}@media all and (min-width: 90rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4.5rem}.tet-grid__cell--mg-span-1{display:block;grid-column:span 1}.tet-grid__cell--mg-span-2{display:block;grid-column:span 2}.tet-grid__cell--mg-span-3{display:block;grid-column:span 3}.tet-grid__cell--mg-span-4{display:block;grid-column:span 4}.tet-grid__cell--mg-span-5{display:block;grid-column:span 5}.tet-grid__cell--mg-span-6{display:block;grid-column:span 6}.tet-grid__cell--mg-span-7{display:block;grid-column:span 7}.tet-grid__cell--mg-span-8{display:block;grid-column:span 8}.tet-grid__cell--mg-span-9{display:block;grid-column:span 9}.tet-grid__cell--mg-span-10{display:block;grid-column:span 10}.tet-grid__cell--mg-span-11{display:block;grid-column:span 11}.tet-grid__cell--mg-span-12{display:block;grid-column:span 12}.tet-grid__cell--mg-hide{display:none}.tet-grid__cell--mg-show{display:block}}@media all and (min-width: 120rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{max-width:111rem;padding:0}.tet-grid__cell--gg-span-1{display:block;grid-column:span 1}.tet-grid__cell--gg-span-2{display:block;grid-column:span 2}.tet-grid__cell--gg-span-3{display:block;grid-column:span 3}.tet-grid__cell--gg-span-4{display:block;grid-column:span 4}.tet-grid__cell--gg-span-5{display:block;grid-column:span 5}.tet-grid__cell--gg-span-6{display:block;grid-column:span 6}.tet-grid__cell--gg-span-7{display:block;grid-column:span 7}.tet-grid__cell--gg-span-8{display:block;grid-column:span 8}.tet-grid__cell--gg-span-9{display:block;grid-column:span 9}.tet-grid__cell--gg-span-10{display:block;grid-column:span 10}.tet-grid__cell--gg-span-11{display:block;grid-column:span 11}.tet-grid__cell--gg-span-12{display:block;grid-column:span 12}.tet-grid__cell--gg-hide{display:none}.tet-grid__cell--gg-show{display:block}}:host{--menu-border-radius:0.625rem;--menu-text-color:var(--tc-text-primary);--menu-text-inverse-color:var(--tc-button-text-primary);--menu-text-secondary-color:var(--tc-text-secondary);--menu-background-color:var(--tc-background-white-black);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-dropdown-border-color:var(--tc-grey-20);--menu-dropdown-box-shadow:var(--tc-elevation-three);--menu-focus-outline-color:var(--tc-blue-40);--menu-login-button-background-color:var(--tc-button-primary-background-default);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover);--menu-separator-line-color:var(--tc-grey-20);--menu-badge-background-color:var(--tc-navigation-menu-item-tag);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white);--menu-badge-text-color:var(--tc-text-black-permanent);--menu-mega-second-level-width:27.25rem;--menu-mega-third-level-width:22.6875rem;--menu-mega-banner-slot-max-width:20rem;--menu-mega-dropdown-menu-height:28.625rem;--menu-mega-separator-color:var(--tc-border-quaternary);--menu-mega-dropdown-background-color:var(--tc-layer-primary);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.menu.menu__dark{--menu-text-color:var(--tc-text-primary-dark);--menu-text-inverse-color:var(--tc-button-text-primary-dark);--menu-text-secondary-color:var(--tc-text-secondary-dark);--menu-background-color:var(--tc-background-secondary-dark);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover-dark);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed-dark);--menu-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-dropdown-border-color:var(--tc-grey-80);--menu-dropdown-box-shadow:var(--tc-elevation-three-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-login-button-background-color:var(--tc-button-primary-background-default-dark);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover-dark);--menu-separator-line-color:var(--tc-grey-80);--menu-badge-background-color:var(--tc-navigation-menu-item-tag-dark);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white-dark);--menu-badge-text-color:var(--tc-text-black-permanent-dark);--menu-mega-separator-color:var(--tc-border-quaternary-dark);--menu-mega-dropdown-background-color:var(--tc-layer-primary-dark)}.menu.menu__dark.menu__main .menu__first-level--themed{--menu-item-theme-bg:var(--menu-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:is(.menu--active,:hover,:active){border-color:var(--menu-item-theme-state-bg);background-image:linear-gradient(var(--menu-item-theme-state-bg), var(--menu-item-theme-state-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu.menu__dark.menu__main .menu__first-level--themed.menu--active{--menu-item-theme-state-bg:var(--menu-link-active-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:hover{--menu-item-theme-state-bg:var(--menu-link-hover-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:active{--menu-item-theme-state-bg:var(--menu-link-pressed-background-color)}.menu.menu__dark .menu__first-level--theme-yellow{--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-yellow-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-yellow-gradient-main-dark) 30%,\n var(--tc-menu-item-yellow-gradient-accent-dark) 50%,\n var(--tc-menu-item-yellow-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-red{--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-red-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-red-gradient-main-dark) 30%,\n var(--tc-menu-item-red-gradient-accent-dark) 50%,\n var(--tc-menu-item-red-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-green{--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-green-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-green-gradient-main-dark) 30%,\n var(--tc-menu-item-green-gradient-accent-dark) 50%,\n var(--tc-menu-item-green-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-violet{--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-violet-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-violet-gradient-main-dark) 30%,\n var(--tc-menu-item-violet-gradient-accent-dark) 50%,\n var(--tc-menu-item-violet-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-blue{--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-blue-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-blue-gradient-main-dark) 30%,\n var(--tc-menu-item-blue-gradient-accent-dark) 50%,\n var(--tc-menu-item-blue-gradient-main-dark) 70%\n )}.menu a{color:var(--menu-text-color);text-decoration:none}.menu :where(button.menu__first-level){appearance:none;margin:0;border:0;background:transparent;color:var(--menu-text-color);font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer}.menu--active{background-color:var(--menu-link-active-background-color)}.menu__first-level{display:flex;flex-direction:row;align-items:center;border-radius:var(--menu-border-radius);padding:0.5rem 0.75rem;white-space:nowrap}.menu__first-level .chevron{display:flex;--icon-size:1rem;margin-left:0.4rem;transition:transform 150ms ease-out}:hover>.menu__first-level,:focus>.menu__first-level,:focus-within>.menu__first-level,.menu--mega-open>.menu__first-level{background-color:var(--menu-link-hover-background-color)}:hover>.menu__first-level .chevron,:focus>.menu__first-level .chevron,:focus-within>.menu__first-level .chevron,.menu--mega-open>.menu__first-level .chevron{transform:rotate(-180deg)}.menu__first-level:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color)}.menu__badge{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";padding:0.125rem 0.375rem;border-radius:0.25rem;background-color:var(--menu-badge-background-color);color:var(--menu-badge-text-color)}.menu__icon{display:none}.menu__dropdown{max-height:0;transform:scaleY(0);position:absolute;margin-top:0.25rem;z-index:1;min-width:14rem;background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);transform-origin:top;animation-name:hideDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;right:0}.menu__dropdown.menu__dropdown--mega{animation-name:none;animation-duration:0s}:hover>.menu__dropdown:not(.menu__dropdown--mega),:focus>.menu__dropdown:not(.menu__dropdown--mega),:focus-within>.menu__dropdown:not(.menu__dropdown--mega){max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu:not(.menu--mega-escape-closed):hover>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus-within>.menu__dropdown.menu__dropdown--mega,.menu--mega-open>.menu__dropdown.menu__dropdown--mega{max-height:100%;transform:scaleY(1);animation-name:none;animation-duration:0s;transition-delay:0s;outline:none}.menu__dropdown__list,.menu__dropdown__mega-third-list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title,.menu__dropdown__mega-third-list__sub-title{display:none}.menu__dropdown__list li,.menu__dropdown__mega-third-list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown__wrapper{position:relative;display:flex;width:100%;overflow:hidden}.menu__dropdown__wrapper .menu__dropdown__list--mega{box-sizing:border-box;border-left:0.0625rem solid var(--menu-mega-separator-color);height:100%}.menu__dropdown__wrapper .menu__dropdown__list--mega:has(.menu--mega-current){border-right:0.0625rem solid var(--menu-mega-separator-color)}.menu__dropdown__mega-lists{display:flex;align-items:stretch;margin-right:2.5rem;height:100%}.menu__dropdown__list>li>a .menu__badge{margin-bottom:0.125rem;display:inline-block}.menu__dropdown a{padding:0.5rem 1rem;display:block;border-radius:0.375rem}.menu__dropdown a:hover{background-color:var(--menu-link-hover-background-color)}.menu__dropdown a:active{background-color:var(--menu-link-pressed-background-color)}.menu__dropdown a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-active-item-badge-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current),.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-hover-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge,.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-badge-background-color)}.menu__dropdown__mega-third{box-sizing:border-box;width:var(--menu-mega-third-level-width);min-width:var(--menu-mega-third-level-width);display:flex}.menu__main .menu__first-level{padding:0.375rem 0.75rem;gap:0.25rem}.menu__main .menu__first-level .chevron{--icon-size:1.25rem;margin-left:0}.menu__main .menu__first-level--theme-yellow{--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-yellow-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-yellow-gradient-main) 30%,\n var(--tc-menu-item-yellow-gradient-accent) 50%,\n var(--tc-menu-item-yellow-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-red{--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-red-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-red-gradient-main) 30%,\n var(--tc-menu-item-red-gradient-accent) 50%,\n var(--tc-menu-item-red-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-green{--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-green-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-green-gradient-main) 30%,\n var(--tc-menu-item-green-gradient-accent) 50%,\n var(--tc-menu-item-green-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-violet{--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-violet-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-violet-gradient-main) 30%,\n var(--tc-menu-item-violet-gradient-accent) 50%,\n var(--tc-menu-item-violet-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-blue{--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-blue-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-blue-gradient-main) 30%,\n var(--tc-menu-item-blue-gradient-accent) 50%,\n var(--tc-menu-item-blue-gradient-main) 70%\n )}.menu__main .menu__first-level--themed{position:relative;padding:0.25rem 0.625rem;isolation:isolate;color:var(--menu-text-color);--menu-item-theme-bg:var(--menu-background-color);border:0.125rem solid transparent;background-image:linear-gradient(var(--menu-item-theme-bg), var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__main .menu__first-level--themed.menu--active{border-color:var(--menu-item-theme-active-bg);background-image:linear-gradient(var(--menu-item-theme-active-bg), var(--menu-item-theme-active-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed:hover{border-color:var(--menu-item-theme-hover-bg);background-image:linear-gradient(var(--menu-item-theme-hover-bg), var(--menu-item-theme-hover-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed:active{border-color:var(--menu-item-theme-pressed-bg);background-image:linear-gradient(var(--menu-item-theme-pressed-bg), var(--menu-item-theme-pressed-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main:not(:hover):not(:focus-within) .menu__dropdown__wrapper{overflow:hidden}.menu__main .menu__dropdown{min-width:21.625rem;border:0.031rem solid var(--menu-dropdown-border-color);right:auto;left:0}.menu__main .menu__dropdown__wrapper .menu__dropdown__list--mega{width:var(--menu-mega-second-level-width);min-width:var(--menu-mega-second-level-width)}.menu__main .menu__dropdown--mega{background-color:var(--menu-mega-dropdown-background-color);position:fixed;top:0;margin-top:0;border:0;border-radius:0;box-shadow:none;inset-inline:0;width:auto;transition:transform 0s linear 100ms;height:var(--mega-menu-dropdown-height);overflow-y:hidden}.menu__main .menu__dropdown--mega .menu__dropdown__wrapper{min-height:inherit;align-items:stretch;box-sizing:border-box;padding:0.5rem 0;overflow-y:auto;overflow-x:hidden;height:var(--menu-mega-dropdown-menu-height)}.menu__main .menu__dropdown--mega .menu__dropdown__mega-lists{align-self:flex-start}.menu__main .menu__dropdown--mega .menu__dropdown__mega-third-list{height:100%;box-sizing:border-box;width:100%}.menu__main .menu__dropdown--mega::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--menu-dropdown-hover-bridge-height, 0)}.menu__main .menu__dropdown__list{padding:0.5rem}.menu__main .menu__dropdown__list--mega{padding:0 0.5rem 1rem}.menu__main .menu__dropdown__list--mega li{white-space:normal}.menu__main .menu__dropdown__list--mega li a{padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list--mega a>div{min-width:0}.menu__main .menu__dropdown__list--mega .menu__dropdown__list__sub-title{white-space:normal}.menu__main .menu__dropdown__list--mega a:hover .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a:focus-visible .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a.menu--mega-current .menu__dropdown__list__sub-title--mega{max-height:8rem;opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}.menu__main .menu__dropdown__list--mega a.menu--mega-current:not(:active){background-color:var(--menu-link-hover-background-color)}.menu__main .menu__dropdown__list a{border-radius:var(--menu-border-radius);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__main .menu__dropdown__list .menu--highlighted{position:relative;margin-bottom:0.875rem}.menu__main .menu__dropdown__list .menu--highlighted:after{content:"";position:absolute;left:0.375rem;right:0.375rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__main .menu__dropdown__list__sub-title{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";display:block;color:var(--menu-text-secondary-color)}.menu__main .menu__dropdown__list__sub-title--mega{display:block;max-height:0;opacity:0;overflow:hidden;transform:translateY(-0.25rem);visibility:hidden;transition:max-height 360ms ease, opacity 300ms ease, transform 360ms ease, visibility 0s linear 360ms}.menu__main .menu__dropdown__mega-third-list{height:100%;padding:0 0.5rem 1rem}.menu__main .menu__dropdown__mega-third-list a{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:block;white-space:normal;padding:0.5rem 1rem;border-radius:0.375rem}.menu__main .menu__dropdown__mega-third-list a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__main .menu__dropdown__mega-banner{margin-left:auto;overflow:hidden;max-width:var(--menu-mega-banner-slot-max-width)}.menu__main .menu__first-level>.menu__icon{display:flex;margin-right:0.25rem}.menu__main .menu__first-level>.menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__main .menu__dropdown .menu__icon{width:2.75rem;padding-right:0.75rem;display:flex;align-items:center;justify-content:center}.menu__main .menu__dropdown .menu__icon img,.menu__main .menu__dropdown .menu__icon svg{max-width:2rem;max-height:2rem}.menu__chevron{margin-left:auto;padding-left:0.75rem}.menu__sublist{transform:scaleX(0);position:absolute;z-index:1;min-width:14rem;transform-origin:top right}:hover>.menu__sublist,:focus>.menu__sublist,:focus-within>.menu__sublist{max-height:100rem;transform:scaleX(1);outline:none}.menu__sublist.left{right:calc(100% - 0.6rem);padding-right:1.1rem}.menu__sublist.right{left:calc(100% - 0.6rem);padding-left:1.1rem}.menu__sublist .content{background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);min-width:21.875rem;padding:0.625rem 0}.menu__sublist .content a{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-radius:unset;white-space:normal}.menu__sublist .content a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__sublist .content a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__sublist .content a.menu--active{background-color:var(--menu-link-active-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__sublist .content a.menu--active:active{background-color:var(--menu-link-pressed-background-color)}.menu__login .menu__first-level{border-radius:2rem;padding:0.5rem 0.875rem;background-color:var(--menu-login-button-background-color);color:var(--menu-text-inverse-color)}.menu__login .menu__first-level .menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__login .menu__first-level .chevron{margin-left:0.5rem;--icon-size:1.25rem}.menu__login .menu__first-level:hover{background-color:var(--menu-login-button-background-hover-color)}.menu__login .menu--highlighted{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin:0 0 0.813rem 0}.menu__login .menu--highlighted:after{content:"";position:absolute;left:0.5rem;right:0.5rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__login .menu__icon{display:flex;margin-right:0.5rem}.menu__login .menu__icon.right{display:inline-flex;margin-left:auto;align-content:center;justify-content:center}.menu__login .menu--highlighted.line-top{margin:0.813rem 0 0 0}.menu__login .menu--highlighted.line-top:after{top:-0.5rem;bottom:auto}.menu__login .menu__dropdown__list a.text-color-secondary{color:var(--menu-text-secondary-color)}.menu__language>.menu__first-level{border:var(--menu-lang-border)}.menu__language:is(:hover,:focus-within)>.menu__first-level{border:var(--menu-lang-active-border)}.menu__language:not(:hover):not(:focus-within)>.menu__first-level:not(.menu--active):not(:active){background-color:var(--menu-lang-background-color)}.menu__language .menu__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@keyframes showDropdown{0%{max-height:0;padding-bottom:0.2rem;overflow:hidden}100%{max-height:100rem;padding-bottom:0;overflow:visible}}@keyframes hideDropdown{0%{max-height:100rem}100%{max-height:0}}@keyframes gradient-border-cycle{0%,100%{background-position:0 0, 0% 0%}20%{background-position:0 0, 70% 70%}30%{background-position:0 0, 100% 100%}40%{background-position:0 0, 120% 120%}40%,100%{background-position:0 0, 120% 120%}}';export{o as tet_menu}
|
|
1
|
+
import{r as e,g as n,h as t,H as i}from"./p-83f43fdd.js";const o=class{constructor(n){e(this,n),this.type="main",this.active=!1,this.clickable=!1,this.closeOnLinkClick=!1,this.firstLevelTitle="",this.firstLevelId=void 0,this.firstLevelLink="",this.firstLevelIcon="",this.menuItemTheme="",this.showMenuItemAnimation=!0,this.subLevels=[],this.darkMode=!1,this.parentSelector="",this.isMegaMenuLayout=!1,this.isSubmenuLeft=!1,this.megaActiveSubLevelIndex=-1,this.isMegaMenuOpen=!1,this.isMegaMenuEscapeClosed=!1,this.isLinkClickClosed=!1}get el(){return n(this)}thirdLevelMouseEnterHandlers=new Map;megaParentElement=null;resizeAnimationFrame;layoutSyncRequested=!1;dropdownStylesClosed=!1;isComponentConnected=!1;globalListenersAttached=!1;activeSubLevelBranches=new Set;onWindowResize=()=>{this.isMegaMenuEnabled()&&void 0===this.resizeAnimationFrame&&(this.resizeAnimationFrame=globalThis.requestAnimationFrame((()=>{this.resizeAnimationFrame=void 0,this.syncLayout()})))};onLayoutInputChange(){this.updateGlobalListeners(),this.layoutSyncRequested=!0}connectedCallback(){this.isComponentConnected=!0,this.updateGlobalListeners()}updateGlobalListeners(){const e=this.isComponentConnected&&this.isMegaMenuEnabled();if(e===this.globalListenersAttached)return;const n=e?"addEventListener":"removeEventListener";globalThis[n]("resize",this.onWindowResize),globalThis[n]("keydown",this.onWindowKeyDown),globalThis[n]("tet-menu-mega-open",this.onExternalMegaMenuOpen),this.globalListenersAttached=e}onHostMouseLeave(){this.handleMenuMouseLeave()}onHostFocusIn(){this.handleMenuFocusIn()}syncLayout=()=>{if(!this.isMegaMenuEnabled())return this.setMegaParentElement(null),void this.setupThirdLevelEvent();this.clearThirdLevelMouseEnterHandlers(),this.updateDropdownLayout()};isMegaMenuEnabled(){return this.isMegaMenuLayout&&"main"===this.type&&this.subLevels.length>0}setMegaParentElement(e){this.megaParentElement!==e&&(this.megaParentElement&&this.megaParentElement.removeEventListener("mouseleave",this.handleMegaParentMouseLeave),this.megaParentElement=e,this.megaParentElement?.addEventListener("mouseleave",this.handleMegaParentMouseLeave))}closeMegaMenu=()=>{this.isMegaMenuEnabled()&&(this.isMegaMenuOpen=!1,this.clearMegaActiveSubLevel())};blurFocusedMenuItem(){const e=this.el.shadowRoot?.activeElement;e?.blur()}handleMegaParentMouseLeave=()=>{this.closeMegaMenu()};openMegaMenu(){this.isMegaMenuEnabled()&&(this.isMegaMenuEscapeClosed=!1,this.isMegaMenuOpen=!0,globalThis.dispatchEvent(new CustomEvent("tet-menu-mega-open",{detail:this.el})))}handleFirstLevelInteraction=()=>{if(this.isLinkClickClosed=!1,this.isMegaMenuEnabled())return this.syncLayout(),void this.openMegaMenu();globalThis.dispatchEvent(new CustomEvent("tet-menu-mega-open",{detail:this.el}))};handleMenuMouseLeave=()=>{this.isLinkClickClosed=!1,this.isMegaMenuEnabled()&&(this.clearMegaActiveSubLevel(),this.isMegaMenuEscapeClosed=!1)};handleMenuFocusIn=()=>{this.isMegaMenuEnabled()&&this.isMegaMenuEscapeClosed&&this.openMegaMenu()};onWindowKeyDown=e=>{if(!this.isMegaMenuEnabled()||"Escape"!==e.key)return;const n=("function"==typeof e.composedPath?e.composedPath():[]).includes(this.el);(this.isMegaMenuOpen||n)&&(this.isLinkClickClosed=!0,this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu(),this.blurFocusedMenuItem())};onExternalMegaMenuOpen=e=>{this.isMegaMenuEnabled()&&e.detail!==this.el&&(this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu())};setMegaActiveSubLevel(e,n){this.isMegaMenuEnabled()&&(this.megaActiveSubLevelIndex=n?e:-1)}handleMegaSecondLevelKeyDown(e,n,t){this.isMegaMenuEnabled()&&t&&"Tab"===e.key&&!e.shiftKey&&(e.preventDefault(),this.setMegaActiveSubLevel(n,t),globalThis.requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".menu__dropdown__mega-third-list a");e?.focus()})))}handleMegaThirdLevelLinkKeyDown=e=>{if(!this.isMegaMenuEnabled()||"Tab"!==e.key)return;const n=Array.from(this.el.shadowRoot?.querySelectorAll(".menu__dropdown__mega-third-list a")??[]);if(0===n.length)return;const t=n.indexOf(e.currentTarget);if(t<0)return;if(e.shiftKey){if(t>0)return e.preventDefault(),void n[t-1]?.focus();const i=this.megaActiveSubLevelIndex;if(i<0)return;e.preventDefault();const o=this.el.shadowRoot?.querySelectorAll(".menu__dropdown__list--mega > li > a");return void o?.[i]?.focus()}if(t<n.length-1)return e.preventDefault(),void n[t+1]?.focus();const i=this.megaActiveSubLevelIndex;if(i<0)return;const o=this.el.shadowRoot?.querySelectorAll(".menu__dropdown__list--mega > li > a"),r=o?.[i+1];r&&(e.preventDefault(),r.focus())};clearMegaActiveSubLevel=()=>{this.isMegaMenuEnabled()&&(this.megaActiveSubLevelIndex=-1)};handleLinkClick=()=>{this.closeOnLinkClick&&(this.isLinkClickClosed=!0,this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu(),this.blurFocusedMenuItem())};closeDropdown(){if(this.dropdownStylesClosed)return;const e=this.el.shadowRoot?.querySelector(".menu__dropdown");e&&(e.style.maxHeight="0",e.style.transform="scaleY(0)",e.style.animationName="hideDropdown",this.dropdownStylesClosed=!0)}resetDropdownStyles(){if(!this.dropdownStylesClosed)return;const e=this.el.shadowRoot?.querySelector(".menu__dropdown");e?(e.style.removeProperty("max-height"),e.style.removeProperty("transform"),e.style.removeProperty("animation-name"),this.dropdownStylesClosed=!1):this.dropdownStylesClosed=!1}renderFirstLevel(e){const{firstLevelTitle:n,firstLevelLink:i,firstLevelId:o,firstLevelIcon:r,menuItemTheme:a,showMenuItemAnimation:l,active:m,clickable:s,type:d}=this,c=s&&0!==i.length?i:void 0,u=r?this.renderIcon({name:r,invertIcon:!0}):"",g=c?"a":"button",_="button"===g;let p="",h=!1;return"main"===d&&(p=a?`menu__first-level--theme-${a}`:"",h=l),t(g,{id:o,href:c,onClick:this.handleLinkClick,part:"first-level",onMouseEnter:this.handleFirstLevelInteraction,onFocus:this.handleFirstLevelInteraction,class:{"menu__first-level":!0,"menu--active":(m||"main"===d&&e)&&"login"!==d,"menu__first-level--themed":p.length>0,...p&&{[p]:!0},...h&&{"show-animation":!0}},type:_?"button":void 0},u,n,this.renderChevron())}cacheActiveSubLevelBranches(e){let n=!1;return e.forEach((e=>{const t=this.cacheActiveSubLevelBranches(e.subLevels??[]);(e.active||t)&&(this.activeSubLevelBranches.add(e),n=!0)})),n}componentDidLoad(){this.syncLayout()}componentDidUpdate(){this.layoutSyncRequested&&(this.layoutSyncRequested=!1,this.syncLayout()),this.isLinkClickClosed?this.closeDropdown():this.resetDropdownStyles()}disconnectedCallback(){this.isComponentConnected=!1,this.updateGlobalListeners(),this.setMegaParentElement(null),this.clearThirdLevelMouseEnterHandlers(),void 0!==this.resizeAnimationFrame&&(globalThis.cancelAnimationFrame(this.resizeAnimationFrame),this.resizeAnimationFrame=void 0)}updateDropdownLayout(){if(!this.isMegaMenuEnabled())return;const e=this.el.shadowRoot?.querySelector(".menu__dropdown");if(!e)return;const n=this.parentSelector?.trim(),t=n?this.el.closest(n):this.el.parentElement;if(!t)return this.setMegaParentElement(null),e.style.removeProperty("top"),void e.style.removeProperty("--menu-dropdown-hover-bridge-height");this.setMegaParentElement(t);const i=t.getBoundingClientRect();if(i.width<=0)return;const o=this.el.getBoundingClientRect(),r=Math.max(0,i.bottom-o.bottom);e.style.top=`${i.bottom}px`,e.style.setProperty("--menu-dropdown-hover-bridge-height",`${r}px`)}renderChevron(){const{subLevels:e}=this;return 0===e.length?"":t("tet-icon",{name:"tc-chevron-down",class:"chevron",theme:"login"===this.type?this.darkMode?"light":"dark":this.darkMode?"dark":"light"})}renderCheckmark(e){const{type:n}=this;return e.active&&"language"===n?t("tet-icon",{name:"tc-check",class:"menu__dropdown__list__checkmark",theme:this.darkMode?"dark":"light"}):""}renderSubLevels(){const{subLevels:e}=this;if(e.length<1)return"";const n=this.isMegaMenuEnabled(),i=n?this.megaActiveSubLevelIndex:-1,o=i>=0?e[i]?.subLevels??[]:[],r=e.map(((e,t)=>this.renderSubItem(e,t,n))),a=t("ul",{class:{menu__dropdown__list:!0,"menu__dropdown__list--mega":n}},r);return t("div",{class:{menu__dropdown:!0,"menu__dropdown--mega":n}},n?t("div",{class:"tet-grid"},t("div",{class:"menu__dropdown__wrapper tet-grid__cell tet-grid__cell--span-all"},t("div",{class:"menu__dropdown__mega-lists"},a,t("div",{class:"menu__dropdown__mega-third"},o.length>0&&t("ul",{class:"menu__dropdown__mega-third-list"},o.map((e=>this.renderSublevelItem(e)))))),t("div",{class:"menu__dropdown__mega-banner"},t("slot",{name:"banner"})))):a)}renderSubItem(e,n,i){const o=e.subLevels??[],r=o.length>0,a=this.activeSubLevelBranches.has(e);let l="",m="";this.isMegaMenuLayout||(e.iconLeft?l=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(l=this.renderImage(e)),e.iconRight&&(m=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize})));const s=e.subTitle&&0!==e.subTitle.length?t("div",{class:{"menu__dropdown__list__sub-title":!0,"menu__dropdown__list__sub-title--mega":this.isMegaMenuLayout}},e.subTitle):"",d=e.id?.toString(),c=r&&!i?t("div",{class:{left:!i&&this.isSubmenuLeft,right:!i&&!this.isSubmenuLeft,menu__sublist:!0}},t("ul",{class:{content:!0}},o.map((e=>this.renderSublevelItem(e))))):null;return t("li",null,t("a",{id:d,href:e.link,onClick:this.handleLinkClick,onMouseEnter:()=>this.setMegaActiveSubLevel(n,r),onFocus:()=>this.setMegaActiveSubLevel(n,r),onKeyDown:e=>this.handleMegaSecondLevelKeyDown(e,n,r),class:{"menu--active":!!e.active||a,"menu--mega-current":i&&n===this.megaActiveSubLevelIndex,"menu--highlighted":!!e.highlighted,"line-top":!!e.lineTop,"text-color-secondary":!!e.textColorSecondary,"translation-none":!!e.translationNone,"menu--submenu":r},tabIndex:0},l,t("div",null,e.badgeText?t("span",{class:"menu__badge"},e.badgeText):null,t("div",null,e.title),s,this.renderCheckmark(e)),m,r&&t("tet-icon",{class:"menu__chevron",name:"tc-chevron-right",theme:this.darkMode?"dark":"light"})),c)}renderSublevelItem(e){let n="",i="";return this.isMegaMenuLayout||(e.iconLeft?n=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(n=this.renderImage(e)),e.iconRight&&(i=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize}))),t("li",null,t("a",{id:e.id,href:e.link,onClick:this.handleLinkClick,onKeyDown:this.handleMegaThirdLevelLinkKeyDown,class:{"menu--active":!!e.active,"menu--highlighted":!!e.highlighted,"line-top":!!e.lineTop,"text-color-secondary":!!e.textColorSecondary},tabIndex:0},n,t("div",null,t("div",null,t("span",null,e.title),e.badgeText?t("span",{class:"menu__badge"},e.badgeText):null),this.renderCheckmark(e)),i))}renderIcon(e){const{name:n,right:i=!1,id:o=null,size:r=null,useDefaultColor:a=!1,invertIcon:l=!1}=e,m=o?"sublevel-icon-"+o:"",s=o&&r?t("style",null,".",m," ","{"," --icon-size: ",r,"rem ","}"):"";return t("div",{class:{menu__icon:!0,right:i}},t("tet-icon",{"use-default-color":a,class:"icon "+m,name:n,theme:"login"===this.type&&l?this.darkMode?"light":"dark":this.darkMode?"dark":"light"}),s)}renderImage(e){return t("div",{class:"menu__icon"},t("img",{src:e.imageSrc,alt:"",loading:"lazy",decoding:"async"}))}setupThirdLevelEvent(){const e=this.el.shadowRoot?.querySelectorAll(".menu__sublist");if(!e)return void this.clearThirdLevelMouseEnterHandlers();const n=new Set;e.forEach((e=>{const t=e.closest("li");if(!t)return;const i=t.querySelector("a");if(!i)return;n.add(i);const o=this.thirdLevelMouseEnterHandlers.get(i);if(o?.menu===e)return;o&&i.removeEventListener("mouseenter",o.handler),e.style.removeProperty("top"),e.style.removeProperty("bottom");const r=()=>{const n=window.innerWidth,t=window.innerHeight,o=i.getBoundingClientRect(),r=e.offsetParent||null,a=r?r.getBoundingClientRect():{top:0},l=e.offsetWidth,m=Math.max(10,Math.min(o.top,t-e.offsetHeight-10));e.style.top=m-a.top+"px",e.style.bottom="",this.isSubmenuLeft=n<o.right+l};i.addEventListener("mouseenter",r),this.thirdLevelMouseEnterHandlers.set(i,{menu:e,handler:r})})),this.thirdLevelMouseEnterHandlers.forEach((({handler:e},t)=>{n.has(t)||(t.removeEventListener("mouseenter",e),this.thirdLevelMouseEnterHandlers.delete(t))}))}clearThirdLevelMouseEnterHandlers(){this.thirdLevelMouseEnterHandlers.forEach((({handler:e},n)=>{n.removeEventListener("mouseenter",e)})),this.thirdLevelMouseEnterHandlers.clear()}render(){const{type:e}=this;this.activeSubLevelBranches.clear();const n=this.cacheActiveSubLevelBranches(this.subLevels);return t(i,{key:"ff4c798d258097873a837686a25e638f78d3bbe3"},t("div",{key:"77b79d2723caa3c4351fad7f3c30f6a3f5187455",class:{menu:!0,menu__main:"main"===e,menu__language:"language"===e,menu__login:"login"===e,menu__dark:this.darkMode,"menu--mega-open":this.isMegaMenuEnabled()&&this.isMegaMenuOpen,"menu--mega-escape-closed":this.isMegaMenuEnabled()&&this.isMegaMenuEscapeClosed}},this.renderFirstLevel(n),this.renderSubLevels()))}static get watchers(){return{subLevels:["onLayoutInputChange"],type:["onLayoutInputChange"],isMegaMenuLayout:["onLayoutInputChange"],parentSelector:["onLayoutInputChange"]}}};o.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"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")}.tet-grid--col-12,.tet-grid--col-8,.tet-grid--col-4,.tet-grid,.tet-grid--no-limit,.tet-grid--no-margin,.tet-grid--no-padding{box-sizing:border-box;display:grid;position:relative;width:100%;max-width:none;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem;margin:0 auto}.tet-grid--no-padding{column-gap:0 !important}.tet-grid--no-margin{padding:0 !important}.tet-grid--no-limit{max-width:unset !important}.tet-grid--col-4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}.tet-grid--col-8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important}.tet-grid--col-8 .tet-grid__cell--span-all{grid-column:span 8}.tet-grid--col-12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important}.tet-grid--col-12 .tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell,.tet-grid__cell--df-show,.tet-grid__cell--xs-show,.tet-grid__cell--sm-show,.tet-grid__cell--md-show,.tet-grid__cell--lg-show,.tet-grid__cell--xl-show,.tet-grid__cell--2k-show,.tet-grid__cell--gg-show{grid-column:span 1}.tet-grid__cell--span-2-rows{grid-row:span 2}.tet-grid__cell--span-3-rows{grid-row:span 3}.tet-grid__cell--span-4-rows{grid-row:span 4}.tet-grid__cell--span-5-rows{grid-row:span 5}.tet-grid__cell--span-6-rows{grid-row:span 6}.tet-grid__cell--span-7-rows{grid-row:span 7}.tet-grid__cell--span-8-rows{grid-row:span 8}.tet-grid__cell--span-9-rows{grid-row:span 9}.tet-grid__cell--span-10-rows{grid-row:span 10}.tet-grid__cell--span-11-rows{grid-row:span 11}.tet-grid__cell--span-12-rows{grid-row:span 12}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--span-1{display:block;grid-column:span 1}.tet-grid__cell--span-2{display:block;grid-column:span 2}.tet-grid__cell--span-3{display:block;grid-column:span 3}.tet-grid__cell--span-4{display:block;grid-column:span 4}.tet-grid__cell--span-5{display:block;grid-column:span 4}.tet-grid__cell--span-6{display:block;grid-column:span 4}.tet-grid__cell--span-7{display:block;grid-column:span 4}.tet-grid__cell--span-8{display:block;grid-column:span 4}.tet-grid__cell--span-9{display:block;grid-column:span 4}.tet-grid__cell--span-10{display:block;grid-column:span 4}.tet-grid__cell--span-11{display:block;grid-column:span 4}.tet-grid__cell--span-12{display:block;grid-column:span 4}.tet-grid__cell--hide{display:none}.tet-grid__cell--show{display:block}@media all and (min-width: 22.5rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--df-span-1{display:block;grid-column:span 1}.tet-grid__cell--df-span-2{display:block;grid-column:span 2}.tet-grid__cell--df-span-3{display:block;grid-column:span 3}.tet-grid__cell--df-span-4{display:block;grid-column:span 4}.tet-grid__cell--df-span-5{display:block;grid-column:span 4}.tet-grid__cell--df-span-6{display:block;grid-column:span 4}.tet-grid__cell--df-span-7{display:block;grid-column:span 4}.tet-grid__cell--df-span-8{display:block;grid-column:span 4}.tet-grid__cell--df-span-9{display:block;grid-column:span 4}.tet-grid__cell--df-span-10{display:block;grid-column:span 4}.tet-grid__cell--df-span-11{display:block;grid-column:span 4}.tet-grid__cell--df-span-12{display:block;grid-column:span 4}.tet-grid__cell--df-hide{display:none}.tet-grid__cell--df-show{display:block}}@media all and (min-width: 31.25rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{column-gap:1.5rem;padding:0 2rem}.tet-grid__cell--xs-span-1{display:block;grid-column:span 1}.tet-grid__cell--xs-span-2{display:block;grid-column:span 2}.tet-grid__cell--xs-span-3{display:block;grid-column:span 3}.tet-grid__cell--xs-span-4{display:block;grid-column:span 4}.tet-grid__cell--xs-span-5{display:block;grid-column:span 4}.tet-grid__cell--xs-span-6{display:block;grid-column:span 4}.tet-grid__cell--xs-span-7{display:block;grid-column:span 4}.tet-grid__cell--xs-span-8{display:block;grid-column:span 4}.tet-grid__cell--xs-span-9{display:block;grid-column:span 4}.tet-grid__cell--xs-span-10{display:block;grid-column:span 4}.tet-grid__cell--xs-span-11{display:block;grid-column:span 4}.tet-grid__cell--xs-span-12{display:block;grid-column:span 4}.tet-grid__cell--xs-hide{display:none}.tet-grid__cell--xs-show{display:block}}@media all and (min-width: 46.25rem){.tet-grid__cell--sm-span-1{display:block;grid-column:span 1}.tet-grid__cell--sm-span-2{display:block;grid-column:span 2}.tet-grid__cell--sm-span-3{display:block;grid-column:span 3}.tet-grid__cell--sm-span-4{display:block;grid-column:span 4}.tet-grid__cell--sm-span-5{display:block;grid-column:span 5}.tet-grid__cell--sm-span-6{display:block;grid-column:span 6}.tet-grid__cell--sm-span-7{display:block;grid-column:span 7}.tet-grid__cell--sm-span-8{display:block;grid-column:span 8}.tet-grid__cell--sm-span-9{display:block;grid-column:span 9}.tet-grid__cell--sm-span-10{display:block;grid-column:span 10}.tet-grid__cell--sm-span-11{display:block;grid-column:span 11}.tet-grid__cell--sm-span-12{display:block;grid-column:span 12}.tet-grid__cell--sm-hide{display:none}.tet-grid__cell--sm-show{display:block}}@media all and (min-width: 48rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(8, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 8}.tet-grid__cell--md-span-1{display:block;grid-column:span 1}.tet-grid__cell--md-span-2{display:block;grid-column:span 2}.tet-grid__cell--md-span-3{display:block;grid-column:span 3}.tet-grid__cell--md-span-4{display:block;grid-column:span 4}.tet-grid__cell--md-span-5{display:block;grid-column:span 5}.tet-grid__cell--md-span-6{display:block;grid-column:span 6}.tet-grid__cell--md-span-7{display:block;grid-column:span 7}.tet-grid__cell--md-span-8{display:block;grid-column:span 8}.tet-grid__cell--md-span-9{display:block;grid-column:span 8}.tet-grid__cell--md-span-10{display:block;grid-column:span 8}.tet-grid__cell--md-span-11{display:block;grid-column:span 8}.tet-grid__cell--md-span-12{display:block;grid-column:span 8}.tet-grid__cell--md-hide{display:none}.tet-grid__cell--md-show{display:block}}@media all and (min-width: 64rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(12, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell--lg-span-1{display:block;grid-column:span 1}.tet-grid__cell--lg-span-2{display:block;grid-column:span 2}.tet-grid__cell--lg-span-3{display:block;grid-column:span 3}.tet-grid__cell--lg-span-4{display:block;grid-column:span 4}.tet-grid__cell--lg-span-5{display:block;grid-column:span 5}.tet-grid__cell--lg-span-6{display:block;grid-column:span 6}.tet-grid__cell--lg-span-7{display:block;grid-column:span 7}.tet-grid__cell--lg-span-8{display:block;grid-column:span 8}.tet-grid__cell--lg-span-9{display:block;grid-column:span 9}.tet-grid__cell--lg-span-10{display:block;grid-column:span 10}.tet-grid__cell--lg-span-11{display:block;grid-column:span 11}.tet-grid__cell--lg-span-12{display:block;grid-column:span 12}.tet-grid__cell--lg-hide{display:none}.tet-grid__cell--lg-show{display:block}}@media all and (min-width: 80rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4rem}.tet-grid__cell--xl-span-1{display:block;grid-column:span 1}.tet-grid__cell--xl-span-2{display:block;grid-column:span 2}.tet-grid__cell--xl-span-3{display:block;grid-column:span 3}.tet-grid__cell--xl-span-4{display:block;grid-column:span 4}.tet-grid__cell--xl-span-5{display:block;grid-column:span 5}.tet-grid__cell--xl-span-6{display:block;grid-column:span 6}.tet-grid__cell--xl-span-7{display:block;grid-column:span 7}.tet-grid__cell--xl-span-8{display:block;grid-column:span 8}.tet-grid__cell--xl-span-9{display:block;grid-column:span 9}.tet-grid__cell--xl-span-10{display:block;grid-column:span 10}.tet-grid__cell--xl-span-11{display:block;grid-column:span 11}.tet-grid__cell--xl-span-12{display:block;grid-column:span 12}.tet-grid__cell--xl-hide{display:none}.tet-grid__cell--xl-show{display:block}}@media all and (min-width: 90rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4.5rem}.tet-grid__cell--mg-span-1{display:block;grid-column:span 1}.tet-grid__cell--mg-span-2{display:block;grid-column:span 2}.tet-grid__cell--mg-span-3{display:block;grid-column:span 3}.tet-grid__cell--mg-span-4{display:block;grid-column:span 4}.tet-grid__cell--mg-span-5{display:block;grid-column:span 5}.tet-grid__cell--mg-span-6{display:block;grid-column:span 6}.tet-grid__cell--mg-span-7{display:block;grid-column:span 7}.tet-grid__cell--mg-span-8{display:block;grid-column:span 8}.tet-grid__cell--mg-span-9{display:block;grid-column:span 9}.tet-grid__cell--mg-span-10{display:block;grid-column:span 10}.tet-grid__cell--mg-span-11{display:block;grid-column:span 11}.tet-grid__cell--mg-span-12{display:block;grid-column:span 12}.tet-grid__cell--mg-hide{display:none}.tet-grid__cell--mg-show{display:block}}@media all and (min-width: 120rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{max-width:111rem;padding:0}.tet-grid__cell--gg-span-1{display:block;grid-column:span 1}.tet-grid__cell--gg-span-2{display:block;grid-column:span 2}.tet-grid__cell--gg-span-3{display:block;grid-column:span 3}.tet-grid__cell--gg-span-4{display:block;grid-column:span 4}.tet-grid__cell--gg-span-5{display:block;grid-column:span 5}.tet-grid__cell--gg-span-6{display:block;grid-column:span 6}.tet-grid__cell--gg-span-7{display:block;grid-column:span 7}.tet-grid__cell--gg-span-8{display:block;grid-column:span 8}.tet-grid__cell--gg-span-9{display:block;grid-column:span 9}.tet-grid__cell--gg-span-10{display:block;grid-column:span 10}.tet-grid__cell--gg-span-11{display:block;grid-column:span 11}.tet-grid__cell--gg-span-12{display:block;grid-column:span 12}.tet-grid__cell--gg-hide{display:none}.tet-grid__cell--gg-show{display:block}}:host{--menu-border-radius:0.625rem;--menu-text-color:var(--tc-text-primary);--menu-text-inverse-color:var(--tc-button-text-primary);--menu-text-secondary-color:var(--tc-text-secondary);--menu-background-color:var(--tc-background-white-black);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-dropdown-border-color:var(--tc-grey-20);--menu-dropdown-box-shadow:var(--tc-elevation-three);--menu-focus-outline-color:var(--tc-blue-40);--menu-login-button-background-color:var(--tc-button-primary-background-default);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover);--menu-separator-line-color:var(--tc-grey-20);--menu-badge-background-color:var(--tc-navigation-menu-item-tag);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white);--menu-badge-text-color:var(--tc-text-black-permanent);--menu-mega-second-level-width:27.25rem;--menu-mega-third-level-width:22.6875rem;--menu-mega-banner-slot-max-width:20rem;--menu-mega-dropdown-menu-height:28.625rem;--menu-mega-separator-color:var(--tc-border-quaternary);--menu-mega-dropdown-background-color:var(--tc-layer-primary);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.menu.menu__dark{--menu-text-color:var(--tc-text-primary-dark);--menu-text-inverse-color:var(--tc-button-text-primary-dark);--menu-text-secondary-color:var(--tc-text-secondary-dark);--menu-background-color:var(--tc-background-secondary-dark);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover-dark);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed-dark);--menu-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-dropdown-border-color:var(--tc-grey-80);--menu-dropdown-box-shadow:var(--tc-elevation-three-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-login-button-background-color:var(--tc-button-primary-background-default-dark);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover-dark);--menu-separator-line-color:var(--tc-grey-80);--menu-badge-background-color:var(--tc-navigation-menu-item-tag-dark);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white-dark);--menu-badge-text-color:var(--tc-text-black-permanent-dark);--menu-mega-separator-color:var(--tc-border-quaternary-dark);--menu-mega-dropdown-background-color:var(--tc-layer-primary-dark)}.menu.menu__dark.menu__main .menu__first-level--themed{--menu-item-theme-bg:var(--menu-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:is(.menu--active,:hover,:active){border-color:var(--menu-item-theme-state-bg);background-image:linear-gradient(var(--menu-item-theme-state-bg), var(--menu-item-theme-state-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu.menu__dark.menu__main .menu__first-level--themed.menu--active{--menu-item-theme-state-bg:var(--menu-link-active-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:hover{--menu-item-theme-state-bg:var(--menu-link-hover-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:active{--menu-item-theme-state-bg:var(--menu-link-pressed-background-color)}.menu.menu__dark .menu__first-level--theme-yellow{--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-yellow-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-yellow-gradient-main-dark) 30%,\n var(--tc-menu-item-yellow-gradient-accent-dark) 50%,\n var(--tc-menu-item-yellow-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-red{--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-red-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-red-gradient-main-dark) 30%,\n var(--tc-menu-item-red-gradient-accent-dark) 50%,\n var(--tc-menu-item-red-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-green{--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-green-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-green-gradient-main-dark) 30%,\n var(--tc-menu-item-green-gradient-accent-dark) 50%,\n var(--tc-menu-item-green-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-violet{--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-violet-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-violet-gradient-main-dark) 30%,\n var(--tc-menu-item-violet-gradient-accent-dark) 50%,\n var(--tc-menu-item-violet-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-blue{--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-blue-background-pressed-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-blue-gradient-main-dark) 30%,\n var(--tc-menu-item-blue-gradient-accent-dark) 50%,\n var(--tc-menu-item-blue-gradient-main-dark) 70%\n )}.menu a{color:var(--menu-text-color);text-decoration:none}.menu :where(button.menu__first-level){appearance:none;margin:0;border:0;background:transparent;color:var(--menu-text-color);font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer}.menu--active{background-color:var(--menu-link-active-background-color)}.menu__first-level{display:flex;flex-direction:row;align-items:center;border-radius:var(--menu-border-radius);padding:0.5rem 0.75rem;white-space:nowrap}.menu__first-level .chevron{display:flex;--icon-size:1rem;margin-left:0.4rem;transition:transform 150ms ease-out}:hover>.menu__first-level,:focus>.menu__first-level,:focus-within>.menu__first-level,.menu--mega-open>.menu__first-level{background-color:var(--menu-link-hover-background-color)}:hover>.menu__first-level .chevron,:focus>.menu__first-level .chevron,:focus-within>.menu__first-level .chevron,.menu--mega-open>.menu__first-level .chevron{transform:rotate(-180deg)}.menu__first-level:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color)}.menu__badge{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";padding:0.125rem 0.375rem;border-radius:0.25rem;background-color:var(--menu-badge-background-color);color:var(--menu-badge-text-color)}.menu__icon{display:none}.menu__dropdown{max-height:0;transform:scaleY(0);position:absolute;margin-top:0.25rem;z-index:1;min-width:14rem;background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);transform-origin:top;animation-name:hideDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;right:0}.menu__dropdown.menu__dropdown--mega{animation-name:none;animation-duration:0s}:hover>.menu__dropdown:not(.menu__dropdown--mega),:focus>.menu__dropdown:not(.menu__dropdown--mega),:focus-within>.menu__dropdown:not(.menu__dropdown--mega){max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu:not(.menu--mega-escape-closed):hover>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus-within>.menu__dropdown.menu__dropdown--mega,.menu--mega-open>.menu__dropdown.menu__dropdown--mega{max-height:100%;transform:scaleY(1);animation-name:none;animation-duration:0s;transition-delay:0s;outline:none}.menu__dropdown__list,.menu__dropdown__mega-third-list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title,.menu__dropdown__mega-third-list__sub-title{display:none}.menu__dropdown__list li,.menu__dropdown__mega-third-list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown__wrapper{position:relative;display:flex;width:100%;overflow:hidden}.menu__dropdown__wrapper .menu__dropdown__list--mega{box-sizing:border-box;border-left:0.0625rem solid var(--menu-mega-separator-color);height:100%}.menu__dropdown__wrapper .menu__dropdown__list--mega:has(.menu--mega-current){border-right:0.0625rem solid var(--menu-mega-separator-color)}.menu__dropdown__mega-lists{display:flex;align-items:stretch;margin-right:2.5rem;height:100%}.menu__dropdown__list>li>a .menu__badge{margin-bottom:0.125rem;display:inline-block}.menu__dropdown a{padding:0.5rem 1rem;display:block;border-radius:0.375rem}.menu__dropdown a:hover{background-color:var(--menu-link-hover-background-color)}.menu__dropdown a:active{background-color:var(--menu-link-pressed-background-color)}.menu__dropdown a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-active-item-badge-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current),.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-hover-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge,.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-badge-background-color)}.menu__dropdown__mega-third{box-sizing:border-box;width:var(--menu-mega-third-level-width);min-width:var(--menu-mega-third-level-width);display:flex}.menu__main .menu__first-level{padding:0.375rem 0.75rem;gap:0.25rem}.menu__main .menu__first-level .chevron{--icon-size:1.25rem;margin-left:0}.menu__main .menu__first-level--theme-yellow{--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-yellow-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-yellow-gradient-main) 30%,\n var(--tc-menu-item-yellow-gradient-accent) 50%,\n var(--tc-menu-item-yellow-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-red{--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-red-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-red-gradient-main) 30%,\n var(--tc-menu-item-red-gradient-accent) 50%,\n var(--tc-menu-item-red-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-green{--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-green-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-green-gradient-main) 30%,\n var(--tc-menu-item-green-gradient-accent) 50%,\n var(--tc-menu-item-green-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-violet{--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-violet-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-violet-gradient-main) 30%,\n var(--tc-menu-item-violet-gradient-accent) 50%,\n var(--tc-menu-item-violet-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-blue{--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-blue-background-pressed);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-blue-gradient-main) 30%,\n var(--tc-menu-item-blue-gradient-accent) 50%,\n var(--tc-menu-item-blue-gradient-main) 70%\n )}.menu__main .menu__first-level--themed{position:relative;padding:0.25rem 0.625rem;isolation:isolate;color:var(--menu-text-color);--menu-item-theme-bg:var(--menu-background-color);border:0.125rem solid transparent;background-image:linear-gradient(var(--menu-item-theme-bg), var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__main .menu__first-level--themed.menu--active{border-color:var(--menu-item-theme-active-bg);background-image:linear-gradient(var(--menu-item-theme-active-bg), var(--menu-item-theme-active-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed:hover{border-color:var(--menu-item-theme-hover-bg);background-image:linear-gradient(var(--menu-item-theme-hover-bg), var(--menu-item-theme-hover-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed:active{border-color:var(--menu-item-theme-pressed-bg);background-image:linear-gradient(var(--menu-item-theme-pressed-bg), var(--menu-item-theme-pressed-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main:not(:hover):not(:focus-within) .menu__dropdown__wrapper{overflow:hidden}.menu__main .menu__dropdown{min-width:21.625rem;border:0.031rem solid var(--menu-dropdown-border-color);right:auto;left:0}.menu__main .menu__dropdown__wrapper .menu__dropdown__list--mega{width:var(--menu-mega-second-level-width);min-width:var(--menu-mega-second-level-width)}.menu__main .menu__dropdown--mega{background-color:var(--menu-mega-dropdown-background-color);position:fixed;top:0;margin-top:0;border:0;border-radius:0;box-shadow:none;inset-inline:0;width:auto;transition:transform 0s linear 100ms;height:var(--mega-menu-dropdown-height);overflow-y:hidden}.menu__main .menu__dropdown--mega .menu__dropdown__wrapper{min-height:inherit;align-items:stretch;box-sizing:border-box;padding:0.5rem 0;overflow-y:auto;overflow-x:hidden;height:var(--menu-mega-dropdown-menu-height)}.menu__main .menu__dropdown--mega .menu__dropdown__mega-lists{align-self:flex-start}.menu__main .menu__dropdown--mega .menu__dropdown__mega-third-list{height:100%;box-sizing:border-box;width:100%}.menu__main .menu__dropdown--mega::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--menu-dropdown-hover-bridge-height, 0)}.menu__main .menu__dropdown__list{padding:0.5rem}.menu__main .menu__dropdown__list--mega{padding:0 0.5rem 1rem}.menu__main .menu__dropdown__list--mega li{white-space:normal}.menu__main .menu__dropdown__list--mega li a{padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list--mega a>div{min-width:0}.menu__main .menu__dropdown__list--mega .menu__dropdown__list__sub-title{white-space:normal}.menu__main .menu__dropdown__list--mega a:hover .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a:focus-visible .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a.menu--mega-current .menu__dropdown__list__sub-title--mega{max-height:8rem;opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}.menu__main .menu__dropdown__list--mega a.menu--mega-current:not(:active){background-color:var(--menu-link-hover-background-color)}.menu__main .menu__dropdown__list a{border-radius:var(--menu-border-radius);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__main .menu__dropdown__list .menu--highlighted{position:relative;margin-bottom:0.875rem}.menu__main .menu__dropdown__list .menu--highlighted:after{content:"";position:absolute;left:0.375rem;right:0.375rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__main .menu__dropdown__list__sub-title{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";display:block;color:var(--menu-text-secondary-color)}.menu__main .menu__dropdown__list__sub-title--mega{display:block;max-height:0;opacity:0;overflow:hidden;transform:translateY(-0.25rem);visibility:hidden;transition:max-height 360ms ease, opacity 300ms ease, transform 360ms ease, visibility 0s linear 360ms}.menu__main .menu__dropdown__mega-third-list{height:100%;padding:0 0.5rem 1rem}.menu__main .menu__dropdown__mega-third-list a{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:block;white-space:normal;padding:0.5rem 1rem;border-radius:0.375rem}.menu__main .menu__dropdown__mega-third-list a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__main .menu__dropdown__mega-banner{margin-left:auto;overflow:hidden;max-width:var(--menu-mega-banner-slot-max-width)}.menu__main .menu__first-level>.menu__icon{display:flex;margin-right:0.25rem}.menu__main .menu__first-level>.menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__main .menu__dropdown .menu__icon{width:2.75rem;padding-right:0.75rem;display:flex;align-items:center;justify-content:center}.menu__main .menu__dropdown .menu__icon img,.menu__main .menu__dropdown .menu__icon svg{max-width:2rem;max-height:2rem}.menu__chevron{margin-left:auto;padding-left:0.75rem}.menu__sublist{transform:scaleX(0);position:absolute;z-index:1;min-width:14rem;transform-origin:top right}:hover>.menu__sublist,:focus>.menu__sublist,:focus-within>.menu__sublist{max-height:100rem;transform:scaleX(1);outline:none}.menu__sublist.left{right:calc(100% - 0.6rem);padding-right:1.1rem}.menu__sublist.right{left:calc(100% - 0.6rem);padding-left:1.1rem}.menu__sublist .content{background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);min-width:21.875rem;padding:0.625rem 0}.menu__sublist .content a{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-radius:unset;white-space:normal}.menu__sublist .content a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__sublist .content a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__sublist .content a.menu--active{background-color:var(--menu-link-active-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__sublist .content a.menu--active:active{background-color:var(--menu-link-pressed-background-color)}.menu__login .menu__first-level{border-radius:2rem;padding:0.5rem 0.875rem;background-color:var(--menu-login-button-background-color);color:var(--menu-text-inverse-color)}.menu__login .menu__first-level .menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__login .menu__first-level .chevron{margin-left:0.5rem;--icon-size:1.25rem}.menu__login .menu__first-level:hover{background-color:var(--menu-login-button-background-hover-color)}.menu__login .menu--highlighted{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin:0 0 0.813rem 0}.menu__login .menu--highlighted:after{content:"";position:absolute;left:0.5rem;right:0.5rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__login .menu__icon{display:flex;margin-right:0.5rem}.menu__login .menu__icon.right{display:inline-flex;margin-left:auto;align-content:center;justify-content:center}.menu__login .menu--highlighted.line-top{margin:0.813rem 0 0 0}.menu__login .menu--highlighted.line-top:after{top:-0.5rem;bottom:auto}.menu__login .menu__dropdown__list a.text-color-secondary{color:var(--menu-text-secondary-color)}.menu__language>.menu__first-level{border:var(--menu-lang-border)}.menu__language:is(:hover,:focus-within)>.menu__first-level{border:var(--menu-lang-active-border)}.menu__language:not(:hover):not(:focus-within)>.menu__first-level:not(.menu--active):not(:active){background-color:var(--menu-lang-background-color)}.menu__language .menu__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@keyframes showDropdown{0%{max-height:0;padding-bottom:0.2rem;overflow:hidden}100%{max-height:100rem;padding-bottom:0;overflow:visible}}@keyframes hideDropdown{0%{max-height:100rem}100%{max-height:0}}@keyframes gradient-border-cycle{0%,100%{background-position:0 0, 0% 0%}20%{background-position:0 0, 70% 70%}30%{background-position:0 0, 100% 100%}40%{background-position:0 0, 120% 120%}40%,100%{background-position:0 0, 120% 120%}}';export{o as tet_menu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as o,g as t,f as r,h as n,H as a}from"./p-5abb3bea.js";import{p as i,t as c}from"./p-aca88f25.js";import"./p-fa674b43.js";import"./p-9a2b6ee2.js";const l=class{constructor(t){e(this,t),this.feedbackSubmitted=o(this,"feedbackSubmitted",7),this.negativeFeedbackSelected=o(this,"negativeFeedbackSelected",7),this.theme="light",this.language="lv",this.data=void 0,this.expanded=!1,this.formError=!1,this.characterCount=0,this.submissionData={helpful:!0,options:{},comment:""},this.submitted=!1}get hostElement(){return t(this)}feedbackSubmitted;negativeFeedbackSelected;onLanguageChange(e){i("tet-components",e).then((()=>r(this)))}async componentWillLoad(){await i("tet-components",this.language),r(this)}accordionRef;accordionScrollTimeout;textareaRef;checkboxRefs=new Map;getDefaultValues(){return{label:c("components-feedback-form-label"),labelTag:"h2",okButtonLabel:c("components-button-label-yes"),okButtonIconName:"tc-check",nokButtonLabel:c("components-button-label-no"),nokButtonIconName:"tc-close",formTitle:c("components-feedback-form-title"),formDescription:c("components-feedback-form-description"),checkboxOptions:[],showTextarea:!0,textareaLabel:c("components-feedback-form-textarea-label"),textareaPlaceholder:c("components-feedback-form-textarea-placeholder"),textareaMaxLength:500,footerText:c("components-feedback-form-footer-text"),footerIconName:"tc-bubbles",submitButtonLabel:c("components-feedback-form-submit-button-label"),submitButtonIconName:"tc-arrow-right",thankYouIconName:"tc-check-circle",thankYouTitle:c("components-feedback-form-thank-you-title"),thankYouDescription:c("components-feedback-form-thank-you-description")}}get mergedData(){return{...this.getDefaultValues(),...this.data}}toggleAccordion(){this.accordionRef&&(this.accordionRef.toggle(),this.formError&&this.setFormError(!1))}handleNokClick(){this.negativeFeedbackSelected.emit(),this.toggleAccordion()}scrollHostIntoViewAfterOpen(){this.hostElement.scrollIntoView?.({behavior:"smooth",block:"nearest"})}get accordionAnimationDurationMs(){if(!this.accordionRef)return 100;const e=getComputedStyle(this.accordionRef).getPropertyValue("--accordion-animation-duration").trim();if(!e)return 100;if(e.endsWith("ms"))return Number.parseFloat(e);if(e.endsWith("s"))return 1e3*Number.parseFloat(e);const o=Number.parseFloat(e);return Number.isNaN(o)?100:o}handleAccordionOpenChanged(e){this.expanded=e.detail,clearTimeout(this.accordionScrollTimeout),e.detail&&(this.accordionScrollTimeout=setTimeout((()=>this.scrollHostIntoViewAfterOpen()),this.accordionAnimationDurationMs))}disconnectedCallback(){clearTimeout(this.accordionScrollTimeout)}onListItemClick(e,o){const t=!!e.detail.checked;if(this.formError&&this.setFormError(!1),t)this.submissionData={...this.submissionData,options:{...this.submissionData.options,[o]:!0}};else{const{[o]:e,...t}=this.submissionData.options;this.submissionData={...this.submissionData,options:t}}}async onTextInput(){if(!this.textareaRef)return;const e=await this.textareaRef.getValue();this.characterCount=e.length,this.submissionData={...this.submissionData,comment:e}}submitFeedback(e){if(this.submissionData.helpful=e,e)this.submissionData.options={},this.submissionData.comment="";else if(!Object.keys(this.submissionData.options).length)return void this.setFormError(!0);this.feedbackSubmitted.emit(this.submissionData),this.submitted=!0}setFormError(e){for(const o of this.checkboxRefs.values())o.setError(e);this.formError=e}getSubheadingTag(){const{labelTag:e}=this.mergedData;return{h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6"}[e]}renderAccordionHeader(){const{theme:e,mergedData:o,expanded:t}=this,{label:r,labelTag:a,okButtonLabel:i,nokButtonLabel:c,okButtonIconName:l,nokButtonIconName:s}=o;return n("div",{slot:"header",class:{"feedback-form__header":!0,"feedback-form__header--expanded":t},inert:t},n(a,{class:"feedback-form__title"},r),n("div",{class:"feedback-form__button-container"},n("tet-button",{class:"button",iconName:l,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.submitFeedback(!0),"data-testid":"feedback-ok-button"},i),n("tet-button",{class:"button",iconName:s,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.handleNokClick(),"data-testid":"feedback-nok-button"},c)))}renderFormContentHeader(){const{theme:e,mergedData:o}=this,{formTitle:t,formDescription:r}=o,a=this.getSubheadingTag();return n("div",{class:"main__header"},n("div",{class:"main__header--left"},n(a,{id:"form-content-title",class:"title"},t),n("p",{id:"form-content-description",class:"subtitle"},r)),n("button",{class:"main__header-close-btn",onClick:()=>this.toggleAccordion(),"aria-label":c("components-availability-close"),type:"button","data-testid":"feedback-close-button"},n("tet-icon",{theme:e,class:"icon",name:"tc-close"})))}renderFormCheckboxOptions(){const{theme:e,mergedData:o}=this,{checkboxOptions:t}=o;return t.length?n("ul",{class:"main__option-list"},t.map((({id:o,label:t})=>n("li",{key:o,class:{"checkbox-wrapper":!0,"checkbox-wrapper--error":this.formError}},n("tet-checkbox",{ref:e=>{e&&this.checkboxRefs.set(o,e)},class:"checkbox",theme:e,checked:!!this.submissionData?.options?.[o],focusStyleOnContainer:!0,onCheck:e=>this.onListItemClick(e,o)},t))))):null}renderFormTextArea(){const{theme:e,mergedData:o}=this,{showTextarea:t,textareaLabel:r,textareaPlaceholder:a,textareaMaxLength:i}=o;return t?n("div",{class:"main__text-input"},n("tet-textarea",{label:r,class:"textarea",theme:e,value:this.submissionData.comment,onInput:()=>this.onTextInput(),ref:e=>this.textareaRef=e,placeholder:a,maxLength:i}),n("div",{class:"counter"},this.characterCount,"/",i)):null}renderFormFooter(){const{theme:e,mergedData:o}=this,{footerText:t,footerIconName:r}=o,a=t.split(/\{\{\s*([+0-9][0-9 ]{0,20})\s*\}\}/g),i=e=>e.trim(),c=a.map(((o,t)=>t%2==0?o:n("a",{href:`tel:${i(o)}`,class:{"tet-link":!0,[e]:!0,"tet-link--secondary":!0}},i(o))));return n("footer",{class:"feedback-form__form--footer"},n("div",{class:"footer-icon-block"},n("tet-icon",{theme:e,class:"footer-icon",name:r})),n("div",{class:"footer-text"},c))}renderSubmitButton(){const{theme:e,mergedData:o}=this,{submitButtonLabel:t,submitButtonIconName:r}=o;return n("tet-button",{class:"main__submit-button",iconName:r,theme:e,type:"primary",size:"medium",onClick:()=>this.submitFeedback(!1),"data-testid":"feedback-submit-button"},t)}renderAccordionContent(){return n("form",{class:"feedback-form__form","aria-labelledby":"form-content-title","aria-describedby":"form-content-description"},n("div",{class:"feedback-form__form--main"},this.renderFormContentHeader(),this.renderFormCheckboxOptions(),this.renderFormTextArea(),this.renderSubmitButton()),this.renderFormFooter())}renderAccordionComponent(){return n("tet-accordion",{class:"feedback-form__accordion",theme:this.theme,isHeaderInteractive:!1,transparentBackground:!0,ref:e=>this.accordionRef=e,onOpenChanged:e=>this.handleAccordionOpenChanged(e)},this.renderAccordionHeader(),this.renderAccordionContent())}renderThankYouComponent(){const{labelTag:e,thankYouIconName:o,thankYouTitle:t,thankYouDescription:r}=this.mergedData,a=e;return n("div",{class:"feedback-form__thank-you","aria-live":"polite"},n("tet-icon",{class:"icon",name:o}),n("div",{class:"text-block"},n(a,{class:"title"},t),n("p",{class:"description"},r)))}render(){return n(a,{key:"5edde0b5e354790ad31913065bff596d06b8781c"},n("section",{key:"0675dc0a280e507d722abf48c998f444c4c850c0",class:"feedback-form"},this.submitted?this.renderThankYouComponent():this.renderAccordionComponent()))}static get watchers(){return{language:["onLanguageChange"]}}};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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--form-border-radius:1rem;--form-scroll-margin-top:1rem;--form-text-color:var(--tc-text-primary);--form-text-secondary-color:var(--tc-text-secondary);--form-box-shadow:var(--tc-elevation-one);--form-border-color:var(--tc-border-quaternary);--form-accent-color:var(--tc-layer-yellow-secondary);--form-content-background-color:var(--tc-layer-primary);--form-footer-background-color:var(--tc-layer-secondary);--form-thank-you-icon-color:var(--tc-icon-primary);--form-list-item-hover-background-color:var(--tc-layer-secondary);--form-list-item-pressed-background-color:var(--tc-layer-tertiary);--form-list-item-border-color:var(--tc-border-tertiary);--form-list-item-border-hover-color:var(--tc-border-secondary);--form-list-item-border-pressed-color:var(--tc-border-secondary);--form-list-item-border-active-color:var(--tc-border-primary);--form-list-item-border-error-color:var(--tc-alert-accent-error);scroll-margin-top:var(--form-scroll-margin-top)}:host([theme=dark]){--form-text-color:var(--tc-text-primary-dark);--form-text-secondary-color:var(--tc-text-secondary-dark);--form-box-shadow:var(--tc-elevation-one-dark);--form-border-color:var(--tc-border-quaternary-dark);--form-accent-color:var(--tc-layer-yellow-secondary-dark);--form-content-background-color:var(--tc-layer-primary-dark);--form-footer-background-color:var(--tc-layer-secondary-dark);--form-thank-you-icon-color:var(--tc-icon-primary-dark);--form-list-item-hover-background-color:var(--tc-layer-secondary-dark);--form-list-item-pressed-background-color:var(--tc-layer-tertiary-dark);--form-list-item-border-color:var(--tc-border-tertiary-dark);--form-list-item-border-hover-color:var(--tc-border-secondary-dark);--form-list-item-border-pressed-color:var(--tc-border-secondary-dark);--form-list-item-border-active-color:var(--tc-border-primary-dark);--form-list-item-border-error-color:var(--tc-alert-accent-error-dark)}:host([theme=dark]) .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.feedback-form{box-shadow:var(--form-box-shadow);border-radius:var(--form-border-radius)}.feedback-form__accordion{--accordion-header-padding:0;--accordion-header-mobile-padding:0;--accordion-animation-duration:0.1s}.feedback-form__header{display:flex;flex-direction:column;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color);transition:padding 0.1s ease-in, height 0.1s ease-in}@media screen and (min-width: 31.25rem){.feedback-form__header{flex-direction:row;justify-content:space-between;gap:1.5rem}}@media screen and (min-width: 64rem){.feedback-form__header{padding:1.5rem}}.feedback-form__header--expanded{height:0;padding-top:0;padding-bottom:0;border:none}.feedback-form__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:center}@media screen and (min-width: 31.25rem){.feedback-form__title{text-align:left}}.feedback-form__button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 31.25rem){.feedback-form__button-container{justify-content:flex-start;flex-wrap:nowrap}}.feedback-form__button-container .button{--button-width:100%;min-width:6.25rem}.feedback-form__form{display:flex;flex-direction:column;overflow:hidden;background-color:var(--form-content-background-color);border:0.0625rem solid var(--form-border-color);border-radius:var(--form-border-radius);padding-top:1rem;gap:1.5rem}@media screen and (min-width: 31.25rem){.feedback-form__form{gap:1rem}}@media screen and (min-width: 64rem){.feedback-form__form{padding-top:1.5rem;gap:1.5rem}}.feedback-form__form--main{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.feedback-form__form--main .main__header{display:flex;justify-content:space-between;gap:1rem}.feedback-form__form--main .main__header--left .title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{color:var(--form-text-secondary-color);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--main .main__header--left .title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.feedback-form__form--main .main__header-close-btn{border:none;display:flex;align-self:flex-start;background-color:transparent;border-radius:0.125rem;cursor:pointer}.feedback-form__form--main .main__header-close-btn .icon{--icon-container-display:flex;--icon-size:1.5rem}.feedback-form__form--main .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.feedback-form__form--main .main__option-list{--item-background-color:var(--form-content-background-color);--item-border-color:var(--form-list-item-border-color);list-style:none;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 31.25rem){.feedback-form__form--main .main__option-list{margin-bottom:0.5rem}}.feedback-form__form--main .main__option-list .checkbox{--checkbox-alignment:flex-start;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:-0.125rem}.feedback-form__form--main .main__option-list .checkbox-wrapper{border-radius:0.625rem;box-shadow:var(--form-box-shadow)}.feedback-form__form--main .main__option-list .checkbox-wrapper--error{--item-border-color:var(--form-list-item-border-error-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container){padding:1rem;border-radius:0.625rem;border:0.0625rem solid var(--item-border-color);background-color:var(--item-background-color);cursor:pointer}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):hover{--item-background-color:var(--form-list-item-hover-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):active{--item-background-color:var(--form-list-item-pressed-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):hover{--item-border-color:var(--form-list-item-border-hover-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):active{--item-border-color:var(--form-list-item-border-pressed-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox[checked]::part(checkbox-container){--item-border-color:var(--form-list-item-border-active-color)}.feedback-form__form--main .main__text-input .textarea{--input-font-size:0.875rem;--textarea-resize:vertical}.feedback-form__form--main .main__text-input .counter{color:var(--form-text-secondary-color);padding:0 0.25rem;text-align:right;font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__submit-button{margin-left:auto}.feedback-form__form--footer{display:flex;align-items:flex-start;padding:1rem;gap:0.75rem;background-color:var(--form-footer-background-color);border-top:0.0625rem solid var(--form-border-color);color:var(--form-text-secondary-color);font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--footer{padding:1.5rem;gap:1rem}}.feedback-form__form--footer .footer-text{max-width:38.75rem}.feedback-form__form--footer .footer-icon-block{display:flex;flex-shrink:0;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--form-accent-color)}@media screen and (min-width: 31.25rem){.feedback-form__form--footer .footer-icon-block{width:3rem;height:3rem}}.feedback-form__form--footer .footer-icon-block .footer-icon{--icon-container-display:flex}.feedback-form__thank-you{display:flex;gap:0.75rem;padding:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color)}.feedback-form__thank-you .icon{--icon-size:1.5rem;--icon-color:var(--form-thank-you-icon-color);animation:fadeIn 0.25s ease-in-out}.feedback-form__thank-you .title{color:var(--form-text-color);animation:fadeIn 0.25s ease-in-out;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.feedback-form__thank-you .description{color:var(--form-text-secondary-color);animation:fadeIn 0.25s ease-in-out;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.feedback-form__thank-you{align-items:center;gap:1rem;padding:1.125rem 1rem}.feedback-form__thank-you .icon{--icon-size:2.25rem}.feedback-form__thank-you .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.feedback-form__thank-you{padding:1.125rem 1.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}';export{l as tet_feedback_form}
|
|
1
|
+
import{r as e,c as o,g as t,f as r,h as n,H as a}from"./p-83f43fdd.js";import{p as i,t as c}from"./p-5ba9e9d8.js";import"./p-3e60d61c.js";import"./p-9a2b6ee2.js";const l=class{constructor(t){e(this,t),this.feedbackSubmitted=o(this,"feedbackSubmitted",7),this.negativeFeedbackSelected=o(this,"negativeFeedbackSelected",7),this.theme="light",this.language="lv",this.data=void 0,this.expanded=!1,this.formError=!1,this.characterCount=0,this.submissionData={helpful:!0,options:{},comment:""},this.submitted=!1}get hostElement(){return t(this)}feedbackSubmitted;negativeFeedbackSelected;onLanguageChange(e){i("tet-components",e).then((()=>r(this)))}async componentWillLoad(){await i("tet-components",this.language),r(this)}accordionRef;accordionScrollTimeout;textareaRef;checkboxRefs=new Map;getDefaultValues(){return{label:c("components-feedback-form-label"),labelTag:"h2",okButtonLabel:c("components-button-label-yes"),okButtonIconName:"tc-check",nokButtonLabel:c("components-button-label-no"),nokButtonIconName:"tc-close",formTitle:c("components-feedback-form-title"),formDescription:c("components-feedback-form-description"),checkboxOptions:[],showTextarea:!0,textareaLabel:c("components-feedback-form-textarea-label"),textareaPlaceholder:c("components-feedback-form-textarea-placeholder"),textareaMaxLength:500,footerText:c("components-feedback-form-footer-text"),footerIconName:"tc-bubbles",submitButtonLabel:c("components-feedback-form-submit-button-label"),submitButtonIconName:"tc-arrow-right",thankYouIconName:"tc-check-circle",thankYouTitle:c("components-feedback-form-thank-you-title"),thankYouDescription:c("components-feedback-form-thank-you-description")}}get mergedData(){return{...this.getDefaultValues(),...this.data}}toggleAccordion(){this.accordionRef&&(this.accordionRef.toggle(),this.formError&&this.setFormError(!1))}handleNokClick(){this.negativeFeedbackSelected.emit(),this.toggleAccordion()}scrollHostIntoViewAfterOpen(){this.hostElement.scrollIntoView?.({behavior:"smooth",block:"nearest"})}get accordionAnimationDurationMs(){if(!this.accordionRef)return 100;const e=getComputedStyle(this.accordionRef).getPropertyValue("--accordion-animation-duration").trim();if(!e)return 100;if(e.endsWith("ms"))return Number.parseFloat(e);if(e.endsWith("s"))return 1e3*Number.parseFloat(e);const o=Number.parseFloat(e);return Number.isNaN(o)?100:o}handleAccordionOpenChanged(e){this.expanded=e.detail,clearTimeout(this.accordionScrollTimeout),e.detail&&(this.accordionScrollTimeout=setTimeout((()=>this.scrollHostIntoViewAfterOpen()),this.accordionAnimationDurationMs))}disconnectedCallback(){clearTimeout(this.accordionScrollTimeout)}onListItemClick(e,o){const t=!!e.detail.checked;if(this.formError&&this.setFormError(!1),t)this.submissionData={...this.submissionData,options:{...this.submissionData.options,[o]:!0}};else{const{[o]:e,...t}=this.submissionData.options;this.submissionData={...this.submissionData,options:t}}}async onTextInput(){if(!this.textareaRef)return;const e=await this.textareaRef.getValue();this.characterCount=e.length,this.submissionData={...this.submissionData,comment:e}}submitFeedback(e){if(this.submissionData.helpful=e,e)this.submissionData.options={},this.submissionData.comment="";else if(!Object.keys(this.submissionData.options).length)return void this.setFormError(!0);this.feedbackSubmitted.emit(this.submissionData),this.submitted=!0}setFormError(e){for(const o of this.checkboxRefs.values())o.setError(e);this.formError=e}getSubheadingTag(){const{labelTag:e}=this.mergedData;return{h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6"}[e]}renderAccordionHeader(){const{theme:e,mergedData:o,expanded:t}=this,{label:r,labelTag:a,okButtonLabel:i,nokButtonLabel:c,okButtonIconName:l,nokButtonIconName:s}=o;return n("div",{slot:"header",class:{"feedback-form__header":!0,"feedback-form__header--expanded":t},inert:t},n(a,{class:"feedback-form__title"},r),n("div",{class:"feedback-form__button-container"},n("tet-button",{class:"button",iconName:l,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.submitFeedback(!0),"data-testid":"feedback-ok-button"},i),n("tet-button",{class:"button",iconName:s,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.handleNokClick(),"data-testid":"feedback-nok-button"},c)))}renderFormContentHeader(){const{theme:e,mergedData:o}=this,{formTitle:t,formDescription:r}=o,a=this.getSubheadingTag();return n("div",{class:"main__header"},n("div",{class:"main__header--left"},n(a,{id:"form-content-title",class:"title"},t),n("p",{id:"form-content-description",class:"subtitle"},r)),n("button",{class:"main__header-close-btn",onClick:()=>this.toggleAccordion(),"aria-label":c("components-availability-close"),type:"button","data-testid":"feedback-close-button"},n("tet-icon",{theme:e,class:"icon",name:"tc-close"})))}renderFormCheckboxOptions(){const{theme:e,mergedData:o}=this,{checkboxOptions:t}=o;return t.length?n("ul",{class:"main__option-list"},t.map((({id:o,label:t})=>n("li",{key:o,class:{"checkbox-wrapper":!0,"checkbox-wrapper--error":this.formError}},n("tet-checkbox",{ref:e=>{e&&this.checkboxRefs.set(o,e)},class:"checkbox",theme:e,checked:!!this.submissionData?.options?.[o],focusStyleOnContainer:!0,onCheck:e=>this.onListItemClick(e,o)},t))))):null}renderFormTextArea(){const{theme:e,mergedData:o}=this,{showTextarea:t,textareaLabel:r,textareaPlaceholder:a,textareaMaxLength:i}=o;return t?n("div",{class:"main__text-input"},n("tet-textarea",{label:r,class:"textarea",theme:e,value:this.submissionData.comment,onInput:()=>this.onTextInput(),ref:e=>this.textareaRef=e,placeholder:a,maxLength:i}),n("div",{class:"counter"},this.characterCount,"/",i)):null}renderFormFooter(){const{theme:e,mergedData:o}=this,{footerText:t,footerIconName:r}=o,a=t.split(/\{\{\s*([+0-9][0-9 ]{0,20})\s*\}\}/g),i=e=>e.trim(),c=a.map(((o,t)=>t%2==0?o:n("a",{href:`tel:${i(o)}`,class:{"tet-link":!0,[e]:!0,"tet-link--secondary":!0}},i(o))));return n("footer",{class:"feedback-form__form--footer"},n("div",{class:"footer-icon-block"},n("tet-icon",{theme:e,class:"footer-icon",name:r})),n("div",{class:"footer-text"},c))}renderSubmitButton(){const{theme:e,mergedData:o}=this,{submitButtonLabel:t,submitButtonIconName:r}=o;return n("tet-button",{class:"main__submit-button",iconName:r,theme:e,type:"primary",size:"medium",onClick:()=>this.submitFeedback(!1),"data-testid":"feedback-submit-button"},t)}renderAccordionContent(){return n("form",{class:"feedback-form__form","aria-labelledby":"form-content-title","aria-describedby":"form-content-description"},n("div",{class:"feedback-form__form--main"},this.renderFormContentHeader(),this.renderFormCheckboxOptions(),this.renderFormTextArea(),this.renderSubmitButton()),this.renderFormFooter())}renderAccordionComponent(){return n("tet-accordion",{class:"feedback-form__accordion",theme:this.theme,isHeaderInteractive:!1,transparentBackground:!0,ref:e=>this.accordionRef=e,onOpenChanged:e=>this.handleAccordionOpenChanged(e)},this.renderAccordionHeader(),this.renderAccordionContent())}renderThankYouComponent(){const{labelTag:e,thankYouIconName:o,thankYouTitle:t,thankYouDescription:r}=this.mergedData,a=e;return n("div",{class:"feedback-form__thank-you","aria-live":"polite"},n("tet-icon",{class:"icon",name:o}),n("div",{class:"text-block"},n(a,{class:"title"},t),n("p",{class:"description"},r)))}render(){return n(a,{key:"5edde0b5e354790ad31913065bff596d06b8781c"},n("section",{key:"0675dc0a280e507d722abf48c998f444c4c850c0",class:"feedback-form"},this.submitted?this.renderThankYouComponent():this.renderAccordionComponent()))}static get watchers(){return{language:["onLanguageChange"]}}};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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--form-border-radius:1rem;--form-scroll-margin-top:1rem;--form-text-color:var(--tc-text-primary);--form-text-secondary-color:var(--tc-text-secondary);--form-box-shadow:var(--tc-elevation-one);--form-border-color:var(--tc-border-quaternary);--form-accent-color:var(--tc-layer-yellow-secondary);--form-content-background-color:var(--tc-layer-primary);--form-footer-background-color:var(--tc-layer-secondary);--form-thank-you-icon-color:var(--tc-icon-primary);--form-list-item-hover-background-color:var(--tc-layer-secondary);--form-list-item-pressed-background-color:var(--tc-layer-tertiary);--form-list-item-border-color:var(--tc-border-tertiary);--form-list-item-border-hover-color:var(--tc-border-secondary);--form-list-item-border-pressed-color:var(--tc-border-secondary);--form-list-item-border-active-color:var(--tc-border-primary);--form-list-item-border-error-color:var(--tc-alert-accent-error);scroll-margin-top:var(--form-scroll-margin-top)}:host([theme=dark]){--form-text-color:var(--tc-text-primary-dark);--form-text-secondary-color:var(--tc-text-secondary-dark);--form-box-shadow:var(--tc-elevation-one-dark);--form-border-color:var(--tc-border-quaternary-dark);--form-accent-color:var(--tc-layer-yellow-secondary-dark);--form-content-background-color:var(--tc-layer-primary-dark);--form-footer-background-color:var(--tc-layer-secondary-dark);--form-thank-you-icon-color:var(--tc-icon-primary-dark);--form-list-item-hover-background-color:var(--tc-layer-secondary-dark);--form-list-item-pressed-background-color:var(--tc-layer-tertiary-dark);--form-list-item-border-color:var(--tc-border-tertiary-dark);--form-list-item-border-hover-color:var(--tc-border-secondary-dark);--form-list-item-border-pressed-color:var(--tc-border-secondary-dark);--form-list-item-border-active-color:var(--tc-border-primary-dark);--form-list-item-border-error-color:var(--tc-alert-accent-error-dark)}:host([theme=dark]) .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.feedback-form{box-shadow:var(--form-box-shadow);border-radius:var(--form-border-radius)}.feedback-form__accordion{--accordion-header-padding:0;--accordion-header-mobile-padding:0;--accordion-animation-duration:0.1s}.feedback-form__header{display:flex;flex-direction:column;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color);transition:padding 0.1s ease-in, height 0.1s ease-in}@media screen and (min-width: 31.25rem){.feedback-form__header{flex-direction:row;justify-content:space-between;gap:1.5rem}}@media screen and (min-width: 64rem){.feedback-form__header{padding:1.5rem}}.feedback-form__header--expanded{height:0;padding-top:0;padding-bottom:0;border:none}.feedback-form__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:center}@media screen and (min-width: 31.25rem){.feedback-form__title{text-align:left}}.feedback-form__button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 31.25rem){.feedback-form__button-container{justify-content:flex-start;flex-wrap:nowrap}}.feedback-form__button-container .button{--button-width:100%;min-width:6.25rem}.feedback-form__form{display:flex;flex-direction:column;overflow:hidden;background-color:var(--form-content-background-color);border:0.0625rem solid var(--form-border-color);border-radius:var(--form-border-radius);padding-top:1rem;gap:1.5rem}@media screen and (min-width: 31.25rem){.feedback-form__form{gap:1rem}}@media screen and (min-width: 64rem){.feedback-form__form{padding-top:1.5rem;gap:1.5rem}}.feedback-form__form--main{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.feedback-form__form--main .main__header{display:flex;justify-content:space-between;gap:1rem}.feedback-form__form--main .main__header--left .title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{color:var(--form-text-secondary-color);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--main .main__header--left .title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.feedback-form__form--main .main__header-close-btn{border:none;display:flex;align-self:flex-start;background-color:transparent;border-radius:0.125rem;cursor:pointer}.feedback-form__form--main .main__header-close-btn .icon{--icon-container-display:flex;--icon-size:1.5rem}.feedback-form__form--main .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.feedback-form__form--main .main__option-list{--item-background-color:var(--form-content-background-color);--item-border-color:var(--form-list-item-border-color);list-style:none;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 31.25rem){.feedback-form__form--main .main__option-list{margin-bottom:0.5rem}}.feedback-form__form--main .main__option-list .checkbox{--checkbox-alignment:flex-start;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:-0.125rem}.feedback-form__form--main .main__option-list .checkbox-wrapper{border-radius:0.625rem;box-shadow:var(--form-box-shadow)}.feedback-form__form--main .main__option-list .checkbox-wrapper--error{--item-border-color:var(--form-list-item-border-error-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container){padding:1rem;border-radius:0.625rem;border:0.0625rem solid var(--item-border-color);background-color:var(--item-background-color);cursor:pointer}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):hover{--item-background-color:var(--form-list-item-hover-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):active{--item-background-color:var(--form-list-item-pressed-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):hover{--item-border-color:var(--form-list-item-border-hover-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):active{--item-border-color:var(--form-list-item-border-pressed-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox[checked]::part(checkbox-container){--item-border-color:var(--form-list-item-border-active-color)}.feedback-form__form--main .main__text-input .textarea{--input-font-size:0.875rem;--textarea-resize:vertical}.feedback-form__form--main .main__text-input .counter{color:var(--form-text-secondary-color);padding:0 0.25rem;text-align:right;font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__submit-button{margin-left:auto}.feedback-form__form--footer{display:flex;align-items:flex-start;padding:1rem;gap:0.75rem;background-color:var(--form-footer-background-color);border-top:0.0625rem solid var(--form-border-color);color:var(--form-text-secondary-color);font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--footer{padding:1.5rem;gap:1rem}}.feedback-form__form--footer .footer-text{max-width:38.75rem}.feedback-form__form--footer .footer-icon-block{display:flex;flex-shrink:0;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--form-accent-color)}@media screen and (min-width: 31.25rem){.feedback-form__form--footer .footer-icon-block{width:3rem;height:3rem}}.feedback-form__form--footer .footer-icon-block .footer-icon{--icon-container-display:flex}.feedback-form__thank-you{display:flex;gap:0.75rem;padding:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color)}.feedback-form__thank-you .icon{--icon-size:1.5rem;--icon-color:var(--form-thank-you-icon-color);animation:fadeIn 0.25s ease-in-out}.feedback-form__thank-you .title{color:var(--form-text-color);animation:fadeIn 0.25s ease-in-out;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.feedback-form__thank-you .description{color:var(--form-text-secondary-color);animation:fadeIn 0.25s ease-in-out;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.feedback-form__thank-you{align-items:center;gap:1rem;padding:1.125rem 1rem}.feedback-form__thank-you .icon{--icon-size:2.25rem}.feedback-form__thank-you .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.feedback-form__thank-you{padding:1.125rem 1.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}';export{l as tet_feedback_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as e,g as t,h as i,H as a}from"./p-5abb3bea.js";import{t as r}from"./p-aca88f25.js";import"./p-fa674b43.js";import"./p-9a2b6ee2.js";const n=class{constructor(t){o(this,t),this.closeDialog=e(this,"closeDialog",7),this.openDialog=e(this,"openDialog",7),this.headerTitle="",this.isOpen=!1,this.theme="classic",this.closeOnOverlayClick=!0,this.closeOnEscape=!0,this.preventDefaultClose=!1,this.footerDisplay="left",this.hideCloseButton=!1,this.showHeaderDivider=!1,this.hideHeader=!1,this.titleId=`dialog-title-${Math.floor(1e3*Math.random())}`}get el(){return t(this)}dialogContainer;closeDialog;openDialog;onDialogOpenAction(o){o&&this.dialogContainer?.showModal(),o&&this.openDialog.emit({eventType:"open"})}handleKeyDown(o){"Escape"===o.key&&(o.preventDefault(),this.closeOnEscape&&this.onClose(o))}componentDidLoad(){if(this.isOpen){const o={eventType:"load"};this.dialogContainer?.showModal(),this.openDialog.emit(o)}}handleClickOverlay=o=>{o.target===o.currentTarget&&this.closeOnOverlayClick&&this.onClose(o)};onClose=o=>{o.stopPropagation(),this.preventDefaultClose||(this.close(),this.resetBodyScroll(),this.dialogContainer?.close(),this.closeDialog.emit(o))};resetBodyScroll=()=>{const o=this.el.shadowRoot?.querySelector(".dialog__body");o&&(o.scrollTop=0)};async open(){this.isOpen=!0}async close(){this.isOpen=!1,this.dialogContainer?.close()}renderHeader(){const{hideHeader:o,headerTitle:e,hideCloseButton:t,onClose:a,showHeaderDivider:n}=this;return o?null:i("div",{part:"header",class:{dialog__header:!0,"dialog__header--divider":n}},i("slot",{name:"header"},i("h2",{class:"dialog__title",id:this.titleId},e)),i("button",{class:{"dialog__close-button":!0,"dialog__close-button__hidden":t},onClick:a,"aria-label":r("components-availability-close")},i("tet-icon",{class:"dialog__close-icon",name:"tc-close","aria-hidden":"true",theme:["classic","light"].includes(this.theme)?"light":"dark"})))}render(){const{isOpen:o,theme:e,footerDisplay:t,handleClickOverlay:r}=this;return i(a,{key:"474a848f0151f28e5c8984162c71efafeb3b0321"},i("dialog",{key:"70e6227aa82b987fde357bf5d4bd2dfda1738336",ref:o=>this.dialogContainer=o},i("div",{key:"a7aa5f46c39a07b2a36dbff6256155a1fbc34873",part:"overlay",class:{dialog__overlay:!0,"dialog__overlay--visible":o,[`dialog--theme-${e}`]:!0},onClick:r},i("div",{key:"1c21f81dbe7ab55772fdd5926fca344b3638e4f5",part:"dialog",class:{dialog:!0,[`dialog--theme-${e}`]:!0},"aria-labelledby":this.hideHeader?null:this.titleId},this.renderHeader(),i("div",{key:"442eef583164063120cc91765b0ff5e50d542251",part:"body",class:"dialog__body"},i("slot",{key:"25f649c66a295c5e2c7d9ad15ab235bbce159448"})),i("div",{key:"dc6426377e07e2659934f39620eee4056146d8b4",part:"footer",class:{dialog__footer:!0,[`dialog__footer--${t}`]:!0}},i("slot",{key:"1ccf90152d0a3239ead8018517cc764fd5028457",name:"footer"}))))))}static get watchers(){return{isOpen:["onDialogOpenAction"]}}};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{--dialog-width:37.5rem;--dialog-max-height:100%;--dialog-overlay-padding:1rem;--dialog-align-items:flex-start;--dialog-text-color:var(--tc-text-primary);--dialog-background-color:var(--tc-modal-primary);--dialog-overlay-color:rgba(18, 19, 21, 0.40);--dialog-footer-border-color:var(--tc-border-quaternary);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--dialog-footer-slot-align-items:center;--dialog-footer-slot-flex-direction:row;display:block;font-family:var(--text-font)}dialog{border:unset}dialog::backdrop{background:unset}dialog .dialog{overflow:hidden;position:relative;display:flex;align-items:var(--dialog-align-items);flex-direction:column;width:var(--dialog-width);max-width:80rem;max-height:var(--dialog-max-height);border-radius:1rem;color:var(--dialog-text-color);background:var(--dialog-background-color);box-shadow:var(--tc-elevation-four)}dialog .dialog:focus-visible{outline:none}dialog .dialog--theme-dark{--dialog-text-color:var(--tc-text-primary-dark);--dialog-background-color:var(--tc-modal-primary-dark);--dialog-overlay-color:rgba(38, 41, 44, 0.40);--dialog-footer-border-color:var(--tc-border-quaternary-dark);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark)}dialog .dialog--theme-dark .dialog__close-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}dialog .dialog--theme-dark-secondary{--dialog-text-color:rgb(255, 255, 255);--dialog-background-color:rgb(35, 40, 46);--dialog-overlay-color:rgba(38, 41, 44, 0.40);--dialog-footer-border-color:rgb(67, 75, 86);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark)}dialog .dialog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:var(--dialog-overlay-padding);background:var(--dialog-overlay-color);opacity:0;visibility:hidden}dialog .dialog__overlay--visible{opacity:1;visibility:visible}dialog .dialog__overlay--with-transition{transition:visibility 0s linear 0.2s, opacity 0.2s ease-out}dialog .dialog__overlay--with-transition dialog .dialog__overlay--visible{transition:visibility 0s, opacity 0.2s ease-in}dialog .dialog__header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0.5rem;width:100%;padding:var(--dialog-header-padding, 0.5rem 1rem)}@media screen and (min-width: 48rem){dialog .dialog__header{padding:var(--dialog-header-padding, 1rem 1.5rem 0.5rem)}}@media screen and (min-width: 80rem){dialog .dialog__header{padding:var(--dialog-header-padding, 1rem 1.5rem 0.5rem 2.5rem)}}dialog .dialog__header--divider{border-bottom:0.0625rem solid rgb(192, 197, 206)}dialog .dialog__title{padding:0.375rem 0;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 48rem){dialog .dialog__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){dialog .dialog__title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}dialog .dialog__close-button{border:none;cursor:pointer;box-sizing:border-box;background-color:transparent;display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:flex-start;padding:0.375rem;border-radius:2rem}@media screen and (min-width: 48rem){dialog .dialog__close-button{width:2.5rem;height:2.5rem}}@media screen and (min-width: 80rem){dialog .dialog__close-button{width:2.75rem;height:2.75rem}}dialog .dialog__close-button:hover{background-color:var(--dialog-close-icon-background-hover-color)}dialog .dialog__close-button:active{background-color:var(--dialog-close-icon-background-pressed-color)}dialog .dialog__close-button__hidden{display:none}dialog .dialog__close-button:focus-visible{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}dialog .dialog__close-icon{--icon-size:1.5rem}dialog .dialog__body{overflow-y:auto;overflow-x:hidden;width:100%;flex:1;padding:var(--dialog-body-padding, 1.5rem 1rem)}@media screen and (min-width: 48rem){dialog .dialog__body{padding:var(--dialog-body-padding, 2rem 1.5rem)}}@media screen and (min-width: 80rem){dialog .dialog__body{padding:var(--dialog-body-padding, 2.5rem)}}dialog .dialog__body *{font-family:var(--font-family-content)}dialog .dialog__body h1,dialog .dialog__body h2,dialog .dialog__body h3,dialog .dialog__body h4,dialog .dialog__body h5,dialog .dialog__body h6{font-family:var(--font-family-headline)}dialog .dialog__footer{width:100%;border-top:0.0625rem solid var(--dialog-footer-border-color);padding:0.75rem 1rem}@media screen and (min-width: 48rem){dialog .dialog__footer{padding:1rem 1.5rem}}@media screen and (min-width: 80rem){dialog .dialog__footer{padding:1rem 2.5rem}}dialog .dialog__footer slot{gap:0.5rem;display:flex;align-items:var(--dialog-footer-slot-align-items);flex-direction:var(--dialog-footer-slot-flex-direction)}dialog .dialog__footer--hidden{display:none}dialog .dialog__footer--left slot{justify-content:flex-start}dialog .dialog__footer--right slot{justify-content:flex-end}dialog .dialog__footer--center slot{justify-content:center}dialog .dialog__footer--between slot{justify-content:space-between}@media screen and (min-width: 48rem){dialog .dialog{box-shadow:var(--tc-elevation-six)}}';export{n as tet_dialog}
|
|
1
|
+
import{r as o,c as e,g as t,h as i,H as a}from"./p-83f43fdd.js";import{t as r}from"./p-5ba9e9d8.js";import"./p-3e60d61c.js";import"./p-9a2b6ee2.js";const n=class{constructor(t){o(this,t),this.closeDialog=e(this,"closeDialog",7),this.openDialog=e(this,"openDialog",7),this.headerTitle="",this.isOpen=!1,this.theme="classic",this.closeOnOverlayClick=!0,this.closeOnEscape=!0,this.preventDefaultClose=!1,this.footerDisplay="left",this.hideCloseButton=!1,this.showHeaderDivider=!1,this.hideHeader=!1,this.titleId=`dialog-title-${Math.floor(1e3*Math.random())}`}get el(){return t(this)}dialogContainer;closeDialog;openDialog;onDialogOpenAction(o){o&&this.dialogContainer?.showModal(),o&&this.openDialog.emit({eventType:"open"})}handleKeyDown(o){"Escape"===o.key&&(o.preventDefault(),this.closeOnEscape&&this.onClose(o))}componentDidLoad(){if(this.isOpen){const o={eventType:"load"};this.dialogContainer?.showModal(),this.openDialog.emit(o)}}handleClickOverlay=o=>{o.target===o.currentTarget&&this.closeOnOverlayClick&&this.onClose(o)};onClose=o=>{o.stopPropagation(),this.preventDefaultClose||(this.close(),this.resetBodyScroll(),this.dialogContainer?.close(),this.closeDialog.emit(o))};resetBodyScroll=()=>{const o=this.el.shadowRoot?.querySelector(".dialog__body");o&&(o.scrollTop=0)};async open(){this.isOpen=!0}async close(){this.isOpen=!1,this.dialogContainer?.close()}renderHeader(){const{hideHeader:o,headerTitle:e,hideCloseButton:t,onClose:a,showHeaderDivider:n}=this;return o?null:i("div",{part:"header",class:{dialog__header:!0,"dialog__header--divider":n}},i("slot",{name:"header"},i("h2",{class:"dialog__title",id:this.titleId},e)),i("button",{class:{"dialog__close-button":!0,"dialog__close-button__hidden":t},onClick:a,"aria-label":r("components-availability-close")},i("tet-icon",{class:"dialog__close-icon",name:"tc-close","aria-hidden":"true",theme:["classic","light"].includes(this.theme)?"light":"dark"})))}render(){const{isOpen:o,theme:e,footerDisplay:t,handleClickOverlay:r}=this;return i(a,{key:"474a848f0151f28e5c8984162c71efafeb3b0321"},i("dialog",{key:"70e6227aa82b987fde357bf5d4bd2dfda1738336",ref:o=>this.dialogContainer=o},i("div",{key:"a7aa5f46c39a07b2a36dbff6256155a1fbc34873",part:"overlay",class:{dialog__overlay:!0,"dialog__overlay--visible":o,[`dialog--theme-${e}`]:!0},onClick:r},i("div",{key:"1c21f81dbe7ab55772fdd5926fca344b3638e4f5",part:"dialog",class:{dialog:!0,[`dialog--theme-${e}`]:!0},"aria-labelledby":this.hideHeader?null:this.titleId},this.renderHeader(),i("div",{key:"442eef583164063120cc91765b0ff5e50d542251",part:"body",class:"dialog__body"},i("slot",{key:"25f649c66a295c5e2c7d9ad15ab235bbce159448"})),i("div",{key:"dc6426377e07e2659934f39620eee4056146d8b4",part:"footer",class:{dialog__footer:!0,[`dialog__footer--${t}`]:!0}},i("slot",{key:"1ccf90152d0a3239ead8018517cc764fd5028457",name:"footer"}))))))}static get watchers(){return{isOpen:["onDialogOpenAction"]}}};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{--dialog-width:37.5rem;--dialog-max-height:100%;--dialog-overlay-padding:1rem;--dialog-align-items:flex-start;--dialog-text-color:var(--tc-text-primary);--dialog-background-color:var(--tc-modal-primary);--dialog-overlay-color:rgba(18, 19, 21, 0.40);--dialog-footer-border-color:var(--tc-border-quaternary);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--dialog-footer-slot-align-items:center;--dialog-footer-slot-flex-direction:row;display:block;font-family:var(--text-font)}dialog{border:unset}dialog::backdrop{background:unset}dialog .dialog{overflow:hidden;position:relative;display:flex;align-items:var(--dialog-align-items);flex-direction:column;width:var(--dialog-width);max-width:80rem;max-height:var(--dialog-max-height);border-radius:1rem;color:var(--dialog-text-color);background:var(--dialog-background-color);box-shadow:var(--tc-elevation-four)}dialog .dialog:focus-visible{outline:none}dialog .dialog--theme-dark{--dialog-text-color:var(--tc-text-primary-dark);--dialog-background-color:var(--tc-modal-primary-dark);--dialog-overlay-color:rgba(38, 41, 44, 0.40);--dialog-footer-border-color:var(--tc-border-quaternary-dark);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark)}dialog .dialog--theme-dark .dialog__close-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}dialog .dialog--theme-dark-secondary{--dialog-text-color:rgb(255, 255, 255);--dialog-background-color:rgb(35, 40, 46);--dialog-overlay-color:rgba(38, 41, 44, 0.40);--dialog-footer-border-color:rgb(67, 75, 86);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark)}dialog .dialog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:var(--dialog-overlay-padding);background:var(--dialog-overlay-color);opacity:0;visibility:hidden}dialog .dialog__overlay--visible{opacity:1;visibility:visible}dialog .dialog__overlay--with-transition{transition:visibility 0s linear 0.2s, opacity 0.2s ease-out}dialog .dialog__overlay--with-transition dialog .dialog__overlay--visible{transition:visibility 0s, opacity 0.2s ease-in}dialog .dialog__header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0.5rem;width:100%;padding:var(--dialog-header-padding, 0.5rem 1rem)}@media screen and (min-width: 48rem){dialog .dialog__header{padding:var(--dialog-header-padding, 1rem 1.5rem 0.5rem)}}@media screen and (min-width: 80rem){dialog .dialog__header{padding:var(--dialog-header-padding, 1rem 1.5rem 0.5rem 2.5rem)}}dialog .dialog__header--divider{border-bottom:0.0625rem solid rgb(192, 197, 206)}dialog .dialog__title{padding:0.375rem 0;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 48rem){dialog .dialog__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){dialog .dialog__title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}dialog .dialog__close-button{border:none;cursor:pointer;box-sizing:border-box;background-color:transparent;display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:flex-start;padding:0.375rem;border-radius:2rem}@media screen and (min-width: 48rem){dialog .dialog__close-button{width:2.5rem;height:2.5rem}}@media screen and (min-width: 80rem){dialog .dialog__close-button{width:2.75rem;height:2.75rem}}dialog .dialog__close-button:hover{background-color:var(--dialog-close-icon-background-hover-color)}dialog .dialog__close-button:active{background-color:var(--dialog-close-icon-background-pressed-color)}dialog .dialog__close-button__hidden{display:none}dialog .dialog__close-button:focus-visible{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}dialog .dialog__close-icon{--icon-size:1.5rem}dialog .dialog__body{overflow-y:auto;overflow-x:hidden;width:100%;flex:1;padding:var(--dialog-body-padding, 1.5rem 1rem)}@media screen and (min-width: 48rem){dialog .dialog__body{padding:var(--dialog-body-padding, 2rem 1.5rem)}}@media screen and (min-width: 80rem){dialog .dialog__body{padding:var(--dialog-body-padding, 2.5rem)}}dialog .dialog__body *{font-family:var(--font-family-content)}dialog .dialog__body h1,dialog .dialog__body h2,dialog .dialog__body h3,dialog .dialog__body h4,dialog .dialog__body h5,dialog .dialog__body h6{font-family:var(--font-family-headline)}dialog .dialog__footer{width:100%;border-top:0.0625rem solid var(--dialog-footer-border-color);padding:0.75rem 1rem}@media screen and (min-width: 48rem){dialog .dialog__footer{padding:1rem 1.5rem}}@media screen and (min-width: 80rem){dialog .dialog__footer{padding:1rem 2.5rem}}dialog .dialog__footer slot{gap:0.5rem;display:flex;align-items:var(--dialog-footer-slot-align-items);flex-direction:var(--dialog-footer-slot-flex-direction)}dialog .dialog__footer--hidden{display:none}dialog .dialog__footer--left slot{justify-content:flex-start}dialog .dialog__footer--right slot{justify-content:flex-end}dialog .dialog__footer--center slot{justify-content:center}dialog .dialog__footer--between slot{justify-content:space-between}@media screen and (min-width: 48rem){dialog .dialog{box-shadow:var(--tc-elevation-six)}}';export{n as tet_dialog}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as e}from"./p-5abb3bea.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"tc-check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:u}=this;return e("div",{key:"feae1ad639de2fc7b386f2f65f617bbd3b973d74",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"cb1e2335de5c4c85c3559c922ade309504d17d5b",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"854e806e94eb3f32f3adbef5dd19be913934ccd8",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"f7ccea6b013ba0de4c0f7e0431b1e32abce2b363",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"1def932239435fc15abc95c1653045444ca57058",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!u&&e("div",{key:"ce4af507961ae66ea05c83b4c0042e812bbbecf7",class:"number-input__input-suffix"},u.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"c47daa4c299dccdd093e220d24d6339d837cf3c0",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"3ac6eaeb4c171aaf369d470cc274547dc2426a13",name:"tc-chevron-down"}),a&&e("tet-icon",{key:"b3b07f5296caf47666fe3d7cba5a7f1850c4ca49",name:"tc-chevron-up"})),a&&e("div",{key:"dab19a35546f14fa51fda6351a299ea0b34ce5fa",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"f4dc1e8cdc62a43e49fb39069661237e8e4d5d68",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.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{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
|
|
1
|
+
import{r as t,c as r,h as e}from"./p-83f43fdd.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"tc-check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"feae1ad639de2fc7b386f2f65f617bbd3b973d74",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"cb1e2335de5c4c85c3559c922ade309504d17d5b",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"854e806e94eb3f32f3adbef5dd19be913934ccd8",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"f7ccea6b013ba0de4c0f7e0431b1e32abce2b363",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"1def932239435fc15abc95c1653045444ca57058",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"ce4af507961ae66ea05c83b4c0042e812bbbecf7",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"c47daa4c299dccdd093e220d24d6339d837cf3c0",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"3ac6eaeb4c171aaf369d470cc274547dc2426a13",name:"tc-chevron-down"}),a&&e("tet-icon",{key:"b3b07f5296caf47666fe3d7cba5a7f1850c4ca49",name:"tc-chevron-up"})),a&&e("div",{key:"dab19a35546f14fa51fda6351a299ea0b34ce5fa",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"f4dc1e8cdc62a43e49fb39069661237e8e4d5d68",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.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{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
|