@tet/tet-components 1.4.44-testing → 1.4.45-staging
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-656e77f6.js → address-f852270f.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-b9d36649.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-4517f566.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-062f76cf.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-19a7608f.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-faec4c52.js} +5 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{phone-055efd07.js → phone-d6be0dd2.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-aa80a77c.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +4 -4
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +4 -4
- 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 +2 -2
- 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 +5 -5
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +2 -2
- 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 +5 -5
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +2 -2
- 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 +140 -0
- 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 +6 -6
- package/dist/cjs/tet-datepicker.cjs.entry.js +5 -5
- 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 +2 -2
- 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 +2 -2
- package/dist/cjs/tet-fonts.cjs.entry.js +2 -2
- package/dist/cjs/tet-grid.cjs.entry.js +2 -2
- 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 +5 -5
- package/dist/cjs/tet-layout.cjs.entry.js +2 -2
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +2 -2
- 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-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +4 -4
- package/dist/cjs/tet-news-card-list.cjs.entry.js +2 -2
- package/dist/cjs/tet-notification.cjs.entry.js +2 -2
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +8 -8
- 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 +2 -2
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +4 -4
- 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 +75 -13
- 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 +3 -3
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-46514846.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-89a0ec3d.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.css +8 -5
- package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js +91 -11
- package/dist/collection/components/basic/misc/tet-countdown/tet-countdown.css +196 -0
- package/dist/collection/components/basic/misc/tet-countdown/tet-countdown.js +238 -0
- package/dist/collection/components/basic/misc/tet-label/tet-label.js +2 -2
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js +2 -2
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.js +4 -4
- package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js +7 -7
- package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js +1 -1
- package/dist/collection/components/simple/inputs/tet-textarea/tet-textarea.js +2 -2
- package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js +1 -1
- package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js +3 -3
- package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js +6 -6
- package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-tooltip/tet-tooltip.js +1 -1
- package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js +1 -1
- package/dist/collection/components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js +1 -1
- package/dist/collection/components/views/tet-business-lines/tet-business-lines.js +1 -1
- package/dist/collection/docs/styling/border-radius/tet-border-radius.js +1 -1
- package/dist/collection/docs/styling/colors/tet-colors.js +4 -4
- package/dist/collection/docs/styling/font-weight/tet-font-weight.js +1 -1
- package/dist/collection/docs/styling/fonts/tet-fonts.js +1 -1
- package/dist/collection/docs/styling/layout/tet-layout.js +1 -1
- package/dist/collection/docs/styling/link/tet-link.js +1 -1
- package/dist/collection/docs/styling/spacing/tet-spacing.js +1 -1
- package/dist/collection/docs/styling/tet-grid/tet-grid.js +1 -1
- package/dist/components/index.js +3 -1
- package/dist/components/{p-5c3ff591.js → p-0018924d.js} +1 -1
- package/dist/components/{p-75a56bcc.js → p-00907971.js} +7 -7
- package/dist/components/{p-431026ba.js → p-049ce225.js} +3 -3
- package/dist/components/{p-c98c65c4.js → p-09926f47.js} +6 -6
- package/dist/components/{p-c44d3012.js → p-0d9b1a05.js} +6 -6
- package/dist/components/{p-ef2ec31f.js → p-139ceb38.js} +9 -9
- package/dist/components/{p-517c4a94.js → p-1443f8a7.js} +1 -1
- package/dist/components/{p-06329f36.js → p-19155481.js} +1 -1
- package/dist/components/{p-b6daae0b.js → p-1c667505.js} +3 -3
- package/dist/components/{p-8ca89afe.js → p-1ed2ae34.js} +2 -2
- package/dist/components/{p-ae777b5c.js → p-239d2f06.js} +2 -2
- package/dist/components/{p-f76fad86.js → p-26ffcb52.js} +1 -1
- package/dist/components/{p-ea511c1d.js → p-286c4942.js} +10 -10
- package/dist/components/{p-b62256ec.js → p-29bdb17f.js} +2 -2
- package/dist/components/{p-7786b9e2.js → p-31b19c0e.js} +6 -6
- package/dist/components/{p-4468c9e9.js → p-3493f65f.js} +1 -1
- package/dist/components/{p-69d10a5a.js → p-3fc02f68.js} +2 -2
- package/dist/components/{p-73771a7d.js → p-4240021b.js} +7 -7
- package/dist/components/{p-c6f5ac4c.js → p-4aee53c7.js} +4 -4
- package/dist/components/{p-229934ef.js → p-4c054990.js} +1 -1
- package/dist/components/{p-3c102839.js → p-4e45d3ed.js} +3 -3
- package/dist/components/{p-e69117e4.js → p-52c592a6.js} +3 -3
- package/dist/components/{p-5f8e9ab6.js → p-530713bf.js} +1 -1
- package/dist/components/{p-3748ab10.js → p-54cae70b.js} +1 -1
- package/dist/components/{p-d56887ae.js → p-561f0e7f.js} +7 -7
- package/dist/components/{p-7d181132.js → p-5f78a7f4.js} +3 -3
- package/dist/components/{p-4fd825cc.js → p-5f91a19d.js} +2 -2
- package/dist/components/{p-b9e49599.js → p-655c1d6f.js} +2 -2
- package/dist/components/{p-adb1d830.js → p-6f0f882f.js} +2 -2
- package/dist/components/{p-e1c74b3e.js → p-6fdd6743.js} +1 -1
- package/dist/components/{p-88703044.js → p-710c9c20.js} +6 -6
- package/dist/components/{p-8c8b119b.js → p-7472327b.js} +2 -2
- package/dist/components/{p-9b881720.js → p-782173aa.js} +1 -1
- package/dist/components/{p-afa542bc.js → p-784d32b2.js} +2 -2
- package/dist/components/{p-08ccd2a5.js → p-7926896b.js} +3 -3
- package/dist/components/{p-71baab1d.js → p-836184a9.js} +2 -2
- package/dist/components/{p-23a63b03.js → p-9aa81cd5.js} +8 -8
- package/dist/components/{p-e9eb4859.js → p-9c9bf90b.js} +76 -13
- package/dist/components/{p-dd3541f5.js → p-a9c8d424.js} +1 -1
- package/dist/components/{p-25b93e8f.js → p-aa122c92.js} +1 -1
- package/dist/components/{p-aa1d5a50.js → p-ab28399c.js} +14 -14
- package/dist/components/{p-17885a7c.js → p-acba3a0f.js} +1 -1
- package/dist/components/{p-80bcd7d4.js → p-ae7d4146.js} +5 -5
- package/dist/components/{p-ee54db57.js → p-b656e6b1.js} +1 -1
- package/dist/components/{p-44201f97.js → p-b6841a9b.js} +1 -1
- package/dist/components/{p-a6835a06.js → p-b7c0e258.js} +3 -3
- package/dist/components/{p-2be5b105.js → p-c77f005d.js} +7 -7
- package/dist/components/{p-c8becb8a.js → p-c885d9e5.js} +2 -2
- package/dist/components/{p-33a41ae0.js → p-ce8fec46.js} +11 -11
- package/dist/components/{p-d475d2a6.js → p-d4f0c273.js} +1 -1
- package/dist/components/{p-c162d676.js → p-d7760a5c.js} +3 -3
- package/dist/components/{p-9c08a012.js → p-d777ecbf.js} +3 -3
- package/dist/components/{p-810de969.js → p-d8651300.js} +2 -2
- package/dist/components/{p-fdea19b5.js → p-e992cdf9.js} +2 -2
- package/dist/components/{p-83a8368b.js → p-f2d519e2.js} +1 -1
- package/dist/components/{p-6ed7deb7.js → p-f66fca59.js} +3 -3
- package/dist/components/{p-2d262187.js → p-f7c84953.js} +4 -4
- package/dist/components/{p-48915577.js → p-f9a30913.js} +2 -2
- package/dist/components/{p-09200933.js → p-ffaa0c5f.js} +10 -10
- 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 +25 -25
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +9 -9
- 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 +2 -2
- 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 +6 -6
- 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 +5 -5
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.d.ts +11 -0
- package/dist/components/tet-countdown.js +162 -0
- 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 +10 -10
- 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 +2 -2
- 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 +2 -2
- package/dist/components/tet-fonts.js +2 -2
- package/dist/components/tet-grid.js +2 -2
- 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 +5 -5
- package/dist/components/tet-layout.js +2 -2
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +2 -2
- 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-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +5 -5
- package/dist/components/tet-news-card-list.js +5 -5
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- package/dist/components/tet-spacing.js +2 -2
- 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-1e0810e7.js → address-20e2d850.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-894007df.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-ae1056de.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-cf0086d4.js} +1 -1
- package/dist/esm/{index-412df137.js → index-e3209c56.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-e933a7d2.js} +5 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{phone-1a920c5c.js → phone-62660137.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-cb8955f6.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +7 -7
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +4 -4
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +4 -4
- 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 +2 -2
- 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 +5 -5
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +2 -2
- 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 +5 -5
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +3 -3
- 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 +136 -0
- 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 +6 -6
- package/dist/esm/tet-datepicker.entry.js +5 -5
- 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 +2 -2
- 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 +2 -2
- package/dist/esm/tet-fonts.entry.js +2 -2
- package/dist/esm/tet-grid.entry.js +2 -2
- 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 +5 -5
- package/dist/esm/tet-layout.entry.js +2 -2
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +2 -2
- 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-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +4 -4
- package/dist/esm/tet-news-card-list.entry.js +2 -2
- package/dist/esm/tet-notification.entry.js +2 -2
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +8 -8
- 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 +2 -2
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +4 -4
- 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 +75 -13
- 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 +3 -3
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-cf4d7d54.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-e60db8fd.js} +1 -1
- package/dist/tet-components/{p-ceaa4764.entry.js → p-00fbf7f3.entry.js} +1 -1
- package/dist/tet-components/{p-afd80c63.entry.js → p-0436914b.entry.js} +1 -1
- package/dist/tet-components/{p-3e7e1106.entry.js → p-0781e892.entry.js} +1 -1
- package/dist/tet-components/{p-5391d594.entry.js → p-0bf60061.entry.js} +1 -1
- package/dist/tet-components/{p-4c6a379b.entry.js → p-0dca3de0.entry.js} +1 -1
- package/dist/tet-components/{p-2a43ccef.entry.js → p-14c15a69.entry.js} +1 -1
- package/dist/tet-components/{p-615a1f0a.entry.js → p-17479b43.entry.js} +1 -1
- package/dist/tet-components/{p-903c4587.entry.js → p-1a84bfc6.entry.js} +1 -1
- package/dist/tet-components/p-1ad83ead.entry.js +1 -0
- package/dist/tet-components/{p-09cfec89.entry.js → p-1c5d37d6.entry.js} +1 -1
- package/dist/tet-components/{p-be3a10d0.entry.js → p-24df18b9.entry.js} +1 -1
- package/dist/tet-components/{p-f6916bfc.entry.js → p-265701de.entry.js} +1 -1
- package/dist/tet-components/{p-e9883cd3.entry.js → p-2ad8cd81.entry.js} +1 -1
- package/dist/tet-components/{p-b365e697.entry.js → p-2c315c23.entry.js} +1 -1
- package/dist/tet-components/{p-ccfa9f31.entry.js → p-2c891567.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-2dbe670c.js} +1 -1
- package/dist/tet-components/{p-46f6a051.entry.js → p-2f25de81.entry.js} +1 -1
- package/dist/tet-components/{p-724189c2.entry.js → p-31be2161.entry.js} +1 -1
- package/dist/tet-components/{p-7056a120.entry.js → p-31d0b400.entry.js} +1 -1
- package/dist/tet-components/{p-9b6d815e.entry.js → p-342e9dc0.entry.js} +1 -1
- package/dist/tet-components/{p-778c46a6.js → p-3ac57578.js} +1 -1
- package/dist/tet-components/{p-cf66f858.entry.js → p-40b0f406.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-4213c1d1.js} +1 -1
- package/dist/tet-components/{p-7d64d525.entry.js → p-4589ba47.entry.js} +1 -1
- package/dist/tet-components/{p-c82d1a19.entry.js → p-47e33d27.entry.js} +1 -1
- package/dist/tet-components/{p-4c1a48e2.entry.js → p-4d10f69e.entry.js} +1 -1
- package/dist/tet-components/{p-aff47d36.entry.js → p-510806be.entry.js} +1 -1
- package/dist/tet-components/{p-122f3d3c.entry.js → p-548d7cc1.entry.js} +1 -1
- package/dist/tet-components/{p-7771bc1a.entry.js → p-54fcc119.entry.js} +1 -1
- package/dist/tet-components/{p-8915cdcf.entry.js → p-5558eb1c.entry.js} +1 -1
- package/dist/tet-components/{p-03fd6ddd.entry.js → p-5617ff98.entry.js} +1 -1
- package/dist/tet-components/{p-71018cb8.entry.js → p-581b1f01.entry.js} +1 -1
- package/dist/tet-components/{p-ce850061.entry.js → p-589e8e4b.entry.js} +1 -1
- package/dist/tet-components/{p-5845a3dc.entry.js → p-59007fe7.entry.js} +1 -1
- package/dist/tet-components/{p-83f43fdd.js → p-5abb3bea.js} +1 -1
- package/dist/tet-components/{p-5e2eb1e5.entry.js → p-5b0df135.entry.js} +1 -1
- package/dist/tet-components/{p-316a6c7f.entry.js → p-5cc233e7.entry.js} +1 -1
- package/dist/tet-components/{p-3e3ecc08.entry.js → p-5d638022.entry.js} +1 -1
- package/dist/tet-components/{p-b0c62997.entry.js → p-5e8bd119.entry.js} +1 -1
- package/dist/tet-components/{p-cde8057a.entry.js → p-60abca86.entry.js} +1 -1
- package/dist/tet-components/{p-d61f985e.entry.js → p-63495b14.entry.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-63f6def9.entry.js} +1 -1
- package/dist/tet-components/{p-1e67317e.entry.js → p-65d3c513.entry.js} +1 -1
- package/dist/tet-components/p-660bdc27.js +1 -0
- package/dist/tet-components/{p-ae69d5f0.entry.js → p-6d5d06d0.entry.js} +1 -1
- package/dist/tet-components/{p-76526271.entry.js → p-6fb8c506.entry.js} +1 -1
- package/dist/tet-components/{p-c858f416.entry.js → p-6fe562e3.entry.js} +1 -1
- package/dist/tet-components/{p-255fc5d0.entry.js → p-701b583b.entry.js} +1 -1
- package/dist/tet-components/{p-7f533bfe.entry.js → p-7027f360.entry.js} +1 -1
- package/dist/tet-components/{p-32691e85.entry.js → p-71bdb301.entry.js} +1 -1
- package/dist/tet-components/{p-0ebbf5ef.js → p-726651bc.js} +1 -1
- package/dist/tet-components/{p-f3ce4422.entry.js → p-7330a0a8.entry.js} +1 -1
- package/dist/tet-components/{p-46975ec4.entry.js → p-73c190a2.entry.js} +1 -1
- package/dist/tet-components/{p-4fb9f367.entry.js → p-742b96c2.entry.js} +1 -1
- package/dist/tet-components/{p-a093603e.entry.js → p-771dd791.entry.js} +1 -1
- package/dist/tet-components/{p-ab13d33d.entry.js → p-79911ddf.entry.js} +1 -1
- package/dist/tet-components/{p-8c0ac70a.entry.js → p-7a094aaa.entry.js} +1 -1
- package/dist/tet-components/{p-bff0d6d3.entry.js → p-7bdf819b.entry.js} +1 -1
- package/dist/tet-components/{p-e95dba20.entry.js → p-7df5e7a4.entry.js} +1 -1
- package/dist/tet-components/{p-920c54d8.entry.js → p-863c1c55.entry.js} +1 -1
- package/dist/tet-components/{p-209c4522.entry.js → p-8768894c.entry.js} +1 -1
- package/dist/tet-components/{p-10e72480.entry.js → p-8b93b91f.entry.js} +1 -1
- package/dist/tet-components/{p-e0fc34c9.entry.js → p-8d399a39.entry.js} +1 -1
- package/dist/tet-components/{p-12eafd28.entry.js → p-8ddcacf0.entry.js} +1 -1
- package/dist/tet-components/{p-fc0d1118.entry.js → p-9883bc24.entry.js} +1 -1
- package/dist/tet-components/{p-8a363e18.entry.js → p-992da373.entry.js} +1 -1
- package/dist/tet-components/{p-43869924.entry.js → p-9b99a02f.entry.js} +1 -1
- package/dist/tet-components/{p-f16514db.entry.js → p-9bd457d2.entry.js} +1 -1
- package/dist/tet-components/{p-da0fc55d.entry.js → p-9c263933.entry.js} +1 -1
- package/dist/tet-components/{p-f2083ea7.entry.js → p-9ddf52fe.entry.js} +1 -1
- package/dist/tet-components/{p-87221449.entry.js → p-9f921c87.entry.js} +1 -1
- package/dist/tet-components/{p-a8051a99.js → p-a476fd02.js} +1 -1
- package/dist/tet-components/{p-97248cdf.entry.js → p-a71090c6.entry.js} +1 -1
- package/dist/tet-components/{p-dce0edad.entry.js → p-ada5f430.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-b39df477.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-b4b90473.entry.js} +1 -1
- package/dist/tet-components/{p-ee144210.entry.js → p-b6c906e0.entry.js} +1 -1
- package/dist/tet-components/{p-eaaaeafe.entry.js → p-b72b9466.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-b92dff8a.js} +1 -1
- package/dist/tet-components/p-ba22c1f3.entry.js +1 -0
- package/dist/tet-components/{p-c2a0b494.entry.js → p-c52e676d.entry.js} +1 -1
- package/dist/tet-components/p-c5f6367f.entry.js +1 -0
- package/dist/tet-components/{p-73640752.entry.js → p-c66c777d.entry.js} +1 -1
- package/dist/tet-components/{p-b34e86ef.entry.js → p-c9583427.entry.js} +1 -1
- package/dist/tet-components/{p-496180bc.entry.js → p-c9a9c657.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-c9ddf890.js} +1 -1
- package/dist/tet-components/{p-842b3dd2.entry.js → p-cb455054.entry.js} +1 -1
- package/dist/tet-components/{p-c455736d.entry.js → p-ce1d5bd4.entry.js} +1 -1
- package/dist/tet-components/{p-3ab161b4.entry.js → p-d12eef25.entry.js} +1 -1
- package/dist/tet-components/{p-39796998.entry.js → p-d3db997e.entry.js} +1 -1
- package/dist/tet-components/{p-cea240d6.entry.js → p-d749ee2b.entry.js} +1 -1
- package/dist/tet-components/{p-eaaf3ccf.entry.js → p-d8875b9f.entry.js} +1 -1
- package/dist/tet-components/{p-6970af44.entry.js → p-ddaf1269.entry.js} +1 -1
- package/dist/tet-components/{p-a113873a.entry.js → p-e1d74c62.entry.js} +1 -1
- package/dist/tet-components/{p-a64e3e96.entry.js → p-e74416dc.entry.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-ec5b1040.entry.js} +1 -1
- package/dist/tet-components/p-ed60bade.entry.js +1 -0
- package/dist/tet-components/{p-f8de11f1.entry.js → p-ef6b9751.entry.js} +1 -1
- package/dist/tet-components/{p-9a1f44f5.entry.js → p-f242e081.entry.js} +1 -1
- package/dist/tet-components/{p-b87db05c.entry.js → p-fa34e438.entry.js} +1 -1
- package/dist/tet-components/{p-a91fd94e.entry.js → p-fd51ca98.entry.js} +1 -1
- package/dist/tet-components/{p-6eff3406.entry.js → p-fec0e9cf.entry.js} +1 -1
- package/dist/tet-components/{p-c4de9e32.entry.js → p-ff5b0f63.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.d.ts +29 -4
- package/dist/types/components/basic/misc/tet-countdown/tet-countdown.d.ts +39 -0
- package/dist/types/components.d.ts +72 -0
- package/package.json +1 -1
- package/dist/tet-components/p-19d2c940.entry.js +0 -1
- package/dist/tet-components/p-aef6cab7.entry.js +0 -1
- package/dist/tet-components/p-f245c91b.entry.js +0 -1
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-83f43fdd.js";const r=class{constructor(o){t(this,o),this.value="",this.label="",this.placeholder="",this.disabled=!1,this.errorMessages=[],this.theme="light",this.maxLength="",this.isKeyboardFocus=!0,this.focusVisible=!1}textareaHtmlElement;onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}async getValue(){return this.textareaHtmlElement?this.textareaHtmlElement.value:""}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-textarea__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-textarea__error-message"},t))));render(){const{value:t,label:r,placeholder:n,disabled:a,errorMessages:i,theme:f,renderErrorMessages:l,maxLength:s}=this,c={"tet-textarea__base":!0,[`tet-textarea__${this.theme}`]:!0,error:i.length>0,"keyboard-focus":this.focusVisible};return o(e,{key:"57f21e214f2ef0d9711afa41defc88076792a8dc"},o("label",{key:"06196ba37e3359af9d2c20801a8b5991795a2fca",class:{[`${f}`]:!0}},r&&o("span",{key:"1b51a2b8a3ee16d8fff263bdb1d99fd27389091c",class:{"tet-textarea__label":!0,[`tet-textarea__${f}`]:!0}},r),o("div",{key:"aa65a761303c9acc242afab2085eb5abcf2bcbf2",class:{"textarea-container":!0,[`tet-textarea__${f}`]:!0}},o("textarea",{key:"355dae77f827c819533bf6a798492bb7c9cc5d28",onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,id:"textarea",class:c,placeholder:n,disabled:a,autocomplete:"off",ref:t=>this.textareaHtmlElement=t,maxlength:s},t))),this.errorMessages.length>0&&l())}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{display:block}.input-container{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container:focus-within .icon{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:var(--input-font-size);color:var(--input-placeholder-color);background:none;user-select:none;white-space:nowrap;pointer-events:none;z-index:2}.tet-input__base.with-prefix{padding-left:4rem}.tet-input__base.with-icon--left{padding-left:2.5rem}.tet-input__base.with-icon--right{padding-right:2.5rem}.tet-input__base:disabled~tet-icon{--input-icon-color:var(--input-disabled-icon-color)}.icon{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable{cursor:pointer}.icon.clickable:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right{right:0.75rem}.textarea-container{font-size:var(--input-font-size)}';export{r as tet_textarea}
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-5abb3bea.js";const r=class{constructor(o){t(this,o),this.value="",this.label="",this.placeholder="",this.disabled=!1,this.errorMessages=[],this.theme="light",this.maxLength="",this.isKeyboardFocus=!0,this.focusVisible=!1}textareaHtmlElement;onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}async getValue(){return this.textareaHtmlElement?this.textareaHtmlElement.value:""}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-textarea__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-textarea__error-message"},t))));render(){const{value:t,label:r,placeholder:n,disabled:a,errorMessages:i,theme:l,renderErrorMessages:s,maxLength:f}=this,c={"tet-textarea__base":!0,[`tet-textarea__${this.theme}`]:!0,error:i.length>0,"keyboard-focus":this.focusVisible};return o(e,{key:"cd47280cb7758754a71ac690ae1f67b9ba1cebcb"},o("label",{key:"47228cba1d6ca542935cf13151ea909651ef8580",class:{[`${l}`]:!0}},r&&o("span",{key:"ad1be47bf26a0e1857eb3025757a8b2ccdeed457",class:{"tet-textarea__label":!0,[`tet-textarea__${l}`]:!0}},r),o("div",{key:"9c773c8fe6c531082859e7ed14ec415d3f103d07",class:{"textarea-container":!0,[`tet-textarea__${l}`]:!0}},o("textarea",{key:"c3b6740ea9925428aedfe6ebaf575e407ce1e1fb",onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,id:"textarea",class:c,placeholder:n,disabled:a,autocomplete:"off",ref:t=>this.textareaHtmlElement=t,maxlength:f},t))),this.errorMessages.length>0&&s())}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{display:block}.input-container{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container:focus-within .icon{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:var(--input-font-size);color:var(--input-placeholder-color);background:none;user-select:none;white-space:nowrap;pointer-events:none;z-index:2}.tet-input__base.with-prefix{padding-left:4rem}.tet-input__base.with-icon--left{padding-left:2.5rem}.tet-input__base.with-icon--right{padding-right:2.5rem}.tet-input__base:disabled~tet-icon{--input-icon-color:var(--input-disabled-icon-color)}.icon{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable{cursor:pointer}.icon.clickable:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right{right:0.75rem}.textarea-container{font-size:var(--input-font-size)}';export{r as tet_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as e,h as o,H as l}from"./p-83f43fdd.js";import{T as a}from"./p-45f4f129.js";const r=class{constructor(e){t(this,e),this.caption="",this.cellTextAlign="left",this.tableHeader="",this.tableHeaderTextAlign="left",this.tableHeaderColumnSpan=1,this.tableHeaderWidth="",this.tableData={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},this.gappedColumnLayout=!1,this.theme="light",this.fixedFirstColumn=!1,this.normalizedColumns=[]}get host(){return e(this)}onTableDataChange(){this.normalizedColumns=this.transformColumns(this.tableData.columns)}componentWillLoad(){this.normalizedColumns=this.transformColumns(this.tableData.columns),this.loadSlotData()}transformColumns(t){return t&&0!==t.length?t.map((t=>"string"==typeof t?{value:t,tooltip:""}:t)):[]}loadSlotData(){const t=this.host.querySelector("template");if(null===t)return;const e={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},o=t.querySelector("thead")||t.content.querySelector("thead"),l=t.querySelector("tbody")||t.content.querySelector("tbody");if(null!==o||null!==l){if(null!==o){let t;o.querySelectorAll("th").forEach((o=>{const l=o.innerHTML.replace(/ /g,""),a=""===l?t:o.getAttribute("data-color"),r=this.getCellDataOptions(o);e.columns.push(l),e.columnColors.push(a),e.columnHeaderOptions.push(r),t=a}))}if(null!==l){const t=JSON.parse(l.getAttribute("data-mobile-columns"));l.querySelectorAll("tr").forEach((o=>{const l=this.getRowOptions(o,t),a={label:o.querySelector("th")?.innerHTML||"",cells:[]};o.querySelectorAll("td").forEach((t=>{const e=this.getCellDataOptions(t);a.cells.push({value:t.innerHTML,options:e})})),e.rowOptions.push(l),e.rows.push(a)}))}this.tableData=e}}renderDesktopHeader=(t,e,l)=>{const a=this.getColumnCellInnerClassName(l),r=this.getColumnColor(l),n={};return r&&(n["--table-header-background-color"]=r),e&&"left"!==e.textAlign&&(n["--table-cell-text-align"]=e.textAlign),e&&e.width&&(n["--table-cell-width"]=e.width),o("th",{class:a,style:n,colSpan:e?.columnSpan||1,scope:"col"},(t.value||t.tooltip)&&o("div",{class:"cell-content-wrapper"},t.value,t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileHeader=t=>o("th",{scope:"col",colSpan:2},o("div",{class:"mobile-table-header"},o("p",{innerHTML:t.label}),!!t.subLabel&&!t.tooltip&&this.renderTooltip(t.subLabel),t.tooltip&&this.renderTooltip(t.tooltip)));renderRowData=(t,e)=>{const l={};return"left"!==this.tableHeaderTextAlign&&(l["--table-cell-text-align"]=this.tableHeaderTextAlign),this.tableHeaderWidth&&(l["--table-cell-width"]=this.tableHeaderWidth),o("tr",null,o("th",{scope:"row",style:l,colSpan:this.tableHeaderColumnSpan||1},o("p",{class:"title"},o("span",{innerHTML:t.label}),t.tooltip&&this.renderTooltip(t.tooltip)),t.subLabel&&!t.tooltip&&o("p",{class:"subtitle",innerHTML:t.subLabel})),t.cells.map(((t,o)=>this.renderDesktopCellData(t,o,e))))};renderTooltip=t=>o("span",{class:"tooltip-wrapper"},o("tet-icon",{theme:this.theme,type:"secondary",class:"info-icon",name:"info-circle",tabindex:"0"}),o("tet-tooltip",{position:a.TOP,theme:this.theme},t));renderDesktopCellData=(t,e,l)=>{const a=this.tableData.rowOptions&&this.tableData.rowOptions[l];if(a&&a.mobileShow)return null;if(t.options&&t.options.mobileShow)return null;const r=this.getColumnCellInnerClassName(e),n=this.getColumnColor(e),s=t.options,i={};return n&&(i["--table-cell-overlay-color"]=`${n}4D`),s&&"left"!==s.textAlign&&(i["--table-cell-text-align"]=s.textAlign),o("td",{class:r,style:i,colSpan:s?.columnSpan||1},o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileCellData=(t,e,l)=>{const a=t.options,r=this.getRowOption(l),n=this.getMobileColumn(l,e);return r&&r.mobileHide||a&&a.mobileHide?null:o("tr",null,o("th",null,o("div",{class:"cell-content-wrapper"},n||this.normalizedColumns[e]?.value,this.normalizedColumns[e]?.tooltip&&this.renderTooltip(this.normalizedColumns[e].tooltip))),o("td",null,o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip))))};renderLargeScreenTable=()=>{const t=t=>this.tableData.columnHeaderOptions&&this.tableData.columnHeaderOptions[t],e={columnSpan:this.tableHeaderColumnSpan,textAlign:this.tableHeaderTextAlign,width:this.tableHeaderWidth};return o("table",{class:{table:!0,"table--gapped-columns":this.gappedColumnLayout,[this.theme]:!0,"table--fixed-first-column":this.fixedFirstColumn}},this.caption&&o("caption",null,this.caption),o("thead",null,o("tr",null,this.renderDesktopHeader({value:this.tableHeader,tooltip:""},e),this.normalizedColumns?.map(((e,o)=>this.renderDesktopHeader(e,t(o),o))))),o("tbody",null,this.tableData.rows?.map(((t,e)=>this.renderRowData(t,e)))))};renderMobileScreenTable=()=>o("div",{class:"mobile-table-wrapper"},this.tableData.rows?.map(((t,e)=>this.getRowOption(e)?.mobileHide?null:o("table",{class:{"mobile-table":!0,[this.theme]:!0}},o("thead",null,o("tr",null,this.renderMobileHeader(t))),o("tbody",null,t.cells.map(((t,o)=>this.renderMobileCellData(t,o,e))))))));getMobileColumn(t,e){const o=this.getRowOption(t);if(null==o)return"";const{mobileColumns:l}=o;return null==l||null==l[e]?"":""===l[e]?" ":l[e]}getRowOption(t){return null==this.tableData.rowOptions?null:this.tableData.rowOptions[t]}getRowOptions(t,e){return{mobileColumns:JSON.parse(t.getAttribute("data-mobile-columns"))||e,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getCellDataOptions(t){return{width:t.getAttribute("width"),columnSpan:parseInt(t.getAttribute("colspan")),textAlign:t.getAttribute("data-text-align")||this.cellTextAlign,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getColumnColor(t){const{tableData:{columns:e,columnColors:o}}=this;return null==o||t<0&&t>=e.length?null:o[t]}getColumnCellInnerClassName(t){const{tableData:{columns:e},gappedColumnLayout:o}=this;return o?{"table__cell--inner":t+1<e.length&&""===e[t+1]}:{}}render(){return o(l,{key:"2586c0e8d75ecbead2661effd8f0c1570ba95fb0"},this.renderLargeScreenTable(),this.renderMobileScreenTable())}static get watchers(){return{tableData:["onTableDataChange"]}}};r.style='.sc-tet-table-h{box-sizing:border-box}*.sc-tet-table,*.sc-tet-table:before,*.sc-tet-table:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-table-h{--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.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e85a"}.icon.tet-close.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e86c"}.icon.tet-check.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e86a"}.icon.tet-info.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e81d"}.icon.tet-done.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::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")}.sc-tet-table-h{--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)}.sc-tet-table-h{--table-desktop-size-display:table;--table-mobile-size-display:none;--table-header-cell-padding:1rem;--table-header-cell-padding-mobile:0.5rem 0.75rem;--table-body-cell-padding:1rem;--table-background-base-color:var(--tc-layer-primary);--table-background-highlight-color:var(--tc-layer-secondary);--table-header-background-color:var(--tc-layer-tertiary);--table-separator-border-width:0.0625rem;--table-separator-border-color:var(--tc-border-quaternary);--table-bottom-border-color:var(--tc-grey-20);--table-header-color:var(--tc-text-primary);--table-cell-text-align:left;--table-cell-color:var(--tc-text-primary);--table-cell-subtitle-color:var(--tc-text-tertiary);--table-cell-vertical-align:middle;--table-gapped-columns-header-radius:0.5rem;--table-gapped-columns-gap:0.5rem;--table-cell-width:auto;--table-tooltip-icon-color:var(--tc-icon-secondary);--table-focus-outline-color:var(--tc-blue-40);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(196, 198, 202, 0.30) 100%)}.table.dark.sc-tet-table,.mobile-table.dark.sc-tet-table{--table-background-base-color:var(--tc-layer-primary-dark);--table-background-highlight-color:var(--tc-layer-secondary-dark);--table-header-background-color:var(--tc-layer-tertiary-dark);--table-separator-border-color:var(--tc-border-quaternary-dark);--table-bottom-border-color:var(--tc-grey-20-dark);--table-header-color:var(--tc-text-primary-dark);--table-cell-color:var(--tc-text-primary-dark);--table-cell-subtitle-color:var(--tc-text-tertiary-dark);--table-tooltip-icon-color:var(--tc-icon-secondary-dark);--table-focus-outline-color:var(--tc-blue-40-dark);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(12, 12, 14, 0.30) 100%)}.table.sc-tet-table .tooltip-wrapper.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{display:flex;align-self:flex-start;margin-top:0.125rem}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table{--icon-container-display:flex;--icon-color:var(--table-tooltip-icon-color);--icon-size:1.25rem;border-radius:50%}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible{outline:0.125rem solid var(--table-focus-outline-color)}.table.sc-tet-table .cell-content-wrapper.sc-tet-table,.mobile-table.sc-tet-table .cell-content-wrapper.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem}.table.sc-tet-table{display:var(--table-desktop-size-display);border-spacing:0;width:100%;table-layout:fixed}.table.sc-tet-table caption.sc-tet-table{padding:0.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table,.table.sc-tet-table tr.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);text-align:var(--table-cell-text-align);background:var(--table-background-base-color);border:none}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table{vertical-align:var(--table-cell-vertical-align)}.table.sc-tet-table thead.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);padding:var(--table-header-cell-padding);color:var(--table-header-color);background:var(--table-header-background-color);text-align:var(--table-cell-text-align);font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:var(--table-separator-border-width) solid var(--table-bottom-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .title.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem;line-height:1.5rem}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .subtitle.sc-tet-table{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;margin-top:0.25rem;color:var(--table-cell-subtitle-color);line-height:1.25rem}.table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:var(--table-cell-width);padding:var(--table-body-cell-padding);color:var(--table-cell-color);box-shadow:var(--table-cell-overlay-color) 0 0 0 100rem inset;text-align:var(--table-cell-text-align);font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child{position:sticky;left:0;z-index:1}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table::after,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child::after{content:"";position:absolute;top:0;right:-1rem;height:100%;width:1rem;background:var(--table-sticky-col-separator-gradient)}.table--gapped-columns.sc-tet-table{border-collapse:separate}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table{position:relative;background:none;border-bottom:0;z-index:10;padding-right:calc(var(--table-header-cell-padding) + var(--table-gapped-columns-gap))}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table::before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:var(--table-header-background-color);border-top-left-radius:var(--table-gapped-columns-header-radius);border-top-right-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:first-child::before{display:none}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:not(:last-child):not(.table__cell--inner)::before{right:var(--table-gapped-columns-gap)}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table::before{border-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table td.sc-tet-table:not(:last-child):not(.table__cell--inner){border-right:var(--table-gapped-columns-gap) transparent solid}.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:none}.mobile-table-wrapper.sc-tet-table{display:var(--table-mobile-size-display);flex-direction:column;row-gap:2rem}.mobile-table.sc-tet-table{width:100%;text-align:left;vertical-align:top;border-collapse:collapse;table-layout:fixed}.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{margin:0}.mobile-table.sc-tet-table thead.sc-tet-table th.sc-tet-table{border-radius:0.625rem 0.625rem 0 0;padding:var(--table-header-cell-padding-mobile);background-color:var(--table-header-background-color);color:var(--table-header-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table{width:40%}.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:60%}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.5rem 0.75rem;background:var(--table-background-base-color);color:var(--table-cell-color)}.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.mobile-table-header.sc-tet-table{display:flex;align-items:center;justify-content:space-between;column-gap:0.5rem}';export{r as tet_table}
|
|
1
|
+
import{r as t,g as e,h as o,H as l}from"./p-5abb3bea.js";import{T as a}from"./p-45f4f129.js";const r=class{constructor(e){t(this,e),this.caption="",this.cellTextAlign="left",this.tableHeader="",this.tableHeaderTextAlign="left",this.tableHeaderColumnSpan=1,this.tableHeaderWidth="",this.tableData={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},this.gappedColumnLayout=!1,this.theme="light",this.fixedFirstColumn=!1,this.normalizedColumns=[]}get host(){return e(this)}onTableDataChange(){this.normalizedColumns=this.transformColumns(this.tableData.columns)}componentWillLoad(){this.normalizedColumns=this.transformColumns(this.tableData.columns),this.loadSlotData()}transformColumns(t){return t&&0!==t.length?t.map((t=>"string"==typeof t?{value:t,tooltip:""}:t)):[]}loadSlotData(){const t=this.host.querySelector("template");if(null===t)return;const e={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},o=t.querySelector("thead")||t.content.querySelector("thead"),l=t.querySelector("tbody")||t.content.querySelector("tbody");if(null!==o||null!==l){if(null!==o){let t;o.querySelectorAll("th").forEach((o=>{const l=o.innerHTML.replace(/ /g,""),a=""===l?t:o.getAttribute("data-color"),r=this.getCellDataOptions(o);e.columns.push(l),e.columnColors.push(a),e.columnHeaderOptions.push(r),t=a}))}if(null!==l){const t=JSON.parse(l.getAttribute("data-mobile-columns"));l.querySelectorAll("tr").forEach((o=>{const l=this.getRowOptions(o,t),a={label:o.querySelector("th")?.innerHTML||"",cells:[]};o.querySelectorAll("td").forEach((t=>{const e=this.getCellDataOptions(t);a.cells.push({value:t.innerHTML,options:e})})),e.rowOptions.push(l),e.rows.push(a)}))}this.tableData=e}}renderDesktopHeader=(t,e,l)=>{const a=this.getColumnCellInnerClassName(l),r=this.getColumnColor(l),n={};return r&&(n["--table-header-background-color"]=r),e&&"left"!==e.textAlign&&(n["--table-cell-text-align"]=e.textAlign),e&&e.width&&(n["--table-cell-width"]=e.width),o("th",{class:a,style:n,colSpan:e?.columnSpan||1,scope:"col"},(t.value||t.tooltip)&&o("div",{class:"cell-content-wrapper"},t.value,t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileHeader=t=>o("th",{scope:"col",colSpan:2},o("div",{class:"mobile-table-header"},o("p",{innerHTML:t.label}),!!t.subLabel&&!t.tooltip&&this.renderTooltip(t.subLabel),t.tooltip&&this.renderTooltip(t.tooltip)));renderRowData=(t,e)=>{const l={};return"left"!==this.tableHeaderTextAlign&&(l["--table-cell-text-align"]=this.tableHeaderTextAlign),this.tableHeaderWidth&&(l["--table-cell-width"]=this.tableHeaderWidth),o("tr",null,o("th",{scope:"row",style:l,colSpan:this.tableHeaderColumnSpan||1},o("p",{class:"title"},o("span",{innerHTML:t.label}),t.tooltip&&this.renderTooltip(t.tooltip)),t.subLabel&&!t.tooltip&&o("p",{class:"subtitle",innerHTML:t.subLabel})),t.cells.map(((t,o)=>this.renderDesktopCellData(t,o,e))))};renderTooltip=t=>o("span",{class:"tooltip-wrapper"},o("tet-icon",{theme:this.theme,type:"secondary",class:"info-icon",name:"info-circle",tabindex:"0"}),o("tet-tooltip",{position:a.TOP,theme:this.theme},t));renderDesktopCellData=(t,e,l)=>{const a=this.tableData.rowOptions&&this.tableData.rowOptions[l];if(a&&a.mobileShow)return null;if(t.options&&t.options.mobileShow)return null;const r=this.getColumnCellInnerClassName(e),n=this.getColumnColor(e),s=t.options,i={};return n&&(i["--table-cell-overlay-color"]=`${n}4D`),s&&"left"!==s.textAlign&&(i["--table-cell-text-align"]=s.textAlign),o("td",{class:r,style:i,colSpan:s?.columnSpan||1},o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileCellData=(t,e,l)=>{const a=t.options,r=this.getRowOption(l),n=this.getMobileColumn(l,e);return r&&r.mobileHide||a&&a.mobileHide?null:o("tr",null,o("th",null,o("div",{class:"cell-content-wrapper"},n||this.normalizedColumns[e]?.value,this.normalizedColumns[e]?.tooltip&&this.renderTooltip(this.normalizedColumns[e].tooltip))),o("td",null,o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip))))};renderLargeScreenTable=()=>{const t=t=>this.tableData.columnHeaderOptions&&this.tableData.columnHeaderOptions[t],e={columnSpan:this.tableHeaderColumnSpan,textAlign:this.tableHeaderTextAlign,width:this.tableHeaderWidth};return o("table",{class:{table:!0,"table--gapped-columns":this.gappedColumnLayout,[this.theme]:!0,"table--fixed-first-column":this.fixedFirstColumn}},this.caption&&o("caption",null,this.caption),o("thead",null,o("tr",null,this.renderDesktopHeader({value:this.tableHeader,tooltip:""},e),this.normalizedColumns?.map(((e,o)=>this.renderDesktopHeader(e,t(o),o))))),o("tbody",null,this.tableData.rows?.map(((t,e)=>this.renderRowData(t,e)))))};renderMobileScreenTable=()=>o("div",{class:"mobile-table-wrapper"},this.tableData.rows?.map(((t,e)=>this.getRowOption(e)?.mobileHide?null:o("table",{class:{"mobile-table":!0,[this.theme]:!0}},o("thead",null,o("tr",null,this.renderMobileHeader(t))),o("tbody",null,t.cells.map(((t,o)=>this.renderMobileCellData(t,o,e))))))));getMobileColumn(t,e){const o=this.getRowOption(t);if(null==o)return"";const{mobileColumns:l}=o;return null==l||null==l[e]?"":""===l[e]?" ":l[e]}getRowOption(t){return null==this.tableData.rowOptions?null:this.tableData.rowOptions[t]}getRowOptions(t,e){return{mobileColumns:JSON.parse(t.getAttribute("data-mobile-columns"))||e,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getCellDataOptions(t){return{width:t.getAttribute("width"),columnSpan:parseInt(t.getAttribute("colspan")),textAlign:t.getAttribute("data-text-align")||this.cellTextAlign,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getColumnColor(t){const{tableData:{columns:e,columnColors:o}}=this;return null==o||t<0&&t>=e.length?null:o[t]}getColumnCellInnerClassName(t){const{tableData:{columns:e},gappedColumnLayout:o}=this;return o?{"table__cell--inner":t+1<e.length&&""===e[t+1]}:{}}render(){return o(l,{key:"2586c0e8d75ecbead2661effd8f0c1570ba95fb0"},this.renderLargeScreenTable(),this.renderMobileScreenTable())}static get watchers(){return{tableData:["onTableDataChange"]}}};r.style='.sc-tet-table-h{box-sizing:border-box}*.sc-tet-table,*.sc-tet-table:before,*.sc-tet-table:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-table-h{--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.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e85a"}.icon.tet-close.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e86c"}.icon.tet-check.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e86a"}.icon.tet-info.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::before{content:"\\e81d"}.icon.tet-done.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-table::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")}.sc-tet-table-h{--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)}.sc-tet-table-h{--table-desktop-size-display:table;--table-mobile-size-display:none;--table-header-cell-padding:1rem;--table-header-cell-padding-mobile:0.5rem 0.75rem;--table-body-cell-padding:1rem;--table-background-base-color:var(--tc-layer-primary);--table-background-highlight-color:var(--tc-layer-secondary);--table-header-background-color:var(--tc-layer-tertiary);--table-separator-border-width:0.0625rem;--table-separator-border-color:var(--tc-border-quaternary);--table-bottom-border-color:var(--tc-grey-20);--table-header-color:var(--tc-text-primary);--table-cell-text-align:left;--table-cell-color:var(--tc-text-primary);--table-cell-subtitle-color:var(--tc-text-tertiary);--table-cell-vertical-align:middle;--table-gapped-columns-header-radius:0.5rem;--table-gapped-columns-gap:0.5rem;--table-cell-width:auto;--table-tooltip-icon-color:var(--tc-icon-secondary);--table-focus-outline-color:var(--tc-blue-40);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(196, 198, 202, 0.30) 100%)}.table.dark.sc-tet-table,.mobile-table.dark.sc-tet-table{--table-background-base-color:var(--tc-layer-primary-dark);--table-background-highlight-color:var(--tc-layer-secondary-dark);--table-header-background-color:var(--tc-layer-tertiary-dark);--table-separator-border-color:var(--tc-border-quaternary-dark);--table-bottom-border-color:var(--tc-grey-20-dark);--table-header-color:var(--tc-text-primary-dark);--table-cell-color:var(--tc-text-primary-dark);--table-cell-subtitle-color:var(--tc-text-tertiary-dark);--table-tooltip-icon-color:var(--tc-icon-secondary-dark);--table-focus-outline-color:var(--tc-blue-40-dark);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(12, 12, 14, 0.30) 100%)}.table.sc-tet-table .tooltip-wrapper.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{display:flex;align-self:flex-start;margin-top:0.125rem}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table{--icon-container-display:flex;--icon-color:var(--table-tooltip-icon-color);--icon-size:1.25rem;border-radius:50%}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible{outline:0.125rem solid var(--table-focus-outline-color)}.table.sc-tet-table .cell-content-wrapper.sc-tet-table,.mobile-table.sc-tet-table .cell-content-wrapper.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem}.table.sc-tet-table{display:var(--table-desktop-size-display);border-spacing:0;width:100%;table-layout:fixed}.table.sc-tet-table caption.sc-tet-table{padding:0.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table,.table.sc-tet-table tr.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);text-align:var(--table-cell-text-align);background:var(--table-background-base-color);border:none}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table{vertical-align:var(--table-cell-vertical-align)}.table.sc-tet-table thead.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);padding:var(--table-header-cell-padding);color:var(--table-header-color);background:var(--table-header-background-color);text-align:var(--table-cell-text-align);font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:var(--table-separator-border-width) solid var(--table-bottom-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .title.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem;line-height:1.5rem}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .subtitle.sc-tet-table{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;margin-top:0.25rem;color:var(--table-cell-subtitle-color);line-height:1.25rem}.table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:var(--table-cell-width);padding:var(--table-body-cell-padding);color:var(--table-cell-color);box-shadow:var(--table-cell-overlay-color) 0 0 0 100rem inset;text-align:var(--table-cell-text-align);font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child{position:sticky;left:0;z-index:1}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table::after,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child::after{content:"";position:absolute;top:0;right:-1rem;height:100%;width:1rem;background:var(--table-sticky-col-separator-gradient)}.table--gapped-columns.sc-tet-table{border-collapse:separate}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table{position:relative;background:none;border-bottom:0;z-index:10;padding-right:calc(var(--table-header-cell-padding) + var(--table-gapped-columns-gap))}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table::before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:var(--table-header-background-color);border-top-left-radius:var(--table-gapped-columns-header-radius);border-top-right-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:first-child::before{display:none}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:not(:last-child):not(.table__cell--inner)::before{right:var(--table-gapped-columns-gap)}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table::before{border-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table td.sc-tet-table:not(:last-child):not(.table__cell--inner){border-right:var(--table-gapped-columns-gap) transparent solid}.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:none}.mobile-table-wrapper.sc-tet-table{display:var(--table-mobile-size-display);flex-direction:column;row-gap:2rem}.mobile-table.sc-tet-table{width:100%;text-align:left;vertical-align:top;border-collapse:collapse;table-layout:fixed}.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{margin:0}.mobile-table.sc-tet-table thead.sc-tet-table th.sc-tet-table{border-radius:0.625rem 0.625rem 0 0;padding:var(--table-header-cell-padding-mobile);background-color:var(--table-header-background-color);color:var(--table-header-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table{width:40%}.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:60%}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.5rem 0.75rem;background:var(--table-background-base-color);color:var(--table-cell-color)}.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.mobile-table-header.sc-tet-table{display:flex;align-items:center;justify-content:space-between;column-gap:0.5rem}';export{r as tet_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"b704665df248de5b201cfdd4b495515520d6c600"},s("div",{key:"1d39e74f73c23d8a77c4880f829d6b9680d2f1dc",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"60b459faa1328bc6d65905c693256f51b36a7fc6",class:"tet-card-list__scroll-container"},s("div",{key:"57b0e943f732019daa33b2a300f434bb95c664f4",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"4b02f443416d6c4ff8365c646d111b239d886765"}))),s("tet-button",{key:"63f2ecc197ea7b425111b1a47d9f28ec1c62d4b7",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"8cbb4031313c70f8e124d9ef8bcede4d007f5713",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"979d5db894e6baa1dd29069fce3a0e031b4856dc",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"94394f37e19f1268d53ad1acf0fc955061f4e101",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"95c592beb880f0cab850ab3bbf293e566454ff97",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"14ee08eb7236acf6f41e7d1616ed5770e2acce9a",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
|
|
1
|
+
import{r as t,c as i,g as o,h as s,H as e}from"./p-5abb3bea.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"b704665df248de5b201cfdd4b495515520d6c600"},s("div",{key:"1d39e74f73c23d8a77c4880f829d6b9680d2f1dc",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"60b459faa1328bc6d65905c693256f51b36a7fc6",class:"tet-card-list__scroll-container"},s("div",{key:"57b0e943f732019daa33b2a300f434bb95c664f4",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"4b02f443416d6c4ff8365c646d111b239d886765"}))),s("tet-button",{key:"63f2ecc197ea7b425111b1a47d9f28ec1c62d4b7",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"8cbb4031313c70f8e124d9ef8bcede4d007f5713",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"979d5db894e6baa1dd29069fce3a0e031b4856dc",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"94394f37e19f1268d53ad1acf0fc955061f4e101",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"95c592beb880f0cab850ab3bbf293e566454ff97",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"14ee08eb7236acf6f41e7d1616ed5770e2acce9a",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as n,H as t}from"./p-83f43fdd.js";const o=class{constructor(n){e(this,n),this.type="main",this.active=!1,this.clickable=!1,this.firstLevelTitle="",this.firstLevelId=null,this.firstLevelLink="",this.firstLevelIcon="",this.menuItemTheme="",this.showMenuItemAnimation=!0,this.subLevels=[],this.darkMode=!1,this.isSubmenuLeft=!1}onWindowResize(){this.setupThirdLevelEvent()}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:t,firstLevelId:o,firstLevelIcon:r,menuItemTheme:i,showMenuItemAnimation:a,active:m,clickable:l,type:s}=this,u=l&&0!==t.length?t:"javascript:void(0)",c=r?this.renderIcon({name:r,invertIcon:!0}):"";let d="",f=!1;return"main"===s&&(d=i?`menu__first-level--theme-${i}`:"",f=a),n("a",{id:o,href:u,class:{"menu__first-level":!0,"menu--active":m&&"login"!==s,"menu__first-level--themed":d.length>0,...d&&{[d]:!0},...f&&{"show-animation":!0}}},c,e,this.renderChevron())}componentDidRender(){this.setupThirdLevelEvent()}renderChevron(){const{subLevels:e}=this;return 0===e.length?"":n("tet-icon",{name:"chevron-down",class:"chevron",theme:"login"===this.type?this.darkMode?"light":"dark":this.darkMode?"dark":"light"})}renderCheckmark(e){const{type:t}=this;return e.active&&"language"===t?n("tet-icon",{name:"check",class:"menu__dropdown__list__checkmark",theme:this.darkMode?"dark":"light"}):""}renderSubLevels(){const{subLevels:e}=this;if(e.length<1)return"";const t=e.map((e=>this.renderSubItem(e)));return n("div",{class:"menu__dropdown"},n("ul",{class:"menu__dropdown__list"},t))}renderSubItem(e){const t=e.subLevels?.map((e=>this.renderSublevelItem(e)));let o="",r="";e.iconLeft?o=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(o=this.renderImage(e)),e.iconRight&&(r=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize}));const i=e.subTitle&&0!==e.subTitle.length?n("div",{class:"menu__dropdown__list__sub-title"},e.subTitle):"",a=e.id?.toString()||null;return n("li",null,n("a",{id:a,href:e.link,class:{"menu--active":e.active,"menu--highlighted":e.highlighted,"line-top":e.lineTop,"text-color-secondary":e.textColorSecondary,"translation-none":e.translationNone,"menu--submenu":!!t?.length},tabIndex:0},o,n("div",null,e.badgeText?n("span",{class:"menu__badge"},e.badgeText):null,n("div",null,e.title),i,this.renderCheckmark(e)),r,!!t&&n("tet-icon",{class:"menu__chevron",name:"chevron-right",theme:this.darkMode?"dark":"light"}),!!t&&n("div",{class:{left:this.isSubmenuLeft,right:!this.isSubmenuLeft,menu__sublist:!0}},n("ul",{class:{content:!0}},t))))}renderSublevelItem(e){let t="",o="";return e.iconLeft?t=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(t=this.renderImage(e)),e.iconRight&&(o=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize})),n("li",null,n("a",{id:e.id,href:e.link,class:{"menu--active":e.active,"menu--highlighted":e.highlighted,"line-top":e.lineTop,"text-color-secondary":e.textColorSecondary},tabIndex:0},t,n("div",null,n("div",null,n("span",null,e.title),e.badgeText?n("span",{class:"menu__badge"},e.badgeText):null),this.renderCheckmark(e)),o))}renderIcon(e){const{name:t,right:o=!1,id:r=null,size:i=null,useDefaultColor:a=!1,invertIcon:m=!1}=e,l=r?"sublevel-icon-"+r:"",s=r&&i?n("style",null,".",l," ","{"," --icon-size: ",i,"rem ","}"):"";return n("div",{class:{menu__icon:!0,right:o}},n("tet-icon",{"use-default-color":a,class:"icon "+l,name:t,theme:"login"===this.type&&m?this.darkMode?"light":"dark":this.darkMode?"dark":"light"}),s)}renderImage(e){return n("div",{class:"menu__icon"},n("img",{src:e.imageSrc,alt:""}))}setupThirdLevelEvent(){document.querySelectorAll("tet-menu").forEach((e=>{const n=e.shadowRoot.querySelectorAll(".menu__sublist");n&&n.forEach((e=>{const n=e.closest("a");n.addEventListener("mouseenter",(()=>{const t=window.innerWidth,o=window.innerHeight,r=n.getBoundingClientRect(),i=e.offsetParent||null,a=i?i.getBoundingClientRect():{top:0},m=e.offsetWidth,l=Math.max(10,Math.min(r.top,o-e.offsetHeight-10));e.style.top=l-a.top+"px",e.style.bottom="",this.isSubmenuLeft=t<r.right+m}))}))}))}render(){const{type:e}=this;return n(t,{key:"d2b68b9dd66cd045273bbeb985f0954823e5ddd3"},n("div",{key:"c04c6a9c0ed54eb818bad235d98d750cefd68176",class:{menu:!0,menu__main:"main"===e,menu__language:"language"===e,menu__login:"login"===e,menu__dark:this.darkMode}},this.renderFirstLevel(),this.renderSubLevels()))}};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")}:host{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-font-family:"Inter", var(--font-family-fallback);--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-active-background-color:var(--tc-blue-00);--menu-link-hover-background-color:var(--tc-menu-item-hover);--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-menu-item-badge);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);line-height:var(--menu-line-height);font-family:var(--menu-font-family);font-size:var(--menu-text-size);font-weight:500}.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-active-background-color:rgba(24, 40, 59, 1);--menu-link-hover-background-color:var(--tc-menu-item-hover-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-menu-item-badge-dark)}.menu.menu__dark .menu__first-level--theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main-dark);--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-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-bg:var(--tc-menu-item-red-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main-dark);--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-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-bg:var(--tc-menu-item-green-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main-dark);--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-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-bg:var(--tc-menu-item-violet-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main-dark);--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-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-bg:var(--tc-menu-item-blue-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main-dark);--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-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__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}.menu__first-level:hover{background-color:var(--menu-link-hover-background-color)}.menu__first-level:hover .chevron{transform:rotate(-180deg)}.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)}.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}:hover>.menu__dropdown,:focus>.menu__dropdown,:focus-within>.menu__dropdown{max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu__dropdown__list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title{display:none}.menu__dropdown__list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown a{padding:0.5rem 1rem;display:block}.menu__dropdown a:hover{background-color:var(--menu-link-hover-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{background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__main{--menu-text-size:1rem;--menu-line-height:1.5rem}.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-bg:var(--tc-menu-item-yellow-background-default);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main);--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-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-bg:var(--tc-menu-item-red-background-default);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main);--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-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-bg:var(--tc-menu-item-green-background-default);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main);--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-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-bg:var(--tc-menu-item-violet-background-default);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main);--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-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-bg:var(--tc-menu-item-blue-background-default);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main);--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-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);border:0.125rem solid transparent;background-image:linear-gradient(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.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main .menu__first-level.menu--active{background-color:var(--menu-link-active-background-color)}.menu__main .menu__first-level.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.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__list{padding:0.5rem}.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{display:block;font-size:0.875rem;line-height:1.25rem;color:var(--menu-text-secondary-color)}.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}.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-left: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-hover-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-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__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.125rem;position:absolute;right:0.782rem;top:0.563rem}@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,h as n,H as t}from"./p-5abb3bea.js";const o=class{constructor(n){e(this,n),this.type="main",this.active=!1,this.clickable=!1,this.firstLevelTitle="",this.firstLevelId=null,this.firstLevelLink="",this.firstLevelIcon="",this.menuItemTheme="",this.showMenuItemAnimation=!0,this.subLevels=[],this.darkMode=!1,this.isSubmenuLeft=!1}onWindowResize(){this.setupThirdLevelEvent()}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:t,firstLevelId:o,firstLevelIcon:r,menuItemTheme:i,showMenuItemAnimation:a,active:m,clickable:l,type:s}=this,u=l&&0!==t.length?t:"javascript:void(0)",c=r?this.renderIcon({name:r,invertIcon:!0}):"";let d="",f=!1;return"main"===s&&(d=i?`menu__first-level--theme-${i}`:"",f=a),n("a",{id:o,href:u,class:{"menu__first-level":!0,"menu--active":m&&"login"!==s,"menu__first-level--themed":d.length>0,...d&&{[d]:!0},...f&&{"show-animation":!0}}},c,e,this.renderChevron())}componentDidRender(){this.setupThirdLevelEvent()}renderChevron(){const{subLevels:e}=this;return 0===e.length?"":n("tet-icon",{name:"chevron-down",class:"chevron",theme:"login"===this.type?this.darkMode?"light":"dark":this.darkMode?"dark":"light"})}renderCheckmark(e){const{type:t}=this;return e.active&&"language"===t?n("tet-icon",{name:"check",class:"menu__dropdown__list__checkmark",theme:this.darkMode?"dark":"light"}):""}renderSubLevels(){const{subLevels:e}=this;if(e.length<1)return"";const t=e.map((e=>this.renderSubItem(e)));return n("div",{class:"menu__dropdown"},n("ul",{class:"menu__dropdown__list"},t))}renderSubItem(e){const t=e.subLevels?.map((e=>this.renderSublevelItem(e)));let o="",r="";e.iconLeft?o=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(o=this.renderImage(e)),e.iconRight&&(r=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize}));const i=e.subTitle&&0!==e.subTitle.length?n("div",{class:"menu__dropdown__list__sub-title"},e.subTitle):"",a=e.id?.toString()||null;return n("li",null,n("a",{id:a,href:e.link,class:{"menu--active":e.active,"menu--highlighted":e.highlighted,"line-top":e.lineTop,"text-color-secondary":e.textColorSecondary,"translation-none":e.translationNone,"menu--submenu":!!t?.length},tabIndex:0},o,n("div",null,e.badgeText?n("span",{class:"menu__badge"},e.badgeText):null,n("div",null,e.title),i,this.renderCheckmark(e)),r,!!t&&n("tet-icon",{class:"menu__chevron",name:"chevron-right",theme:this.darkMode?"dark":"light"}),!!t&&n("div",{class:{left:this.isSubmenuLeft,right:!this.isSubmenuLeft,menu__sublist:!0}},n("ul",{class:{content:!0}},t))))}renderSublevelItem(e){let t="",o="";return e.iconLeft?t=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(t=this.renderImage(e)),e.iconRight&&(o=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize})),n("li",null,n("a",{id:e.id,href:e.link,class:{"menu--active":e.active,"menu--highlighted":e.highlighted,"line-top":e.lineTop,"text-color-secondary":e.textColorSecondary},tabIndex:0},t,n("div",null,n("div",null,n("span",null,e.title),e.badgeText?n("span",{class:"menu__badge"},e.badgeText):null),this.renderCheckmark(e)),o))}renderIcon(e){const{name:t,right:o=!1,id:r=null,size:i=null,useDefaultColor:a=!1,invertIcon:m=!1}=e,l=r?"sublevel-icon-"+r:"",s=r&&i?n("style",null,".",l," ","{"," --icon-size: ",i,"rem ","}"):"";return n("div",{class:{menu__icon:!0,right:o}},n("tet-icon",{"use-default-color":a,class:"icon "+l,name:t,theme:"login"===this.type&&m?this.darkMode?"light":"dark":this.darkMode?"dark":"light"}),s)}renderImage(e){return n("div",{class:"menu__icon"},n("img",{src:e.imageSrc,alt:""}))}setupThirdLevelEvent(){document.querySelectorAll("tet-menu").forEach((e=>{const n=e.shadowRoot.querySelectorAll(".menu__sublist");n&&n.forEach((e=>{const n=e.closest("a");n.addEventListener("mouseenter",(()=>{const t=window.innerWidth,o=window.innerHeight,r=n.getBoundingClientRect(),i=e.offsetParent||null,a=i?i.getBoundingClientRect():{top:0},m=e.offsetWidth,l=Math.max(10,Math.min(r.top,o-e.offsetHeight-10));e.style.top=l-a.top+"px",e.style.bottom="",this.isSubmenuLeft=t<r.right+m}))}))}))}render(){const{type:e}=this;return n(t,{key:"d2b68b9dd66cd045273bbeb985f0954823e5ddd3"},n("div",{key:"c04c6a9c0ed54eb818bad235d98d750cefd68176",class:{menu:!0,menu__main:"main"===e,menu__language:"language"===e,menu__login:"login"===e,menu__dark:this.darkMode}},this.renderFirstLevel(),this.renderSubLevels()))}};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")}:host{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-font-family:"Inter", var(--font-family-fallback);--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-active-background-color:var(--tc-blue-00);--menu-link-hover-background-color:var(--tc-menu-item-hover);--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-menu-item-badge);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);line-height:var(--menu-line-height);font-family:var(--menu-font-family);font-size:var(--menu-text-size);font-weight:500}.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-active-background-color:rgba(24, 40, 59, 1);--menu-link-hover-background-color:var(--tc-menu-item-hover-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-menu-item-badge-dark)}.menu.menu__dark .menu__first-level--theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main-dark);--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-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-bg:var(--tc-menu-item-red-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main-dark);--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-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-bg:var(--tc-menu-item-green-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main-dark);--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-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-bg:var(--tc-menu-item-violet-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main-dark);--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-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-bg:var(--tc-menu-item-blue-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main-dark);--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-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__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}.menu__first-level:hover{background-color:var(--menu-link-hover-background-color)}.menu__first-level:hover .chevron{transform:rotate(-180deg)}.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)}.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}:hover>.menu__dropdown,:focus>.menu__dropdown,:focus-within>.menu__dropdown{max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu__dropdown__list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title{display:none}.menu__dropdown__list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown a{padding:0.5rem 1rem;display:block}.menu__dropdown a:hover{background-color:var(--menu-link-hover-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{background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__main{--menu-text-size:1rem;--menu-line-height:1.5rem}.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-bg:var(--tc-menu-item-yellow-background-default);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main);--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-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-bg:var(--tc-menu-item-red-background-default);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main);--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-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-bg:var(--tc-menu-item-green-background-default);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main);--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-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-bg:var(--tc-menu-item-violet-background-default);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main);--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-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-bg:var(--tc-menu-item-blue-background-default);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main);--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-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);border:0.125rem solid transparent;background-image:linear-gradient(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.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main .menu__first-level.menu--active{background-color:var(--menu-link-active-background-color)}.menu__main .menu__first-level.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.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__list{padding:0.5rem}.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{display:block;font-size:0.875rem;line-height:1.25rem;color:var(--menu-text-secondary-color)}.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}.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-left: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-hover-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-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__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.125rem;position:absolute;right:0.782rem;top:0.563rem}@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}
|