@tet/tet-components 1.4.140-staging → 1.4.141-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{http-codes-M3UINy7t.js → http-codes-C-IXSZGG.js} +1 -1
- package/dist/cjs/{index-CabrFqSe.js → index-Bo0hF6YQ.js} +1 -1
- package/dist/cjs/{index-BGnwL8G_.js → index-DKg1QTRW.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{product-comparison-1cTUG5Si.js → product-comparison-f-u42TDe.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_5.cjs.entry.js +4 -4
- package/dist/cjs/tet-assembler.cjs.entry.js +14 -5
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete_2.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-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-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +10 -6
- 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-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-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-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-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-round-stepper.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-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-sticky-offer.cjs.entry.js +139 -72
- 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-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/{translations-MNaGVsId.js → translations-f2lO6WcB.js} +1 -1
- package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.js +41 -2
- package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.js +24 -3
- package/dist/collection/components/simple/misc/tet-sticky-offer/tet-sticky-offer.css +22 -13
- package/dist/collection/components/simple/misc/tet-sticky-offer/tet-sticky-offer.js +212 -92
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CVKvk6QH.js → p-1M2reaCU.js} +1 -1
- package/dist/components/{p-ClZGNJ8K.js → p-9ItXFJZ6.js} +1 -1
- package/dist/components/{p-CuMXHleS.js → p-B2Xg3DH0.js} +1 -1
- package/dist/components/{p-DWm7jq2J.js → p-B4MTqXan.js} +1 -1
- package/dist/components/{p-CYfNgSDa.js → p-B8ElCfnM.js} +1 -1
- package/dist/components/{p-DftHVfCt.js → p-BBMx2Nbt.js} +1 -1
- package/dist/components/{p-B5gZt66l.js → p-BLY0RO0L.js} +1 -1
- package/dist/components/{p-Jr4xP8U0.js → p-BOavyx-7.js} +1 -1
- package/dist/components/{p-v3jmLiwp.js → p-BWmFtcLN.js} +1 -1
- package/dist/components/{p-YbtFFhcU.js → p-BZ0uDmYr.js} +1 -1
- package/dist/components/{p-DMha5T5b.js → p-BZ9cVPPC.js} +1 -1
- package/dist/components/{p-DF_X_yCR.js → p-B_RQCK28.js} +1 -1
- package/dist/components/{p-BvciW7tt.js → p-Bdt0k-v8.js} +1 -1
- package/dist/components/{p-BXDq6r9O.js → p-Be5i4YJ4.js} +1 -1
- package/dist/components/{p-BJyEjHQx.js → p-BgpTlgXX.js} +1 -1
- package/dist/components/{p-Vo_9U06w.js → p-Bq1skzzY.js} +1 -1
- package/dist/components/{p-CwSl5E57.js → p-BsNlQtYx.js} +1 -1
- package/dist/components/{p-CfmV2Jgh.js → p-CFDvtl5l.js} +1 -1
- package/dist/components/{p-B36OnKxA.js → p-CIMNJ4X2.js} +1 -1
- package/dist/components/{p-BtQDYhdb.js → p-CIPUn8d2.js} +1 -1
- package/dist/components/{p-COSlMg29.js → p-CKvGKHDE.js} +1 -1
- package/dist/components/{p-DULF82L1.js → p-CMbAQKoe.js} +1 -1
- package/dist/components/{p-STr2Oh_2.js → p-CQfy7CVi.js} +1 -1
- package/dist/components/{p-nfGM0aGC.js → p-CT-Ge0pF.js} +1 -1
- package/dist/components/{p-CO0VSTHD.js → p-Cfy46lS6.js} +1 -1
- package/dist/components/{p-DvUWnsVA.js → p-ChbxhvnA.js} +1 -1
- package/dist/components/{p-CrSRJXyV.js → p-CjOuXGOS.js} +1 -1
- package/dist/components/{p-Df7zWrR3.js → p-ClWTLrk_.js} +1 -1
- package/dist/components/{p-x60Po9AL.js → p-Clw2OLNj.js} +1 -1
- package/dist/components/{p-BKT3j81W.js → p-Cwu8jtXG.js} +1 -1
- package/dist/components/{p-CPB6HceB.js → p-D9qys4GX.js} +1 -1
- package/dist/components/{p-Cezz6oU6.js → p-DEbU6YKQ.js} +1 -1
- package/dist/components/{p-D_0fYn3l.js → p-DH1iZWF5.js} +1 -1
- package/dist/components/{p-C2Vn0VjX.js → p-DHOPNeBR.js} +1 -1
- package/dist/components/{p-BKPQnaRw.js → p-DKavMVSi.js} +1 -1
- package/dist/components/{p-TrvYXEJ_.js → p-DQaNW2BX.js} +1 -1
- package/dist/components/{p-cb20nj-c.js → p-DRJ0zjoF.js} +1 -1
- package/dist/components/{p-CDm2kZUj.js → p-DcqGjbQO.js} +1 -1
- package/dist/components/{p-JxsG9Eqn.js → p-DeFz-G5N.js} +1 -1
- package/dist/components/{p-B8FP4SAH.js → p-DePtMqzY.js} +1 -1
- package/dist/components/{p-BtSNSrDr.js → p-DgcBdohb.js} +1 -1
- package/dist/components/{p-DyW5hKus.js → p-Do_1srPW.js} +1 -1
- package/dist/components/{p-vTo56FQh.js → p-Dvk7syez.js} +1 -1
- package/dist/components/{p-CRJmHkRm.js → p-Dzb-TXLO.js} +1 -1
- package/dist/components/{p-BMd3uvm2.js → p-KBNSpMwX.js} +1 -1
- package/dist/components/{p-BCS3Q4O-.js → p-P_J147mb.js} +1 -1
- package/dist/components/{p-CP-a_UPI.js → p-c36Z0_hK.js} +1 -1
- package/dist/components/{p-BFRbl437.js → p-cnUvPtFj.js} +1 -1
- package/dist/components/{p-Dy5X-F_i.js → p-lmIrgmgo.js} +1 -1
- package/dist/components/{p-ChxhsA_J.js → p-nb3MHK7A.js} +1 -1
- package/dist/components/{p-nZe5s9iw.js → p-tQ4vjHQ1.js} +1 -1
- package/dist/components/{p-DDjtysF3.js → p-zkmKLYHg.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 +1 -1
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-assembler.js +1 -1
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +1 -1
- 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 +1 -1
- package/dist/components/tet-banner-nav.js +1 -1
- 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 +1 -1
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +1 -1
- 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 +1 -1
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +1 -1
- package/dist/components/tet-cloud-configurator.js +1 -1
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +1 -1
- package/dist/components/tet-compare-card-v3.js +1 -1
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +1 -1
- package/dist/components/tet-compare-cards.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-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 +1 -1
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +1 -1
- package/dist/components/tet-divider.js +1 -1
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +1 -1
- package/dist/components/tet-expandable-input.js +1 -1
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +1 -1
- package/dist/components/tet-filter.js +1 -1
- package/dist/components/tet-floating-block.js +1 -1
- 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-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +1 -1
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-menu-mobile.js +1 -1
- package/dist/components/tet-menu.js +1 -1
- package/dist/components/tet-mini-compare-card.js +1 -1
- package/dist/components/tet-multi-step-dialog.js +1 -1
- package/dist/components/tet-navigation-mobile.js +1 -1
- package/dist/components/tet-news-card-list.js +1 -1
- 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 +1 -1
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-round-stepper.js +1 -1
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +1 -1
- 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-v3.js +1 -1
- package/dist/components/tet-sticky-offer.js +1 -1
- package/dist/components/tet-support-search.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v3.js +1 -1
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/esm/{http-codes-CMh_eKUC.js → http-codes-DchfPj1v.js} +1 -1
- package/dist/esm/{index-st4TD55I.js → index-ClX9TYQY.js} +1 -1
- package/dist/esm/{index-DScKyiML.js → index-DfBhGuuz.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{product-comparison-BHzU1-QK.js → product-comparison-DJko3TwF.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_5.entry.js +4 -4
- package/dist/esm/tet-assembler.entry.js +14 -5
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete_2.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-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-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +10 -6
- 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-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-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-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-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio_2.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-round-stepper.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-v3.entry.js +1 -1
- package/dist/esm/tet-sticky-offer.entry.js +139 -72
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/{translations-CkBHYZxq.js → translations-4zQUcigP.js} +1 -1
- package/dist/tet-components/{p-4e65a282.entry.js → p-10e789d9.entry.js} +1 -1
- package/dist/tet-components/{p-e624df8a.entry.js → p-139d4cad.entry.js} +1 -1
- package/dist/tet-components/{p-abb2da28.entry.js → p-1556076a.entry.js} +1 -1
- package/dist/tet-components/{p-7dba08b3.entry.js → p-15bddc3d.entry.js} +1 -1
- package/dist/tet-components/{p-42346043.entry.js → p-19343cc6.entry.js} +1 -1
- package/dist/tet-components/{p-47c15f9c.entry.js → p-1d997c7d.entry.js} +1 -1
- package/dist/tet-components/{p-c7f0f9f4.entry.js → p-1deb89e1.entry.js} +1 -1
- package/dist/tet-components/{p-52c129e9.entry.js → p-21a59a4f.entry.js} +1 -1
- package/dist/tet-components/{p-d1a9ded7.entry.js → p-24bdeb37.entry.js} +1 -1
- package/dist/tet-components/{p-3204266c.entry.js → p-26dd3cb0.entry.js} +1 -1
- package/dist/tet-components/{p-104a465c.entry.js → p-29948163.entry.js} +1 -1
- package/dist/tet-components/{p-79388d8a.entry.js → p-2bd1b7ec.entry.js} +1 -1
- package/dist/tet-components/{p-a28d27a1.entry.js → p-2e4e81a5.entry.js} +1 -1
- package/dist/tet-components/{p-8b5ee723.entry.js → p-2e7cb093.entry.js} +1 -1
- package/dist/tet-components/{p-b066e773.entry.js → p-306ff942.entry.js} +1 -1
- package/dist/tet-components/{p-cf0f0d6e.entry.js → p-3242f182.entry.js} +1 -1
- package/dist/tet-components/{p-9a491f9a.entry.js → p-394b9c6b.entry.js} +1 -1
- package/dist/tet-components/{p-c3862ffb.entry.js → p-39be547b.entry.js} +1 -1
- package/dist/tet-components/{p-4bd72575.entry.js → p-3ab52911.entry.js} +1 -1
- package/dist/tet-components/{p-9d704250.entry.js → p-3d8635c1.entry.js} +1 -1
- package/dist/tet-components/{p-1c627ac0.entry.js → p-43d1f956.entry.js} +1 -1
- package/dist/tet-components/{p-a86ca759.entry.js → p-47484c33.entry.js} +1 -1
- package/dist/tet-components/{p-6b27edab.entry.js → p-47b6721e.entry.js} +1 -1
- package/dist/tet-components/{p-50c5e01e.entry.js → p-4a22c9a8.entry.js} +1 -1
- package/dist/tet-components/{p-4051e024.entry.js → p-4aa2dbc8.entry.js} +1 -1
- package/dist/tet-components/{p-e2d09b10.entry.js → p-4f47079e.entry.js} +1 -1
- package/dist/tet-components/{p-1095d7d6.entry.js → p-517168f6.entry.js} +1 -1
- package/dist/tet-components/{p-016d6dd4.entry.js → p-53b4947e.entry.js} +1 -1
- package/dist/tet-components/{p-c9bc7e1c.entry.js → p-591a092a.entry.js} +1 -1
- package/dist/tet-components/{p-c7741572.entry.js → p-5a31f21d.entry.js} +1 -1
- package/dist/tet-components/{p-dac6ad5c.entry.js → p-5bd0a0c8.entry.js} +1 -1
- package/dist/tet-components/{p-854c146d.entry.js → p-616d3818.entry.js} +1 -1
- package/dist/tet-components/{p-631721d5.entry.js → p-7105253e.entry.js} +1 -1
- package/dist/tet-components/{p-b2d61826.entry.js → p-73aca8b1.entry.js} +1 -1
- package/dist/tet-components/p-755491fc.entry.js +1 -0
- package/dist/tet-components/{p-537faa1c.entry.js → p-77ae360e.entry.js} +1 -1
- package/dist/tet-components/p-77fb52c5.entry.js +1 -0
- package/dist/tet-components/{p-1633a0b1.entry.js → p-79e4a166.entry.js} +1 -1
- package/dist/tet-components/p-7da3d5fb.entry.js +1 -0
- package/dist/tet-components/{p-648fe9fe.entry.js → p-7fdd634a.entry.js} +1 -1
- package/dist/tet-components/{p-a631d8c5.entry.js → p-7ffa074d.entry.js} +1 -1
- package/dist/tet-components/{p-7366cfd6.entry.js → p-8436df88.entry.js} +1 -1
- package/dist/tet-components/{p-feccd822.entry.js → p-87d015b3.entry.js} +1 -1
- package/dist/tet-components/{p-af0e9ee6.entry.js → p-8b3ea797.entry.js} +1 -1
- package/dist/tet-components/{p-e87a7b06.entry.js → p-8bdcb714.entry.js} +1 -1
- package/dist/tet-components/{p-595c36d0.entry.js → p-8c39d824.entry.js} +1 -1
- package/dist/tet-components/{p-87e315d4.entry.js → p-92ef3a39.entry.js} +1 -1
- package/dist/tet-components/{p-904ffd64.entry.js → p-93283513.entry.js} +1 -1
- package/dist/tet-components/{p-6f09c992.entry.js → p-98ae4292.entry.js} +1 -1
- package/dist/tet-components/{p-6a2ed4f0.entry.js → p-9ab737dd.entry.js} +1 -1
- package/dist/tet-components/{p-3AR12uVQ.js → p-B8Zjo2sa.js} +1 -1
- package/dist/tet-components/p-BGrvDoTj.js +1 -0
- package/dist/tet-components/{p-st4TD55I.js → p-ClX9TYQY.js} +1 -1
- package/dist/tet-components/{p-f4cfb3a5.entry.js → p-a0340287.entry.js} +1 -1
- package/dist/tet-components/{p-129762b3.entry.js → p-a2a4917a.entry.js} +1 -1
- package/dist/tet-components/{p-96e57ac6.entry.js → p-a410109c.entry.js} +1 -1
- package/dist/tet-components/{p-ba878c01.entry.js → p-b315a1c8.entry.js} +1 -1
- package/dist/tet-components/{p-3d981a11.entry.js → p-b4c45d6b.entry.js} +1 -1
- package/dist/tet-components/{p-54c98af8.entry.js → p-b5efc6d4.entry.js} +1 -1
- package/dist/tet-components/{p-ee844459.entry.js → p-b849774e.entry.js} +1 -1
- package/dist/tet-components/{p-6d7506fe.entry.js → p-b8c0433c.entry.js} +1 -1
- package/dist/tet-components/{p-a7f8ef9f.entry.js → p-baf6ba9e.entry.js} +1 -1
- package/dist/tet-components/{p-f2bd28a0.entry.js → p-bb325aa4.entry.js} +1 -1
- package/dist/tet-components/{p-ea5a63a1.entry.js → p-bd42d182.entry.js} +1 -1
- package/dist/tet-components/{p-891cff98.entry.js → p-c32edb32.entry.js} +1 -1
- package/dist/tet-components/p-c989a64d.entry.js +1 -0
- package/dist/tet-components/{p-b1037e46.entry.js → p-cb1c05ab.entry.js} +1 -1
- package/dist/tet-components/{p-9691d0a9.entry.js → p-cd267067.entry.js} +1 -1
- package/dist/tet-components/{p-76b13aec.entry.js → p-d2abe02d.entry.js} +1 -1
- package/dist/tet-components/{p-4b7c2be5.entry.js → p-d2db496b.entry.js} +1 -1
- package/dist/tet-components/{p-937c99dd.entry.js → p-d44bea09.entry.js} +1 -1
- package/dist/tet-components/{p-668c2484.entry.js → p-d88d8689.entry.js} +1 -1
- package/dist/tet-components/{p-7fc4c174.entry.js → p-d89ae495.entry.js} +1 -1
- package/dist/tet-components/{p-7a9e715e.entry.js → p-dca1a4c2.entry.js} +1 -1
- package/dist/tet-components/{p-86614def.entry.js → p-dfdf946f.entry.js} +1 -1
- package/dist/tet-components/{p-ca111c70.entry.js → p-e13f06c4.entry.js} +1 -1
- package/dist/tet-components/{p-11363389.entry.js → p-eb3a8119.entry.js} +1 -1
- package/dist/tet-components/{p-041f46b1.entry.js → p-f5315eaf.entry.js} +1 -1
- package/dist/tet-components/{p-f96c8acc.entry.js → p-f5a86256.entry.js} +1 -1
- package/dist/tet-components/{p-6fc08d81.entry.js → p-f79c8697.entry.js} +1 -1
- package/dist/tet-components/{p-d1f560a6.entry.js → p-f7e3a24b.entry.js} +1 -1
- package/dist/tet-components/{p-bad31105.entry.js → p-fa381f41.entry.js} +1 -1
- package/dist/tet-components/{p-CjkCTYSi.js → p-t-BNeeWq.js} +1 -1
- package/dist/tet-components/{p-2BDVUFcI.js → p-tf8lKgfD.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-assembler/tet-assembler.d.ts +2 -0
- package/dist/types/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.d.ts +2 -0
- package/dist/types/components/simple/misc/tet-sticky-offer/tet-sticky-offer.d.ts +27 -13
- package/dist/types/components.d.ts +28 -7
- package/package.json +1 -1
- package/dist/tet-components/p-371e754f.entry.js +0 -1
- package/dist/tet-components/p-55462de7.entry.js +0 -1
- package/dist/tet-components/p-76d6013c.entry.js +0 -1
- package/dist/tet-components/p-C8CA8-C8.js +0 -1
- package/dist/tet-components/p-c1ee1558.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as e}from"./p-
|
|
1
|
+
import{r as s,h as e}from"./p-ClX9TYQY.js";const t=class{constructor(e){s(this,e)}stepperData=[];layout="row";theme="light";renderStepData=s=>e("div",{class:"business-stepper__step"},e("div",{class:"business-stepper__icon",style:{"background-color":s.color}},e("tet-icon",{name:s.icon,theme:this.theme})),e("span",{class:"business-stepper__title"},s.description),e("p",{class:"business-stepper__text"},s.text));render(){return e("div",{key:"30daede5ec56dfbd1388d4a3c883c6473020c313",class:{"business-stepper":!0,"business-stepper--uneven":"grid"===this.layout&&this.stepperData.length%2==1,[`business-stepper--${this.layout}`]:!0,[this.theme]:!0}},this.stepperData.slice(0,5).map(this.renderStepData))}};t.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.business-stepper{--round-business-stepper-color:var(--tc-text-primary);display:flex;flex-direction:row;gap:1.5rem}.business-stepper.dark{--round-business-stepper-color:var(--tc-text-primary-dark)}.business-stepper.dark .business-stepper__icon{background-color:var(--tc-layer-tertiary-dark) !important}.business-stepper__title,.business-stepper__text{margin:0;color:var(--round-business-stepper-color)}.business-stepper__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.business-stepper__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.business-stepper__icon{margin-bottom:0.5rem;width:2.5rem;height:2.5rem;border-radius:2.5rem;display:inline-flex;justify-content:center;align-items:center}.business-stepper__step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0.5rem;text-align:center;padding:0 1rem;flex:1}.business-stepper--column{flex-direction:column;justify-content:space-between}.business-stepper--column .business-stepper__icon{margin-bottom:0.5rem}.business-stepper--column .business-stepper__step{padding:0}.business-stepper--column .business-stepper__title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.business-stepper--grid{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:3.5rem}.business-stepper--grid .business-stepper__step{padding:0}.business-stepper--uneven>*:last-child{grid-column:1/-1}';export{t as tet_business_round_stepper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o}from"./p-st4TD55I.js";import{i as r}from"./p-CfaP9ir0.js";const n=class{constructor(e){t(this,e),this.linkClick=i(this,"linkClick")}theme="light";layout="gapped";placeholderCount=4;items=[];isSearchResult=!1;linkClick;renderIconTile(t){const{theme:i}=this;return e("div",{class:`item__icon-tile item__icon-tile--${t}`},e("tet-icon",{class:"icon",name:t,theme:i}))}renderPlaceholders(){const{theme:t,layout:i}=this;return Array.from({length:this.placeholderCount},((o,r)=>e("li",{class:"link-card-list__list-item",key:`placeholder-${r}`},e("tet-placeholder",{class:`placeholder placeholder--${i}`,darkTheme:"dark"===t}))))}renderBadge(t){const{theme:i}=this;return e("div",{class:"item__badge"},e("tet-icon",{class:"badge-icon",name:t.iconName,type:"secondary",theme:i}),t.text&&e("span",null,t.text))}renderCategories(t){return t.map(((i,o)=>[e("span",{class:"category",innerHTML:i}),o<t.length-1&&e("tet-icon",{class:"category-separator",name:"tc-chevron-right-small",type:"secondary",theme:this.theme})]))}getIconTexts(t){return t.badges?.map((({text:t})=>t)).join(", ")??""}renderListItem(t,i){const{layout:o}=this;return e("li",{class:"link-card-list__list-item",key:`${t.label}-${t.href}`},e("a",{href:t.href,onClick:e=>this.linkClick.emit({item:{...t,categories:t.categories?.map((t=>r(t))),label:r(t.label),index:i,iconTexts:this.getIconTexts(t)},nativeEvent:e}),class:{link:!0,[`link--${o}`]:!0,"link--search-result":this.isSearchResult},...t.linkAttributes?.target&&{target:t.linkAttributes.target},...(t.linkAttributes?.target||t.linkAttributes?.rel)&&{rel:this.getRelAttributeValue(t)}},t.categoryIcon&&"compact"!==o&&this.renderIconTile(t.categoryIcon),e("div",{class:{item__content:!0,"item__content--search-result":this.isSearchResult}},e("div",{class:"item__content-left"},e("span",{class:"label",innerHTML:t.label}),t.description&&e("div",{class:"description",innerHTML:t.description})),Boolean(t.badges?.length)&&e("div",{class:"item__content-right"},t.badges?.map(this.renderBadge.bind(this))),Boolean(t.categories?.length)&&e("div",{class:"item__content-categories"},this.renderCategories(t.categories??[]))),e("tet-icon",{class:"item__chevron",name:"tc-chevron-right"})))}getRelAttributeValue(t){const{target:i,rel:e}=t.linkAttributes;return"_blank"===i?e??"noopener noreferrer":e??""}render(){const{theme:t,layout:i,items:r}=this;return e(o,{key:"a64792db4eeec8f40bbc0826dfa742f8d3c36cae"},e("ul",{key:"8dfb9b4bdb8987ffb8337d0078e3d62a1d2bd99e",class:`link-card-list link-card-list--${t} link-card-list--${i}`},r?.length?r.map(this.renderListItem.bind(this)):this.renderPlaceholders()))}};n.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--list-item-gap:1rem;--list-item-border-radius:1rem;--list-item-background-color:var(--tc-layer-primary);--list-item-background-color-hover:var(--tc-layer-secondary);--list-item-text-color:var(--tc-text-primary);--list-item-text-color-secondary:var(--tc-text-secondary);--list-item-text-color-highlight:var(--tc-yellow-20);--list-item-border-color:var(--tc-border-quaternary);--list-item-border-color-hover:var(--tc-border-secondary);--list-item-box-shadow:var(--tc-elevation-one);--list-item-box-shadow-hover:var(--tc-elevation-two);--list-item-chevron-icon-color:var(--tc-icon-secondary);--list-item-chevron-icon-color--hover:var(--tc-icon-primary);--list-item-icon-tile-background-color:var(--tc-layer-secondary)}.link-card-list{display:flex;flex-direction:column;color:var(--list-item-text-color)}.link-card-list--dark{--list-item-background-color:var(--tc-layer-primary-dark);--list-item-background-color-hover:var(--tc-layer-secondary-dark);--list-item-text-color:var(--tc-text-primary-dark);--list-item-text-color-secondary:var(--tc-text-secondary-dark);--list-item-text-color-highlight:var(--tc-grey-30-dark);--list-item-border-color:var(--tc-border-quaternary-dark);--list-item-border-color-hover:var(--tc-border-secondary-dark);--list-item-box-shadow:var(--tc-elevation-one-dark);--list-item-box-shadow-hover:var(--tc-elevation-two-dark);--list-item-chevron-icon-color:var(--tc-icon-secondary-dark);--list-item-chevron-icon-color--hover:var(--tc-icon-primary-dark);--list-item-icon-tile-background-color:var(--tc-layer-secondary-dark)}.link-card-list--dark .link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.link-card-list__list-item{list-style:none;min-width:0}.link-card-list__list-item:has(:focus-visible){z-index:1}.link-card-list__list-item .placeholder{--placeholder-border-radius:var(--list-item-border-radius);--placeholder-min-height:3.5rem}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder{--placeholder-min-height:4.75rem}}.link-card-list__list-item .placeholder--compact{--placeholder-border-radius:0}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder--columns{--placeholder-min-height:6.25rem}}.link-card-list__list-item .link{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:inherit;text-decoration:none;background-color:var(--list-item-background-color);display:flex;align-items:center;padding:1rem;cursor:pointer;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow);gap:0.25rem;overflow:hidden;height:100%}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link{gap:0.75rem}}@media screen and (min-width: 64rem){.link-card-list__list-item .link{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";padding:1.5rem}}.link-card-list__list-item .link:hover .item__chevron{--icon-color:var(--list-item-chevron-icon-color--hover)}.link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:var(--list-item-border-radius)}.link-card-list__list-item .link .item__icon-tile{display:none;width:2.75rem;height:2.75rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--list-item-icon-tile-background-color);flex-shrink:0}.link-card-list__list-item .link .item__icon-tile .icon{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.625rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.875rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:1.875rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:2.5rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2.625rem}}.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.5rem}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__icon-tile{display:flex}}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile{width:3.25rem;height:3.25rem}}.link-card-list__list-item .link .item__content{display:flex;flex-direction:column;flex:1;gap:0.125rem;min-width:0}.link-card-list__list-item .link .item__content--search-result{gap:0.5rem}.link-card-list__list-item .link .item__content--search-result .item__content-left .description{margin-top:0.25rem}.link-card-list__list-item .link .item__content--search-result .highlight{background-color:var(--list-item-text-color-highlight)}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content:not(.link-card-list__list-item .link .item__content--search-result){flex-direction:row;align-items:center;flex-wrap:wrap;gap:0.5rem}}.link-card-list__list-item .link .item__content-left{display:flex;flex:1;flex-direction:column;min-width:0}.link-card-list__list-item .link .item__content-left .description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__content-left .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content-left{min-width:18.75rem}}.link-card-list__list-item .link .item__content-right{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);display:flex;flex-wrap:wrap;column-gap:0.75rem}.link-card-list__list-item .link .item__content-right .item__badge{display:flex;gap:0.375rem;padding:0.125rem 0.125rem 0.125rem 0}.link-card-list__list-item .link .item__content-right .badge-icon{--icon-size:1.25rem;--icon-container-display:flex}.link-card-list__list-item .link .item__content-categories{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem;color:var(--list-item-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-list__list-item .link .item__content-categories .category{vertical-align:middle}.link-card-list__list-item .link .item__content-categories .category-separator{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__chevron{--icon-size:1.25rem;--icon-container-display:flex;--icon-color:var(--list-item-chevron-icon-color);margin-left:0.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__chevron{--icon-size:1.5rem}}.link-card-list__list-item .link--search-result .item__chevron{--icon-size:1.5rem}.link-card-list--gapped{gap:var(--list-item-gap)}.link-card-list--gapped .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}.link-card-list--compact{gap:0;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow)}.link-card-list--compact .link-card-list__list-item .link{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border-radius:0;border:unset;box-shadow:none}@media screen and (min-width: 64rem){.link-card-list--compact .link-card-list__list-item .link{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .label,.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .description{text-overflow:clip;white-space:normal}.link-card-list--compact .link-card-list__list-item .link:focus-visible{border-radius:0.125rem}.link-card-list--compact .link-card-list__list-item .link:hover{background-color:var(--list-item-background-color-hover)}.link-card-list--compact .link-card-list__list-item:not(:last-child) .link,.link-card-list--compact .link-card-list__list-item:not(:last-child) .placeholder{border-bottom:0.0625rem solid var(--list-item-border-color)}.link-card-list--compact .link-card-list__list-item:first-child .link,.link-card-list--compact .link-card-list__list-item:first-child .placeholder{--placeholder-border-radius:var(--list-item-border-radius) var(--list-item-border-radius) 0 0;border-top-left-radius:var(--list-item-border-radius);border-top-right-radius:var(--list-item-border-radius)}.link-card-list--compact .link-card-list__list-item:last-child .link,.link-card-list--compact .link-card-list__list-item:last-child .placeholder{--placeholder-border-radius:0 0 var(--list-item-border-radius) var(--list-item-border-radius);border-bottom-left-radius:var(--list-item-border-radius);border-bottom-right-radius:var(--list-item-border-radius)}.link-card-list--columns{display:flex;gap:var(--list-item-gap)}.link-card-list--columns .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}@media screen and (min-width: 64rem){.link-card-list--columns{display:grid;grid-template-columns:repeat(2, 1fr)}}';export{n as tet_link_card_list}
|
|
1
|
+
import{r as t,c as i,h as e,H as o}from"./p-ClX9TYQY.js";import{i as r}from"./p-CfaP9ir0.js";const n=class{constructor(e){t(this,e),this.linkClick=i(this,"linkClick")}theme="light";layout="gapped";placeholderCount=4;items=[];isSearchResult=!1;linkClick;renderIconTile(t){const{theme:i}=this;return e("div",{class:`item__icon-tile item__icon-tile--${t}`},e("tet-icon",{class:"icon",name:t,theme:i}))}renderPlaceholders(){const{theme:t,layout:i}=this;return Array.from({length:this.placeholderCount},((o,r)=>e("li",{class:"link-card-list__list-item",key:`placeholder-${r}`},e("tet-placeholder",{class:`placeholder placeholder--${i}`,darkTheme:"dark"===t}))))}renderBadge(t){const{theme:i}=this;return e("div",{class:"item__badge"},e("tet-icon",{class:"badge-icon",name:t.iconName,type:"secondary",theme:i}),t.text&&e("span",null,t.text))}renderCategories(t){return t.map(((i,o)=>[e("span",{class:"category",innerHTML:i}),o<t.length-1&&e("tet-icon",{class:"category-separator",name:"tc-chevron-right-small",type:"secondary",theme:this.theme})]))}getIconTexts(t){return t.badges?.map((({text:t})=>t)).join(", ")??""}renderListItem(t,i){const{layout:o}=this;return e("li",{class:"link-card-list__list-item",key:`${t.label}-${t.href}`},e("a",{href:t.href,onClick:e=>this.linkClick.emit({item:{...t,categories:t.categories?.map((t=>r(t))),label:r(t.label),index:i,iconTexts:this.getIconTexts(t)},nativeEvent:e}),class:{link:!0,[`link--${o}`]:!0,"link--search-result":this.isSearchResult},...t.linkAttributes?.target&&{target:t.linkAttributes.target},...(t.linkAttributes?.target||t.linkAttributes?.rel)&&{rel:this.getRelAttributeValue(t)}},t.categoryIcon&&"compact"!==o&&this.renderIconTile(t.categoryIcon),e("div",{class:{item__content:!0,"item__content--search-result":this.isSearchResult}},e("div",{class:"item__content-left"},e("span",{class:"label",innerHTML:t.label}),t.description&&e("div",{class:"description",innerHTML:t.description})),Boolean(t.badges?.length)&&e("div",{class:"item__content-right"},t.badges?.map(this.renderBadge.bind(this))),Boolean(t.categories?.length)&&e("div",{class:"item__content-categories"},this.renderCategories(t.categories??[]))),e("tet-icon",{class:"item__chevron",name:"tc-chevron-right"})))}getRelAttributeValue(t){const{target:i,rel:e}=t.linkAttributes;return"_blank"===i?e??"noopener noreferrer":e??""}render(){const{theme:t,layout:i,items:r}=this;return e(o,{key:"a64792db4eeec8f40bbc0826dfa742f8d3c36cae"},e("ul",{key:"8dfb9b4bdb8987ffb8337d0078e3d62a1d2bd99e",class:`link-card-list link-card-list--${t} link-card-list--${i}`},r?.length?r.map(this.renderListItem.bind(this)):this.renderPlaceholders()))}};n.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--list-item-gap:1rem;--list-item-border-radius:1rem;--list-item-background-color:var(--tc-layer-primary);--list-item-background-color-hover:var(--tc-layer-secondary);--list-item-text-color:var(--tc-text-primary);--list-item-text-color-secondary:var(--tc-text-secondary);--list-item-text-color-highlight:var(--tc-yellow-20);--list-item-border-color:var(--tc-border-quaternary);--list-item-border-color-hover:var(--tc-border-secondary);--list-item-box-shadow:var(--tc-elevation-one);--list-item-box-shadow-hover:var(--tc-elevation-two);--list-item-chevron-icon-color:var(--tc-icon-secondary);--list-item-chevron-icon-color--hover:var(--tc-icon-primary);--list-item-icon-tile-background-color:var(--tc-layer-secondary)}.link-card-list{display:flex;flex-direction:column;color:var(--list-item-text-color)}.link-card-list--dark{--list-item-background-color:var(--tc-layer-primary-dark);--list-item-background-color-hover:var(--tc-layer-secondary-dark);--list-item-text-color:var(--tc-text-primary-dark);--list-item-text-color-secondary:var(--tc-text-secondary-dark);--list-item-text-color-highlight:var(--tc-grey-30-dark);--list-item-border-color:var(--tc-border-quaternary-dark);--list-item-border-color-hover:var(--tc-border-secondary-dark);--list-item-box-shadow:var(--tc-elevation-one-dark);--list-item-box-shadow-hover:var(--tc-elevation-two-dark);--list-item-chevron-icon-color:var(--tc-icon-secondary-dark);--list-item-chevron-icon-color--hover:var(--tc-icon-primary-dark);--list-item-icon-tile-background-color:var(--tc-layer-secondary-dark)}.link-card-list--dark .link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.link-card-list__list-item{list-style:none;min-width:0}.link-card-list__list-item:has(:focus-visible){z-index:1}.link-card-list__list-item .placeholder{--placeholder-border-radius:var(--list-item-border-radius);--placeholder-min-height:3.5rem}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder{--placeholder-min-height:4.75rem}}.link-card-list__list-item .placeholder--compact{--placeholder-border-radius:0}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder--columns{--placeholder-min-height:6.25rem}}.link-card-list__list-item .link{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:inherit;text-decoration:none;background-color:var(--list-item-background-color);display:flex;align-items:center;padding:1rem;cursor:pointer;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow);gap:0.25rem;overflow:hidden;height:100%}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link{gap:0.75rem}}@media screen and (min-width: 64rem){.link-card-list__list-item .link{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";padding:1.5rem}}.link-card-list__list-item .link:hover .item__chevron{--icon-color:var(--list-item-chevron-icon-color--hover)}.link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:var(--list-item-border-radius)}.link-card-list__list-item .link .item__icon-tile{display:none;width:2.75rem;height:2.75rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--list-item-icon-tile-background-color);flex-shrink:0}.link-card-list__list-item .link .item__icon-tile .icon{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.625rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.875rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:1.875rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:2.5rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2.625rem}}.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.5rem}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__icon-tile{display:flex}}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile{width:3.25rem;height:3.25rem}}.link-card-list__list-item .link .item__content{display:flex;flex-direction:column;flex:1;gap:0.125rem;min-width:0}.link-card-list__list-item .link .item__content--search-result{gap:0.5rem}.link-card-list__list-item .link .item__content--search-result .item__content-left .description{margin-top:0.25rem}.link-card-list__list-item .link .item__content--search-result .highlight{background-color:var(--list-item-text-color-highlight)}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content:not(.link-card-list__list-item .link .item__content--search-result){flex-direction:row;align-items:center;flex-wrap:wrap;gap:0.5rem}}.link-card-list__list-item .link .item__content-left{display:flex;flex:1;flex-direction:column;min-width:0}.link-card-list__list-item .link .item__content-left .description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__content-left .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content-left{min-width:18.75rem}}.link-card-list__list-item .link .item__content-right{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);display:flex;flex-wrap:wrap;column-gap:0.75rem}.link-card-list__list-item .link .item__content-right .item__badge{display:flex;gap:0.375rem;padding:0.125rem 0.125rem 0.125rem 0}.link-card-list__list-item .link .item__content-right .badge-icon{--icon-size:1.25rem;--icon-container-display:flex}.link-card-list__list-item .link .item__content-categories{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem;color:var(--list-item-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-list__list-item .link .item__content-categories .category{vertical-align:middle}.link-card-list__list-item .link .item__content-categories .category-separator{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__chevron{--icon-size:1.25rem;--icon-container-display:flex;--icon-color:var(--list-item-chevron-icon-color);margin-left:0.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__chevron{--icon-size:1.5rem}}.link-card-list__list-item .link--search-result .item__chevron{--icon-size:1.5rem}.link-card-list--gapped{gap:var(--list-item-gap)}.link-card-list--gapped .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}.link-card-list--compact{gap:0;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow)}.link-card-list--compact .link-card-list__list-item .link{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border-radius:0;border:unset;box-shadow:none}@media screen and (min-width: 64rem){.link-card-list--compact .link-card-list__list-item .link{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .label,.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .description{text-overflow:clip;white-space:normal}.link-card-list--compact .link-card-list__list-item .link:focus-visible{border-radius:0.125rem}.link-card-list--compact .link-card-list__list-item .link:hover{background-color:var(--list-item-background-color-hover)}.link-card-list--compact .link-card-list__list-item:not(:last-child) .link,.link-card-list--compact .link-card-list__list-item:not(:last-child) .placeholder{border-bottom:0.0625rem solid var(--list-item-border-color)}.link-card-list--compact .link-card-list__list-item:first-child .link,.link-card-list--compact .link-card-list__list-item:first-child .placeholder{--placeholder-border-radius:var(--list-item-border-radius) var(--list-item-border-radius) 0 0;border-top-left-radius:var(--list-item-border-radius);border-top-right-radius:var(--list-item-border-radius)}.link-card-list--compact .link-card-list__list-item:last-child .link,.link-card-list--compact .link-card-list__list-item:last-child .placeholder{--placeholder-border-radius:0 0 var(--list-item-border-radius) var(--list-item-border-radius);border-bottom-left-radius:var(--list-item-border-radius);border-bottom-right-radius:var(--list-item-border-radius)}.link-card-list--columns{display:flex;gap:var(--list-item-gap)}.link-card-list--columns .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}@media screen and (min-width: 64rem){.link-card-list--columns{display:grid;grid-template-columns:repeat(2, 1fr)}}';export{n as tet_link_card_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,a as o,h as i,H as n}from"./p-ClX9TYQY.js";const r=class{constructor(o){t(this,o),this.applyClick=e(this,"applyClick")}get host(){return o(this)}visible=!0;offerName="";price="";priceSuffix="";actionLabel="Pieteikt";actionUrl="";actionTarget="_self";triggerElement;topBoundaryElement;bottomBoundaryElement;applyClick;boundaryVisible=!0;boundaryBottom=0;docked=!1;dockingSpace;moving=!1;fixedBottomOffset=0;refreshDockSize=!1;boundaryObserver;boundaryFrame=null;hasLoaded=!1;detectedModule=null;componentWillLoad(){this.updateBoundaries()}componentDidLoad(){this.hasLoaded=!0,this.setupDockingSpace()}connectedCallback(){this.hasLoaded&&!this.moving&&this.setupDockingSpace()}disconnectedCallback(){this.moving||(this.dockingSpace?.remove(),this.dockingSpace=void 0,this.detectedModule=null,this.docked=!1,this.host.classList.remove("offer-docked"),this.boundaryObserver?.disconnect(),null!==this.boundaryFrame&&(cancelAnimationFrame(this.boundaryFrame),this.boundaryFrame=null))}setupDockingSpace(){if(this.hasLoaded&&!this.dockingSpace){if(this.bottomBoundaryElement?.parentNode){this.dockingSpace=document.createElement("div"),this.dockingSpace.style.boxSizing="border-box",this.bottomBoundaryElement.parentNode.insertBefore(this.dockingSpace,this.bottomBoundaryElement),this.moving=!0;try{this.dockingSpace.appendChild(this.host)}finally{this.moving=!1}}this.observeBoundaries()}}observeBoundaries(){if(this.hasLoaded){if(this.boundaryObserver?.disconnect(),this.triggerElement||this.bottomBoundaryElement){this.boundaryObserver=new ResizeObserver((()=>this.scheduleBoundaryUpdate(!0)));const t=[this.host,this.triggerElement,this.topBoundaryElement,this.bottomBoundaryElement,document.body];for(const e of t)e&&this.boundaryObserver.observe(e)}this.updateBoundaries()}}updateBoundaries(){if(this.boundaryVisible=!this.triggerElement||this.triggerElement.getBoundingClientRect().top<=(this.topBoundaryElement?.getBoundingClientRect().bottom??0),this.dockingSpace)return this.boundaryBottom=0,void this.updateDocking();this.boundaryBottom=this.bottomBoundaryElement?Math.max(0,window.innerHeight-this.bottomBoundaryElement.getBoundingClientRect().top):0}onScroll(){this.dockingSpace?this.updateBoundaries():this.scheduleBoundaryUpdate()}onResize(){this.scheduleBoundaryUpdate(!0)}scheduleBoundaryUpdate(t=!1){this.refreshDockSize||=t,(this.triggerElement||this.bottomBoundaryElement)&&null===this.boundaryFrame&&(this.boundaryFrame=requestAnimationFrame((()=>{this.boundaryFrame=null,this.updateBoundaries(),this.refreshDockSize=!1})))}updateDocking(){if(!this.dockingSpace)return;const t=this.dockingSpace,e=t.getBoundingClientRect(),o=this.getModuleAboveDock(e);if(!this.docked||this.refreshDockSize){this.host.classList.remove("offer-docked");const o=this.host.getBoundingClientRect();this.fixedBottomOffset=Number.parseFloat(getComputedStyle(this.host).bottom)||0,t.style.setProperty("--dock-left",o.left-e.left+"px"),t.style.setProperty("--dock-width",`${o.width}px`),this.docked&&this.host.classList.add("offer-docked")}const i=(o?Number.parseFloat(getComputedStyle(o).paddingBottom):0)||this.fixedBottomOffset,n=this.host.getBoundingClientRect().height,r=this.visible&&this.boundaryVisible;t.style.minHeight=`${r?n+i:0}px`,t.style.paddingBottom=`${r?i:0}px`;const s=document.documentElement.clientHeight||window.innerHeight;this.docked=r&&e.top<=s-n-this.fixedBottomOffset,this.host.classList[this.docked?"add":"remove"]("offer-docked")}getModuleAboveDock(t){const e=document.elementsFromPoint(t.left+t.width/2,t.top-1).filter((t=>t!==this.host&&!this.host.contains(t)&&t!==this.dockingSpace)).map((t=>t.closest(".module-inner"))).find((t=>t&&t.getBoundingClientRect().height>0));return e&&(this.detectedModule=e),this.detectedModule}render(){return i(n,{key:"050e9efaa967642b61ef5af7af8a4352a46677f1",class:{"offer-visible":this.visible&&this.boundaryVisible},style:{"--boundary-bottom":`${this.boundaryBottom}px`}},i("div",{key:"ca93b30409a5adb481d88197268981e4942730f3",class:"sticky-offer",inert:!this.visible||!this.boundaryVisible},i("span",{key:"b7f96b13d94d9138ccf6bd221c67a49bb57ab479",class:"sticky-offer__name","aria-live":"polite","aria-atomic":"true"},this.offerName),i("div",{key:"9522bf5ad6df226b09ff3cc338217d2863c883f8",class:"sticky-offer__inner-container"},i("div",{key:"c7650ad7d5b115a51dfc0f510febb7a9116d57bb",class:"sticky-offer__price-container","aria-live":"polite","aria-atomic":"true"},i("span",{key:"56a29f81f29d3ef7acced8755dbd327b895d4901",class:"sticky-offer__price"},this.price),this.priceSuffix&&i("span",{key:"20c863ee368d698e4ec34c009914306feb33a719",class:"sticky-offer__price-suffix"},this.priceSuffix)),i("tet-button",{key:"871d4e641f1c507656f10343dce8abc919922c85",size:"small",theme:"light",breakpointConfig:{lg:{size:"medium"},xl:{size:"large"}},url:this.actionUrl,urlTarget:this.actionTarget,onClick:()=>this.applyClick.emit()},this.actionLabel))))}static get watchers(){return{bottomBoundaryElement:[{setupDockingSpace:0}],triggerElement:[{observeBoundaries:0}],topBoundaryElement:[{observeBoundaries:0}],visible:[{updateBoundaries:0}]}}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--animation-duration:600ms;--bottom-offset:2.5rem;display:block;max-width:113.5rem;position:fixed;bottom:calc(var(--bottom-offset) + var(--boundary-bottom, 0rem));right:0.5rem;left:0.5rem;z-index:10;margin:0 auto;transform:translateY(calc(100% + var(--bottom-offset) + var(--boundary-bottom, 0rem) + 0.125rem));pointer-events:none;transition:transform var(--animation-duration) ease}@media screen and (min-width: 31.25rem){:host{right:1rem;left:1rem}}@media screen and (min-width: 80rem){:host{right:2rem;left:2rem}}@media screen and (min-width: 90rem){:host{right:2.25rem;left:2.25rem}}:host(.offer-docked){position:relative;left:var(--dock-left);right:auto;width:var(--dock-width);bottom:auto;margin:0}:host(.offer-visible){transform:translateY(0);pointer-events:auto;transition:none;animation:sticky-offer-slide-in var(--animation-duration) ease}:host(.offer-visible) .sticky-offer{visibility:visible;transition:visibility 0s;box-shadow:0 4px 28.8px 0 rgba(0, 0, 0, 0.25)}@media (prefers-reduced-motion: reduce){:host,:host(.offer-visible),.sticky-offer,:host(.offer-visible) .sticky-offer{transition:none;animation:none}}.sticky-offer{visibility:hidden;transition:visibility 0s linear var(--animation-duration);display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem 1rem;background:var(--tc-layer-permanent-yellow);color:var(--tc-text-black-permanent);border-radius:0.5rem;overflow:hidden}@media screen and (min-width: 48rem){.sticky-offer{flex-direction:row;align-items:center;padding:1.125rem 1.5rem;gap:2rem;border-radius:1rem}}@media screen and (min-width: 64rem){.sticky-offer{padding:1rem 1.5rem;gap:2.5rem;min-height:5rem}}@media screen and (min-width: 80rem){.sticky-offer{padding:1rem 2.5rem}}.sticky-offer__inner-container{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media screen and (min-width: 64rem){.sticky-offer__inner-container{gap:1.5rem}}.sticky-offer__name{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem;flex:1}@media screen and (min-width: 31.25rem){.sticky-offer__name{font-size:1rem}}@media screen and (min-width: 48rem){.sticky-offer__name{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";letter-spacing:0}}@media screen and (min-width: 64rem){.sticky-offer__name{font-size:1.5rem;line-height:1.75rem}}@media screen and (min-width: 80rem){.sticky-offer__name{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}}.sticky-offer__price-container{display:flex;gap:0.25rem}.sticky-offer__price{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif";white-space:nowrap}@media screen and (min-width: 80rem){.sticky-offer__price{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}}.sticky-offer__price-suffix{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";align-self:flex-end;white-space:nowrap}@media screen and (min-width: 64rem){.sticky-offer__price-suffix{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.sticky-offer__price-suffix{padding:0.1875rem 0}}@keyframes sticky-offer-slide-in{from{transform:translateY(calc(100% + var(--bottom-offset) + 0.125rem))}to{transform:translateY(0)}}';export{r as tet_sticky_offer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as r,h as n}from"./p-
|
|
1
|
+
import{r as e,a as r,h as n}from"./p-ClX9TYQY.js";const i=class{constructor(r){e(this,r)}get element(){return r(this)}spinner=null;theme="classic";size="small";type="indeterminate";previousProgress=0;onTypeChange(e){"determinate"!==e&&this.spinner.classList.remove(`spinner--${this.previousProgress}-progress`)}async setProgress(e){let r=e;r||(r=0),r>100&&(r=100),this.element.style.setProperty("--spinner-progress",r.toString())}componentDidLoad(){this.setForeignObjectAttributes()}setForeignObjectAttributes=()=>{const e=this.spinner.querySelector("foreignObject");null!=e&&(e.setAttribute("x","0"),e.setAttribute("y","0"),e.setAttribute("width","40px"),e.setAttribute("height","40px"),e.setAttribute("clip-path","url(#clip)"))};render(){return n("div",{key:"d0791658ec319f2bfd74ee74363d234eabc838bd",ref:e=>this.spinner=e,class:{spinner:!0,[`${this.theme}-theme`]:!0,[`size--${this.size}`]:!0,[`spinner--${this.type}`]:!0}},n("svg",{key:"01202975dc4873b633199c634d08296200dbf1b4",viewBox:"0 0 40 40"},n("clipPath",{key:"95f97ee6e0d472463d53c6ef28cfbd3d751030f9",id:"clip"},n("path",{key:"0da9aeb0edcf0450733089abb1621f0d38fbd036",d:"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457\n 0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z"})),n("foreignObject",{key:"cd955b4db4e1121420bbbff7293de9566beae6bb"},n("div",{key:"9fa13f0c310b43d203caf0338baa6009b33eed76",class:"spinner__gradient"}))))}static get watchers(){return{type:[{onTypeChange:0}]}}};i.style=':host{display:flex;--spinner-primary-color:var(--tc-blue-40);--spinner-secondary-color:transparent;--spinner-size:1.5rem;--spinner-indicator-size:0.23rem;--spinner-progress:0}.dark-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1-dark);--spinner-secondary-color:var(--tc-spinner-gradient-value-2-dark)}.light-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1);--spinner-secondary-color:var(--tc-spinner-gradient-value-2)}.size--medium{--spinner-size:2rem;--spinner-indicator-size:0.3rem}.size--large{--spinner-size:2.5rem;--spinner-indicator-size:0.375rem}@keyframes indeterminate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{position:relative;width:var(--spinner-size);height:var(--spinner-size)}.spinner::before{display:block;content:"";right:0;top:43%;width:var(--spinner-indicator-size);aspect-ratio:1;position:absolute;background-color:var(--spinner-primary-color);border-radius:50%}.spinner__gradient{width:2.5rem;height:2.5rem;border-radius:50%;background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) 76%, var(--spinner-primary-color) 100%) border-box}.spinner--indeterminate{animation:indeterminate 1.5s infinite steps(100)}.spinner--determinate{transform:rotate(calc(var(--spinner-progress) * 2.7deg))}.spinner--determinate .spinner__gradient{background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) calc(76% - var(--spinner-progress) * 0.76%), var(--spinner-primary-color) 100%) border-box}';export{i as tet_spinner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,h as o,H as t}from"./p-ClX9TYQY.js";import"./p-tf8lKgfD.js";import{p as a}from"./p-BGrvDoTj.js";const i=class{constructor(o){r(this,o),this.cardLoaded=e(this,"cardLoaded"),this.productChanged=e(this,"productChanged")}buttonSizeBreakpoint=1280;singleCardBreakpoint=1024;cardType="static";singleCardControlType="tabs";theme="light";language="lv";options=[];toggles=[];contractTerm=0;controlsTitle;singleCardTabsTitle;bestChoiceText;bestChoiceIconName;currency="€/mēn.";secondaryLink="";secondaryLinkText="";secondaryLinkOpenBlank=!1;buttonTitle="";linkOpenBlank=!1;showControlsFirst=!1;showLoader=!0;selectedProductId="";selectedDropdownOptionId="";selectedSwitchKeys=[];preselectedKeys=[];preselectedProductId="";allProductData={};preselectedRemountId=0;buttonSize="large";isSingleCardDesktop=!0;smallRadioBlocksPerRow=2;largeRadioBlocksPerRow=3;didEmitCardLoaded=!1;hasFetchedProducts=!1;cardLoaded;productChanged;onOptionSelected(r){const e=r.detail.value,o=this.getOptionById(this.selectedProductId),t=o?.dropdownOptions?.find((r=>this.getOptionId(r)===e));if(t)return this.selectedDropdownOptionId=e,void this.productChanged.emit();this.selectedProductId=e,this.setInitialDropdownOption(this.getOptionById(e)),this.productChanged.emit()}async componentWillLoad(){this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint(),this.fetchProductComparison(),this.initializeSelection()}onOptionsChange(){this.hasFetchedProducts||(this.initializeSelection(),this.fetchProductComparison())}initializeSelection(){switch(this.cardType){case"single-card":case"dropdown":case"radio":{const r=this.options.find((r=>r.preselected))??this.options[0];r&&(this.selectedProductId=this.getOptionId(r),this.setInitialDropdownOption(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(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint()}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)}syncSingleCardBreakpoint(){if(void 0===globalThis.window)return this.isSingleCardDesktop=!0,this.smallRadioBlocksPerRow=2,void(this.largeRadioBlocksPerRow=3);const r=globalThis.window.innerWidth,e=r>=this.singleCardBreakpoint;this.isSingleCardDesktop!==e&&(this.isSingleCardDesktop=e),"radio"===this.singleCardControlType&&(this.smallRadioBlocksPerRow=r<768||r>=1024&&r<1280?1:2,this.largeRadioBlocksPerRow=r>=768&&r<1024||r>=1440?3:2)}getOptionId(r){return r?.id??r?.productCode??""}getOptionById(r){return this.options.find((e=>this.getOptionId(e)===r))}getProductOptions(){return this.options.reduce(((r,e)=>[...r,...e.dropdownOptions?.length?e.dropdownOptions:[e]]),[])}async isLoaded(){return this.didEmitCardLoaded}async getProductByCode(r){const e=this.getProductOptions().find((e=>e.productCode===r)),o=e?this.allProductData[this.getOptionId(e)]:void 0;if(!o)return;const t=o.formUrl?.[this.language]??"";return{...o,contractTerms:o.contractTerms?.map((e=>({...e,completeUrl:this.getCompleteUrl(t,r,e)})))}}getSelectedOption(){const r=this.getOptionById(this.selectedProductId),e=r?.dropdownOptions??[];return e.length?e.find((r=>this.getOptionId(r)===this.selectedDropdownOptionId))??e.find((r=>r.preselected))??e[0]:r}hasSingleCardDropdownOptions(){return"single-card"===this.cardType&&this.options.some((r=>r.dropdownOptions?.length))}setInitialDropdownOption(r){const e=r?.dropdownOptions??[],o=e.find((r=>r.preselected))??e[0];this.selectedDropdownOptionId=this.getOptionId(o)}getSelectionOptions(){return this.options.map((r=>({label:r.optionLabel||"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedProductId})))}getToggledProductId(r){const e=[...r].sort(((r,e)=>r.localeCompare(e))).join(","),o=this.options.find((r=>[...r.keys??[]].sort(((r,e)=>r.localeCompare(e))).join(",")===e));return o?this.getOptionId(o):null}handleSwitchToggle(r,e){const o=this.toggles.find((e=>e.toggleKey===r));let t=[...this.selectedSwitchKeys];if(!e){const e=t.filter((e=>e!==r));if(0===e.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit();const o=this.getToggledProductId(e);return o?(this.selectedSwitchKeys=e,this.selectedProductId=o,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit())}if(o?.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,e)=>r.localeCompare(e)));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,e)=>(e.keys??[]).length>(r.keys??[]).length?e:r),this.options[0]):null}async fetchProductComparison(){if(this.hasFetchedProducts)return;const r=Array.from(new Set(this.getProductOptions().filter((r=>!r.productData)).map((r=>r.productCode)).filter(Boolean)));let e={};if(r.length){this.hasFetchedProducts=!0,this.showLoader=!0;try{const o=await a(r.join(","));e=o.products||{}}catch(r){console.error(r)}}this.allProductData=this.getProductOptions().reduce(((r,o)=>{const t=this.getOptionId(o),a=o.productCode?e[o.productCode]:void 0;return t&&a&&(r[t]=a),r}),{}),this.showLoader=!1}selectedContractTerm(){const r=this.getSelectedOption(),e=this.allProductData[this.getOptionId(r)]?.contractTerms;if(!e?.length)return;const o=r?.contractTerm??this.contractTerm;return e.find((r=>r.term===o))}getElementTag(r){if(r?.href?.trim())return"a";const e=r?.["data-modal-screen-key"]?.trim(),o=r?.role?.trim().toLowerCase();return e||"button"===o?"button":"div"}renderSwitch(r){const{toggleKey:e,icon:t,name:a}=r;if(!e)return null;const i=this.preselectedKeys.includes(e);return o("div",{class:"switch-wrapper"},o("tet-switch",{class:"switch",theme:this.theme,key:i?`${e}-${this.preselectedRemountId}`:e,name:e,checked:this.selectedSwitchKeys.includes(e),onCheck:r=>this.handleSwitchToggle(e,r.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},o("div",{class:"switch-label"},o("tet-icon",{theme:this.theme,class:"benefit__icon",name:t}),a)))}handleSingleCardControlSelect(r){const e=this.getOptionById(r);e&&(this.selectedProductId=r,this.setInitialDropdownOption(e),this.productChanged.emit())}renderSingleCardControls(){const r=this.selectedProductId||this.getOptionId(this.options[0]),e=1===this.options.length;return this.hasSingleCardDropdownOptions()&&e?null:e?o("div",{class:"single-option-label"},this.options[0].optionLabel??""):"radio"===this.singleCardControlType?this.renderSingleCardRadioControls():o("tet-tab-header",{theme:this.theme,mode:"switch",segmented:!0,sizing:this.isSingleCardDesktop?"web":"mobile",defaultTab:r,onTabSelected:r=>this.handleSingleCardControlSelect(r.detail.new)},this.options.map((r=>{const e=this.getOptionId(r);return e?o("button",{type:"button","data-name":e},r.optionLabel??""):null})))}renderSingleCardRadioControls(){const r=this.selectedProductId||this.getOptionId(this.options[0]),e=this.options.some((r=>(r?.bonuses??[]).length>0||!!r?.optionIcon)),t=this.options.flatMap((e=>{const o=this.getOptionId(e);return o?[{id:o,label:e.optionLabel??"",value:o,checked:o===r,iconName:e.optionIcon??"",description:e.optionDescription??"",secondaryDescription:e.optionSecondaryDescription??""}]:[]}));return o("tet-radio-blocks",{theme:this.theme,blocks:t,blockType:e?"small":"large",blocksPerRow:e?this.smallRadioBlocksPerRow:this.largeRadioBlocksPerRow,accessibilityLabel:this.controlsTitle?.replace(/:\s*$/,"").trim(),onCheck:r=>this.handleSingleCardControlSelect(r.detail.value)})}renderBonuses(){const r=this.getSelectedOption(),e=r?.bonuses??[];return e.length<1?null:o("div",{class:"bonuses"},e.map((r=>{const e=r.items??[];return e.length?o("div",{class:"bonuses__bonus-container"},!!r.title&&o("div",{class:"section-title"},r.title),e.map((r=>{const e=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,t=this.getElementTag(e),a=["a","button"].includes(t);return o(t,{type:"button"===t?"button":void 0,class:{bonus:!0,"bonus--interactive":a},...e||{}},o("tet-icon",{theme:this.theme,class:"bonus__icon",name:r.iconName}),o("span",{class:"bonus__text"},r.name),a&&o("div",{class:"bonus__chevron-icon-container"},o("tet-icon",{class:"bonus__icon bonus__icon--chevron",name:"tc-chevron-right-small"})))}))):null})))}renderCardLabel(r){const e=r?.cardLabel;if(!e)return null;const t=/<(?:p|div|ul|ol|h[1-6])\b/i.test(e);return o("div",t?{class:"card-info",innerHTML:e}:{class:"card-label",innerHTML:e})}renderRadioOptions(){const r=this.getSelectionOptions();return o("div",{class:"radio-container"},r.map((r=>o("div",{class:"radio-wrapper"},o("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:e,priceAsText:t,priceDescription:a,showDiscount:i}){const n=Number.parseFloat(r.replace(",",".")),c=Number.parseFloat(e.replace(",",".")),s=void 0!==t,l=!s&&i&&Number.isFinite(c);return s||r&&Number.isFinite(n)?o("div",{class:"price-wrapper"},o("div",{class:"price-container"},o("div",{class:"price-container__price-group"},o("div",{class:"price-container__price translation-none"},s?t:this.formatPrice(n)),!s&&o("div",{class:"price-container__currency"},o("span",null,this.currency))),l&&o("div",{class:"price-container__base-price translation-none"},o("span",null,this.formatPrice(c)),o("span",null,this.currency))),a&&o("span",{class:"price-container__description"},a)):null}formatPrice(r){return new Intl.NumberFormat(this.language||"lv",{minimumFractionDigits:2,maximumFractionDigits:5}).format(r)}getPriceData(r,e,o){const t=(r?.discountPrice??r?.price??o?.amount??"").toString(),a=(r?.price??e?.amount??"").toString(),i=Number.parseFloat(t.replace(",",".")),n=Number.parseFloat(a.replace(",",".")),c=!1!==o?.showDiscount&&Number.isFinite(i)&&Number.isFinite(n)&&n>i;return{contractPrice:t,basePrice:a,priceAsText:r?.priceAsText,priceDescription:r?.priceDescription??o?.priceDescription?.[this.language]??"",showDiscount:c}}renderControl(r){switch(this.cardType){case"switcher":return o("div",null,this.toggles.map((r=>this.renderSwitch(r))));case"single-card":return this.renderSingleCardControls();case"dropdown":return o("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}}renderSingleCardDropdownControls(){const r=this.getOptionById(this.selectedProductId),e=r?.dropdownOptions??[];if(0===e.length)return null;const t=r?.dropdownTitle??this.controlsTitle,a=this.getSelectedOption()?.contractTooltip??r?.dropdownTooltip,i=this.getTooltipLabel(a),n=t&&o("div",{class:"single-card-dropdown-title"},o("span",null,t),a&&o("button",{type:"button",class:"single-card-dropdown-tooltip","aria-label":i},o("tet-icon",{name:"tc-info-circle-outline"}),o("tet-tooltip",{theme:this.theme,innerHTML:a})));if(1===e.length)return o("div",{class:"single-card-dropdown-controls"},n,o("div",{class:"single-option-label"},e[0].optionLabel));const c=e.map((r=>({label:r.optionLabel??"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedDropdownOptionId})));return o("div",{class:"single-card-dropdown-controls"},n,o("tet-dropdown",{class:"single-card-dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:c}))}renderControls(){const r=this.getSelectionOptions(),e=this.hasSingleCardDropdownOptions(),t=!!this.controlsTitle&&"static"!==this.cardType&&!e,a=e?this.renderSingleCardDropdownControls():this.renderControl(r),i="single-card"===this.cardType,n="tabs"===this.singleCardControlType,c=1===this.options.length;return a||e?o("div",{class:"controls"},e&&!!this.singleCardTabsTitle&&o("div",{class:"single-card-tabs-title"},this.singleCardTabsTitle),e&&this.renderSingleCardControls(),t&&o("div",{class:{"section-title":!0,"single-card-tab-controls-title":i&&n,"single-option":i&&c}},this.controlsTitle),a):null}getCompleteUrl(r,e,o){const t=new URLSearchParams({sourceUrl:globalThis.location?.href??""});null!==e&&(t.set("contractTerm",String(o?.term??"")),t.set("product",e),t.set("promotion",o?.promotionCode??""),t.set("lang",this.language??""),t.set("from","tet.lv"));try{const e=new URL(r);return["http:","https:"].includes(e.protocol)?(t.forEach(((r,o)=>{e.searchParams.append(o,r)})),e.toString()):""}catch{return""}}getTooltipLabel(r){if(r)return(new DOMParser).parseFromString(r,"text/html").body.textContent?.replace(/\s+/g," ").trim()}renderContentTop(){const r=this.getSelectedOption(),e=this.allProductData[this.getOptionId(r)],t=r?.productData,a=this.selectedContractTerm(),i=e?.attributes?.find((r=>"overrideProductName"===r.key))?.value,n=t?.name??i??e?.name?.[this.language],c=this.getPriceData(t,e,a),s=this.secondaryLink||t?.contractUrl||a?.contract||"",l=!!s&&!!this.secondaryLinkText,d=this.secondaryLinkOpenBlank?"_blank":void 0,m=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,p=e?.formUrl?.[this.language]||"",h=t?this.getCompleteUrl(t.formUrl,null):this.getCompleteUrl(p,r?.productCode??"",a),f=r?.titleBadge;return o("div",{key:"content-top",class:"content content__top"},(n||f)&&o("div",{class:"title-container"},n&&o("h3",{class:"title"},n),f&&o("span",{class:"title-badge"},o("tet-icon",{class:"title-badge__icon",name:"tc-info-circle"}),f)),this.renderPrice(c),this.renderCardLabel(r),o("div",{class:"button-wrapper"},o("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:h,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle)),l&&o("div",{class:"secondary-link"},o("a",{class:"tet-link",href:s,target:d,rel:m},this.secondaryLinkText)))}renderContentBottom(){return o("div",{key:"content-bottom",class:"content content__bottom"},this.showControlsFirst?[this.renderControls(),this.renderBonuses()]:[this.renderBonuses(),this.renderControls()])}renderCard(){const r=this.getSelectedOption(),e=!!r?.bestChoice,t="single-card"===this.cardType&&this.isSingleCardDesktop;return o("div",{class:{card:!0,"best-choice":e,"single-card":"single-card"===this.cardType}},this.bestChoiceText&&o("div",{class:{"best-choice-title":!0,active:e}},!!this.bestChoiceIconName&&o("tet-icon",{class:"best-choice-title__icon ",name:this.bestChoiceIconName}),o("span",null,this.bestChoiceText)),t?[this.renderContentBottom(),this.renderContentTop()]:[this.renderContentTop(),this.renderContentBottom()])}renderLoader(){return o("tet-placeholder",{class:{card__placeholder:!0,"single-card":"single-card"===this.cardType},height:"100%",width:"100%",darkTheme:"dark"===this.theme})}render(){return o(t,{key:"681b0b3acd21c3eeb254b3789708ac511f6c8cf9","data-contains-focusable-content":!0},this.showLoader?this.renderLoader():this.renderCard())}static get watchers(){return{options:[{onOptionsChange:0}]}}};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-secondary-color:var(--tc-text-secondary);--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-title-badge-background-color:var(--tc-layer-permanent-black);--compare-card-title-badge-text-color:var(--tc-text-white-permanent);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-border-color:var(--tc-border-quaternary);--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-secondary-color:var(--tc-text-secondary-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-title-badge-background-color:var(--tc-layer-permanent-black-dark);--compare-card-title-badge-text-color:var(--tc-text-white-permanent-dark);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white-dark);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary-dark);--compare-card-border-color:var(--tc-border-quaternary-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);border:0.0625rem solid var(--compare-card-border-color)}.card__placeholder{--placeholder-min-height:37rem;--placeholder-border-radius:var(--compare-card-border-radius)}@media screen and (min-width: 64rem){.card__placeholder.single-card{--placeholder-min-height:25.75rem}}.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.5625rem;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-container{display:flex;flex-direction:column;gap:0.375rem}@media screen and (min-width: 80rem){.card .title-container{flex-direction:row;justify-content:space-between;align-items:flex-start}}.card .title-badge{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;width:fit-content;padding:0.375rem 0.75rem 0.375rem 0.5rem;align-items:center;gap:0.25rem;border-radius:0.625rem;background-color:var(--compare-card-title-badge-background-color);color:var(--compare-card-title-badge-text-color)}.card .title-badge__icon{--icon-color:var(--compare-card-title-badge-icon-color);--icon-container-display:flex;--icon-size:1rem}.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 .card-info>:first-child{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin:0.75rem 0 0;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .card-info>:not(:first-child){font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0.75rem 0 0;color:var(--compare-card-text-permanent-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;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;padding:0.125rem 0}.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: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)}@media screen and (min-width: 31.25rem){.card.single-card .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 48rem){.card.single-card .price-container__price{font:600 7.25rem/8.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card.single-card .price-container__price{font:600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.card.single-card .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card.single-card .price-container__price{font:600 6rem/6.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 120rem){.card.single-card .price-container__price{font:600 7.25rem/8.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card.single-card .price-container__currency{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.card.single-card .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card.single-card .section-title.single-card-tab-controls-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0 0 0.25rem 0;border-bottom:none;color:var(--compare-card-text-secondary-color)}.card.single-card .section-title.single-option{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";padding:0;color:var(--compare-card-text-color)}.card.single-card .single-option-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0.625rem 0.75rem;border-radius:0.5rem;background-color:var(--compare-card-single-option-label-background-color)}.card.single-card .single-card-dropdown-controls{margin-top:1rem}.card.single-card .single-card-tabs-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin-bottom:0.5rem;color:var(--compare-card-text-secondary-color)}.card.single-card .single-card-dropdown-title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;color:var(--compare-card-text-color)}.card.single-card .single-card-dropdown-tooltip{display:inline-flex;align-items:center;margin-left:auto;padding:0;border:0;background:none;cursor:pointer}.card.single-card .single-card-dropdown-tooltip tet-icon{--icon-size:1.5rem;--icon-color:var(--tc-grey-50)}.card.single-card .single-card-dropdown{width:100%}@media screen and (min-width: 64rem){.card.single-card{flex-direction:row}.card.single-card .content{display:flex;flex-direction:column;flex:1;min-height:25.75rem}.card.single-card .content__top{border-radius:0;border-top-right-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius)}.card.single-card .content__bottom{border-radius:0;border-top-left-radius:var(--compare-card-border-radius);border-bottom-left-radius:var(--compare-card-border-radius)}.card.single-card .button-wrapper{margin-top:auto}}@media screen and (min-width: 64rem){.card.single-card .best-choice-title{right:0.75rem}}@media screen and (min-width: 80rem){.card.single-card .best-choice-title{right:2.75rem}}@media screen and (min-width: 90rem){.card.single-card .best-choice-title{right:4.25rem}}@media screen and (min-width: 120rem){.card.single-card .best-choice-title{right:9.25rem}}';export{i as tet_compare_card_v3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as e}from"./p-st4TD55I.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged")}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;label;theme="light";accessibilityLabel="";buttonAccessibilityLabel="";helperText;suffixes;value;min;max;disabled;error;completed;selectOnFocus;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}suffix;isOpen;isValueHidden=!1;isKeyboardFocus=!1;inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"tc-check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"554131d078ebc1ffe22f1fc437e84e2b9f2f25c9",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"50288fffba71c2cff0b5acc84f3828df18a06bb3",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"a4b53f0546e18ca8cfc7988d22fb48a5531742d0",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"71730ff42856f8a2a932c5d35ed0d7a4ac59fec5",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"cab6c2b8d3d770c32833ab5bec101483b31cc7df",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"29e203a98c85c92b8d626a7d907475fe76d73209",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"cccc5321598b58e8f16188280649cf6a1d45dc08",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"17a3483f62ad4007f7cb915423a7210e0c85d28b",name:"tc-chevron-down"}),a&&e("tet-icon",{key:"71d23099b2950062f2a4c333539259e1b2e859ee",name:"tc-chevron-up"})),a&&e("div",{key:"0707ed55faa9c5af1bfbf8db9ba17c377f8485f5",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"ce6ca22190936390b6eb518b24a6358bace2fa4b",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:[{onSuffixChange:0}]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
|
|
1
|
+
import{r as t,c as r,h as e}from"./p-ClX9TYQY.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged")}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;label;theme="light";accessibilityLabel="";buttonAccessibilityLabel="";helperText;suffixes;value;min;max;disabled;error;completed;selectOnFocus;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}suffix;isOpen;isValueHidden=!1;isKeyboardFocus=!1;inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"tc-check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"554131d078ebc1ffe22f1fc437e84e2b9f2f25c9",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"50288fffba71c2cff0b5acc84f3828df18a06bb3",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"a4b53f0546e18ca8cfc7988d22fb48a5531742d0",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"71730ff42856f8a2a932c5d35ed0d7a4ac59fec5",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"cab6c2b8d3d770c32833ab5bec101483b31cc7df",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"29e203a98c85c92b8d626a7d907475fe76d73209",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"cccc5321598b58e8f16188280649cf6a1d45dc08",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"17a3483f62ad4007f7cb915423a7210e0c85d28b",name:"tc-chevron-down"}),a&&e("tet-icon",{key:"71d23099b2950062f2a4c333539259e1b2e859ee",name:"tc-chevron-up"})),a&&e("div",{key:"0707ed55faa9c5af1bfbf8db9ba17c377f8485f5",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"ce6ca22190936390b6eb518b24a6358bace2fa4b",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:[{onSuffixChange:0}]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
|