@tet/tet-components 1.4.91-testing → 1.4.92-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-d3d97441.js → address-93ebde6a.js} +1 -1
- package/dist/cjs/{assets-f0cfef4d.js → assets-39cfc2af.js} +1 -1
- package/dist/cjs/{async-request-a617bfe6.js → async-request-e114d333.js} +1 -1
- package/dist/cjs/{http-codes-0eae7bd3.js → http-codes-b099a581.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-162b4cbc.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-a59cbcb0.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{phone-f6be08ae.js → phone-d08b3db5.js} +2 -2
- package/dist/cjs/{product-comparison-fd3cbd23.js → product-comparison-ad533490.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +4 -4
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-assembler.cjs.entry.js +28 -11
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +4 -4
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +2 -2
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-label.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-loader.cjs.entry.js +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +2 -2
- package/dist/cjs/tet-menu.cjs.entry.js +52 -6
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +2 -2
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-cde3168f.js} +2 -2
- package/dist/cjs/{translations-3b76d1ce.js → translations-f6095484.js} +1 -1
- package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.css +124 -33
- package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.js +26 -8
- package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css +30 -30
- package/dist/collection/components/advanced/cards/tet-compare-card-v2/tet-compare-card-v2.css +30 -30
- package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css +30 -30
- package/dist/collection/components/simple/menu/tet-menu/tet-menu.css +38 -21
- package/dist/collection/components/simple/menu/tet-menu/tet-menu.js +70 -5
- package/dist/collection/components/simple/menu/tet-menu-mobile/tet-menu-mobile.css +33 -24
- package/dist/components/index.js +1 -1
- package/dist/components/{p-07bdbd14.js → p-05d3c4c5.js} +3 -3
- package/dist/components/{p-87a483ba.js → p-09b9a67f.js} +14 -14
- package/dist/components/{p-e37ec9dd.js → p-1684eee6.js} +5 -5
- package/dist/components/{p-89d184bb.js → p-1b669f1a.js} +2 -2
- package/dist/components/{p-e72cbc1d.js → p-1b98307d.js} +1 -1
- package/dist/components/{p-bde550d8.js → p-1ca71d24.js} +3 -3
- package/dist/components/{p-43f43609.js → p-1d509d1e.js} +1 -1
- package/dist/components/{p-26c67372.js → p-22d0494a.js} +3 -3
- package/dist/components/{p-e1c2d947.js → p-23db2a45.js} +2 -2
- package/dist/components/{p-b1fd479d.js → p-25da5c76.js} +2 -2
- package/dist/components/{p-a0030316.js → p-27dd3964.js} +1 -1
- package/dist/components/{p-8999170a.js → p-3b18088d.js} +7 -7
- package/dist/components/{p-5f555c17.js → p-3e00edfb.js} +1 -1
- package/dist/components/{p-c079c34a.js → p-43eaf2e3.js} +2 -2
- package/dist/components/{p-eea4cf02.js → p-4723b19d.js} +1 -1
- package/dist/components/{p-01084452.js → p-4c37e7a9.js} +7 -7
- package/dist/components/{p-f33b757a.js → p-4d311ebb.js} +1 -1
- package/dist/components/{p-6caf5b32.js → p-51196ae8.js} +3 -3
- package/dist/components/{p-c8257b07.js → p-5869ef84.js} +10 -10
- package/dist/components/{p-732b5293.js → p-5eecdaef.js} +3 -3
- package/dist/components/{p-de831036.js → p-65ca6dd4.js} +1 -1
- package/dist/components/{p-0a4b961c.js → p-766f7959.js} +2 -2
- package/dist/components/{p-a1d18565.js → p-799822e3.js} +6 -6
- package/dist/components/{p-74767c34.js → p-7f3a9beb.js} +3 -3
- package/dist/components/{p-98cdd900.js → p-83062a62.js} +1 -1
- package/dist/components/{p-22cae2b9.js → p-8314ae82.js} +2 -2
- package/dist/components/{p-4cf0b1ba.js → p-86d638c8.js} +2 -2
- package/dist/components/{p-c8711b24.js → p-89acfd81.js} +7 -7
- package/dist/components/{p-25b93e8f.js → p-8b6ad07d.js} +1 -1
- package/dist/components/{p-169ee463.js → p-8c2c35b5.js} +1 -1
- package/dist/components/{p-15de463f.js → p-9182c78a.js} +4 -4
- package/dist/components/{p-9e7ca7ed.js → p-94d3c102.js} +1 -1
- package/dist/components/{p-f05946ea.js → p-9894b043.js} +2 -2
- package/dist/components/{p-c59108e6.js → p-9953cd7d.js} +6 -6
- package/dist/components/{p-f7f459ce.js → p-99de76fc.js} +1 -1
- package/dist/components/{p-a9ccb922.js → p-9a9a7a01.js} +2 -2
- package/dist/components/{p-eaaeca0a.js → p-9d989c54.js} +2 -2
- package/dist/components/{p-adfbea5b.js → p-9e5d2e0e.js} +10 -10
- package/dist/components/{p-d5c157f4.js → p-9f6e6d5b.js} +5 -5
- package/dist/components/{p-11313fde.js → p-a5a40b2e.js} +1 -1
- package/dist/components/{p-39e83f30.js → p-a88c9860.js} +3 -3
- package/dist/components/{p-486d6dab.js → p-ab1eecbc.js} +1 -1
- package/dist/components/{p-2b898489.js → p-ad7cf322.js} +3 -3
- package/dist/components/{p-3674a493.js → p-afd81e57.js} +9 -9
- package/dist/components/{p-c82c81b9.js → p-b4dbcaa4.js} +1 -1
- package/dist/components/{p-55de382e.js → p-bed1c973.js} +1 -1
- package/dist/components/{p-893a74d7.js → p-c99d35ab.js} +2 -2
- package/dist/components/{p-a0ed606b.js → p-cae4f595.js} +3 -3
- package/dist/components/{p-442ed9e6.js → p-d438b219.js} +7 -7
- package/dist/components/{p-e296086b.js → p-da5c0aa7.js} +1 -1
- package/dist/components/{p-6735fcc1.js → p-e0798896.js} +4 -4
- package/dist/components/{p-16711154.js → p-e404799b.js} +1 -1
- package/dist/components/{p-ea1adb97.js → p-e73ae898.js} +1 -1
- package/dist/components/{p-1dba5836.js → p-e7d70aaa.js} +1 -1
- package/dist/components/{p-3f76e544.js → p-ea814dbd.js} +7 -7
- package/dist/components/{p-6c05c6b9.js → p-ebbfa54a.js} +1 -1
- package/dist/components/{p-75292e32.js → p-efed42fa.js} +2 -2
- package/dist/components/{p-13e4af07.js → p-f141ccfe.js} +1 -1
- package/dist/components/{p-ed08f5c9.js → p-fe5cc3d8.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-assembler.js +34 -16
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +10 -10
- package/dist/components/tet-compare-card-v3.js +10 -10
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +3 -3
- package/dist/components/tet-menu.js +56 -8
- package/dist/components/tet-mini-compare-card.js +3 -3
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +3 -3
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +2 -2
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +12 -12
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-a5f65679.js → address-8bc4759b.js} +1 -1
- package/dist/esm/{assets-785095c4.js → assets-cea3bef9.js} +1 -1
- package/dist/esm/{async-request-02db63e4.js → async-request-904fabcf.js} +1 -1
- package/dist/esm/{http-codes-9125ce84.js → http-codes-43d8c151.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-0da0d682.js} +1 -1
- package/dist/esm/{index-412df137.js → index-6c5bc6fc.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{phone-05f71013.js → phone-3efee932.js} +2 -2
- package/dist/esm/{product-comparison-fdb9b9cc.js → product-comparison-4d55b208.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +4 -4
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-assembler.entry.js +28 -11
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_2.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +4 -4
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +3 -3
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-label.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-loader.entry.js +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +2 -2
- package/dist/esm/tet-menu.entry.js +52 -6
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +2 -2
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tooltip.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-37dd9692.js} +2 -2
- package/dist/esm/{translations-9b49c612.js → translations-6460892c.js} +1 -1
- package/dist/tet-components/{p-5e9c398c.entry.js → p-00504f5f.entry.js} +1 -1
- package/dist/tet-components/{p-f03e4aa1.entry.js → p-01bffde0.entry.js} +1 -1
- package/dist/tet-components/{p-372f452b.entry.js → p-01efe8cc.entry.js} +1 -1
- package/dist/tet-components/{p-dcf3b911.entry.js → p-029ddbac.entry.js} +1 -1
- package/dist/tet-components/{p-0f758ad5.entry.js → p-0917539b.entry.js} +1 -1
- package/dist/tet-components/{p-77bec9a6.entry.js → p-0b9906f1.entry.js} +1 -1
- package/dist/tet-components/{p-5be49fe9.entry.js → p-0cd22a4a.entry.js} +1 -1
- package/dist/tet-components/{p-b47c0736.entry.js → p-0d3a3f6b.entry.js} +1 -1
- package/dist/tet-components/{p-2702b0f9.entry.js → p-0eb0408d.entry.js} +1 -1
- package/dist/tet-components/{p-fe46ae1e.entry.js → p-10e51ad9.entry.js} +1 -1
- package/dist/tet-components/{p-7ccfa4b8.entry.js → p-1224978f.entry.js} +1 -1
- package/dist/tet-components/{p-29cde2fc.entry.js → p-152af8be.entry.js} +1 -1
- package/dist/tet-components/{p-5fa05a92.entry.js → p-1537a8c3.entry.js} +1 -1
- package/dist/tet-components/{p-494a5603.entry.js → p-1db5dd3a.entry.js} +1 -1
- package/dist/tet-components/{p-22f62d6c.entry.js → p-2096a96b.entry.js} +1 -1
- package/dist/tet-components/{p-07f05efd.entry.js → p-21227b63.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-21acfb7d.js} +1 -1
- package/dist/tet-components/{p-4330c786.js → p-23d55f26.js} +1 -1
- package/dist/tet-components/{p-2593a9b3.entry.js → p-282f55d3.entry.js} +1 -1
- package/dist/tet-components/{p-a6d7c907.entry.js → p-2c0bcce9.entry.js} +1 -1
- package/dist/tet-components/{p-055f4df1.entry.js → p-3097debb.entry.js} +1 -1
- package/dist/tet-components/{p-3b3c176d.entry.js → p-325bfa56.entry.js} +1 -1
- package/dist/tet-components/{p-2e2b413d.entry.js → p-32dd7f3f.entry.js} +1 -1
- package/dist/tet-components/{p-5810a3a6.js → p-355b139a.js} +1 -1
- package/dist/tet-components/{p-4737a17f.entry.js → p-36a6ee7c.entry.js} +1 -1
- package/dist/tet-components/{p-66f1360e.entry.js → p-390297b6.entry.js} +1 -1
- package/dist/tet-components/{p-49dba3fc.entry.js → p-396f9c2e.entry.js} +1 -1
- package/dist/tet-components/{p-d1d31561.entry.js → p-3ac141bf.entry.js} +1 -1
- package/dist/tet-components/{p-ee3a7ea7.entry.js → p-3e522ab6.entry.js} +1 -1
- package/dist/tet-components/{p-811658a5.entry.js → p-40af8721.entry.js} +1 -1
- package/dist/tet-components/{p-2ba08431.js → p-458477a7.js} +1 -1
- package/dist/tet-components/{p-3c79acc4.entry.js → p-46c3093e.entry.js} +1 -1
- package/dist/tet-components/{p-44215fbb.entry.js → p-4943bcda.entry.js} +1 -1
- package/dist/tet-components/{p-662ef913.entry.js → p-4d12e950.entry.js} +1 -1
- package/dist/tet-components/{p-d951657c.entry.js → p-4ed833b1.entry.js} +1 -1
- package/dist/tet-components/{p-97637087.entry.js → p-56d6ab0b.entry.js} +1 -1
- package/dist/tet-components/{p-025ffb5a.entry.js → p-5767d91d.entry.js} +1 -1
- package/dist/tet-components/{p-3e60d61c.js → p-59c5d02d.js} +1 -1
- package/dist/tet-components/{p-dcb5a1df.entry.js → p-5ace86bb.entry.js} +1 -1
- package/dist/tet-components/{p-2da19afb.entry.js → p-5c874d96.entry.js} +1 -1
- package/dist/tet-components/{p-73971e4d.entry.js → p-5ce59b6d.entry.js} +1 -1
- package/dist/tet-components/{p-f4df5d30.entry.js → p-5cffebab.entry.js} +1 -1
- package/dist/tet-components/{p-1e777274.entry.js → p-5f20351d.entry.js} +1 -1
- package/dist/tet-components/{p-eaded8bd.entry.js → p-5ff46aa5.entry.js} +1 -1
- package/dist/tet-components/{p-77bd8e7d.entry.js → p-626312dd.entry.js} +1 -1
- package/dist/tet-components/{p-7319e21f.entry.js → p-67e0e525.entry.js} +1 -1
- package/dist/tet-components/{p-5de41c5d.entry.js → p-6889d65b.entry.js} +1 -1
- package/dist/tet-components/{p-350f0cc8.entry.js → p-6a9c5a37.entry.js} +1 -1
- package/dist/tet-components/{p-99d878a5.entry.js → p-6bc3bfdc.entry.js} +1 -1
- package/dist/tet-components/{p-4e643503.entry.js → p-6cf2d1d0.entry.js} +1 -1
- package/dist/tet-components/{p-75dda1fd.entry.js → p-7200eee6.entry.js} +1 -1
- package/dist/tet-components/{p-0e8ce9be.entry.js → p-74e1556f.entry.js} +1 -1
- package/dist/tet-components/{p-57937881.entry.js → p-76060e6d.entry.js} +1 -1
- package/dist/tet-components/{p-072de384.entry.js → p-761d6e8d.entry.js} +1 -1
- package/dist/tet-components/{p-ddaea568.js → p-76c2ce9c.js} +1 -1
- package/dist/tet-components/{p-d2f35322.entry.js → p-76f6df3e.entry.js} +1 -1
- package/dist/tet-components/{p-b88a3448.entry.js → p-79a81bac.entry.js} +1 -1
- package/dist/tet-components/{p-0c02ac35.entry.js → p-7a1c56b7.entry.js} +1 -1
- package/dist/tet-components/{p-9302af3a.entry.js → p-7b02d736.entry.js} +1 -1
- package/dist/tet-components/{p-f072aa97.entry.js → p-7c828472.entry.js} +1 -1
- package/dist/tet-components/p-7c868b40.js +2 -0
- package/dist/tet-components/{p-94b5e078.entry.js → p-7dbae516.entry.js} +1 -1
- package/dist/tet-components/{p-e2b55e84.js → p-7e108608.js} +1 -1
- package/dist/tet-components/p-81456c37.js +1 -0
- package/dist/tet-components/{p-7dbf302e.entry.js → p-832a2361.entry.js} +1 -1
- package/dist/tet-components/{p-f57175df.entry.js → p-85cdd6eb.entry.js} +1 -1
- package/dist/tet-components/{p-ea0b07e9.entry.js → p-875d1ea1.entry.js} +1 -1
- package/dist/tet-components/{p-282e1de2.entry.js → p-8a92896e.entry.js} +1 -1
- package/dist/tet-components/{p-c0363485.entry.js → p-8b11e34b.entry.js} +1 -1
- package/dist/tet-components/{p-2358a695.js → p-8f9c8b2c.js} +1 -1
- package/dist/tet-components/{p-403151e8.entry.js → p-92c12d19.entry.js} +1 -1
- package/dist/tet-components/{p-460c39a5.entry.js → p-9c0fc5f4.entry.js} +1 -1
- package/dist/tet-components/{p-cb6df953.entry.js → p-9ca0343d.entry.js} +1 -1
- package/dist/tet-components/{p-9e6fba5f.entry.js → p-9e60f038.entry.js} +1 -1
- package/dist/tet-components/{p-bb12c319.entry.js → p-9eb9d9a1.entry.js} +1 -1
- package/dist/tet-components/{p-d688fdca.entry.js → p-a331f48a.entry.js} +1 -1
- package/dist/tet-components/{p-362244bf.entry.js → p-a9ae1b69.entry.js} +1 -1
- package/dist/tet-components/{p-e9fdafc0.entry.js → p-ab183b78.entry.js} +1 -1
- package/dist/tet-components/{p-f00c4099.entry.js → p-ae525827.entry.js} +1 -1
- package/dist/tet-components/{p-c43ee172.entry.js → p-b0c5b074.entry.js} +1 -1
- package/dist/tet-components/{p-1283b398.entry.js → p-b22710ac.entry.js} +1 -1
- package/dist/tet-components/{p-63d74d15.entry.js → p-b4e3a6e6.entry.js} +1 -1
- package/dist/tet-components/{p-bcdb7766.entry.js → p-b5fb4962.entry.js} +1 -1
- package/dist/tet-components/{p-167b75e8.entry.js → p-b7961020.entry.js} +1 -1
- package/dist/tet-components/{p-54596593.entry.js → p-b9e80f48.entry.js} +1 -1
- package/dist/tet-components/{p-6eb72733.entry.js → p-bae40179.entry.js} +1 -1
- package/dist/tet-components/{p-494a421f.entry.js → p-bb530f10.entry.js} +1 -1
- package/dist/tet-components/p-c2c16529.entry.js +1 -0
- package/dist/tet-components/{p-f9438bde.entry.js → p-c48937e2.entry.js} +1 -1
- package/dist/tet-components/{p-b6bfdd4e.entry.js → p-c6722849.entry.js} +1 -1
- package/dist/tet-components/{p-b1222ff6.entry.js → p-c6f8b085.entry.js} +1 -1
- package/dist/tet-components/{p-98ba6f5d.entry.js → p-d36f1a01.entry.js} +1 -1
- package/dist/tet-components/{p-1bd93ad3.entry.js → p-d72a5701.entry.js} +1 -1
- package/dist/tet-components/{p-43fb9369.entry.js → p-d8fc6609.entry.js} +1 -1
- package/dist/tet-components/{p-8f4ff4bd.entry.js → p-dc5f902b.entry.js} +1 -1
- package/dist/tet-components/{p-a91b95f0.entry.js → p-df3cc9fa.entry.js} +1 -1
- package/dist/tet-components/{p-207e000f.entry.js → p-e117e3da.entry.js} +1 -1
- package/dist/tet-components/{p-01a45267.entry.js → p-e2ca819d.entry.js} +1 -1
- package/dist/tet-components/{p-e6d6744b.entry.js → p-e4a3d04c.entry.js} +1 -1
- package/dist/tet-components/{p-a082e6eb.entry.js → p-e539c8b6.entry.js} +1 -1
- package/dist/tet-components/{p-f55a404a.entry.js → p-e61d9ae2.entry.js} +1 -1
- package/dist/tet-components/{p-2a81ebee.entry.js → p-eb8216a1.entry.js} +1 -1
- package/dist/tet-components/p-ebbc68e7.entry.js +1 -0
- package/dist/tet-components/{p-b152fc68.entry.js → p-efeaa40c.entry.js} +1 -1
- package/dist/tet-components/{p-bc91e97f.entry.js → p-f409a03e.entry.js} +1 -1
- package/dist/tet-components/{p-cc0d5a9b.entry.js → p-f8ced607.entry.js} +1 -1
- package/dist/tet-components/{p-2fbe61fd.entry.js → p-f931f48d.entry.js} +1 -1
- package/dist/tet-components/{p-87a2809b.entry.js → p-fface6a0.entry.js} +1 -1
- package/dist/tet-components/tet-components.css +2 -2
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-assembler/tet-assembler.d.ts +1 -0
- package/dist/types/components/simple/menu/tet-menu/tet-menu.d.ts +20 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/tet-components/p-19abce2f.entry.js +0 -1
- package/dist/tet-components/p-6264b6ba.entry.js +0 -1
- package/dist/tet-components/p-83f43fdd.js +0 -2
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as o,h as e,H as t}from"./p-83f43fdd.js";import"./p-3e60d61c.js";import{p as a}from"./p-e2b55e84.js";const i=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 a(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 e(t,{key:"3a08edf547650d170ca77bdbba8ea39b40c6feb0","data-contains-focusable-content":!0},this.showLoader?this.renderLoader():this.renderCard())}};i.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{i as tet_compare_card_v3}
|
|
1
|
+
import{r,c as o,h as e,H as t}from"./p-7c868b40.js";import"./p-59c5d02d.js";import{p as a}from"./p-7e108608.js";const i=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 a(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 e(t,{key:"3a08edf547650d170ca77bdbba8ea39b40c6feb0","data-contains-focusable-content":!0},this.showLoader?this.renderLoader():this.renderCard())}};i.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{i as tet_compare_card_v3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,H as i}from"./p-83f43fdd.js";import{d as n}from"./p-a9634fae.js";import{n as r}from"./p-58434b0c.js";import{i as a}from"./p-f469a3fb.js";const s=class{constructor(e){t(this,e),this.searchSubmitted=o(this,"searchSubmitted",7),this.optionSelected=o(this,"optionSelected",7),this.theme="light",this.minSearchLength=4,this.showInputLabel=!1,this.labels=void 0,this.disabled=!1,this.searchApiUrl="",this.maxSearchResults=5,this.preventDuplicateSubmit=!0,this.submitCooldownMs=700,this.searchQuery="",this.inputIconRight="",this.inputValueLength=0,this.inputValue="",this.isLoading=!1}searchSubmitted;optionSelected;nativeInput;inputComponent;autocompleteComponent;lastSubmittedQuery="";lastSubmittedAt=0;boundOptionsFilterFunction=this.optionsFilterFunction.bind(this);boundFinishedLoadingFunction=this.finishedLoading.bind(this);boundHandleAutocompleteOptionSelection=this.handleAutocompleteOptionSelection.bind(this);boundHandleAutocompleteSearchSubmit=this.handleAutocompleteSearchSubmit.bind(this);boundHandleClearInput=this.handleClearInput.bind(this);boundHandleSearchSubmit=this.handleSearchSubmit.bind(this);boundHandleInputRightIcon=this.handleInputRightIcon.bind(this);boundRenderOption=this.renderOption.bind(this);onDisabledStateChange(){this.disabled?this.removeIconRight():this.inputValueLength&&this.addClearIcon()}async resetInputState(){this.nativeInput&&(this.nativeInput.value=""),this.inputValue="",this.inputValueLength=0,this.isLoading=!1,this.removeIconRight()}componentWillLoad(){this.initializeInputValue()}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.boundHandleInputRightIcon)}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.boundHandleInputRightIcon)}initializeInputValue(){this.inputValue=this.searchQuery;const t=r(this.inputValue);this.inputValueLength=t.length,t.length>0&&this.addClearIcon()}handleInputRightIcon({target:t}){const o=t.value;this.inputValue=o;const e=r(o);if(this.inputValueLength=e.length,this.inputValueLength>=this.minSearchLength)return this.addLoadIcon(),void this.removeIconRight();e&&!this.inputIconRight&&this.addClearIcon(),!e&&this.inputIconRight&&this.removeIconRight()}async optionsFilterFunction(t){if(t.length<this.minSearchLength||!this.searchApiUrl)return[];const o=await((t,o)=>{if(!o?.trim()||!t?.trim())return Promise.resolve([]);const e=new URL(t);return e.searchParams.set("query",o),fetch(e).then((t=>t.json())).catch((()=>[]))})(this.searchApiUrl,t),e=o.slice(0,this.maxSearchResults).map((({title:t,id:o,description:e,categories:i,url:n},r)=>({label:a(t),value:{id:o,description:e,categories:i,url:n,htmlLabel:t,index:r}})));return e.length>0&&e.push({label:this.labels.moreResultsLabel,value:"more-results",clickCallback:this.boundHandleSearchSubmit,ignoreHighlighting:!0,cssPart:"more-results"}),e}debounceOptionsFilter=n(this.boundOptionsFilterFunction,300);removeIconRight(){this.inputIconRight=""}addClearIcon(){this.isLoading=!1,this.inputIconRight="tc-close"}finishedLoading(){this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon()}addLoadIcon(){this.isLoading=!0}handleAutocompleteOptionSelection(t){t.stopPropagation();const{label:o,value:e,_originalEvent:i}=t.detail;this.inputValue=o,this.inputValueLength=r(o).length,this.addClearIcon(),this.optionSelected.emit({label:o,id:e.id,url:e.url,index:"number"==typeof e?.index?e.index:-1,originalEvent:i})}handleSearchSubmit(){const t=this.nativeInput?.value??this.inputValue??"",o=r(t);if(!o)return;const e=Date.now(),i=Math.max(this.submitCooldownMs,0);e-this.lastSubmittedAt<i||this.preventDuplicateSubmit&&o===this.lastSubmittedQuery||(this.lastSubmittedAt=e,this.lastSubmittedQuery=o,this.searchSubmitted.emit(t))}handleAutocompleteSearchSubmit(t){t.stopPropagation(),this.handleSearchSubmit()}async handleClearInput(){"function"!=typeof this.autocompleteComponent?.clear?await this.resetInputState():await this.autocompleteComponent.clear(!1)}renderOption(t){const{description:o,categories:i,htmlLabel:n}=t.value;return e("div",{part:"dropdown-option"},e("tet-icon",{part:"option-icon",class:"icon",name:"tc-arrow-right"}),e("div",{part:"dropdown-option-content"},e("div",{part:"option-label",innerHTML:n}),o&&e("div",{part:"option-description",innerHTML:o}),i?.length>0&&e("div",{part:"option-categories"},i.map(((t,o)=>[e("span",{innerHTML:t}),o<i.length-1&&e("tet-icon",{name:"tc-chevron-right-small",theme:this.theme,type:"secondary",part:"option-category-separator"})])))))}render(){return e(i,{key:"79a72a212b3469d02aae7ff9263ed8d63d87f6a6",class:{"search-container":!0,[this.theme]:!0}},e("div",{key:"b5a5ec3323762bf2184838d5498a1b348989385d",class:"search-container__inner-wrapper"},e("tet-autocomplete",{key:"f71570464de034c9362b68bc2f9f244302881c21",optionsFilterAction:this.debounceOptionsFilter,onOptionSelected:this.boundHandleAutocompleteOptionSelection,onSearchTextSubmitted:this.boundHandleAutocompleteSearchSubmit,noOptionsMessage:this.labels.notFoundMessage,customOptionRenderFunction:this.boundRenderOption,finishedLoading:this.boundFinishedLoadingFunction,clearCallback:()=>this.resetInputState(),darkTheme:"dark"===this.theme,newStyle:!0,ref:t=>this.autocompleteComponent=t},e("tet-input",{key:"978674c41a9a07d360efde321662133f6a52fe25",class:"search-container__input","input-class":"autocomplete-input search-container__input "+(this.isLoading?"with-loader":""),"input-placeholder":this.labels.placeholder,"input-disabled":this.disabled,label:this.showInputLabel?this.labels.label:void 0,accessibilityLabel:this.showInputLabel?void 0:this.labels.label,iconLeft:"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.boundHandleClearInput,iconRightAccessibilityLabel:this.labels.clearButtonLabel,theme:this.theme,ref:t=>this.inputComponent=t,autocomplete:"off","input-value":this.inputValue},this.isLoading&&e("tet-spinner",{key:"9b4a600b1a3d24681a8b2d257671c9d36df4d9c7",theme:this.theme,class:"search-container__spinner",size:"small"}))),e("tet-button",{key:"243e34c4d9bd9a8fa179d89de443067268c66afb",class:"search-container__button search-container__button--mobile",theme:this.theme,size:"small","accessibility-label":this.labels.searchButtonLabel,iconName:"tc-arrow-right",iconMode:!0,disabled:this.disabled,onClick:this.boundHandleSearchSubmit}),e("tet-button",{key:"75a5322d2e32870324a5b5980b74f1b044564e60",class:"search-container__button search-container__button--desktop",theme:this.theme,size:"medium",disabled:this.disabled,onClick:this.boundHandleSearchSubmit},this.labels.searchButtonLabel)))}static get watchers(){return{disabled:["onDisabledStateChange"]}}};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;--input-field-icon-color:var(--tc-icon-secondary);--dropdown-option-text-color-secondary:var(--tc-text-secondary);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary);--dropdown-more-results-option-background-color:var(--tc-layer-secondary)}:host(.dark){--input-field-icon-color:var(--tc-icon-secondary-dark);--dropdown-option-text-color-secondary:var(--tc-text-secondary-dark);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary-dark);--dropdown-more-results-option-background-color:var(--tc-layer-secondary-dark)}::part(dropdown-option){display:flex;align-items:center;gap:0.5rem;overflow:hidden}::part(option-icon){--icon-size:1rem;--icon-container-display:flex}::part(dropdown-option-content){display:flex;flex-direction:column;overflow:hidden}::part(option-label){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-description){font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.125rem;color:var(--dropdown-option-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-categories){font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--dropdown-option-text-color-tertiary);margin-top:0.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-category-separator){--icon-size:0.90625rem;--icon-container-display:flex;margin:0 0.0625rem}::part(more-results){font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";position:sticky;bottom:0;background-color:var(--dropdown-more-results-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}tet-autocomplete{--options-max-height-new-style:27.25rem;width:100%}.search-container__inner-wrapper{display:flex;gap:0.5rem}@media screen and (min-width: 48rem){.search-container__inner-wrapper{gap:1rem}}.search-container__button{align-self:flex-end}.search-container__button--desktop{display:none}@media screen and (min-width: 48rem){.search-container__button--desktop{display:flex}.search-container__button--mobile{display:none}}.search-container__input{--input-border-radius:1.375rem;--input-font-size:0.875rem}.search-container__input.tet-input__base{--input-height:2.25rem;--input-padding:0.5rem 1rem}@media screen and (min-width: 48rem){.search-container__input.tet-input__base{--input-height:2.75rem;--input-padding:0.75rem 1rem}}.search-container__input.tet-input__base.with-icon--left{padding-left:2.75rem}.search-container__input.tet-input__base.with-icon--right,.search-container__input.tet-input__base.with-loader{padding-right:2.75rem}.search-container__input~.icon{--input-icon-color:var(--input-field-icon-color);--icon-size:1.25rem;--input-icon-left-position:1rem}.search-container__input~.icon.icon-right{right:1rem}.search-container__spinner{--spinner-size:1.25rem;position:absolute;right:1rem}';export{s as tet_support_search}
|
|
1
|
+
import{r as t,c as o,h as e,H as i}from"./p-7c868b40.js";import{d as n}from"./p-a9634fae.js";import{n as r}from"./p-58434b0c.js";import{i as a}from"./p-f469a3fb.js";const s=class{constructor(e){t(this,e),this.searchSubmitted=o(this,"searchSubmitted",7),this.optionSelected=o(this,"optionSelected",7),this.theme="light",this.minSearchLength=4,this.showInputLabel=!1,this.labels=void 0,this.disabled=!1,this.searchApiUrl="",this.maxSearchResults=5,this.preventDuplicateSubmit=!0,this.submitCooldownMs=700,this.searchQuery="",this.inputIconRight="",this.inputValueLength=0,this.inputValue="",this.isLoading=!1}searchSubmitted;optionSelected;nativeInput;inputComponent;autocompleteComponent;lastSubmittedQuery="";lastSubmittedAt=0;boundOptionsFilterFunction=this.optionsFilterFunction.bind(this);boundFinishedLoadingFunction=this.finishedLoading.bind(this);boundHandleAutocompleteOptionSelection=this.handleAutocompleteOptionSelection.bind(this);boundHandleAutocompleteSearchSubmit=this.handleAutocompleteSearchSubmit.bind(this);boundHandleClearInput=this.handleClearInput.bind(this);boundHandleSearchSubmit=this.handleSearchSubmit.bind(this);boundHandleInputRightIcon=this.handleInputRightIcon.bind(this);boundRenderOption=this.renderOption.bind(this);onDisabledStateChange(){this.disabled?this.removeIconRight():this.inputValueLength&&this.addClearIcon()}async resetInputState(){this.nativeInput&&(this.nativeInput.value=""),this.inputValue="",this.inputValueLength=0,this.isLoading=!1,this.removeIconRight()}componentWillLoad(){this.initializeInputValue()}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.boundHandleInputRightIcon)}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.boundHandleInputRightIcon)}initializeInputValue(){this.inputValue=this.searchQuery;const t=r(this.inputValue);this.inputValueLength=t.length,t.length>0&&this.addClearIcon()}handleInputRightIcon({target:t}){const o=t.value;this.inputValue=o;const e=r(o);if(this.inputValueLength=e.length,this.inputValueLength>=this.minSearchLength)return this.addLoadIcon(),void this.removeIconRight();e&&!this.inputIconRight&&this.addClearIcon(),!e&&this.inputIconRight&&this.removeIconRight()}async optionsFilterFunction(t){if(t.length<this.minSearchLength||!this.searchApiUrl)return[];const o=await((t,o)=>{if(!o?.trim()||!t?.trim())return Promise.resolve([]);const e=new URL(t);return e.searchParams.set("query",o),fetch(e).then((t=>t.json())).catch((()=>[]))})(this.searchApiUrl,t),e=o.slice(0,this.maxSearchResults).map((({title:t,id:o,description:e,categories:i,url:n},r)=>({label:a(t),value:{id:o,description:e,categories:i,url:n,htmlLabel:t,index:r}})));return e.length>0&&e.push({label:this.labels.moreResultsLabel,value:"more-results",clickCallback:this.boundHandleSearchSubmit,ignoreHighlighting:!0,cssPart:"more-results"}),e}debounceOptionsFilter=n(this.boundOptionsFilterFunction,300);removeIconRight(){this.inputIconRight=""}addClearIcon(){this.isLoading=!1,this.inputIconRight="tc-close"}finishedLoading(){this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon()}addLoadIcon(){this.isLoading=!0}handleAutocompleteOptionSelection(t){t.stopPropagation();const{label:o,value:e,_originalEvent:i}=t.detail;this.inputValue=o,this.inputValueLength=r(o).length,this.addClearIcon(),this.optionSelected.emit({label:o,id:e.id,url:e.url,index:"number"==typeof e?.index?e.index:-1,originalEvent:i})}handleSearchSubmit(){const t=this.nativeInput?.value??this.inputValue??"",o=r(t);if(!o)return;const e=Date.now(),i=Math.max(this.submitCooldownMs,0);e-this.lastSubmittedAt<i||this.preventDuplicateSubmit&&o===this.lastSubmittedQuery||(this.lastSubmittedAt=e,this.lastSubmittedQuery=o,this.searchSubmitted.emit(t))}handleAutocompleteSearchSubmit(t){t.stopPropagation(),this.handleSearchSubmit()}async handleClearInput(){"function"!=typeof this.autocompleteComponent?.clear?await this.resetInputState():await this.autocompleteComponent.clear(!1)}renderOption(t){const{description:o,categories:i,htmlLabel:n}=t.value;return e("div",{part:"dropdown-option"},e("tet-icon",{part:"option-icon",class:"icon",name:"tc-arrow-right"}),e("div",{part:"dropdown-option-content"},e("div",{part:"option-label",innerHTML:n}),o&&e("div",{part:"option-description",innerHTML:o}),i?.length>0&&e("div",{part:"option-categories"},i.map(((t,o)=>[e("span",{innerHTML:t}),o<i.length-1&&e("tet-icon",{name:"tc-chevron-right-small",theme:this.theme,type:"secondary",part:"option-category-separator"})])))))}render(){return e(i,{key:"79a72a212b3469d02aae7ff9263ed8d63d87f6a6",class:{"search-container":!0,[this.theme]:!0}},e("div",{key:"b5a5ec3323762bf2184838d5498a1b348989385d",class:"search-container__inner-wrapper"},e("tet-autocomplete",{key:"f71570464de034c9362b68bc2f9f244302881c21",optionsFilterAction:this.debounceOptionsFilter,onOptionSelected:this.boundHandleAutocompleteOptionSelection,onSearchTextSubmitted:this.boundHandleAutocompleteSearchSubmit,noOptionsMessage:this.labels.notFoundMessage,customOptionRenderFunction:this.boundRenderOption,finishedLoading:this.boundFinishedLoadingFunction,clearCallback:()=>this.resetInputState(),darkTheme:"dark"===this.theme,newStyle:!0,ref:t=>this.autocompleteComponent=t},e("tet-input",{key:"978674c41a9a07d360efde321662133f6a52fe25",class:"search-container__input","input-class":"autocomplete-input search-container__input "+(this.isLoading?"with-loader":""),"input-placeholder":this.labels.placeholder,"input-disabled":this.disabled,label:this.showInputLabel?this.labels.label:void 0,accessibilityLabel:this.showInputLabel?void 0:this.labels.label,iconLeft:"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.boundHandleClearInput,iconRightAccessibilityLabel:this.labels.clearButtonLabel,theme:this.theme,ref:t=>this.inputComponent=t,autocomplete:"off","input-value":this.inputValue},this.isLoading&&e("tet-spinner",{key:"9b4a600b1a3d24681a8b2d257671c9d36df4d9c7",theme:this.theme,class:"search-container__spinner",size:"small"}))),e("tet-button",{key:"243e34c4d9bd9a8fa179d89de443067268c66afb",class:"search-container__button search-container__button--mobile",theme:this.theme,size:"small","accessibility-label":this.labels.searchButtonLabel,iconName:"tc-arrow-right",iconMode:!0,disabled:this.disabled,onClick:this.boundHandleSearchSubmit}),e("tet-button",{key:"75a5322d2e32870324a5b5980b74f1b044564e60",class:"search-container__button search-container__button--desktop",theme:this.theme,size:"medium",disabled:this.disabled,onClick:this.boundHandleSearchSubmit},this.labels.searchButtonLabel)))}static get watchers(){return{disabled:["onDisabledStateChange"]}}};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;--input-field-icon-color:var(--tc-icon-secondary);--dropdown-option-text-color-secondary:var(--tc-text-secondary);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary);--dropdown-more-results-option-background-color:var(--tc-layer-secondary)}:host(.dark){--input-field-icon-color:var(--tc-icon-secondary-dark);--dropdown-option-text-color-secondary:var(--tc-text-secondary-dark);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary-dark);--dropdown-more-results-option-background-color:var(--tc-layer-secondary-dark)}::part(dropdown-option){display:flex;align-items:center;gap:0.5rem;overflow:hidden}::part(option-icon){--icon-size:1rem;--icon-container-display:flex}::part(dropdown-option-content){display:flex;flex-direction:column;overflow:hidden}::part(option-label){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-description){font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.125rem;color:var(--dropdown-option-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-categories){font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--dropdown-option-text-color-tertiary);margin-top:0.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-category-separator){--icon-size:0.90625rem;--icon-container-display:flex;margin:0 0.0625rem}::part(more-results){font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";position:sticky;bottom:0;background-color:var(--dropdown-more-results-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}tet-autocomplete{--options-max-height-new-style:27.25rem;width:100%}.search-container__inner-wrapper{display:flex;gap:0.5rem}@media screen and (min-width: 48rem){.search-container__inner-wrapper{gap:1rem}}.search-container__button{align-self:flex-end}.search-container__button--desktop{display:none}@media screen and (min-width: 48rem){.search-container__button--desktop{display:flex}.search-container__button--mobile{display:none}}.search-container__input{--input-border-radius:1.375rem;--input-font-size:0.875rem}.search-container__input.tet-input__base{--input-height:2.25rem;--input-padding:0.5rem 1rem}@media screen and (min-width: 48rem){.search-container__input.tet-input__base{--input-height:2.75rem;--input-padding:0.75rem 1rem}}.search-container__input.tet-input__base.with-icon--left{padding-left:2.75rem}.search-container__input.tet-input__base.with-icon--right,.search-container__input.tet-input__base.with-loader{padding-right:2.75rem}.search-container__input~.icon{--input-icon-color:var(--input-field-icon-color);--icon-size:1.25rem;--input-icon-left-position:1rem}.search-container__input~.icon.icon-right{right:1rem}.search-container__spinner{--spinner-size:1.25rem;position:absolute;right:1rem}';export{s as tet_support_search}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-83f43fdd.js";import{t as n}from"./p-2358a695.js";import{a as i}from"./p-713fff27.js";import"./p-9a2b6ee2.js";import"./p-3e60d61c.js";const r=class{constructor(o){t(this,o),this.isPhoneNumber=!1,this.errorMessages=[],this.class="",this.placeholder="",this.type="text",this.value="",this.disabled=!1,this.readonly=!1,this.error=!1,this.label="",this.accessibilityLabel="",this.iconLeft="",this.iconRight="",this.iconLeftAccessibilityLabel=void 0,this.iconRightAccessibilityLabel=void 0,this.iconLeftClickCallback=void 0,this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="classic",this.autocomplete="off",this.maxlength=void 0,this.inputTabindex=void 0,this.isKeyboardFocus=!0,this.focusVisible=!1}inputHtmlElement;componentDidLoad(){this.manualValidation||this.inputHtmlElement.addEventListener("input",(t=>{this.validateInputValue(t.target.value)}))}async getInputHtmlElement(){return this.inputHtmlElement}onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};async getErrors(){return this.errorMessages}async clearErrors(){this.errorMessages=[]}async validateInput(){return this.validateInputValue(this.inputHtmlElement.value),this.getErrors()}validateInputValue=t=>{this.errorMessages=(t=>this.validators.map((o=>o.validate(t)?"":o.getErrorMessage())).filter(Boolean))(t)};preventIconMouseDown(t){t.preventDefault()}renderIcon=(t,e,r)=>{const a=Boolean(r),s="left"===e?this.iconLeftAccessibilityLabel:this.iconRightAccessibilityLabel??n("components-input-icon-right-default-label");return o("tet-icon",{name:t,class:{icon:!0,"icon-left":"left"===e,"icon-right":"right"===e,clickable:a},onMouseDown:a?this.preventIconMouseDown:void 0,onClick:r,accessibilityLabel:a?s:"",onKeyDown:i})};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-input__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-input__error-message"},n(t)))));render(){const t=this.class?.split(" ").filter(Boolean)??[],n={"tet-input__base":!0,[`tet-input__${this.theme}`]:!0,"with-icon--left":!!this.iconLeft,"with-icon--right":!!this.iconRight,"with-prefix":this.isPhoneNumber,error:this.error||this.errorMessages.length>0,"keyboard-focus":this.focusVisible,...t.reduce(((t,o)=>({...t,[o]:!0})),{})};return o(e,null,o("label",{class:{[`${this.theme}`]:!0}},this.label&&o("span",{class:{"tet-input__label":!0,[`tet-input__${this.theme}`]:!0}},this.label),o("div",{class:{"input-container":!0,[`tet-input__${this.theme}`]:!0}},this.isPhoneNumber&&o("span",{class:"tet-input__prefix"},"+371 |"),o("input",{onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,class:n,placeholder:this.placeholder,type:this.type,value:this.value,ref:t=>this.inputHtmlElement=t,disabled:this.disabled,autoComplete:this.autocomplete?this.autocomplete:"off",maxlength:this.maxlength,readOnly:this.readonly,...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{},...this.inputTabindex?{tabindex:this.inputTabindex}:{}}),!!this.iconLeft&&this.renderIcon(this.iconLeft,"left",this.iconLeftClickCallback),!!this.iconRight&&this.renderIcon(this.iconRight,"right",this.iconRightClickCallback),o("slot",null))),this.errorMessages.length>0&&this.renderErrorMessages())}};r.style='.sc-tet-input-h{box-sizing:border-box}*.sc-tet-input,*.sc-tet-input:before,*.sc-tet-input:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-input-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-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e85a"}.icon.tet-close.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e86c"}.icon.tet-check.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e86a"}.icon.tet-info.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e81d"}.icon.tet-done.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::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-input-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)}@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-input-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-input:root,.sc-tet-input-h{--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.sc-tet-input,.tet-textarea__dark.sc-tet-input{--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.sc-tet-input:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus.sc-tet-input: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.sc-tet-input{--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.sc-tet-input,.tet-textarea__light.sc-tet-input{--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.sc-tet-input{--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.sc-tet-input,.tet-textarea__base.sc-tet-input{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.sc-tet-input::placeholder,.tet-textarea__base.sc-tet-input::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original.sc-tet-input: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.sc-tet-input:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled].sc-tet-input,.tet-textarea__base[disabled].sc-tet-input{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.sc-tet-input:not(:disabled).error,.tet-textarea__base.sc-tet-input:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base.sc-tet-input:not(:disabled):hover,.tet-textarea__base.sc-tet-input:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base.sc-tet-input:not(:disabled):focus,.tet-input__base.sc-tet-input:not(:disabled):active,.tet-textarea__base.sc-tet-input:not(:disabled):focus,.tet-textarea__base.sc-tet-input: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.sc-tet-input:focus,.tet-textarea__base.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error.sc-tet-input:not(:disabled).keyboard-focus,.tet-textarea__base.error.sc-tet-input:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base.sc-tet-input{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label.sc-tet-input,.tet-textarea__label.sc-tet-input{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.sc-tet-input,.tet-textarea__label.tet-input__mint-original.sc-tet-input{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input,.tet-textarea__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input{color:var(--input-disabled-label-color)}.tet-input__error-message.sc-tet-input,.tet-textarea__error-message.sc-tet-input{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors.sc-tet-input{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden.sc-tet-input{display:none}.sc-tet-input-h{display:block}.input-container.sc-tet-input{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container.sc-tet-input:focus-within .icon.sc-tet-input{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix.sc-tet-input{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.sc-tet-input{padding-left:4rem}.tet-input__base.with-icon--left.sc-tet-input{padding-left:2.5rem}.tet-input__base.with-icon--right.sc-tet-input{padding-right:2.5rem}.tet-input__base.sc-tet-input:disabled~tet-icon.sc-tet-input{--input-icon-color:var(--input-disabled-icon-color)}.icon.sc-tet-input{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable.sc-tet-input{cursor:pointer}.icon.clickable.sc-tet-input: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.sc-tet-input{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right.sc-tet-input{right:0.75rem}';export{r as tet_input}
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-7c868b40.js";import{t as n}from"./p-8f9c8b2c.js";import{a as i}from"./p-713fff27.js";import"./p-9a2b6ee2.js";import"./p-59c5d02d.js";const r=class{constructor(o){t(this,o),this.isPhoneNumber=!1,this.errorMessages=[],this.class="",this.placeholder="",this.type="text",this.value="",this.disabled=!1,this.readonly=!1,this.error=!1,this.label="",this.accessibilityLabel="",this.iconLeft="",this.iconRight="",this.iconLeftAccessibilityLabel=void 0,this.iconRightAccessibilityLabel=void 0,this.iconLeftClickCallback=void 0,this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="classic",this.autocomplete="off",this.maxlength=void 0,this.inputTabindex=void 0,this.isKeyboardFocus=!0,this.focusVisible=!1}inputHtmlElement;componentDidLoad(){this.manualValidation||this.inputHtmlElement.addEventListener("input",(t=>{this.validateInputValue(t.target.value)}))}async getInputHtmlElement(){return this.inputHtmlElement}onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};async getErrors(){return this.errorMessages}async clearErrors(){this.errorMessages=[]}async validateInput(){return this.validateInputValue(this.inputHtmlElement.value),this.getErrors()}validateInputValue=t=>{this.errorMessages=(t=>this.validators.map((o=>o.validate(t)?"":o.getErrorMessage())).filter(Boolean))(t)};preventIconMouseDown(t){t.preventDefault()}renderIcon=(t,e,r)=>{const a=Boolean(r),s="left"===e?this.iconLeftAccessibilityLabel:this.iconRightAccessibilityLabel??n("components-input-icon-right-default-label");return o("tet-icon",{name:t,class:{icon:!0,"icon-left":"left"===e,"icon-right":"right"===e,clickable:a},onMouseDown:a?this.preventIconMouseDown:void 0,onClick:r,accessibilityLabel:a?s:"",onKeyDown:i})};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-input__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-input__error-message"},n(t)))));render(){const t=this.class?.split(" ").filter(Boolean)??[],n={"tet-input__base":!0,[`tet-input__${this.theme}`]:!0,"with-icon--left":!!this.iconLeft,"with-icon--right":!!this.iconRight,"with-prefix":this.isPhoneNumber,error:this.error||this.errorMessages.length>0,"keyboard-focus":this.focusVisible,...t.reduce(((t,o)=>({...t,[o]:!0})),{})};return o(e,null,o("label",{class:{[`${this.theme}`]:!0}},this.label&&o("span",{class:{"tet-input__label":!0,[`tet-input__${this.theme}`]:!0}},this.label),o("div",{class:{"input-container":!0,[`tet-input__${this.theme}`]:!0}},this.isPhoneNumber&&o("span",{class:"tet-input__prefix"},"+371 |"),o("input",{onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,class:n,placeholder:this.placeholder,type:this.type,value:this.value,ref:t=>this.inputHtmlElement=t,disabled:this.disabled,autoComplete:this.autocomplete?this.autocomplete:"off",maxlength:this.maxlength,readOnly:this.readonly,...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{},...this.inputTabindex?{tabindex:this.inputTabindex}:{}}),!!this.iconLeft&&this.renderIcon(this.iconLeft,"left",this.iconLeftClickCallback),!!this.iconRight&&this.renderIcon(this.iconRight,"right",this.iconRightClickCallback),o("slot",null))),this.errorMessages.length>0&&this.renderErrorMessages())}};r.style='.sc-tet-input-h{box-sizing:border-box}*.sc-tet-input,*.sc-tet-input:before,*.sc-tet-input:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-input-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-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e85a"}.icon.tet-close.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e86c"}.icon.tet-check.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e86a"}.icon.tet-info.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::before{content:"\\e81d"}.icon.tet-done.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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-input::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-input-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)}@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-input-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-input:root,.sc-tet-input-h{--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.sc-tet-input,.tet-textarea__dark.sc-tet-input{--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.sc-tet-input:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus.sc-tet-input: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.sc-tet-input{--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.sc-tet-input,.tet-textarea__light.sc-tet-input{--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.sc-tet-input{--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.sc-tet-input,.tet-textarea__base.sc-tet-input{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.sc-tet-input::placeholder,.tet-textarea__base.sc-tet-input::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original.sc-tet-input: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.sc-tet-input:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled].sc-tet-input,.tet-textarea__base[disabled].sc-tet-input{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.sc-tet-input:not(:disabled).error,.tet-textarea__base.sc-tet-input:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base.sc-tet-input:not(:disabled):hover,.tet-textarea__base.sc-tet-input:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base.sc-tet-input:not(:disabled):focus,.tet-input__base.sc-tet-input:not(:disabled):active,.tet-textarea__base.sc-tet-input:not(:disabled):focus,.tet-textarea__base.sc-tet-input: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.sc-tet-input:focus,.tet-textarea__base.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error.sc-tet-input:not(:disabled).keyboard-focus,.tet-textarea__base.error.sc-tet-input:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base.sc-tet-input{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label.sc-tet-input,.tet-textarea__label.sc-tet-input{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.sc-tet-input,.tet-textarea__label.tet-input__mint-original.sc-tet-input{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input,.tet-textarea__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input{color:var(--input-disabled-label-color)}.tet-input__error-message.sc-tet-input,.tet-textarea__error-message.sc-tet-input{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors.sc-tet-input{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden.sc-tet-input{display:none}.sc-tet-input-h{display:block}.input-container.sc-tet-input{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container.sc-tet-input:focus-within .icon.sc-tet-input{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix.sc-tet-input{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.sc-tet-input{padding-left:4rem}.tet-input__base.with-icon--left.sc-tet-input{padding-left:2.5rem}.tet-input__base.with-icon--right.sc-tet-input{padding-right:2.5rem}.tet-input__base.sc-tet-input:disabled~tet-icon.sc-tet-input{--input-icon-color:var(--input-disabled-icon-color)}.icon.sc-tet-input{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable.sc-tet-input{cursor:pointer}.icon.clickable.sc-tet-input: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.sc-tet-input{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right.sc-tet-input{right:0.75rem}';export{r as tet_input}
|