@tet/tet-components 1.4.83-testing → 1.4.84-production
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-11471e55.js → address-93ebde6a.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-39cfc2af.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-e114d333.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-b099a581.js} +3 -2
- package/dist/cjs/{index-3242ff3f.js → index-162b4cbc.js} +11 -7
- package/dist/cjs/{index-4b423f33.js → index-a59cbcb0.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{phone-055efd07.js → phone-d08b3db5.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-ad533490.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 +10 -10
- package/dist/cjs/tet-address-search.cjs.entry.js +7 -7
- package/dist/cjs/tet-assembler.cjs.entry.js +698 -0
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +4 -4
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/tet-autocomplete.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +16 -16
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +5 -5
- 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 +4 -4
- package/dist/cjs/tet-border-radius.cjs.entry.js +2 -2
- package/dist/cjs/tet-business-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-business-lines.cjs.entry.js +5 -5
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +2 -2
- package/dist/cjs/tet-button.cjs.entry.js +2 -2
- package/dist/cjs/tet-card-list.cjs.entry.js +5 -5
- package/dist/cjs/tet-carousel.cjs.entry.js +9 -9
- package/dist/cjs/tet-checkbox_2.cjs.entry.js +9 -9
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +5 -5
- 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-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +4 -4
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +6 -6
- package/dist/cjs/tet-components.cjs.js +2 -2
- package/dist/cjs/tet-contact-form.cjs.entry.js +6 -6
- package/dist/cjs/tet-contact-info.cjs.entry.js +2 -2
- package/dist/cjs/tet-container_2.cjs.entry.js +4 -4
- package/dist/cjs/tet-countdown.cjs.entry.js +2 -2
- package/dist/cjs/tet-counter.cjs.entry.js +2 -2
- package/dist/cjs/tet-customer-assets.cjs.entry.js +4 -4
- 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 +5 -5
- 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 +4 -4
- package/dist/cjs/tet-expandable-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +2 -2
- package/dist/cjs/tet-feedback-form.cjs.entry.js +4 -4
- package/dist/cjs/tet-filter.cjs.entry.js +3 -3
- package/dist/cjs/tet-floating-block.cjs.entry.js +2 -2
- 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 +3 -3
- package/dist/cjs/tet-inline-message.cjs.entry.js +3 -3
- 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 +2 -2
- package/dist/cjs/tet-link.cjs.entry.js +2 -2
- package/dist/cjs/tet-loader.cjs.entry.js +2 -2
- package/dist/cjs/tet-macd-view.cjs.entry.js +7 -7
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +2 -2
- package/dist/cjs/tet-menu.cjs.entry.js +2 -2
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +2 -2
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +4 -4
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +6 -6
- 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 +3 -3
- package/dist/cjs/tet-placeholder.cjs.entry.js +2 -2
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +2 -2
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +2 -2
- package/dist/cjs/tet-radio.cjs.entry.js +8 -8
- package/dist/cjs/tet-range-slider.cjs.entry.js +8 -8
- package/dist/cjs/tet-referral.cjs.entry.js +7 -7
- package/dist/cjs/tet-round-stepper.cjs.entry.js +2 -2
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +2 -2
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +2 -2
- package/dist/cjs/tet-snicker-card.cjs.entry.js +5 -5
- package/dist/cjs/tet-spacing.cjs.entry.js +2 -2
- package/dist/cjs/tet-spinner.cjs.entry.js +4 -4
- package/dist/cjs/tet-stepper-input.cjs.entry.js +4 -4
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +2 -2
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +2 -2
- package/dist/cjs/tet-stepper.cjs.entry.js +2 -2
- package/dist/cjs/tet-support-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-switch.cjs.entry.js +4 -4
- package/dist/cjs/tet-tab-header.cjs.entry.js +3 -3
- package/dist/cjs/tet-table.cjs.entry.js +2 -2
- package/dist/cjs/tet-tag_2.cjs.entry.js +5 -5
- 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 +4 -4
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +4 -4
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +2 -2
- package/dist/cjs/tet-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +2 -2
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +3 -3
- package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-cde3168f.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-f6095484.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/advanced/address/tet-address-offers-filters/tet-address-offers-filters.js +1 -1
- package/dist/collection/components/advanced/address/tet-address-search/tet-address-search.js +3 -3
- package/dist/collection/components/advanced/address/tet-autocomplete/tet-autocomplete.js +2 -2
- package/dist/collection/components/advanced/address/tet-autocomplete-dropdown/tet-autocomplete-dropdown.js +1 -1
- package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.css +11250 -0
- package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.js +798 -0
- package/dist/collection/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.js +6 -6
- package/dist/collection/components/advanced/cards/tet-business-card/tet-business-card.js +2 -2
- package/dist/collection/components/advanced/cards/tet-business-compare-card/tet-business-compare-card.js +2 -2
- package/dist/collection/components/advanced/cards/tet-business-summary-card/tet-business-summary-card.js +1 -1
- package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.js +4 -4
- package/dist/collection/components/advanced/cards/tet-compare-cards/tet-compare-cards.js +1 -1
- package/dist/collection/components/advanced/cards/tet-compare-cards-tab/tet-compare-cards-tab.js +1 -1
- package/dist/collection/components/advanced/cards/tet-dynamic-card/tet-dynamic-card.js +3 -3
- package/dist/collection/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.js +1 -1
- package/dist/collection/components/advanced/cards/tet-snicker-card/partials/tet-snicker-card-badge/tet-snicker-card-badge.js +1 -1
- package/dist/collection/components/advanced/cards/tet-snicker-card/tet-snicker-card.js +2 -2
- package/dist/collection/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.js +1 -1
- package/dist/collection/components/advanced/customer/tet-asset-addresses/tet-asset-addresses.js +1 -1
- package/dist/collection/components/advanced/customer/tet-asset-availability-addresses/tet-asset-availability-addresses.js +1 -1
- package/dist/collection/components/advanced/customer/tet-customer-assets/tet-customer-assets.js +1 -1
- package/dist/collection/components/advanced/customer/tet-referral/tet-referral.js +2 -2
- package/dist/collection/components/advanced/dialog/tet-multi-step-dialog/tet-multi-step-dialog.js +1 -1
- package/dist/collection/components/advanced/forms/tet-availability-contact-form/tet-availability-contact-form.js +1 -1
- package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.js +3 -3
- package/dist/collection/components/advanced/forms/tet-contact-form/tet-contact-form.js +1 -1
- package/dist/collection/components/advanced/forms/tet-feedback-form/tet-feedback-form.js +1 -1
- package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js +1 -1
- package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js +2 -2
- package/dist/collection/components/advanced/search/tet-support-search/tet-support-search.js +3 -3
- package/dist/collection/components/basic/buttons/tet-button/tet-button.js +1 -1
- package/dist/collection/components/basic/buttons/tet-checkbox/tet-checkbox.js +7 -7
- package/dist/collection/components/basic/buttons/tet-radio/tet-radio.js +7 -7
- package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.js +1 -1
- package/dist/collection/components/basic/buttons/tet-switch/tet-switch.js +3 -3
- package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js +2 -2
- package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js +2 -2
- package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js +2 -2
- package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js +6 -6
- package/dist/collection/components/basic/container/tet-container/tet-container.js +2 -2
- package/dist/collection/components/basic/icon/tet-icon.js +1 -1
- package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js +1 -1
- package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js +1 -1
- package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js +3 -3
- package/dist/collection/components/basic/misc/tet-countdown/tet-countdown.js +1 -1
- package/dist/collection/components/basic/misc/tet-counter/tet-counter.js +1 -1
- package/dist/collection/components/basic/misc/tet-label/tet-label.js +2 -2
- package/dist/collection/components/basic/steppers/tet-business-round-stepper/tet-business-round-stepper.js +1 -1
- package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.js +1 -1
- package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js +1 -1
- package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js +1 -1
- package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js +1 -1
- package/dist/collection/components/simple/filter/tet-filter/tet-filter.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-dropdown/tet-dropdown.js +1 -1
- package/dist/collection/components/simple/inputs/tet-expandable-input/tet-expandable-input.js +2 -2
- package/dist/collection/components/simple/inputs/tet-number-input/tet-number-input.js +2 -2
- 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-link-card-list/tet-link-card-list.js +1 -1
- package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js +1 -1
- package/dist/collection/components/simple/lists/tet-selection-list/tet-selection-list.js +1 -1
- package/dist/collection/components/simple/menu/tet-business-navigation/tet-business-navigation.js +1 -1
- package/dist/collection/components/simple/menu/tet-menu/tet-menu.js +1 -1
- package/dist/collection/components/simple/menu/tet-menu-mobile/tet-menu-mobile.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/structural/tet-floating-block/tet-floating-block.js +1 -1
- package/dist/collection/components/simple/tables-and-graphs/tet-bar-graph/tet-bar-graph.js +3 -3
- package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog.js +2 -2
- package/dist/collection/components/simple/text-blocks/tet-dialog/tet-dialog.js +2 -2
- package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.js +2 -2
- 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-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js +2 -2
- package/dist/collection/components/views/tet-b2b-configurator/tet-b2b-configurator.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/components/views/tet-contact-info/tet-contact-info.js +1 -1
- package/dist/collection/components/views/tet-macd-view/tet-macd-view.js +1 -1
- package/dist/collection/components/views/tet-price-view/tet-price-view.js +1 -1
- package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js +1 -1
- package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js +1 -1
- package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.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/collection/services/api/index.js +2 -1
- package/dist/collection/services/api/services/assembler/assembler.js +27 -0
- package/dist/components/index.js +3 -1
- package/dist/components/{p-ed24db6f.js → p-00a729d7.js} +3 -3
- package/dist/components/{p-3d34781f.js → p-03aff8b6.js} +10 -10
- package/dist/components/{p-dd80dc3d.js → p-06255c6f.js} +9 -9
- package/dist/components/{p-4dd8f3d3.js → p-075d35b5.js} +10 -10
- package/dist/components/{p-70507bfc.js → p-0c881cb5.js} +3 -3
- package/dist/components/{p-02d57d15.js → p-117f1ea1.js} +11 -11
- package/dist/components/{p-258228b9.js → p-16111d72.js} +2 -2
- package/dist/components/{p-7746578a.js → p-181788ac.js} +2 -2
- package/dist/components/{p-e33df696.js → p-1d509d1e.js} +2 -2
- package/dist/components/{p-f42c9f12.js → p-1d7c5381.js} +3 -3
- package/dist/components/{p-0cc0ebd5.js → p-1f091117.js} +5 -5
- package/dist/components/{p-c2ac2f47.js → p-1f8417a6.js} +1 -1
- package/dist/components/{p-8ffc1df0.js → p-27cd0611.js} +8 -8
- package/dist/components/{p-2f7b2d35.js → p-2ebc158b.js} +2 -2
- package/dist/components/{p-d816e019.js → p-31135765.js} +6 -6
- package/dist/components/{p-a70172b4.js → p-374894c2.js} +4 -3
- package/dist/components/{p-a17297ee.js → p-3c02f53b.js} +4 -4
- package/dist/components/{p-dcd94771.js → p-3defa18b.js} +5 -5
- package/dist/components/{p-6aff16b4.js → p-5129cc9c.js} +9 -9
- package/dist/components/{p-b1f8981e.js → p-5334b80c.js} +2 -2
- package/dist/components/{p-25925866.js → p-5cd432df.js} +8 -8
- package/dist/components/{p-77020d0b.js → p-602eb255.js} +13 -13
- package/dist/components/{p-d16fb543.js → p-62e9fb46.js} +1 -1
- package/dist/components/{p-ef0501b4.js → p-6373d427.js} +2 -2
- package/dist/components/{p-3fec7b2f.js → p-6409d62e.js} +8 -8
- package/dist/components/{p-1489658f.js → p-65ca6dd4.js} +4 -4
- package/dist/components/{p-a7a9c18f.js → p-68963521.js} +13 -13
- package/dist/components/{p-62ff8bf6.js → p-6b00297f.js} +11 -11
- package/dist/components/{p-6fc01fd0.js → p-71c46c5d.js} +1 -1
- package/dist/components/{p-243f0f61.js → p-7792d722.js} +6 -6
- package/dist/components/{p-53a6b06a.js → p-7c622fcc.js} +5 -5
- package/dist/components/{p-2ae84fdc.js → p-82a0e6c4.js} +3 -3
- package/dist/components/{p-13118b95.js → p-84c669bb.js} +1 -1
- package/dist/components/{p-bd8348db.js → p-86064f4f.js} +7 -7
- package/dist/components/{p-25b93e8f.js → p-8b6ad07d.js} +1 -1
- package/dist/components/{p-1b924aad.js → p-8c9530b3.js} +1 -1
- package/dist/components/{p-f6641a35.js → p-8cfc5d66.js} +1 -1
- package/dist/components/{p-fdd886c8.js → p-8d6fa7a5.js} +3 -3
- package/dist/components/{p-5a60f52b.js → p-8fe3a422.js} +3 -3
- package/dist/components/{p-24e0696e.js → p-939f10c4.js} +7 -7
- package/dist/components/{p-d6b0f57f.js → p-94d3c102.js} +2 -2
- package/dist/components/{p-7c447d73.js → p-98695052.js} +3 -3
- package/dist/components/{p-e241a1b9.js → p-99de76fc.js} +2 -2
- package/dist/components/{p-639ddd2d.js → p-9c05d88a.js} +5 -5
- package/dist/components/{p-3c1955a3.js → p-9c83d076.js} +14 -14
- package/dist/components/{p-59115eaa.js → p-a5a40b2e.js} +2 -2
- package/dist/components/{p-89b65bec.js → p-a64cebe6.js} +7 -7
- package/dist/components/{p-e3eb3b05.js → p-ab1eecbc.js} +2 -2
- package/dist/components/{p-1ef86f0d.js → p-adfa8d57.js} +3 -3
- package/dist/components/{p-f2932424.js → p-af92f45a.js} +3 -3
- package/dist/components/{p-6a960196.js → p-bc3dba28.js} +4 -4
- package/dist/components/{p-2bbe2219.js → p-d6b3daa7.js} +4 -4
- package/dist/components/{p-4468c9e9.js → p-da5c0aa7.js} +2 -2
- package/dist/components/{p-7c9a4ed8.js → p-f0b8647b.js} +3 -3
- package/dist/components/{p-fc13b43b.js → p-f141ccfe.js} +4 -4
- package/dist/components/{p-6f28f8b4.js → p-f299b339.js} +5 -5
- package/dist/components/{p-0cdbc766.js → p-f7899c4c.js} +1 -1
- package/dist/components/{p-85765c82.js → p-fc2f8ac2.js} +6 -6
- package/dist/components/{p-0350e010.js → p-fe5cc3d8.js} +3 -3
- 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-assembler.d.ts +11 -0
- package/dist/components/tet-assembler.js +748 -0
- package/dist/components/tet-asset-addresses.js +14 -14
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +6 -6
- 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 +21 -21
- 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 +4 -4
- package/dist/components/tet-border-radius.js +2 -2
- package/dist/components/tet-business-card.js +3 -3
- package/dist/components/tet-business-compare-card.js +5 -5
- 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 +3 -3
- 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 +10 -10
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +10 -10
- 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-v3.js +10 -10
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +17 -17
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +10 -10
- package/dist/components/tet-contact-info.js +2 -2
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +2 -2
- package/dist/components/tet-counter.js +2 -2
- package/dist/components/tet-customer-assets.js +10 -10
- 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 +7 -7
- package/dist/components/tet-expandable-input.js +5 -5
- package/dist/components/tet-expansion-panel.js +2 -2
- package/dist/components/tet-feedback-form.js +8 -8
- package/dist/components/tet-filter.js +6 -6
- package/dist/components/tet-floating-block.js +4 -4
- 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 +4 -4
- package/dist/components/tet-link.js +2 -2
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +11 -11
- package/dist/components/tet-menu-mobile.js +3 -3
- package/dist/components/tet-menu.js +3 -3
- package/dist/components/tet-mini-compare-card.js +4 -4
- package/dist/components/tet-multi-step-dialog.js +6 -6
- package/dist/components/tet-navigation-mobile.js +6 -6
- 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-blocks.js +3 -3
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +8 -8
- package/dist/components/tet-round-stepper.js +3 -3
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +2 -2
- package/dist/components/tet-snicker-card-group.js +2 -2
- package/dist/components/tet-snicker-card.js +13 -13
- 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 +10 -10
- 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 +4 -4
- 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 +6 -6
- package/dist/components/tet-thank-you-view-v3.js +6 -6
- package/dist/components/tet-thank-you-view.js +5 -5
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +2 -2
- package/dist/components/tet-tv-gift-list.js +4 -4
- package/dist/esm/{address-c6324f62.js → address-8bc4759b.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-cea3bef9.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-904fabcf.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-43d8c151.js} +3 -2
- package/dist/esm/{index-aac31bd2.js → index-0da0d682.js} +11 -7
- package/dist/esm/{index-412df137.js → index-6c5bc6fc.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{phone-1a920c5c.js → phone-3efee932.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-4d55b208.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 +10 -10
- package/dist/esm/tet-address-search.entry.js +7 -7
- package/dist/esm/tet-assembler.entry.js +694 -0
- package/dist/esm/tet-asset-addresses.entry.js +4 -4
- package/dist/esm/tet-autocomplete-dropdown.entry.js +2 -2
- package/dist/esm/tet-autocomplete.entry.js +3 -3
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +16 -16
- package/dist/esm/tet-b2b-configurator.entry.js +5 -5
- 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 +4 -4
- package/dist/esm/tet-border-radius.entry.js +2 -2
- package/dist/esm/tet-business-card.entry.js +3 -3
- package/dist/esm/tet-business-compare-card.entry.js +3 -3
- package/dist/esm/tet-business-lines.entry.js +5 -5
- package/dist/esm/tet-business-round-stepper.entry.js +2 -2
- package/dist/esm/tet-button.entry.js +2 -2
- package/dist/esm/tet-card-list.entry.js +5 -5
- package/dist/esm/tet-carousel.entry.js +9 -9
- package/dist/esm/tet-checkbox_2.entry.js +9 -9
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +5 -5
- 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-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +4 -4
- package/dist/esm/tet-compare-cards_2.entry.js +6 -6
- package/dist/esm/tet-components.js +3 -3
- package/dist/esm/tet-contact-form.entry.js +6 -6
- package/dist/esm/tet-contact-info.entry.js +2 -2
- package/dist/esm/tet-container_2.entry.js +4 -4
- package/dist/esm/tet-countdown.entry.js +2 -2
- package/dist/esm/tet-counter.entry.js +2 -2
- package/dist/esm/tet-customer-assets.entry.js +4 -4
- 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 +5 -5
- 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 +4 -4
- package/dist/esm/tet-expandable-input.entry.js +3 -3
- package/dist/esm/tet-expansion-panel.entry.js +2 -2
- package/dist/esm/tet-feedback-form.entry.js +4 -4
- package/dist/esm/tet-filter.entry.js +3 -3
- package/dist/esm/tet-floating-block.entry.js +2 -2
- 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 +3 -3
- package/dist/esm/tet-inline-message.entry.js +3 -3
- 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 +2 -2
- package/dist/esm/tet-link.entry.js +2 -2
- package/dist/esm/tet-loader.entry.js +2 -2
- package/dist/esm/tet-macd-view.entry.js +7 -7
- package/dist/esm/tet-menu-mobile.entry.js +2 -2
- package/dist/esm/tet-menu.entry.js +2 -2
- package/dist/esm/tet-mini-compare-card.entry.js +2 -2
- package/dist/esm/tet-multi-step-dialog.entry.js +4 -4
- package/dist/esm/tet-navigation-mobile.entry.js +6 -6
- 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 +3 -3
- package/dist/esm/tet-placeholder.entry.js +2 -2
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +2 -2
- package/dist/esm/tet-radio-blocks.entry.js +2 -2
- package/dist/esm/tet-radio.entry.js +8 -8
- package/dist/esm/tet-range-slider.entry.js +8 -8
- package/dist/esm/tet-referral.entry.js +7 -7
- package/dist/esm/tet-round-stepper.entry.js +2 -2
- package/dist/esm/tet-snicker-card-badge.entry.js +2 -2
- package/dist/esm/tet-snicker-card-group.entry.js +2 -2
- package/dist/esm/tet-snicker-card.entry.js +5 -5
- package/dist/esm/tet-spacing.entry.js +2 -2
- package/dist/esm/tet-spinner.entry.js +4 -4
- package/dist/esm/tet-stepper-input.entry.js +4 -4
- package/dist/esm/tet-stepper-v2.entry.js +2 -2
- package/dist/esm/tet-stepper-v3.entry.js +2 -2
- package/dist/esm/tet-stepper.entry.js +2 -2
- package/dist/esm/tet-support-search.entry.js +4 -4
- package/dist/esm/tet-switch.entry.js +4 -4
- package/dist/esm/tet-tab-header.entry.js +3 -3
- package/dist/esm/tet-table.entry.js +2 -2
- package/dist/esm/tet-tag_2.entry.js +5 -5
- 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 +4 -4
- package/dist/esm/tet-thank-you-view-v3.entry.js +4 -4
- package/dist/esm/tet-thank-you-view.entry.js +2 -2
- package/dist/esm/tet-tooltip.entry.js +2 -2
- package/dist/esm/tet-tv-gift-block.entry.js +2 -2
- package/dist/esm/tet-tv-gift-list.entry.js +3 -3
- package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-37dd9692.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-6460892c.js} +1 -1
- package/dist/tet-components/p-01efe8cc.entry.js +1 -0
- package/dist/tet-components/{p-2920ed03.entry.js → p-05989477.entry.js} +1 -1
- package/dist/tet-components/{p-2f67917d.entry.js → p-0917539b.entry.js} +1 -1
- package/dist/tet-components/{p-5fb62a1b.entry.js → p-0a04dd95.entry.js} +1 -1
- package/dist/tet-components/{p-85a134f3.entry.js → p-0cd22a4a.entry.js} +1 -1
- package/dist/tet-components/{p-7e91cb84.entry.js → p-0d3a3f6b.entry.js} +1 -1
- package/dist/tet-components/{p-63b4d119.entry.js → p-0e678edb.entry.js} +1 -1
- package/dist/tet-components/{p-8c710929.entry.js → p-1224978f.entry.js} +1 -1
- package/dist/tet-components/{p-b0a0e71b.entry.js → p-1537a8c3.entry.js} +1 -1
- package/dist/tet-components/{p-0e4e9e79.entry.js → p-1937153f.entry.js} +1 -1
- package/dist/tet-components/{p-724189c2.entry.js → p-1ad37ab3.entry.js} +1 -1
- package/dist/tet-components/{p-29cde2fc.entry.js → p-1be60596.entry.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-1efc5cb6.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-21acfb7d.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-23d55f26.js} +1 -1
- package/dist/tet-components/{p-016313c8.entry.js → p-23d74702.entry.js} +1 -1
- package/dist/tet-components/{p-3b87a188.entry.js → p-32dd7f3f.entry.js} +1 -1
- package/dist/tet-components/{p-796eb501.js → p-355b139a.js} +1 -1
- package/dist/tet-components/{p-f66f239b.entry.js → p-3e522ab6.entry.js} +1 -1
- package/dist/tet-components/{p-7a54781c.entry.js → p-424e9a05.entry.js} +1 -1
- package/dist/tet-components/{p-5b5001cf.entry.js → p-440994b1.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-458477a7.js} +1 -1
- package/dist/tet-components/{p-9975c677.entry.js → p-4943bcda.entry.js} +1 -1
- package/dist/tet-components/{p-48c5ec91.entry.js → p-4a6a0482.entry.js} +1 -1
- package/dist/tet-components/{p-08205bb0.entry.js → p-50230b67.entry.js} +1 -1
- package/dist/tet-components/{p-6fa43e9e.entry.js → p-559ab86b.entry.js} +1 -1
- package/dist/tet-components/{p-3f3911b6.entry.js → p-574f5487.entry.js} +1 -1
- package/dist/tet-components/p-5767d91d.entry.js +1 -0
- package/dist/tet-components/{p-0ebbf5ef.js → p-59c5d02d.js} +1 -1
- package/dist/tet-components/{p-7f18c74c.entry.js → p-5c7ee239.entry.js} +1 -1
- package/dist/tet-components/{p-236135bd.entry.js → p-5c874d96.entry.js} +1 -1
- package/dist/tet-components/{p-44243190.entry.js → p-626312dd.entry.js} +1 -1
- package/dist/tet-components/{p-1c8fb479.entry.js → p-67e0e525.entry.js} +1 -1
- package/dist/tet-components/{p-5cfa510c.entry.js → p-69fea97c.entry.js} +1 -1
- package/dist/tet-components/{p-6b63a9c5.entry.js → p-6a9c5a37.entry.js} +1 -1
- package/dist/tet-components/{p-a1d7516f.entry.js → p-6adba346.entry.js} +1 -1
- package/dist/tet-components/{p-4d903648.entry.js → p-6c1992ca.entry.js} +1 -1
- package/dist/tet-components/{p-829c6df6.entry.js → p-6cf2d1d0.entry.js} +1 -1
- package/dist/tet-components/{p-faecb4fe.entry.js → p-7200eee6.entry.js} +1 -1
- package/dist/tet-components/{p-e303efa1.entry.js → p-73d96732.entry.js} +1 -1
- package/dist/tet-components/{p-32ec918e.entry.js → p-76060e6d.entry.js} +1 -1
- package/dist/tet-components/{p-e4a8a19d.entry.js → p-76177b80.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-76c2ce9c.js} +1 -1
- package/dist/tet-components/{p-b2e25c5c.entry.js → p-76f6df3e.entry.js} +1 -1
- package/dist/tet-components/{p-55cbd500.entry.js → p-7a11f545.entry.js} +1 -1
- package/dist/tet-components/{p-efc67b5d.entry.js → p-7b02d736.entry.js} +1 -1
- package/dist/tet-components/p-7c868b40.js +2 -0
- package/dist/tet-components/{p-778c46a6.js → p-7e108608.js} +1 -1
- package/dist/tet-components/p-81456c37.js +1 -0
- package/dist/tet-components/{p-2a8622d5.entry.js → p-8a92896e.entry.js} +1 -1
- package/dist/tet-components/{p-cde8057a.entry.js → p-8ad380e1.entry.js} +1 -1
- package/dist/tet-components/{p-b2f98ae4.entry.js → p-8b11e34b.entry.js} +1 -1
- package/dist/tet-components/{p-5da5f21d.entry.js → p-8b990dbe.entry.js} +1 -1
- package/dist/tet-components/{p-d10d45f4.entry.js → p-8c3da5aa.entry.js} +1 -1
- package/dist/tet-components/{p-7b43bbad.entry.js → p-8e316c66.entry.js} +1 -1
- package/dist/tet-components/{p-a8051a99.js → p-8f9c8b2c.js} +1 -1
- package/dist/tet-components/{p-58cb16c8.entry.js → p-91908071.entry.js} +1 -1
- package/dist/tet-components/{p-6f1b2ccc.entry.js → p-921cbf60.entry.js} +1 -1
- package/dist/tet-components/{p-936bcbd6.entry.js → p-9241a6f2.entry.js} +1 -1
- package/dist/tet-components/{p-b652f17d.entry.js → p-962059e3.entry.js} +1 -1
- package/dist/tet-components/{p-4c6a379b.entry.js → p-97b059d6.entry.js} +1 -1
- package/dist/tet-components/{p-7fc933fe.entry.js → p-9879fc94.entry.js} +1 -1
- package/dist/tet-components/{p-d8e2184a.entry.js → p-9a43cff6.entry.js} +1 -1
- package/dist/tet-components/{p-a5645919.entry.js → p-9c0fc5f4.entry.js} +1 -1
- package/dist/tet-components/{p-0eb1e821.entry.js → p-9ca0343d.entry.js} +1 -1
- package/dist/tet-components/{p-3b65adc5.entry.js → p-a7115a4c.entry.js} +1 -1
- package/dist/tet-components/{p-fdd7e7d5.entry.js → p-ab183b78.entry.js} +1 -1
- package/dist/tet-components/{p-fc8f7ddb.entry.js → p-acd429c6.entry.js} +1 -1
- package/dist/tet-components/{p-87221449.entry.js → p-ad790bf6.entry.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-ae2a1f4b.entry.js} +1 -1
- package/dist/tet-components/{p-3cfc58fc.entry.js → p-af40078a.entry.js} +1 -1
- package/dist/tet-components/{p-dab1cb50.entry.js → p-b0d4b5dd.entry.js} +1 -1
- package/dist/tet-components/{p-fe57c92c.entry.js → p-b1d7d82b.entry.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-b4e3a6e6.entry.js} +1 -1
- package/dist/tet-components/{p-3c24a050.entry.js → p-ba27c883.entry.js} +1 -1
- package/dist/tet-components/{p-f6916bfc.entry.js → p-bae40179.entry.js} +1 -1
- package/dist/tet-components/{p-46f6a051.entry.js → p-bcbb0768.entry.js} +1 -1
- package/dist/tet-components/{p-3672e5a2.entry.js → p-bd0f46e0.entry.js} +1 -1
- package/dist/tet-components/{p-b57d9144.entry.js → p-beaf47a5.entry.js} +1 -1
- package/dist/tet-components/{p-fc88ce77.entry.js → p-c030973a.entry.js} +1 -1
- package/dist/tet-components/{p-2fc95a5a.entry.js → p-c3214043.entry.js} +1 -1
- package/dist/tet-components/{p-9c20529c.entry.js → p-c3e8561c.entry.js} +1 -1
- package/dist/tet-components/{p-0c281800.entry.js → p-c6f8b085.entry.js} +1 -1
- package/dist/tet-components/{p-64e68c0b.entry.js → p-c81b951d.entry.js} +1 -1
- package/dist/tet-components/{p-00416b3b.entry.js → p-c9f1f654.entry.js} +1 -1
- package/dist/tet-components/{p-c4de9e32.entry.js → p-ccbe2f2a.entry.js} +1 -1
- package/dist/tet-components/{p-697d23d7.entry.js → p-cf1fc9d4.entry.js} +1 -1
- package/dist/tet-components/{p-bca35a51.entry.js → p-cf9a28ff.entry.js} +1 -1
- package/dist/tet-components/{p-6b799942.entry.js → p-d36f1a01.entry.js} +1 -1
- package/dist/tet-components/{p-36a4398d.entry.js → p-d8fc6609.entry.js} +1 -1
- package/dist/tet-components/p-dc5f902b.entry.js +1 -0
- package/dist/tet-components/{p-9a75ed39.entry.js → p-dcdea181.entry.js} +1 -1
- package/dist/tet-components/p-de8997e1.entry.js +1 -0
- package/dist/tet-components/{p-122f3d3c.entry.js → p-df4fb058.entry.js} +1 -1
- package/dist/tet-components/{p-69c58fc4.entry.js → p-e088c913.entry.js} +1 -1
- package/dist/tet-components/{p-7ae809e4.entry.js → p-e117e3da.entry.js} +1 -1
- package/dist/tet-components/{p-cf3456e2.entry.js → p-e1d25dad.entry.js} +1 -1
- package/dist/tet-components/{p-45795285.entry.js → p-e38250f8.entry.js} +1 -1
- package/dist/tet-components/{p-77369bbf.entry.js → p-e95779d0.entry.js} +1 -1
- package/dist/tet-components/{p-6b088283.entry.js → p-e9c23852.entry.js} +1 -1
- package/dist/tet-components/{p-cbe2dffa.entry.js → p-eb057c27.entry.js} +1 -1
- package/dist/tet-components/{p-3c736bd6.entry.js → p-eb5201e3.entry.js} +1 -1
- package/dist/tet-components/{p-b0c62997.entry.js → p-eb8216a1.entry.js} +1 -1
- package/dist/tet-components/{p-6693715e.entry.js → p-f0f979b7.entry.js} +1 -1
- package/dist/tet-components/{p-18a06e75.entry.js → p-f442ed39.entry.js} +1 -1
- package/dist/tet-components/{p-1e66ec94.entry.js → p-f52f2286.entry.js} +1 -1
- package/dist/tet-components/{p-30d28882.entry.js → p-f87fa11b.entry.js} +1 -1
- package/dist/tet-components/{p-ccfa9f31.entry.js → p-fc8d6963.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-assembler/tet-assembler.d.ts +221 -0
- package/dist/types/components.d.ts +78 -0
- package/dist/types/services/api/index.d.ts +2 -1
- package/dist/types/services/api/services/assembler/assembler.d.ts +36 -0
- package/package.json +1 -1
- package/dist/tet-components/p-46a02254.entry.js +0 -1
- package/dist/tet-components/p-83f43fdd.js +0 -2
- package/dist/tet-components/p-a727af6b.entry.js +0 -1
- package/dist/tet-components/p-bffdfc84.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:i,errorMessages:a,theme:l,renderErrorMessages:f,maxLength:s}=this,c={"tet-textarea__base":!0,[`tet-textarea__${this.theme}`]:!0,error:a.length>0,"keyboard-focus":this.focusVisible};return o(e,{key:"c78f0faf73f87322323162c9354993d6d11fdfc6"},o("label",{key:"7a551777d770e5322489104e860502bf762e9844",class:{[`${l}`]:!0}},r&&o("span",{key:"019c784d4bf9eb2aa7d2195a2fa5c78cad634227",class:{"tet-textarea__label":!0,[`tet-textarea__${l}`]:!0}},r),o("div",{key:"3d6c0eb7d4602659b469dd7ef3b902fdacc4fbcc",class:{"textarea-container":!0,[`tet-textarea__${l}`]:!0}},o("textarea",{key:"7ee711311c46f848169778070d6b701324867720",onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,id:"textarea",class:c,placeholder:n,disabled:i,autocomplete:"off",ref:t=>this.textareaHtmlElement=t,maxlength:s},t))),this.errorMessages.length>0&&f())}};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-7c868b40.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:f,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:"8d1da87f68ae54c367eee2564583e191fc0feb87"},o("label",{key:"64e13138c4b10ff122dd8a665042ace530b14b08",class:{[`${l}`]:!0}},r&&o("span",{key:"6711540ce9a9d197e92db9c4f3a35fbd588d9a0e",class:{"tet-textarea__label":!0,[`tet-textarea__${l}`]:!0}},r),o("div",{key:"ea9255c74f65416ff2ca04fcd4834a8a4344ddc4",class:{"textarea-container":!0,[`tet-textarea__${l}`]:!0}},o("textarea",{key:"82ae71f360eb7a2d9b6f21030f97657a6b90959a",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&&f())}};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,c as o,h as e}from"./p-83f43fdd.js";import"./p-0ebbf5ef.js";import{p as t}from"./p-778c46a6.js";const a=class{constructor(e){r(this,e),this.cardLoaded=o(this,"cardLoaded",7),this.productChanged=o(this,"productChanged",7),this.cardType="static",this.theme="light",this.language="lv",this.options=[],this.toggles=[],this.contractTerm=0,this.controlsTitle=void 0,this.bestChoiceText=void 0,this.bestChoiceIconName=void 0,this.currency="€/mēn.",this.secondaryLink="",this.secondaryLinkText="",this.secondaryLinkOpenBlank=!1,this.buttonTitle="",this.linkOpenBlank=!1,this.showControlsFirst=!1,this.showLoader=!0,this.selectedProductId="",this.selectedSwitchKeys=[],this.preselectedKeys=[],this.preselectedProductId="",this.allProductData={},this.preselectedRemountId=0,this.buttonSize="large"}buttonSizeBreakpoint=1280;didEmitCardLoaded=!1;cardLoaded;productChanged;onOptionSelected(r){this.selectedProductId=r.detail.value,this.productChanged.emit()}async componentWillLoad(){switch(this.syncButtonSize(),this.fetchProductComparison(),this.cardType){case"dropdown":case"radio":{const r=this.options.find((r=>r.preselected))??this.options[0];r&&(this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"switcher":{const r=this.options.find((r=>r.preselected));r&&(this.preselectedKeys=[...r.keys??[]],this.preselectedProductId=this.getOptionId(r),this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"static":this.selectedProductId=this.getOptionId(this.options[0]),this.productChanged.emit()}}componentDidRender(){this.showLoader||this.didEmitCardLoaded||(this.didEmitCardLoaded=!0,this.cardLoaded.emit())}onResize(){this.syncButtonSize()}syncButtonSize(){if(void 0===globalThis.window)return void(this.buttonSize="large");const r=globalThis.window.innerWidth<this.buttonSizeBreakpoint?"medium":"large";this.buttonSize!==r&&(this.buttonSize=r)}getOptionId(r){return r?.id??r?.productCode??""}getOptionById(r){return this.options.find((o=>this.getOptionId(o)===r))}getSelectionOptions(){return this.options.map((r=>({label:r.optionLabel||"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedProductId})))}getToggledProductId(r){const o=[...r].sort(((r,o)=>r.localeCompare(o))).join(","),e=this.options.find((r=>[...r.keys??[]].sort(((r,o)=>r.localeCompare(o))).join(",")===o));return e?this.getOptionId(e):null}handleSwitchToggle(r,o){const e=this.toggles.find((o=>o.toggleKey===r));let t=[...this.selectedSwitchKeys];if(!o){const o=t.filter((o=>o!==r));if(0===o.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit();const e=this.getToggledProductId(o);return e?(this.selectedSwitchKeys=o,this.selectedProductId=e,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit())}if(e?.selectAll){const r=this.getFullComboToggleOption();if(r)return this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),void this.productChanged.emit()}t.includes(r)||t.push(r),t=t.sort(((r,o)=>r.localeCompare(o)));const a=this.getToggledProductId(t);this.selectedSwitchKeys=t,a?(this.selectedProductId=a,this.productChanged.emit()):(this.selectedProductId=this.preselectedProductId,this.selectedSwitchKeys=[...this.preselectedKeys],this.preselectedRemountId++,this.productChanged.emit())}getFullComboToggleOption(){return this.options.length?this.options.reduce(((r,o)=>(o.keys??[]).length>(r.keys??[]).length?o:r),this.options[0]):null}async fetchProductComparison(){const r=Array.from(new Set(this.options.filter((r=>!r.productData)).map((r=>r.productCode)).filter(Boolean)));let o={};if(r.length)try{const e=await t(r.join(","));o=e.products||{}}catch(r){console.error(r)}this.allProductData=this.options.reduce(((r,e)=>{const t=this.getOptionId(e),a=e.productCode?o[e.productCode]:void 0;return t&&a&&(r[t]=a),r}),{}),this.showLoader=!1}selectedContractTerm(){const r=this.allProductData[this.selectedProductId]?.contractTerms;if(r?.length)return r.find((r=>r.term===this.contractTerm))}getElementTag(r){if(r?.href?.trim())return"a";const o=r?.["data-modal-screen-key"]?.trim(),e=r?.role?.trim().toLowerCase();return o||"button"===e?"button":"div"}renderSwitch(r){const{toggleKey:o,icon:t,name:a}=r;if(!o)return null;const i=this.preselectedKeys.includes(o);return e("div",{class:"switch-wrapper"},e("tet-switch",{class:"switch",theme:this.theme,key:i?`${o}-${this.preselectedRemountId}`:o,name:o,checked:this.selectedSwitchKeys.includes(o),onCheck:r=>this.handleSwitchToggle(o,r.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},e("div",{class:"switch-label"},e("tet-icon",{theme:this.theme,class:"benefit__icon",name:t}),a)))}renderBonuses(){const r=this.getOptionById(this.selectedProductId),o=r?.bonuses??[];return o.length<1?null:e("div",{class:"bonuses"},o.map((r=>{const o=r.items??[];return o.length?e("div",{class:"bonuses__bonus-container"},!!r.title&&e("div",{class:"section-title"},r.title),o.map((r=>{const o=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,t=this.getElementTag(o),a=["a","button"].includes(t);return e(t,{type:"button"===t?"button":void 0,class:{bonus:!0,"bonus--interactive":a},...o||{}},e("tet-icon",{theme:this.theme,class:"bonus__icon",name:r.iconName}),e("span",{class:"bonus__text"},r.name),a&&e("div",{class:"bonus__chevron-icon-container"},e("tet-icon",{class:"bonus__icon bonus__icon--chevron",name:"tc-chevron-right-small"})))}))):null})))}renderRadioOptions(){const r=this.getSelectionOptions();return e("div",{class:"radio-container"},r.map((r=>e("div",{class:"radio-wrapper"},e("tet-radio",{class:"radio","label-font":"md",theme:this.theme,name:"radio-card-options",label:r.label,value:r.value,checked:this.selectedProductId===r.value,focusStyleOnContainer:!0,onCheck:r=>this.onOptionSelected(r)})))))}renderPrice({contractPrice:r,basePrice:o,priceDescription:t,showDiscount:a}){const i=Number.parseFloat(r.replace(",",".")),n=Number.parseFloat(o.replace(",",".")),c=a&&Number.isFinite(n);return r&&Number.isFinite(i)?e("div",{class:"price-wrapper"},e("div",{class:"price-container"},e("div",{class:"price-container__price-group"},e("div",{class:"price-container__price translation-none"},i.toFixed(2).replace(".",",")),e("div",{class:"price-container__currency"},e("span",null,this.currency))),c&&e("div",{class:"price-container__base-price translation-none"},e("span",null,n.toFixed(2).replace(".",",")),e("span",null,this.currency))),t&&e("span",{class:"price-container__description"},t)):null}getPriceData(r,o,e){const t=(r?.discountPrice??r?.price??e?.amount??"").toString(),a=(r?.price??o?.amount??"").toString(),i=Number.parseFloat(t.replace(",",".")),n=Number.parseFloat(a.replace(",",".")),c=!1!==e?.showDiscount&&Number.isFinite(i)&&Number.isFinite(n)&&n>i;return{contractPrice:t,basePrice:a,priceDescription:r?.priceDescription??e?.priceDescription?.[this.language]??"",showDiscount:c}}renderControl(r){switch(this.cardType){case"switcher":return e("div",{class:"benefits"},e("div",null,this.toggles.map((r=>this.renderSwitch(r)))));case"dropdown":return e("tet-dropdown",{id:"dropdown",class:"dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:r});case"radio":return this.renderRadioOptions();default:return null}}renderControls(){const r=this.getSelectionOptions(),o=!!this.controlsTitle&&"static"!==this.cardType,t=this.renderControl(r);return t?e("div",{class:"controls"},o&&e("div",{class:"section-title"},this.controlsTitle),t):null}buildLinkWithParams(r,o){if(!r)return"";const e=new URL(r);return o.forEach(((r,o)=>{e.searchParams.append(o,r)})),e.toString()}renderCard(){const r=this.allProductData[this.selectedProductId],o=this.getOptionById(this.selectedProductId),t=o?.productData,a=this.selectedContractTerm(),i=r?.attributes?.find((r=>"overrideProductName"===r.key))?.value,n=t?.name??i??r?.name?.[this.language],c=this.getPriceData(t,r,a),s=a?.promotionCode??"",l=a?.term??"",d=this.secondaryLink||t?.contractUrl||a?.contract||"",f=!!d&&!!this.secondaryLinkText,m=this.secondaryLinkOpenBlank?"_blank":void 0,p=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,h=r?.formUrl?.[this.language]||"",u=new URLSearchParams({contractTerm:l?.toString()??"",product:o?.productCode??"",promotion:s??"",lang:this.language??"",from:"tet.lv"}),b=t?t.formUrl:this.buildLinkWithParams(h,u),v=!!o?.bestChoice,w=o?.cardLabel;return e("div",{class:{card:!0,"best-choice":v}},this.bestChoiceText&&e("div",{class:{"best-choice-title":!0,active:v}},!!this.bestChoiceIconName&&e("tet-icon",{class:"best-choice-title__icon ",name:this.bestChoiceIconName}),e("span",null,this.bestChoiceText)),e("div",{class:"content content__top"},n&&e("h3",{class:"title"},n),this.renderPrice(c),!!w&&e("p",{class:"card-label"},w),e("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:b,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle),f&&e("div",{class:"secondary-link"},e("a",{class:"tet-link",href:d,target:m,rel:p},this.secondaryLinkText))),e("div",{class:"content content__bottom"},this.showControlsFirst?[this.renderControls(),this.renderBonuses()]:[this.renderBonuses(),this.renderControls()]))}renderLoader(){return e("tet-placeholder",{class:"card__placeholder",height:"100%",width:"100%",darkTheme:"dark"===this.theme})}render(){return this.showLoader?this.renderLoader():this.renderCard()}};a.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--compare-card-top-part-background-color:var(--tc-layer-permanent-yellow);--compare-card-bottom-part-background-color:var(--tc-layer-primary);--compare-card-text-permanent-color:var(--tc-text-black-permanent);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-tertiary-color:var(--tc-text-tertiary);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black);--compare-card-separator-border-color:var(--tc-border-tertiary);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary);--compare-card-chevron-icon-color:var(--tc-grey-60);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary);--compare-card-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-border-radius:1rem;--compare-card-min-width:20.5rem;--compare-card-max-width:100%;--compare-card-radio-container-background-color:var(--tc-product-card-menu-default);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active);display:flex;width:100%;min-width:var(--compare-card-min-width);max-width:var(--compare-card-max-width)}:host([theme=dark]){--compare-card-bottom-part-background-color:var(--tc-layer-primary-dark);--compare-card-text-color:var(--tc-text-primary-dark);--compare-card-text-tertiary-color:var(--tc-text-tertiary-dark);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black-dark);--compare-card-separator-border-color:var(--tc-border-tertiary-dark);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary-dark);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary-dark);--compare-card-chevron-icon-color:var(--tc-grey-60-dark);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary-dark);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary-dark);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary-dark);--compare-card-focus-outline-color:var(--tc-blue-40-dark);--compare-card-box-shadow:var(--tc-elevation-three-dark);--compare-card-radio-container-background-color:var(--tc-product-card-menu-default-dark);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover-dark);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed-dark);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active-dark);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default-dark);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover-dark);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed-dark);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active-dark)}.card{display:inline-flex;flex-direction:column;position:relative;width:100%;height:100%;border-radius:var(--compare-card-border-radius);box-shadow:var(--compare-card-box-shadow)}.card__placeholder{--placeholder-min-height:37rem;--placeholder-border-radius:var(--compare-card-border-radius)}.card .content{padding:1.5rem 1rem}.card .content__top{background-color:var(--compare-card-top-part-background-color);color:var(--compare-card-text-permanent-color);border-top-left-radius:var(--compare-card-border-radius);border-top-right-radius:var(--compare-card-border-radius)}.card .content__bottom{background-color:var(--compare-card-bottom-part-background-color);color:var(--compare-card-text-color);border-bottom-left-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius);height:100%}@media screen and (min-width: 31.25rem){.card .content{padding:1.5rem 2rem}}@media screen and (min-width: 80rem){.card .content{padding:2rem}}.card .best-choice-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;gap:0.5rem;position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5rem;max-width:18.5rem;padding:0.5rem 1.25rem;border-radius:1rem 1rem 0 0;background-color:var(--compare-card-best-choice-background-color);color:var(--compare-card-best-choice-text-color);overflow:hidden;text-overflow:ellipsis}.card .best-choice-title__icon{--icon-container-display:flex;--icon-size:1.375rem;--icon-color:var(--compare-card-best-choice-text-color)}.card .best-choice-title.active{visibility:visible}.card .title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card .price-wrapper{display:flex;flex-direction:column;overflow:hidden;gap:0.75rem}.card .price-wrapper .price-container{display:flex;flex-direction:column}.card .price-wrapper .price-container__price-group{display:inline-flex;align-items:flex-end;flex-wrap:nowrap;white-space:nowrap;gap:0.25rem}.card .price-wrapper .price-container__price{font:600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.card .price-wrapper .price-container__price{font:600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__price{font:600 6rem/6.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card .price-wrapper .price-container__currency{margin-bottom:0.5rem;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__currency{margin-bottom:0.75rem}}.card .price-wrapper .price-container__base-price{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex:0 0 100%;width:100%;text-decoration-line:line-through}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card .card-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin-top:0.75rem;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .button{--button-width:100%;margin:0.75rem 0 1rem;width:100%}.card .secondary-link{font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";width:fit-content;margin:0 auto}.card .bonuses{display:flex;flex-direction:column;gap:1.5rem}.card .bonuses+.controls{margin-top:1.5rem}.card .bonuses__bonus-container .bonus{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;width:100%;gap:0.75rem;padding:0.375rem 0.5rem;border-radius:0.5rem;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;color:inherit;text-align:start;text-decoration:none;--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus--interactive{cursor:pointer}.card .bonuses__bonus-container .bonus--interactive:hover{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-hover-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-hover-background-color)}.card .bonuses__bonus-container .bonus--interactive:active{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-active-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-active-background-color)}.card .bonuses__bonus-container .bonus--interactive:focus-visible{outline:0.125rem solid var(--compare-card-focus-outline-color)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text{flex:1 0 0;text-align:start}.card .bonuses__bonus-container .bonus__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin-left:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .controls+.bonuses{margin-top:1.5rem}.card .section-title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.375rem 0;margin-bottom:0.75rem;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.card .radio-container{display:flex;flex-direction:column;gap:1rem}.card .radio-wrapper{border-radius:0.5rem}.card .radio-wrapper .radio{--radio-container-outline-offset:-0.125rem}.card .radio-wrapper .radio .radio__container--focus-style:has(:focus-visible){border-radius:0.5rem}.card .radio-wrapper .radio .radio__container{padding:1rem 0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--compare-card-radio-container-border-color);background-color:var(--compare-card-radio-container-background-color);cursor:pointer}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:hover{background-color:var(--compare-card-radio-container-background-hover-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:active{background-color:var(--compare-card-radio-container-background-pressed-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:hover{border-color:var(--compare-card-radio-container-border-hover-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:active{border-color:var(--compare-card-radio-container-border-pressed-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio[checked]:not([checked=false]) .radio__container{border-color:var(--compare-card-radio-container-border-active-color);background-color:var(--compare-card-radio-container-background-active-color)}.card .switch-wrapper{border-radius:0.5rem}.card .switch-wrapper .switch{--switch-container-outline-offset:-0.125rem}.card .switch-wrapper .switch-label{display:flex;align-items:center;gap:0.75rem;width:100%;text-align:start}.card .switch-wrapper .switch::part(switch-container){padding:0.375rem 0.5rem;border-radius:0.5rem;cursor:pointer}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):hover{background-color:var(--compare-card-interactive-element-hover-background-color)}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):active{background-color:var(--compare-card-interactive-element-active-background-color)}';export{a as tet_compare_card_v3}
|
|
1
|
+
import{r,c as o,h as e}from"./p-7c868b40.js";import"./p-59c5d02d.js";import{p as t}from"./p-7e108608.js";const a=class{constructor(e){r(this,e),this.cardLoaded=o(this,"cardLoaded",7),this.productChanged=o(this,"productChanged",7),this.cardType="static",this.theme="light",this.language="lv",this.options=[],this.toggles=[],this.contractTerm=0,this.controlsTitle=void 0,this.bestChoiceText=void 0,this.bestChoiceIconName=void 0,this.currency="€/mēn.",this.secondaryLink="",this.secondaryLinkText="",this.secondaryLinkOpenBlank=!1,this.buttonTitle="",this.linkOpenBlank=!1,this.showControlsFirst=!1,this.showLoader=!0,this.selectedProductId="",this.selectedSwitchKeys=[],this.preselectedKeys=[],this.preselectedProductId="",this.allProductData={},this.preselectedRemountId=0,this.buttonSize="large"}buttonSizeBreakpoint=1280;didEmitCardLoaded=!1;cardLoaded;productChanged;onOptionSelected(r){this.selectedProductId=r.detail.value,this.productChanged.emit()}async componentWillLoad(){switch(this.syncButtonSize(),this.fetchProductComparison(),this.cardType){case"dropdown":case"radio":{const r=this.options.find((r=>r.preselected))??this.options[0];r&&(this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"switcher":{const r=this.options.find((r=>r.preselected));r&&(this.preselectedKeys=[...r.keys??[]],this.preselectedProductId=this.getOptionId(r),this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"static":this.selectedProductId=this.getOptionId(this.options[0]),this.productChanged.emit()}}componentDidRender(){this.showLoader||this.didEmitCardLoaded||(this.didEmitCardLoaded=!0,this.cardLoaded.emit())}onResize(){this.syncButtonSize()}syncButtonSize(){if(void 0===globalThis.window)return void(this.buttonSize="large");const r=globalThis.window.innerWidth<this.buttonSizeBreakpoint?"medium":"large";this.buttonSize!==r&&(this.buttonSize=r)}getOptionId(r){return r?.id??r?.productCode??""}getOptionById(r){return this.options.find((o=>this.getOptionId(o)===r))}getSelectionOptions(){return this.options.map((r=>({label:r.optionLabel||"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedProductId})))}getToggledProductId(r){const o=[...r].sort(((r,o)=>r.localeCompare(o))).join(","),e=this.options.find((r=>[...r.keys??[]].sort(((r,o)=>r.localeCompare(o))).join(",")===o));return e?this.getOptionId(e):null}handleSwitchToggle(r,o){const e=this.toggles.find((o=>o.toggleKey===r));let t=[...this.selectedSwitchKeys];if(!o){const o=t.filter((o=>o!==r));if(0===o.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit();const e=this.getToggledProductId(o);return e?(this.selectedSwitchKeys=o,this.selectedProductId=e,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit())}if(e?.selectAll){const r=this.getFullComboToggleOption();if(r)return this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),void this.productChanged.emit()}t.includes(r)||t.push(r),t=t.sort(((r,o)=>r.localeCompare(o)));const a=this.getToggledProductId(t);this.selectedSwitchKeys=t,a?(this.selectedProductId=a,this.productChanged.emit()):(this.selectedProductId=this.preselectedProductId,this.selectedSwitchKeys=[...this.preselectedKeys],this.preselectedRemountId++,this.productChanged.emit())}getFullComboToggleOption(){return this.options.length?this.options.reduce(((r,o)=>(o.keys??[]).length>(r.keys??[]).length?o:r),this.options[0]):null}async fetchProductComparison(){const r=Array.from(new Set(this.options.filter((r=>!r.productData)).map((r=>r.productCode)).filter(Boolean)));let o={};if(r.length)try{const e=await t(r.join(","));o=e.products||{}}catch(r){console.error(r)}this.allProductData=this.options.reduce(((r,e)=>{const t=this.getOptionId(e),a=e.productCode?o[e.productCode]:void 0;return t&&a&&(r[t]=a),r}),{}),this.showLoader=!1}selectedContractTerm(){const r=this.allProductData[this.selectedProductId]?.contractTerms;if(r?.length)return r.find((r=>r.term===this.contractTerm))}getElementTag(r){if(r?.href?.trim())return"a";const o=r?.["data-modal-screen-key"]?.trim(),e=r?.role?.trim().toLowerCase();return o||"button"===e?"button":"div"}renderSwitch(r){const{toggleKey:o,icon:t,name:a}=r;if(!o)return null;const i=this.preselectedKeys.includes(o);return e("div",{class:"switch-wrapper"},e("tet-switch",{class:"switch",theme:this.theme,key:i?`${o}-${this.preselectedRemountId}`:o,name:o,checked:this.selectedSwitchKeys.includes(o),onCheck:r=>this.handleSwitchToggle(o,r.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},e("div",{class:"switch-label"},e("tet-icon",{theme:this.theme,class:"benefit__icon",name:t}),a)))}renderBonuses(){const r=this.getOptionById(this.selectedProductId),o=r?.bonuses??[];return o.length<1?null:e("div",{class:"bonuses"},o.map((r=>{const o=r.items??[];return o.length?e("div",{class:"bonuses__bonus-container"},!!r.title&&e("div",{class:"section-title"},r.title),o.map((r=>{const o=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,t=this.getElementTag(o),a=["a","button"].includes(t);return e(t,{type:"button"===t?"button":void 0,class:{bonus:!0,"bonus--interactive":a},...o||{}},e("tet-icon",{theme:this.theme,class:"bonus__icon",name:r.iconName}),e("span",{class:"bonus__text"},r.name),a&&e("div",{class:"bonus__chevron-icon-container"},e("tet-icon",{class:"bonus__icon bonus__icon--chevron",name:"tc-chevron-right-small"})))}))):null})))}renderRadioOptions(){const r=this.getSelectionOptions();return e("div",{class:"radio-container"},r.map((r=>e("div",{class:"radio-wrapper"},e("tet-radio",{class:"radio","label-font":"md",theme:this.theme,name:"radio-card-options",label:r.label,value:r.value,checked:this.selectedProductId===r.value,focusStyleOnContainer:!0,onCheck:r=>this.onOptionSelected(r)})))))}renderPrice({contractPrice:r,basePrice:o,priceDescription:t,showDiscount:a}){const i=Number.parseFloat(r.replace(",",".")),n=Number.parseFloat(o.replace(",",".")),c=a&&Number.isFinite(n);return r&&Number.isFinite(i)?e("div",{class:"price-wrapper"},e("div",{class:"price-container"},e("div",{class:"price-container__price-group"},e("div",{class:"price-container__price translation-none"},i.toFixed(2).replace(".",",")),e("div",{class:"price-container__currency"},e("span",null,this.currency))),c&&e("div",{class:"price-container__base-price translation-none"},e("span",null,n.toFixed(2).replace(".",",")),e("span",null,this.currency))),t&&e("span",{class:"price-container__description"},t)):null}getPriceData(r,o,e){const t=(r?.discountPrice??r?.price??e?.amount??"").toString(),a=(r?.price??o?.amount??"").toString(),i=Number.parseFloat(t.replace(",",".")),n=Number.parseFloat(a.replace(",",".")),c=!1!==e?.showDiscount&&Number.isFinite(i)&&Number.isFinite(n)&&n>i;return{contractPrice:t,basePrice:a,priceDescription:r?.priceDescription??e?.priceDescription?.[this.language]??"",showDiscount:c}}renderControl(r){switch(this.cardType){case"switcher":return e("div",{class:"benefits"},e("div",null,this.toggles.map((r=>this.renderSwitch(r)))));case"dropdown":return e("tet-dropdown",{id:"dropdown",class:"dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:r});case"radio":return this.renderRadioOptions();default:return null}}renderControls(){const r=this.getSelectionOptions(),o=!!this.controlsTitle&&"static"!==this.cardType,t=this.renderControl(r);return t?e("div",{class:"controls"},o&&e("div",{class:"section-title"},this.controlsTitle),t):null}buildLinkWithParams(r,o){if(!r)return"";const e=new URL(r);return o.forEach(((r,o)=>{e.searchParams.append(o,r)})),e.toString()}renderCard(){const r=this.allProductData[this.selectedProductId],o=this.getOptionById(this.selectedProductId),t=o?.productData,a=this.selectedContractTerm(),i=r?.attributes?.find((r=>"overrideProductName"===r.key))?.value,n=t?.name??i??r?.name?.[this.language],c=this.getPriceData(t,r,a),s=a?.promotionCode??"",l=a?.term??"",d=this.secondaryLink||t?.contractUrl||a?.contract||"",f=!!d&&!!this.secondaryLinkText,m=this.secondaryLinkOpenBlank?"_blank":void 0,p=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,h=r?.formUrl?.[this.language]||"",u=new URLSearchParams({contractTerm:l?.toString()??"",product:o?.productCode??"",promotion:s??"",lang:this.language??"",from:"tet.lv"}),b=t?t.formUrl:this.buildLinkWithParams(h,u),v=!!o?.bestChoice,w=o?.cardLabel;return e("div",{class:{card:!0,"best-choice":v}},this.bestChoiceText&&e("div",{class:{"best-choice-title":!0,active:v}},!!this.bestChoiceIconName&&e("tet-icon",{class:"best-choice-title__icon ",name:this.bestChoiceIconName}),e("span",null,this.bestChoiceText)),e("div",{class:"content content__top"},n&&e("h3",{class:"title"},n),this.renderPrice(c),!!w&&e("p",{class:"card-label"},w),e("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:b,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle),f&&e("div",{class:"secondary-link"},e("a",{class:"tet-link",href:d,target:m,rel:p},this.secondaryLinkText))),e("div",{class:"content content__bottom"},this.showControlsFirst?[this.renderControls(),this.renderBonuses()]:[this.renderBonuses(),this.renderControls()]))}renderLoader(){return e("tet-placeholder",{class:"card__placeholder",height:"100%",width:"100%",darkTheme:"dark"===this.theme})}render(){return this.showLoader?this.renderLoader():this.renderCard()}};a.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--compare-card-top-part-background-color:var(--tc-layer-permanent-yellow);--compare-card-bottom-part-background-color:var(--tc-layer-primary);--compare-card-text-permanent-color:var(--tc-text-black-permanent);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-tertiary-color:var(--tc-text-tertiary);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black);--compare-card-separator-border-color:var(--tc-border-tertiary);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary);--compare-card-chevron-icon-color:var(--tc-grey-60);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary);--compare-card-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-border-radius:1rem;--compare-card-min-width:20.5rem;--compare-card-max-width:100%;--compare-card-radio-container-background-color:var(--tc-product-card-menu-default);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active);display:flex;width:100%;min-width:var(--compare-card-min-width);max-width:var(--compare-card-max-width)}:host([theme=dark]){--compare-card-bottom-part-background-color:var(--tc-layer-primary-dark);--compare-card-text-color:var(--tc-text-primary-dark);--compare-card-text-tertiary-color:var(--tc-text-tertiary-dark);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black-dark);--compare-card-separator-border-color:var(--tc-border-tertiary-dark);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary-dark);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary-dark);--compare-card-chevron-icon-color:var(--tc-grey-60-dark);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary-dark);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary-dark);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary-dark);--compare-card-focus-outline-color:var(--tc-blue-40-dark);--compare-card-box-shadow:var(--tc-elevation-three-dark);--compare-card-radio-container-background-color:var(--tc-product-card-menu-default-dark);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover-dark);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed-dark);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active-dark);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default-dark);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover-dark);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed-dark);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active-dark)}.card{display:inline-flex;flex-direction:column;position:relative;width:100%;height:100%;border-radius:var(--compare-card-border-radius);box-shadow:var(--compare-card-box-shadow)}.card__placeholder{--placeholder-min-height:37rem;--placeholder-border-radius:var(--compare-card-border-radius)}.card .content{padding:1.5rem 1rem}.card .content__top{background-color:var(--compare-card-top-part-background-color);color:var(--compare-card-text-permanent-color);border-top-left-radius:var(--compare-card-border-radius);border-top-right-radius:var(--compare-card-border-radius)}.card .content__bottom{background-color:var(--compare-card-bottom-part-background-color);color:var(--compare-card-text-color);border-bottom-left-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius);height:100%}@media screen and (min-width: 31.25rem){.card .content{padding:1.5rem 2rem}}@media screen and (min-width: 80rem){.card .content{padding:2rem}}.card .best-choice-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;gap:0.5rem;position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5rem;max-width:18.5rem;padding:0.5rem 1.25rem;border-radius:1rem 1rem 0 0;background-color:var(--compare-card-best-choice-background-color);color:var(--compare-card-best-choice-text-color);overflow:hidden;text-overflow:ellipsis}.card .best-choice-title__icon{--icon-container-display:flex;--icon-size:1.375rem;--icon-color:var(--compare-card-best-choice-text-color)}.card .best-choice-title.active{visibility:visible}.card .title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card .price-wrapper{display:flex;flex-direction:column;overflow:hidden;gap:0.75rem}.card .price-wrapper .price-container{display:flex;flex-direction:column}.card .price-wrapper .price-container__price-group{display:inline-flex;align-items:flex-end;flex-wrap:nowrap;white-space:nowrap;gap:0.25rem}.card .price-wrapper .price-container__price{font:600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.card .price-wrapper .price-container__price{font:600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__price{font:600 6rem/6.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card .price-wrapper .price-container__currency{margin-bottom:0.5rem;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__currency{margin-bottom:0.75rem}}.card .price-wrapper .price-container__base-price{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex:0 0 100%;width:100%;text-decoration-line:line-through}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card .card-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin-top:0.75rem;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .button{--button-width:100%;margin:0.75rem 0 1rem;width:100%}.card .secondary-link{font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";width:fit-content;margin:0 auto}.card .bonuses{display:flex;flex-direction:column;gap:1.5rem}.card .bonuses+.controls{margin-top:1.5rem}.card .bonuses__bonus-container .bonus{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;width:100%;gap:0.75rem;padding:0.375rem 0.5rem;border-radius:0.5rem;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;color:inherit;text-align:start;text-decoration:none;--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus--interactive{cursor:pointer}.card .bonuses__bonus-container .bonus--interactive:hover{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-hover-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-hover-background-color)}.card .bonuses__bonus-container .bonus--interactive:active{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-active-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-active-background-color)}.card .bonuses__bonus-container .bonus--interactive:focus-visible{outline:0.125rem solid var(--compare-card-focus-outline-color)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text{flex:1 0 0;text-align:start}.card .bonuses__bonus-container .bonus__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin-left:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .controls+.bonuses{margin-top:1.5rem}.card .section-title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.375rem 0;margin-bottom:0.75rem;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.card .radio-container{display:flex;flex-direction:column;gap:1rem}.card .radio-wrapper{border-radius:0.5rem}.card .radio-wrapper .radio{--radio-container-outline-offset:-0.125rem}.card .radio-wrapper .radio .radio__container--focus-style:has(:focus-visible){border-radius:0.5rem}.card .radio-wrapper .radio .radio__container{padding:1rem 0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--compare-card-radio-container-border-color);background-color:var(--compare-card-radio-container-background-color);cursor:pointer}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:hover{background-color:var(--compare-card-radio-container-background-hover-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:active{background-color:var(--compare-card-radio-container-background-pressed-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:hover{border-color:var(--compare-card-radio-container-border-hover-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:active{border-color:var(--compare-card-radio-container-border-pressed-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio[checked]:not([checked=false]) .radio__container{border-color:var(--compare-card-radio-container-border-active-color);background-color:var(--compare-card-radio-container-background-active-color)}.card .switch-wrapper{border-radius:0.5rem}.card .switch-wrapper .switch{--switch-container-outline-offset:-0.125rem}.card .switch-wrapper .switch-label{display:flex;align-items:center;gap:0.75rem;width:100%;text-align:start}.card .switch-wrapper .switch::part(switch-container){padding:0.375rem 0.5rem;border-radius:0.5rem;cursor:pointer}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):hover{background-color:var(--compare-card-interactive-element-hover-background-color)}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):active{background-color:var(--compare-card-interactive-element-active-background-color)}';export{a as tet_compare_card_v3}
|
|
@@ -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:"c1ec2bb489b8c86bae1307cf0459819bbcc4be13"},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 a}from"./p-7c868b40.js";import{T as l}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"),a=t.querySelector("tbody")||t.content.querySelector("tbody");if(null!==o||null!==a){if(null!==o){let t;o.querySelectorAll("th").forEach((o=>{const a=o.innerHTML.replace(/ /g,""),l=""===a?t:o.getAttribute("data-color"),r=this.getCellDataOptions(o);e.columns.push(a),e.columnColors.push(l),e.columnHeaderOptions.push(r),t=l}))}if(null!==a){const t=JSON.parse(a.getAttribute("data-mobile-columns"));a.querySelectorAll("tr").forEach((o=>{const a=this.getRowOptions(o,t),l={label:o.querySelector("th")?.innerHTML||"",cells:[]};o.querySelectorAll("td").forEach((t=>{const e=this.getCellDataOptions(t);l.cells.push({value:t.innerHTML,options:e})})),e.rowOptions.push(a),e.rows.push(l)}))}this.tableData=e}}renderDesktopHeader=(t,e,a)=>{const l=this.getColumnCellInnerClassName(a),r=this.getColumnColor(a),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:l,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 a={};return"left"!==this.tableHeaderTextAlign&&(a["--table-cell-text-align"]=this.tableHeaderTextAlign),this.tableHeaderWidth&&(a["--table-cell-width"]=this.tableHeaderWidth),o("tr",null,o("th",{scope:"row",style:a,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:l.TOP,theme:this.theme},t));renderDesktopCellData=(t,e,a)=>{const l=this.tableData.rowOptions&&this.tableData.rowOptions[a];if(l&&l.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,a)=>{const l=t.options,r=this.getRowOption(a),n=this.getMobileColumn(a,e);return r&&r.mobileHide||l&&l.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:a}=o;return null==a||null==a[e]?"":""===a[e]?" ":a[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(a,{key:"f64baa1d5326ae304aabc3aa3d875375d47b5540"},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,h as e,H as o}from"./p-83f43fdd.js";const r=class{constructor(e){t(this,e),this.stepperData=[],this.theme="light"}renderStep=(t,o)=>{const r=this.stepperData[o+1]?.active;return e("li",{class:"step"},e("div",{class:{"status-wrapper":!0,active:t.active}},e("div",{class:"line top"}),e("div",{class:{line:!0,bottom:!0,"next-step-active":r}}),this.renderStepIcon(t.icon)),e("div",{class:"content"},this.renderStepTitle(t?.title),this.renderStepDescription(t?.description)))};renderStepIcon=t=>"check"===t?e("div",{class:"check-icon"},e("tet-icon",{class:"check",name:"check"})):e("div","circle-attention"===t?{class:"circle-attention"}:{class:"circle"});renderStepTitle=t=>t?e("div",{class:"content-title",innerHTML:t}):null;renderStepDescription=t=>t?e("div",{class:"content-description",innerHTML:t}):null;render(){return e(o,{key:"09cd03470c914c66a43cb686e7ec3ad3ca2d55f0"},e("ol",{key:"351cc88af0e61f486fa63d99590b74ada91eebc0",class:{stepper:!0,[this.theme]:!0}},this.stepperData.map(this.renderStep.bind(this))))}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--stepper-step-active-color:var(--tc-blue-40);--stepper-step-active-color-dark:var(--tc-blue-40-dark);--stepper-step-non-active-color:var(--tc-border-tertiary);--stepper-step-non-active-color-dark:var(--tc-border-tertiary-dark);--stepper-step-check-color:var(--tc-layer-primary);--stepper-step-check-color-dark:var(--tc-layer-inverse-primary-dark);--stepper-step-description-color:var(--tc-text-secondary);--stepper-step-description-color-dark:var(--tc-text-secondary-dark);--stepper-step-title-color:var(--tc-text-primary);--stepper-step-title-color-dark:var(--tc-text-primary-dark);--stepper-step-content-background:var(--tc-layer-primary);--stepper-step-content-background-dark:var(--tc-layer-primary-dark);--stepper-step-shadow:var(--tc-elevation-one);--stepper-step-shadow-dark:var(--tc-elevation-one-dark);--stepper-step-attention-color:var(--tc-yellow-40);--stepper-step-attention-color-dark:var(--tc-yellow-40-dark);display:flex;justify-content:center;align-items:center}.stepper{width:100%;list-style:none}.stepper.dark{--stepper-step-active-color:var(--stepper-step-active-color-dark);--stepper-step-non-active-color:var(--stepper-step-non-active-color-dark);--stepper-step-check-color:var(--stepper-step-check-color-dark);--stepper-step-description-color:var(--stepper-step-description-color-dark);--stepper-step-title-color:var(--stepper-step-title-color-dark);--stepper-step-content-background:var(--stepper-step-content-background-dark);--stepper-step-shadow:var(--stepper-step-shadow-dark);--stepper-step-attention-color:var(--stepper-step-attention-color-dark)}.stepper .step{position:relative;display:flex}.stepper .step:first-child .line.top,.stepper .step:last-child .line.bottom{display:none}.stepper .step .status-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:2.5rem;margin-right:1rem}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper{width:2rem}}.stepper .step .status-wrapper .line{position:absolute;width:0.125rem;background-color:var(--stepper-step-non-active-color)}.stepper .step .status-wrapper .line.top{top:0;bottom:50%}.stepper .step .status-wrapper .line.bottom{top:50%;bottom:0}.stepper .step .status-wrapper .circle{position:absolute;width:1.25rem;height:1.25rem;background:var(--stepper-step-content-background);border:0.25rem solid var(--stepper-step-non-active-color);border-radius:50%}.stepper .step .status-wrapper .circle-attention{position:absolute;width:1.25rem;height:1.25rem;background:var(--stepper-step-content-background);border:0.25rem solid var(--stepper-step-attention-color);border-radius:50%}.stepper .step .status-wrapper.active .line.top,.stepper .step .status-wrapper.active .line.bottom.next-step-active{background-color:var(--stepper-step-active-color)}.stepper .step .status-wrapper.active .circle{border-color:var(--stepper-step-active-color)}.stepper .step .status-wrapper .check-icon{position:absolute;display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:var(--stepper-step-active-color);border-radius:50%}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper .check-icon{width:2rem;height:2rem}}.stepper .step .status-wrapper .check-icon .check{--icon-size:1.656rem;--icon-color:var(--stepper-step-check-color)}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper .check-icon .check{--icon-size:1.344rem}}.stepper .step .content{flex:1;padding:1rem 1.5rem;margin:0.25rem 0;box-shadow:var(--stepper-step-shadow);background:var(--stepper-step-content-background);border-radius:1rem}@media only screen and (max-width: 31.1875rem){.stepper .step .content{padding:1rem}}.stepper .step .content-title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-title-color)}@media only screen and (max-width: 31.1875rem){.stepper .step .content-title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.stepper .step .content-description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-description-color)}';export{r as tet_stepper_v3}
|
|
1
|
+
import{r as t,h as e,H as o}from"./p-7c868b40.js";const r=class{constructor(e){t(this,e),this.stepperData=[],this.theme="light"}renderStep=(t,o)=>{const r=this.stepperData[o+1]?.active;return e("li",{class:"step"},e("div",{class:{"status-wrapper":!0,active:t.active}},e("div",{class:"line top"}),e("div",{class:{line:!0,bottom:!0,"next-step-active":r}}),this.renderStepIcon(t.icon)),e("div",{class:"content"},this.renderStepTitle(t?.title),this.renderStepDescription(t?.description)))};renderStepIcon=t=>"check"===t?e("div",{class:"check-icon"},e("tet-icon",{class:"check",name:"check"})):e("div","circle-attention"===t?{class:"circle-attention"}:{class:"circle"});renderStepTitle=t=>t?e("div",{class:"content-title",innerHTML:t}):null;renderStepDescription=t=>t?e("div",{class:"content-description",innerHTML:t}):null;render(){return e(o,{key:"da073378d0df55e5905d8b7d640684279973a7b4"},e("ol",{key:"84991552ec6795673ef7146212491639b07f2951",class:{stepper:!0,[this.theme]:!0}},this.stepperData.map(this.renderStep.bind(this))))}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--stepper-step-active-color:var(--tc-blue-40);--stepper-step-active-color-dark:var(--tc-blue-40-dark);--stepper-step-non-active-color:var(--tc-border-tertiary);--stepper-step-non-active-color-dark:var(--tc-border-tertiary-dark);--stepper-step-check-color:var(--tc-layer-primary);--stepper-step-check-color-dark:var(--tc-layer-inverse-primary-dark);--stepper-step-description-color:var(--tc-text-secondary);--stepper-step-description-color-dark:var(--tc-text-secondary-dark);--stepper-step-title-color:var(--tc-text-primary);--stepper-step-title-color-dark:var(--tc-text-primary-dark);--stepper-step-content-background:var(--tc-layer-primary);--stepper-step-content-background-dark:var(--tc-layer-primary-dark);--stepper-step-shadow:var(--tc-elevation-one);--stepper-step-shadow-dark:var(--tc-elevation-one-dark);--stepper-step-attention-color:var(--tc-yellow-40);--stepper-step-attention-color-dark:var(--tc-yellow-40-dark);display:flex;justify-content:center;align-items:center}.stepper{width:100%;list-style:none}.stepper.dark{--stepper-step-active-color:var(--stepper-step-active-color-dark);--stepper-step-non-active-color:var(--stepper-step-non-active-color-dark);--stepper-step-check-color:var(--stepper-step-check-color-dark);--stepper-step-description-color:var(--stepper-step-description-color-dark);--stepper-step-title-color:var(--stepper-step-title-color-dark);--stepper-step-content-background:var(--stepper-step-content-background-dark);--stepper-step-shadow:var(--stepper-step-shadow-dark);--stepper-step-attention-color:var(--stepper-step-attention-color-dark)}.stepper .step{position:relative;display:flex}.stepper .step:first-child .line.top,.stepper .step:last-child .line.bottom{display:none}.stepper .step .status-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:2.5rem;margin-right:1rem}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper{width:2rem}}.stepper .step .status-wrapper .line{position:absolute;width:0.125rem;background-color:var(--stepper-step-non-active-color)}.stepper .step .status-wrapper .line.top{top:0;bottom:50%}.stepper .step .status-wrapper .line.bottom{top:50%;bottom:0}.stepper .step .status-wrapper .circle{position:absolute;width:1.25rem;height:1.25rem;background:var(--stepper-step-content-background);border:0.25rem solid var(--stepper-step-non-active-color);border-radius:50%}.stepper .step .status-wrapper .circle-attention{position:absolute;width:1.25rem;height:1.25rem;background:var(--stepper-step-content-background);border:0.25rem solid var(--stepper-step-attention-color);border-radius:50%}.stepper .step .status-wrapper.active .line.top,.stepper .step .status-wrapper.active .line.bottom.next-step-active{background-color:var(--stepper-step-active-color)}.stepper .step .status-wrapper.active .circle{border-color:var(--stepper-step-active-color)}.stepper .step .status-wrapper .check-icon{position:absolute;display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:var(--stepper-step-active-color);border-radius:50%}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper .check-icon{width:2rem;height:2rem}}.stepper .step .status-wrapper .check-icon .check{--icon-size:1.656rem;--icon-color:var(--stepper-step-check-color)}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper .check-icon .check{--icon-size:1.344rem}}.stepper .step .content{flex:1;padding:1rem 1.5rem;margin:0.25rem 0;box-shadow:var(--stepper-step-shadow);background:var(--stepper-step-content-background);border-radius:1rem}@media only screen and (max-width: 31.1875rem){.stepper .step .content{padding:1rem}}.stepper .step .content-title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-title-color)}@media only screen and (max-width: 31.1875rem){.stepper .step .content-title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.stepper .step .content-description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-description-color)}';export{r as tet_stepper_v3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as n,h as o,H as i}from"./p-83f43fdd.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"afa5796d7595f3bcf92cd131010330902bec30c1"},o("div",{key:"34acdd3ed0309d0c5e16ad01275763e8f1493324",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"ecf60d17f5fbe1cd5269bc37f50ebacbd9f24dc9",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"3f8458f7293850e97b934346b9eb6a4892735277",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|
|
1
|
+
import{r as t,c as e,g as n,h as o,H as i}from"./p-7c868b40.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"5fcdc385b286f72df704ec6cbc23a57232ced173"},o("div",{key:"debad235464c0231f625046aae67749708151be7",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"d39f7d075b06b395da75df3bcb30d7c6d5b88d2d",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"61213b4770cf23ba19d8186360ac8a534b70bef2",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|