@tet/tet-components 1.4.138-staging → 1.4.139-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} +5 -5
- 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 +3 -3
- 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 +46 -9
- 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 +28 -21
- 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 +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-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-compare-card-v3/tet-compare-card-v3.css +1 -1
- package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.js +65 -6
- package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.css +75 -42
- package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.js +35 -26
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CVKvk6QH.js → p-1M2reaCU.js} +1 -1
- package/dist/components/{p-ro9Xo95n.js → p-4OtGLxTM.js} +1 -1
- package/dist/components/{p-ClZGNJ8K.js → p-9ItXFJZ6.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-CKvGKHDE.js +1 -0
- 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-D_0fYn3l.js → p-DH1iZWF5.js} +1 -1
- package/dist/components/{p-C2Vn0VjX.js → p-DHOPNeBR.js} +1 -1
- package/dist/components/{p-D7yVtwIG.js → p-DJQWSjRR.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} +5 -5
- 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 +3 -3
- 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 +46 -9
- 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 +28 -21
- 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 +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-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-c1ee1558.entry.js → p-0690117e.entry.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-b2798ef1.entry.js → p-499ff632.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-7491ce95.entry.js +1 -0
- package/dist/tet-components/{p-537faa1c.entry.js → p-77ae360e.entry.js} +1 -1
- package/dist/tet-components/{p-1633a0b1.entry.js → p-79e4a166.entry.js} +1 -1
- 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-76d6013c.entry.js → p-8a9d5ef1.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-87e315d4.entry.js → p-92ef3a39.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-259dfc83.entry.js → p-eca2fc2f.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-fa381f41.entry.js +1 -0
- 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-compare-card-v3/tet-compare-card-v3.d.ts +11 -1
- package/dist/types/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.d.ts +6 -3
- package/dist/types/components.d.ts +18 -5
- package/package.json +1 -1
- package/dist/tet-components/p-16c536a8.entry.js +0 -1
- package/dist/tet-components/p-371e754f.entry.js +0 -1
- package/dist/tet-components/p-9a5ddf08.entry.js +0 -1
- package/dist/tet-components/p-C8CA8-C8.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,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;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(){switch(this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint(),this.fetchProductComparison(),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 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(){const r=Array.from(new Set(this.getProductOptions().filter((r=>!r.productData)).map((r=>r.productCode)).filter(Boolean)));let e={};if(r.length)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=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",{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",{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:"26d85ce9b2114fab806f029fc148374227a8a54a","data-contains-focusable-content":!0},this.showLoader?this.renderLoader():this.renderCard())}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--compare-card-top-part-background-color:var(--tc-layer-permanent-yellow);--compare-card-bottom-part-background-color:var(--tc-layer-primary);--compare-card-text-permanent-color:var(--tc-text-black-permanent);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-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 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}
|
|
@@ -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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as e}from"./p-
|
|
1
|
+
import{r as o,h as t,H as e}from"./p-ClX9TYQY.js";const n=class{constructor(t){o(this,t)}width="100%";height="auto";darkTheme=!1;render(){return t(e,{key:"2663825bcb8c6c240fdc0c6dfb32ed3561a6d42a",style:{width:this.width,height:this.height}},t("div",{key:"b4db1824d2dfec1162df816259dfa6181b190c13",class:{placeholder:!0,"dark-theme":this.darkTheme},style:{height:this.height}}))}};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{--placeholder-primary-background-color:#eeeeee;--placeholder-secondary-background-color:#dddddd;--placeholder-animation-speed:2s;--placeholder-border-radius:0.3125rem;--placeholder-min-height:2em;display:block;min-height:var(--placeholder-min-height)}.dark-theme{--placeholder-primary-background-color:#111111;--placeholder-secondary-background-color:#222222}@keyframes animatedBackground{from{background-position-x:-100vw}to{background-position-x:100vw}}.placeholder{display:block;min-height:var(--placeholder-min-height);border-radius:var(--placeholder-border-radius);background-image:linear-gradient(90deg, var(--placeholder-primary-background-color) 0%, var(--placeholder-secondary-background-color) 50%, var(--placeholder-primary-background-color) 100%);background-position:0 0;background-repeat:repeat;animation:animatedBackground var(--placeholder-animation-speed) linear infinite}';export{n as tet_placeholder}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as r,h as i,H as t}from"./p-
|
|
1
|
+
import{r as e,a as r,h as i,H as t}from"./p-ClX9TYQY.js";const c={L:{headingFont:"1.125rem",headingLine:"1.5rem",footerFont:"0.875rem",centsFont:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1.25rem",5:"1.25rem"},centsLine:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1rem",5:"1rem"},priceTypeFont:{1:"1rem",2:"1rem",3:"0.875rem",4:"0.875rem",5:"0.625rem"},euroFont:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},euroLine:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},padding:"1.625rem 0rem",width:"9.375rem",height:"9.375rem",gap:"0.125rem"},M:{headingFont:"0.875rem",headingLine:"1.25rem",footerFont:"0.75rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"1rem",4:"0.75rem",5:"0.75rem"},centsLine:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.625rem"},priceTypeFont:{1:"0.75rem",2:"0.75rem",3:"0.625rem",4:"0.625rem",5:"0.5rem"},euroFont:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},euroLine:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},padding:"1.125rem 0rem",width:"7rem",height:"7rem",gap:"0.125rem"},S:{headingFont:"0.625rem",headingLine:"1.125rem",footerFont:"0.625rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.5rem"},centsLine:{1:"1rem",2:"1rem",3:"0.75rem",4:"0.5rem",5:"0.375rem"},priceTypeFont:{1:"0.5rem",2:"0.5rem",3:"0.375rem",4:"0.375rem",5:"0.375rem"},euroFont:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},euroLine:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},padding:"0.5rem 0rem",width:"5rem",height:"5rem",gap:"0.0625rem"}},n=class{constructor(r){e(this,r)}get hostElement(){return r(this)}theme="light";background="grey";font;size="L";headingText;priceType;euroPrice;centsPrice;footerText;footerTextType="regular";staticColors=!0;render(){const e={[this.theme]:!0,"static-colors":this.staticColors,"price-view__container":!0,"price-view__white":"white"===this.background,"price-view__black":"black"===this.background,"price-view__grey":"grey"===this.background,"price-view__yellow":"yellow"===this.background},r="monthly"===this.priceType,n={heading:{height:c[this.size].headingFont,fontSize:c[this.size].headingFont,lineHeight:c[this.size].headingFont},euro:{fontSize:c[this.size].euroFont[this.euroPrice.length],lineHeight:c[this.size].euroLine[this.euroPrice.length]},cents:{fontSize:c[this.size].centsFont[this.euroPrice.length],lineHeight:c[this.size].centsLine[this.euroPrice.length]},priceType:{fontSize:c[this.size].priceTypeFont[this.euroPrice.length],lineHeight:c[this.size].priceTypeFont[this.euroPrice.length]},footer:{height:c[this.size].footerFont,fontSize:c[this.size].footerFont,lineHeight:c[this.size].footerFont,textDecoration:"crossed-out"===this.footerTextType?"line-through":"none"},container:{padding:c[this.size].padding,width:c[this.size].width,height:c[this.size].height,display:"flex",alignItems:"center"},price:{gap:c[this.size].gap}},a=this?.centsPrice&&this?.centsPrice.length>0;return i(t,{key:"8738d33e023e92bfddd289d9c948a7dbafc52742"},i("div",{key:"2e32c998cea4487c9deef9d04fc73b7cd32178b5",class:e,style:n.container},i("div",{key:"f1f433895fb3ce4187dc18920db92b7f82220388",class:"price-view__body"},this?.headingText&&i("h3",{key:"30e8cc3f4c9970aad4227e79d25cfb988a5b3f47",class:"price-view__heading",style:n.heading},this.headingText),i("div",{key:"b0aff3b6e6ceaa816b353c8ec73e5e4176b61a93",class:"price-view__price",style:{fontFamily:this.font,gap:n.price.gap}},i("span",{key:"6a83a43c67d97b237c1c1967deae1b867c86aa4e",class:"price-view__euro",style:n.euro},this.euroPrice,r||a?"":"€"),i("div",{key:"7bc9ba32be3dc44dfe47a12fb98d747d9f67764a",class:"price-view__cents-container"},i("span",{key:"27fd9fde26e50ab25db345a6eb300b1c87a1c652",class:"price-view__cents",style:n.cents},this?.centsPrice),this.priceType&&i("span",{key:"9f973a9125ffa7262323d701c478548b95ab4a7f",class:"price-view__type",style:n.priceType},r?"€/mēn.":"",!r&&a?"EUR":""))),this?.footerText&&i("p",{key:"2d871f79e37eb03ee8193bd0286c8f5ac40096f3",class:"price-view__footer",style:n.footer},this.footerText))))}};n.style=":host{display:block}.price-view__container{box-sizing:border-box;font-family:Inter, sans-serif;width:9.375rem;height:9.375rem;padding:1.625rem 0rem;border-radius:1rem;container-type:inline-size}.price-view__container.dark:not(.static-colors).price-view__white{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__grey{background-color:var(--tc-grey-10-dark, rgb(24, 25, 27));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__black{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__white{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__grey{background-color:var(--tc-layer-secondary, rgb(247, 247, 247));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__black{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__yellow{background:var(--tc-yellow-40, rgb(255, 208, 38));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__body{margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.price-view__heading{text-align:left;font-family:Inter, sans-serif;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.75rem;letter-spacing:-0.012rem;margin-block:0}.price-view__price{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.25rem;letter-spacing:-0.015rem}.price-view__euro{font-style:normal;font-weight:600;letter-spacing:-0.0175rem;letter-spacing:-0.015rem}.price-view__cents-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-0.015rem}.price-view__cents{font-family:Gilroy, sans-serif;font-size:1.75rem;font-style:normal;font-weight:600;letter-spacing:-0.015rem}.price-view__footer{font-family:Inter, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.025rem;margin-block:0}";export{n as tet_price_view}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,c as t,f as i,h as a}from"./p-
|
|
1
|
+
import{r as n,c as t,f as i,h as a}from"./p-ClX9TYQY.js";import{p as e,t as o}from"./p-t-BNeeWq.js";import"./p-tf8lKgfD.js";import"./p-Bvqcvhjw.js";const r=class{constructor(i){n(this,i),this.slideChange=t(this,"slideChange"),this.pauseStateChange=t(this,"pauseStateChange")}slides=4;duration=5e3;paused=!1;mobileLayout=!1;theme="light";language="lv";interactive=!0;isPaused=!1;currentSlide=0;firstLoad=!1;autoTimer;slideChange;pauseStateChange;async onLanguageChange(n){e("tet-components",n).then((()=>i(this)))}onPausedStateChange(n){n?this.pause():this.play()}onInteractiveChange(n){n?this.isPaused||this.startAutoAdvance():this.stopAutoAdvance()}async componentWillLoad(){this.isPaused=this.paused,this.firstLoad=!0,await e("tet-components",this.language)}componentDidLoad(){!this.isPaused&&this.interactive&&this.startAutoAdvance()}disconnectedCallback(){this.stopAutoAdvance()}async pause(){this.isPaused=!0,this.stopAutoAdvance(),this.pauseStateChange.emit({paused:!0})}async play(){this.isPaused=!1,this.startAutoAdvance(),this.pauseStateChange.emit({paused:!1})}async goTo(n,t){if(!this.interactive&&"user"===t)return;const i=this.currentSlide;this.currentSlide=Math.max(0,Math.min(n,this.slides-1)),this.slideChange.emit({index:this.currentSlide,previousIndex:i,source:t}),this.isPaused||this.startAutoAdvance()}async next(){this.currentSlide===this.slides-1&&(this.firstLoad=!1);const n=(this.currentSlide+1)%this.slides;await this.goTo(n,"next")}async previous(){const n=0===this.currentSlide?this.slides-1:this.currentSlide-1;await this.goTo(n,"previous")}async getCurrentSlide(){return this.currentSlide}startAutoAdvance(){this.stopAutoAdvance(),this.interactive&&(this.autoTimer=window.setInterval((()=>{this.next()}),this.duration))}stopAutoAdvance(){this.autoTimer&&(clearInterval(this.autoTimer),this.autoTimer=void 0)}handlePauseClick=()=>{this.isPaused?this.play():this.pause()};renderInteractionButton(){return this.interactive?a("button",{type:"button",class:"banner-navigation__pause",onClick:this.handlePauseClick,"aria-label":o(this.isPaused?"components-banner-nav-resume-slideshow":"components-banner-nav-pause-slideshow")},a("tet-icon",{class:"button-icon",name:this.isPaused?"tc-play":"tc-pause"})):null}render(){return 1===this.slides?null:a("div",{class:{"banner-navigation":!0,[`banner-navigation--${this.theme}`]:!0,"banner-navigation--paused":this.isPaused,"banner-navigation--mobile":this.mobileLayout},style:{"--progress-duration":`${this.duration}ms`}},!this.interactive&&a("span",{class:"sr-only",role:"status","aria-live":"polite"},`${o("components-banner-nav-slide")} ${this.currentSlide+1}/${this.slides}`),this.renderInteractionButton(),Array.from({length:this.slides},((n,t)=>a("div",{class:"banner-navigation__button-container"},a("button",{type:"button",disabled:!this.interactive,"aria-hidden":this.interactive?void 0:"true",class:{"banner-navigation__button":!0,"banner-navigation__button--interactive":this.interactive,"banner-navigation__button--active":t===this.currentSlide,"banner-navigation__button--paused":this.isPaused,"banner-navigation__button--done":t<this.currentSlide,"banner-navigation__button--resetting":!this.firstLoad&&0===this.currentSlide,"banner-navigation__button--last":!this.firstLoad&&0===this.currentSlide&&t===this.slides-1,"nav-svg--filled":t<this.currentSlide,"nav-svg--unfilled":t>this.currentSlide},onClick:()=>this.goTo(t,"user"),"aria-label":`${o(this.interactive?"components-banner-nav-go-to-slide":"components-banner-nav-slide")} ${t+1}/${this.slides}`,"aria-current":t===this.currentSlide?"true":void 0},a("div",{class:"svg-wrapper"},a("svg",{class:"nav-svg",width:"23",height:"13",viewBox:"0 0 23 12",fill:"none"},a("defs",null,a("clipPath",{id:`nav-clip-${t}`},a("rect",{class:"clip-rect",x:"0.5",y:"0.5",height:"11"}))),a("rect",{class:"rect outer-rect",x:"0.5",y:"0.5",width:"22",height:"11",rx:"5.5",stroke:"currentColor",fill:"none"}),a("rect",{class:"rect hover-rect",x:"0.5",y:"0.5",height:"11",width:"22",rx:"5.5",fill:"transparent"}),a("g",{"clip-path":`url(#nav-clip-${t})`},a("rect",{class:"rect rect-opacity",x:"0.5",y:"0.5",height:"11",width:"22",rx:"5.5",fill:"var(--fill-color)"})))))))))}static get watchers(){return{language:[{onLanguageChange:0}],paused:[{onPausedStateChange:0}],interactive:[{onInteractiveChange:0}]}}};r.style='.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.banner-navigation{display:inline-flex;align-items:flex-end;min-height:1.375rem}.banner-navigation--light{color:var(--tc-icon-primary);--fill-color:var(--tc-icon-primary);--outline-color:var(--tc-blue-40, rgba(25, 98, 212, 1));--hover-color:rgba(12, 12, 14, 0.10);--done-hover-color:var(--tc-grey-80);--pause-icon-color:var( --tc-icon-primary);--active-color:var(--tc-grey-110);--inactive-color:var(--tc-border-inverse-tertiary)}.banner-navigation--dark{color:var(--tc-icon-primary-dark);--fill-color:var(--tc-icon-primary-dark);--outline-color:var(--tc-blue-40-dark, rgba(52, 129, 247, 1));--hover-color:rgba(187, 189, 191, 0.2);--done-hover-color:var(--tc-grey-80-dark);--pause-icon-color:var(--tc-icon-primary-dark);--active-color:var(--tc-grey-110-dark);--inactive-color:var(--tc-border-inverse-tertiary-dark)}.banner-navigation__pause{display:flex;align-items:center;border:none;background:none;padding:0.125rem;margin-right:0.375rem;cursor:pointer}.banner-navigation__pause:focus-visible{outline:var(--outline-color) auto 1px}.banner-navigation__pause .button-icon{--icon-size:1rem;--icon-container-display:flex;--icon-color:var(--pause-icon-color)}.banner-navigation__pause:hover .button-icon{--icon-color:var(--done-hover-color)}.banner-navigation__button-container{margin:0 0 2px 0}.banner-navigation__button{display:flex;align-items:flex-end;justify-content:center;appearance:none;border:none;background:none;cursor:pointer;padding:0.125rem;color:var(--inactive-color)}.banner-navigation__button--interactive:hover .hover-rect{fill:var(--hover-color)}.banner-navigation__button--interactive.banner-navigation__button--done:hover .rect-opacity,.banner-navigation__button--interactive.banner-navigation__button--active:hover .rect-opacity{fill:var(--done-hover-color)}.banner-navigation__button--interactive.banner-navigation__button--done:hover .outer-rect,.banner-navigation__button--interactive.banner-navigation__button--active:hover .outer-rect{color:var(--done-hover-color)}.banner-navigation__button .clip-rect{width:22px}.banner-navigation__button--active,.banner-navigation__button--done{color:var(--active-color)}.banner-navigation__button--active .clip-rect{animation:fill-progress var(--progress-duration, 5000ms) linear forwards}.banner-navigation__button--done .clip-rect{width:22px}.banner-navigation__button--active.banner-navigation__button--paused .clip-rect{animation:none;width:0}.banner-navigation__button:not(.banner-navigation__button--interactive){cursor:default}.banner-navigation__button:not(.banner-navigation__button--interactive).banner-navigation__button--active .clip-rect{animation:none;width:22px}.banner-navigation__button:not(.banner-navigation__button--interactive).banner-navigation__button--active .rect-opacity{opacity:0}@keyframes fill-progress{from{width:0}to{width:22px}}.svg-wrapper{position:relative;display:inline-block;width:12px;height:12px;transition:width 0.2s linear;pointer-events:none}.svg-wrapper .nav-svg{position:absolute;top:50%;left:0;transform:translateY(-50%);transform-origin:left center;height:12px;pointer-events:none}.svg-wrapper .rect{transition:width 0.2s linear, rx 0.2s ease-out}.nav-svg--unfilled .rect-opacity{opacity:0;width:22px;transition:width 0.2s linear, rx 0.2s ease-out, opacity 0.2s ease-in}.nav-svg--unfilled .rect{rx:10;width:11px}.nav-svg--filled .rect-opacity{opacity:1}.nav-svg--filled .rect{width:11px;rx:10}.banner-navigation__button--active .svg-wrapper{width:23px}@media (prefers-reduced-motion: reduce){.banner-navigation__button--active .clip-rect,.rect,.rect-opacity{transition:none;width:22px}}.banner-navigation__button:focus-visible{position:relative;width:fit-content;height:fit-content;outline:none}.banner-navigation__button:focus-visible::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;scale:1.2;transform-origin:center center;outline:2px solid;outline-offset:-0.125rem;outline-color:var(--outline-color);border-radius:11px}.banner-navigation--mobile{min-height:1.625rem}.banner-navigation--mobile .banner-navigation__button{padding:0.3125rem}.banner-navigation--mobile .banner-navigation__pause{padding:0.3125rem;margin-right:0.4375rem;outline-offset:-0.25rem}.banner-navigation--mobile .banner-navigation__button:focus-visible::after{outline-offset:-0.3125rem}';export{r as tet_banner_nav}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o}from"./p-st4TD55I.js";const r=class{constructor(o){t(this,o),this.ctaClick=e(this,"ctaClick")}buttonMobileBreakpoint=768;buttonRef=null;benefits=[];productTitle="";price;onPriceChange(){this.syncButtonSize()}oldPrice;currency;buttonLabel="";url;urlTarget="_self";ctaClick;getResolvedBenefits(){if(Array.isArray(this.benefits))return this.benefits;if("string"==typeof this.benefits)try{const t=JSON.parse(this.benefits);return Array.isArray(t)?t:[]}catch{return[]}return[]}handleCtaClick=()=>{const t=this.buttonLabel.trim();this.ctaClick.emit({productTitle:this.productTitle,buttonLabel:t,url:this.url,urlTarget:"_blank"===this.urlTarget?"_blank":"_self"})};componentDidLoad(){this.syncButtonSize(),globalThis.addEventListener("resize",this.syncButtonSize)}disconnectedCallback(){globalThis.removeEventListener("resize",this.syncButtonSize)}syncButtonSize=()=>{globalThis.innerWidth<this.buttonMobileBreakpoint?this.buttonRef?.setAttribute("size",null==this.price?"medium":"small"):this.buttonRef?.removeAttribute("size")};renderBadgeContent=()=>{const{price:t,currency:e,oldPrice:r}=this;if(null==t)return null;const i=t.toFixed(2).toString().split(".");return o("div",{class:"card__badge-content-item"},o("div",{class:"card__badge-content-item__price-container"},o("span",{class:"card__badge-content-item__price"},i[0]),o("div",{class:"card__badge-content-item__price-details"},o("span",{class:"card__badge-content-item__price-details__header"},i[1]),o("span",{class:"card__badge-content-item__price-details__description"},e))),null!=r&&o("span",{class:"card__badge-content-item__footer"},r.toFixed(2)," ",e))};render(){const t=this.getResolvedBenefits(),e=this.buttonLabel.trim(),r="_blank"===this.urlTarget?"_blank":"_self";return o("div",{key:"4bded38de598964b2465a617084e06b7a622446a",class:"card-wrapper"},!!t.length&&o("div",{key:"92a862dae2b44bc494f259eb2d45df5ae4a32d33",class:"card__list"},t.map((({iconImage:t,iconName:e,title:r})=>o("div",{class:"card__list-item"},t?o("img",{class:"card__list-item-image",src:t,alt:r,loading:"lazy"}):!!e&&o("tet-icon",{class:"card__list-item-icon",name:e}),o("p",{class:"card__list-item-title"},r))))),o("div",{key:"7acbd77edc0ecfddc287e86a792be12ac3476784",class:{card__badge:!0,"no-price":null==this.price}},o("p",{key:"57fd22df7483de8e487641cd62d062a0637b5038",class:{"card__badge-title":!0,"no-price":null==this.price}},this.productTitle),o("div",{key:"8c275beed6fd3ae971074d88900e9825bfec8282",class:"card__badge-content-wrapper"},this.renderBadgeContent(),!!e&&o("tet-button",{key:"bde07be591bfc914527585e70849aa0a48da68ad",class:"card__badge-content-item__button",clickCallback:this.handleCtaClick,ref:t=>{this.buttonRef=t},type:"primary",theme:"light",url:this.url,"url-target":r},e))))}static get watchers(){return{price:[{onPriceChange: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{--tet-mini-compare-card-width:10.5rem;--tet-mini-compare-card-width-desktop:22.5rem;--tet-mini-compare-card-border-radius:1rem;--tet-mini-compare-card-box-shadow:var(--tc-elevation-one);--tet-mini-compare-card-list-padding:1.5rem;--tet-mini-compare-card-list-gap:0.5rem;--tet-mini-compare-card-list-background:var(--tc-layer-permanent-white);--tet-mini-compare-card-benefit-gap:0.5rem;--tet-mini-compare-card-benefit-icon-size:1.5rem;--tet-mini-compare-card-text-color:var(--tc-text-black-permanent);--tet-mini-compare-card-badge-padding:0.375rem 1rem;--tet-mini-compare-card-badge-gap:0.5rem;--tet-mini-compare-card-badge-gap-no-price:1rem;--tet-mini-compare-card-badge-background:var(--tc-background-permanent-yellow);--tet-mini-compare-card-content-gap:0.5rem;--tet-mini-compare-card-badge-padding-no-price:1rem;--tet-mini-compare-card-badge-padding-desktop:1rem 1.5rem;--tet-mini-compare-card-badge-gap-desktop:1rem;--tet-mini-compare-card-content-gap-desktop:2.5rem}.card-wrapper{display:flex;width:var(--tet-mini-compare-card-width);flex-direction:column;align-items:flex-end;border-radius:var(--tet-mini-compare-card-border-radius);box-shadow:var(--tet-mini-compare-card-box-shadow);overflow:hidden}.card__list{display:none;padding:var(--tet-mini-compare-card-list-padding);flex-direction:column;align-items:flex-start;gap:var(--tet-mini-compare-card-list-gap);align-self:stretch;background:var(--tet-mini-compare-card-list-background)}.card__list-item{display:flex;padding:0.25rem 0;align-items:flex-start;gap:var(--tet-mini-compare-card-benefit-gap);align-self:stretch}.card__list-item-icon{--icon-size:var(--tet-mini-compare-card-benefit-icon-size)}.card__list-item-image{width:var(--tet-mini-compare-card-benefit-icon-size);height:var(--tet-mini-compare-card-benefit-icon-size)}.card__list-item-title{color:var(--tet-mini-compare-card-text-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.5rem}.card__badge{display:flex;padding:var(--tet-mini-compare-card-badge-padding);flex-direction:column;justify-content:center;align-items:center;gap:var(--tet-mini-compare-card-badge-gap);align-self:stretch;background-color:var(--tet-mini-compare-card-badge-background)}.card__badge.no-price{gap:var(--tet-mini-compare-card-badge-gap-no-price);padding:var(--tet-mini-compare-card-badge-padding-no-price)}.card__badge-title{color:var(--tet-mini-compare-card-text-color);font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card__badge-title.no-price{text-align:center;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.card__badge-content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--tet-mini-compare-card-content-gap);align-self:stretch}.card__badge-content-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.card__badge-content-item__price-container{display:flex;align-items:center;gap:0.125rem}.card__badge-content-item__price{color:var(--tet-mini-compare-card-text-color);font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.card__badge-content-item__price-details{display:flex;flex-direction:column;align-items:flex-start;color:var(--tet-mini-compare-card-text-color)}.card__badge-content-item__price-details__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";align-self:stretch;align-items:center}.card__badge-content-item__price-details__description{font-size:0.5rem;line-height:1rem;font-style:normal;font-weight:500;margin-top:-0.38rem}.card__badge-content-item__footer{color:var(--tet-mini-compare-card-text-color);font-size:0.625rem;font-style:normal;font-weight:400;line-height:1rem;text-decoration-line:line-through;text-wrap:nowrap;margin-top:-0.25rem}.card__badge-content-item__button{width:100%;--button-width:100%}@media all and (min-width: 48rem){.card-wrapper{width:var(--tet-mini-compare-card-width-desktop)}.card-wrapper .card__list{display:flex}.card-wrapper .card__badge{align-items:flex-start;padding:var(--tet-mini-compare-card-badge-padding-desktop);gap:var(--tet-mini-compare-card-badge-gap-desktop)}.card-wrapper .card__badge-title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-title.no-price{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-wrapper{flex-direction:row;align-items:flex-end;gap:var(--tet-mini-compare-card-content-gap-desktop)}.card-wrapper .card__badge-content-item{display:flex;gap:0.25rem}.card-wrapper .card__badge-content-item__price{font:600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__price-details__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__price-details__description{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__footer{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:-0.5}}';export{r as tet_mini_compare_card}
|
|
1
|
+
import{r as t,c as e,h as o}from"./p-ClX9TYQY.js";const r=class{constructor(o){t(this,o),this.ctaClick=e(this,"ctaClick")}buttonMobileBreakpoint=768;buttonRef=null;benefits=[];productTitle="";price;onPriceChange(){this.syncButtonSize()}oldPrice;currency;buttonLabel="";url;urlTarget="_self";ctaClick;getResolvedBenefits(){if(Array.isArray(this.benefits))return this.benefits;if("string"==typeof this.benefits)try{const t=JSON.parse(this.benefits);return Array.isArray(t)?t:[]}catch{return[]}return[]}handleCtaClick=()=>{const t=this.buttonLabel.trim();this.ctaClick.emit({productTitle:this.productTitle,buttonLabel:t,url:this.url,urlTarget:"_blank"===this.urlTarget?"_blank":"_self"})};componentDidLoad(){this.syncButtonSize(),globalThis.addEventListener("resize",this.syncButtonSize)}disconnectedCallback(){globalThis.removeEventListener("resize",this.syncButtonSize)}syncButtonSize=()=>{globalThis.innerWidth<this.buttonMobileBreakpoint?this.buttonRef?.setAttribute("size",null==this.price?"medium":"small"):this.buttonRef?.removeAttribute("size")};renderBadgeContent=()=>{const{price:t,currency:e,oldPrice:r}=this;if(null==t)return null;const i=t.toFixed(2).toString().split(".");return o("div",{class:"card__badge-content-item"},o("div",{class:"card__badge-content-item__price-container"},o("span",{class:"card__badge-content-item__price"},i[0]),o("div",{class:"card__badge-content-item__price-details"},o("span",{class:"card__badge-content-item__price-details__header"},i[1]),o("span",{class:"card__badge-content-item__price-details__description"},e))),null!=r&&o("span",{class:"card__badge-content-item__footer"},r.toFixed(2)," ",e))};render(){const t=this.getResolvedBenefits(),e=this.buttonLabel.trim(),r="_blank"===this.urlTarget?"_blank":"_self";return o("div",{key:"4bded38de598964b2465a617084e06b7a622446a",class:"card-wrapper"},!!t.length&&o("div",{key:"92a862dae2b44bc494f259eb2d45df5ae4a32d33",class:"card__list"},t.map((({iconImage:t,iconName:e,title:r})=>o("div",{class:"card__list-item"},t?o("img",{class:"card__list-item-image",src:t,alt:r,loading:"lazy"}):!!e&&o("tet-icon",{class:"card__list-item-icon",name:e}),o("p",{class:"card__list-item-title"},r))))),o("div",{key:"7acbd77edc0ecfddc287e86a792be12ac3476784",class:{card__badge:!0,"no-price":null==this.price}},o("p",{key:"57fd22df7483de8e487641cd62d062a0637b5038",class:{"card__badge-title":!0,"no-price":null==this.price}},this.productTitle),o("div",{key:"8c275beed6fd3ae971074d88900e9825bfec8282",class:"card__badge-content-wrapper"},this.renderBadgeContent(),!!e&&o("tet-button",{key:"bde07be591bfc914527585e70849aa0a48da68ad",class:"card__badge-content-item__button",clickCallback:this.handleCtaClick,ref:t=>{this.buttonRef=t},type:"primary",theme:"light",url:this.url,"url-target":r},e))))}static get watchers(){return{price:[{onPriceChange: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{--tet-mini-compare-card-width:10.5rem;--tet-mini-compare-card-width-desktop:22.5rem;--tet-mini-compare-card-border-radius:1rem;--tet-mini-compare-card-box-shadow:var(--tc-elevation-one);--tet-mini-compare-card-list-padding:1.5rem;--tet-mini-compare-card-list-gap:0.5rem;--tet-mini-compare-card-list-background:var(--tc-layer-permanent-white);--tet-mini-compare-card-benefit-gap:0.5rem;--tet-mini-compare-card-benefit-icon-size:1.5rem;--tet-mini-compare-card-text-color:var(--tc-text-black-permanent);--tet-mini-compare-card-badge-padding:0.375rem 1rem;--tet-mini-compare-card-badge-gap:0.5rem;--tet-mini-compare-card-badge-gap-no-price:1rem;--tet-mini-compare-card-badge-background:var(--tc-background-permanent-yellow);--tet-mini-compare-card-content-gap:0.5rem;--tet-mini-compare-card-badge-padding-no-price:1rem;--tet-mini-compare-card-badge-padding-desktop:1rem 1.5rem;--tet-mini-compare-card-badge-gap-desktop:1rem;--tet-mini-compare-card-content-gap-desktop:2.5rem}.card-wrapper{display:flex;width:var(--tet-mini-compare-card-width);flex-direction:column;align-items:flex-end;border-radius:var(--tet-mini-compare-card-border-radius);box-shadow:var(--tet-mini-compare-card-box-shadow);overflow:hidden}.card__list{display:none;padding:var(--tet-mini-compare-card-list-padding);flex-direction:column;align-items:flex-start;gap:var(--tet-mini-compare-card-list-gap);align-self:stretch;background:var(--tet-mini-compare-card-list-background)}.card__list-item{display:flex;padding:0.25rem 0;align-items:flex-start;gap:var(--tet-mini-compare-card-benefit-gap);align-self:stretch}.card__list-item-icon{--icon-size:var(--tet-mini-compare-card-benefit-icon-size)}.card__list-item-image{width:var(--tet-mini-compare-card-benefit-icon-size);height:var(--tet-mini-compare-card-benefit-icon-size)}.card__list-item-title{color:var(--tet-mini-compare-card-text-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.5rem}.card__badge{display:flex;padding:var(--tet-mini-compare-card-badge-padding);flex-direction:column;justify-content:center;align-items:center;gap:var(--tet-mini-compare-card-badge-gap);align-self:stretch;background-color:var(--tet-mini-compare-card-badge-background)}.card__badge.no-price{gap:var(--tet-mini-compare-card-badge-gap-no-price);padding:var(--tet-mini-compare-card-badge-padding-no-price)}.card__badge-title{color:var(--tet-mini-compare-card-text-color);font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card__badge-title.no-price{text-align:center;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.card__badge-content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--tet-mini-compare-card-content-gap);align-self:stretch}.card__badge-content-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.card__badge-content-item__price-container{display:flex;align-items:center;gap:0.125rem}.card__badge-content-item__price{color:var(--tet-mini-compare-card-text-color);font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.card__badge-content-item__price-details{display:flex;flex-direction:column;align-items:flex-start;color:var(--tet-mini-compare-card-text-color)}.card__badge-content-item__price-details__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";align-self:stretch;align-items:center}.card__badge-content-item__price-details__description{font-size:0.5rem;line-height:1rem;font-style:normal;font-weight:500;margin-top:-0.38rem}.card__badge-content-item__footer{color:var(--tet-mini-compare-card-text-color);font-size:0.625rem;font-style:normal;font-weight:400;line-height:1rem;text-decoration-line:line-through;text-wrap:nowrap;margin-top:-0.25rem}.card__badge-content-item__button{width:100%;--button-width:100%}@media all and (min-width: 48rem){.card-wrapper{width:var(--tet-mini-compare-card-width-desktop)}.card-wrapper .card__list{display:flex}.card-wrapper .card__badge{align-items:flex-start;padding:var(--tet-mini-compare-card-badge-padding-desktop);gap:var(--tet-mini-compare-card-badge-gap-desktop)}.card-wrapper .card__badge-title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-title.no-price{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-wrapper{flex-direction:row;align-items:flex-end;gap:var(--tet-mini-compare-card-content-gap-desktop)}.card-wrapper .card__badge-content-item{display:flex;gap:0.25rem}.card-wrapper .card__badge-content-item__price{font:600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__price-details__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__price-details__description{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__footer{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:-0.5}}';export{r as tet_mini_compare_card}
|