@tet/tet-components 1.4.74-testing → 1.4.75-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-656e77f6.js → address-f852270f.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-b9d36649.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-4517f566.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-062f76cf.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-19a7608f.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-faec4c52.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-055efd07.js → phone-d6be0dd2.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-aa80a77c.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +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_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-label.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-loader.cjs.entry.js +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +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-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-46514846.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-89a0ec3d.js} +1 -1
- package/dist/collection/assets/icons/icon-map.json +1 -1
- package/dist/collection/assets/icons/tc/tc-add-large.svg +2 -2
- package/dist/collection/assets/icons/tc/tc-call-outline.svg +2 -2
- package/dist/collection/assets/icons/tc/tc-close-large.svg +3 -0
- package/dist/collection/assets/icons/tc/tc-contract.svg +1 -1
- package/dist/collection/assets/icons/tc/tc-electricity.svg +1 -1
- package/dist/collection/assets/icons/tc/tc-tv.svg +1 -1
- package/dist/collection/assets/icons/tc/tc-wifi-2.svg +3 -3
- package/dist/components/assets/icons/icon-map.json +1 -1
- package/dist/components/assets/icons/tc/tc-add-large.svg +2 -2
- package/dist/components/assets/icons/tc/tc-call-outline.svg +2 -2
- package/dist/components/assets/icons/tc/tc-close-large.svg +3 -0
- package/dist/components/assets/icons/tc/tc-contract.svg +1 -1
- package/dist/components/assets/icons/tc/tc-electricity.svg +1 -1
- package/dist/components/assets/icons/tc/tc-tv.svg +1 -1
- package/dist/components/assets/icons/tc/tc-wifi-2.svg +3 -3
- package/dist/components/index.js +1 -1
- package/dist/components/{p-85dc3940.js → p-01d7137d.js} +6 -6
- package/dist/components/{p-c43fd18c.js → p-038bfc9a.js} +1 -1
- package/dist/components/{p-dbe007a1.js → p-066c3480.js} +2 -2
- package/dist/components/{p-23800d73.js → p-083fe255.js} +2 -2
- package/dist/components/{p-51e056ad.js → p-0ec0fbc2.js} +1 -1
- package/dist/components/{p-349c4f40.js → p-10f42886.js} +2 -2
- package/dist/components/{p-e924eb3c.js → p-12fe1270.js} +10 -10
- package/dist/components/{p-b31a2ff9.js → p-1a466ad7.js} +7 -7
- package/dist/components/{p-b42eb2cc.js → p-1ef2f956.js} +3 -3
- package/dist/components/{p-cf77961d.js → p-20332200.js} +6 -6
- package/dist/components/{p-7e52844b.js → p-26c10998.js} +6 -6
- package/dist/components/{p-cadc2794.js → p-26cb11bc.js} +3 -3
- package/dist/components/{p-811bfb01.js → p-2daea550.js} +2 -2
- package/dist/components/{p-6400c186.js → p-2eaa0ed5.js} +1 -1
- package/dist/components/{p-75946ab6.js → p-32b2d297.js} +3 -3
- package/dist/components/{p-4468c9e9.js → p-3493f65f.js} +1 -1
- package/dist/components/{p-bb6e933a.js → p-457f3fe1.js} +1 -1
- package/dist/components/{p-95f3192b.js → p-46ba4306.js} +1 -1
- package/dist/components/{p-b6fccb1c.js → p-4b12ba8e.js} +3 -3
- package/dist/components/{p-c6bf37e9.js → p-5242a102.js} +1 -1
- package/dist/components/{p-37e972d6.js → p-52d63dc1.js} +10 -10
- package/dist/components/{p-0501b4dd.js → p-55faf9b2.js} +1 -1
- package/dist/components/{p-90e12b90.js → p-59ac0863.js} +2 -2
- package/dist/components/{p-ccc71f74.js → p-5a6323ed.js} +3 -3
- package/dist/components/{p-440c71a2.js → p-6630bca1.js} +1 -1
- package/dist/components/{p-1c177d43.js → p-671dbaeb.js} +2 -2
- package/dist/components/{p-bb9547cd.js → p-68f63949.js} +1 -1
- package/dist/components/{p-58c08efb.js → p-6c9f2b0d.js} +1 -1
- package/dist/components/{p-2f7b2d35.js → p-72ab8bd5.js} +1 -1
- package/dist/components/{p-e6e73cf4.js → p-7387bb9a.js} +7 -7
- package/dist/components/{p-aaed240f.js → p-78ceede9.js} +5 -5
- package/dist/components/{p-1f784241.js → p-7b772623.js} +2 -2
- package/dist/components/{p-f98e1a64.js → p-7c65df67.js} +1 -1
- package/dist/components/{p-aa896160.js → p-7e21e309.js} +1 -1
- package/dist/components/{p-ce18e382.js → p-7e673d6f.js} +1 -1
- package/dist/components/{p-7f7cbc85.js → p-7fb0ac83.js} +7 -7
- package/dist/components/{p-52877cda.js → p-88a9deb8.js} +3 -3
- package/dist/components/{p-25503044.js → p-8e749973.js} +2 -2
- package/dist/components/{p-0e0514fd.js → p-99ec14a9.js} +1 -1
- package/dist/components/{p-1ece1d7b.js → p-9be69f40.js} +1 -1
- package/dist/components/{p-25b93e8f.js → p-aa122c92.js} +1 -1
- package/dist/components/{p-27cbaa2a.js → p-ab972b21.js} +1 -1
- package/dist/components/{p-a75e9375.js → p-b4713aad.js} +2 -2
- package/dist/components/{p-e33df696.js → p-b4fac108.js} +1 -1
- package/dist/components/{p-e8eaf31b.js → p-b98923ac.js} +3 -3
- package/dist/components/{p-82b891be.js → p-bc338fa8.js} +3 -3
- package/dist/components/{p-1d622548.js → p-bcd7d333.js} +4 -4
- package/dist/components/{p-6f11c245.js → p-c0f5914e.js} +2 -2
- package/dist/components/{p-11b5e4b6.js → p-c7dc82e7.js} +9 -9
- package/dist/components/{p-70507bfc.js → p-d2a24b94.js} +1 -1
- package/dist/components/{p-e384bead.js → p-d38279d6.js} +7 -7
- package/dist/components/{p-ad721590.js → p-d4e015fb.js} +14 -14
- package/dist/components/{p-31f20950.js → p-d62321ac.js} +1 -1
- package/dist/components/{p-0b87a175.js → p-ddcb8f61.js} +4 -4
- package/dist/components/{p-e03b86c0.js → p-f041d8b9.js} +2 -2
- package/dist/components/{p-5a924418.js → p-f840b249.js} +5 -5
- package/dist/components/{p-ffeb8f16.js → p-f9dd66f2.js} +2 -2
- package/dist/components/{p-aab6e185.js → p-fd53c0b5.js} +2 -2
- package/dist/components/{p-d233c6b4.js → p-fd7abd47.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card-v3.js +10 -10
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-mini-compare-card.js +3 -3
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +3 -3
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +2 -2
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-1e0810e7.js → address-20e2d850.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-894007df.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-ae1056de.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-cf0086d4.js} +1 -1
- package/dist/esm/{index-412df137.js → index-e3209c56.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-e933a7d2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-1a920c5c.js → phone-62660137.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-cb8955f6.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +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_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_2.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-label.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-loader.entry.js +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +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-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tooltip.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-cf4d7d54.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-e60db8fd.js} +1 -1
- package/dist/tet-components/assets/icons/icon-map.json +1 -1
- package/dist/tet-components/assets/icons/tc/tc-add-large.svg +2 -2
- package/dist/tet-components/assets/icons/tc/tc-call-outline.svg +2 -2
- package/dist/tet-components/assets/icons/tc/tc-close-large.svg +3 -0
- package/dist/tet-components/assets/icons/tc/tc-contract.svg +1 -1
- package/dist/tet-components/assets/icons/tc/tc-electricity.svg +1 -1
- package/dist/tet-components/assets/icons/tc/tc-tv.svg +1 -1
- package/dist/tet-components/assets/icons/tc/tc-wifi-2.svg +3 -3
- package/dist/tet-components/{p-dc219c9d.entry.js → p-0350e962.entry.js} +1 -1
- package/dist/tet-components/{p-be6bd78b.entry.js → p-04258bd1.entry.js} +1 -1
- package/dist/tet-components/{p-84322a3d.entry.js → p-091ba284.entry.js} +1 -1
- package/dist/tet-components/{p-19c387bd.entry.js → p-0c6c7605.entry.js} +1 -1
- package/dist/tet-components/{p-4c6a379b.entry.js → p-0dca3de0.entry.js} +1 -1
- package/dist/tet-components/{p-29cde2fc.entry.js → p-0e6d4a8f.entry.js} +1 -1
- package/dist/tet-components/{p-e93ab3e8.entry.js → p-0f8cdb24.entry.js} +1 -1
- package/dist/tet-components/{p-a66ae3e5.entry.js → p-140e817f.entry.js} +1 -1
- package/dist/tet-components/{p-697d23d7.entry.js → p-1beb018b.entry.js} +1 -1
- package/dist/tet-components/{p-e4c5f884.entry.js → p-1deaa34b.entry.js} +1 -1
- package/dist/tet-components/{p-6693715e.entry.js → p-25d4852b.entry.js} +1 -1
- package/dist/tet-components/{p-e290c65d.entry.js → p-26147420.entry.js} +1 -1
- package/dist/tet-components/{p-f6916bfc.entry.js → p-265701de.entry.js} +1 -1
- package/dist/tet-components/{p-7f18c74c.entry.js → p-278f1d5e.entry.js} +1 -1
- package/dist/tet-components/{p-d06f8b4e.entry.js → p-27a33156.entry.js} +1 -1
- package/dist/tet-components/{p-ccfa9f31.entry.js → p-2c891567.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-2dbe670c.js} +1 -1
- package/dist/tet-components/{p-46f6a051.entry.js → p-2f25de81.entry.js} +1 -1
- package/dist/tet-components/{p-724189c2.entry.js → p-31be2161.entry.js} +1 -1
- package/dist/tet-components/{p-64e277c1.entry.js → p-3251b52b.entry.js} +1 -1
- package/dist/tet-components/{p-0d14e4f2.entry.js → p-352db5d1.entry.js} +1 -1
- package/dist/tet-components/{p-778c46a6.js → p-3ac57578.js} +1 -1
- package/dist/tet-components/{p-ad99829e.entry.js → p-3fb26cd6.entry.js} +1 -1
- package/dist/tet-components/{p-fc88ce77.entry.js → p-40ed3be9.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-4213c1d1.js} +1 -1
- package/dist/tet-components/{p-2b5b2c71.entry.js → p-47a897c5.entry.js} +1 -1
- package/dist/tet-components/{p-18a06e75.entry.js → p-4a86dd2b.entry.js} +1 -1
- package/dist/tet-components/{p-6be0549b.entry.js → p-4babd7b2.entry.js} +1 -1
- package/dist/tet-components/{p-6f2d1f00.entry.js → p-4f39202b.entry.js} +1 -1
- package/dist/tet-components/{p-45cc3c71.entry.js → p-50c85537.entry.js} +1 -1
- package/dist/tet-components/{p-cf3456e2.entry.js → p-51dfe68c.entry.js} +1 -1
- package/dist/tet-components/{p-11556ee3.entry.js → p-527e6be2.entry.js} +1 -1
- package/dist/tet-components/{p-122f3d3c.entry.js → p-548d7cc1.entry.js} +1 -1
- package/dist/tet-components/{p-1393ed60.entry.js → p-5527dd96.entry.js} +1 -1
- package/dist/tet-components/{p-003e17a0.entry.js → p-58313d11.entry.js} +1 -1
- package/dist/tet-components/{p-83f43fdd.js → p-5abb3bea.js} +1 -1
- package/dist/tet-components/{p-1ea67edb.entry.js → p-5dc5a494.entry.js} +1 -1
- package/dist/tet-components/{p-b0c62997.entry.js → p-5e8bd119.entry.js} +1 -1
- package/dist/tet-components/{p-d5b36540.entry.js → p-5ec1a6cf.entry.js} +1 -1
- package/dist/tet-components/{p-cde8057a.entry.js → p-60abca86.entry.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-63f6def9.entry.js} +1 -1
- package/dist/tet-components/p-660bdc27.js +1 -0
- package/dist/tet-components/{p-54ac6bde.entry.js → p-66a78515.entry.js} +1 -1
- package/dist/tet-components/{p-af722b25.entry.js → p-693123bf.entry.js} +1 -1
- package/dist/tet-components/{p-915641bd.entry.js → p-69d755a2.entry.js} +1 -1
- package/dist/tet-components/{p-2836cc49.entry.js → p-6aa2bdff.entry.js} +1 -1
- package/dist/tet-components/{p-0380a279.entry.js → p-6cc008d4.entry.js} +1 -1
- package/dist/tet-components/{p-2ea42a12.entry.js → p-6cf7e851.entry.js} +1 -1
- package/dist/tet-components/{p-cbe7e76a.entry.js → p-6e16e0ee.entry.js} +1 -1
- package/dist/tet-components/{p-401e736e.entry.js → p-70448ec8.entry.js} +1 -1
- package/dist/tet-components/{p-1d5c5c4e.entry.js → p-707604af.entry.js} +1 -1
- package/dist/tet-components/{p-0ebbf5ef.js → p-726651bc.js} +1 -1
- package/dist/tet-components/{p-1c8fb479.entry.js → p-72deef24.entry.js} +1 -1
- package/dist/tet-components/{p-b31168fc.entry.js → p-738c3987.entry.js} +1 -1
- package/dist/tet-components/{p-711d3128.entry.js → p-73dd0038.entry.js} +1 -1
- package/dist/tet-components/{p-ff291490.entry.js → p-7c7330ad.entry.js} +1 -1
- package/dist/tet-components/{p-b10165d6.entry.js → p-7e2c854a.entry.js} +1 -1
- package/dist/tet-components/{p-18b15829.entry.js → p-8093385f.entry.js} +1 -1
- package/dist/tet-components/{p-cbe2dffa.entry.js → p-812e4964.entry.js} +1 -1
- package/dist/tet-components/{p-69c58fc4.entry.js → p-81cabfb1.entry.js} +1 -1
- package/dist/tet-components/{p-55bf152c.entry.js → p-8493269d.entry.js} +1 -1
- package/dist/tet-components/{p-5fb62a1b.entry.js → p-85fffa05.entry.js} +1 -1
- package/dist/tet-components/{p-2c2d064f.entry.js → p-87248982.entry.js} +1 -1
- package/dist/tet-components/{p-949d0eaf.entry.js → p-8998d112.entry.js} +1 -1
- package/dist/tet-components/{p-ba8c6a1c.entry.js → p-89d2d3d9.entry.js} +1 -1
- package/dist/tet-components/{p-1f3f79be.entry.js → p-8a35df60.entry.js} +1 -1
- package/dist/tet-components/{p-46b3fc7f.entry.js → p-8ac7782f.entry.js} +1 -1
- package/dist/tet-components/{p-3324b31a.entry.js → p-8e72a5cb.entry.js} +1 -1
- package/dist/tet-components/{p-e52505d3.entry.js → p-928c38da.entry.js} +1 -1
- package/dist/tet-components/{p-d1035694.entry.js → p-9c34400c.entry.js} +1 -1
- package/dist/tet-components/{p-87221449.entry.js → p-9f921c87.entry.js} +1 -1
- package/dist/tet-components/{p-36ce396f.entry.js → p-a120490c.entry.js} +1 -1
- package/dist/tet-components/{p-a8051a99.js → p-a476fd02.js} +1 -1
- package/dist/tet-components/{p-16a89d36.entry.js → p-a5231a48.entry.js} +1 -1
- package/dist/tet-components/{p-3f977401.entry.js → p-a80fa7d0.entry.js} +1 -1
- package/dist/tet-components/{p-3f3911b6.entry.js → p-a881bded.entry.js} +1 -1
- package/dist/tet-components/{p-7fc933fe.entry.js → p-aa09ca5f.entry.js} +1 -1
- package/dist/tet-components/{p-9a75ed39.entry.js → p-aba71e2d.entry.js} +1 -1
- package/dist/tet-components/{p-c3cb0bfc.entry.js → p-b1e5d63f.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-b39df477.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-b4b90473.entry.js} +1 -1
- package/dist/tet-components/{p-93820289.entry.js → p-b4fb5193.entry.js} +1 -1
- package/dist/tet-components/{p-27289f2e.entry.js → p-b5e20ad9.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-b92dff8a.js} +1 -1
- package/dist/tet-components/{p-0b07b3db.entry.js → p-bdd4daf3.entry.js} +1 -1
- package/dist/tet-components/{p-2fb8ea65.entry.js → p-bf61c059.entry.js} +1 -1
- package/dist/tet-components/{p-75bbc14a.entry.js → p-c1955aa6.entry.js} +1 -1
- package/dist/tet-components/{p-f93ab9f3.entry.js → p-c7e67378.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-c9ddf890.js} +1 -1
- package/dist/tet-components/{p-1ff1f044.entry.js → p-ceff5b1f.entry.js} +1 -1
- package/dist/tet-components/{p-42bab955.entry.js → p-d6c00f5e.entry.js} +1 -1
- package/dist/tet-components/{p-8fa0be45.entry.js → p-dcfc2639.entry.js} +1 -1
- package/dist/tet-components/{p-7242c9b7.entry.js → p-ddecaef0.entry.js} +1 -1
- package/dist/tet-components/{p-84434288.entry.js → p-df53e7c9.entry.js} +1 -1
- package/dist/tet-components/{p-5b5001cf.entry.js → p-e1ce8689.entry.js} +1 -1
- package/dist/tet-components/{p-6b088283.entry.js → p-e30eca37.entry.js} +1 -1
- package/dist/tet-components/{p-0cc4a20c.entry.js → p-e36809cc.entry.js} +1 -1
- package/dist/tet-components/{p-876009b7.entry.js → p-e3f93dd7.entry.js} +1 -1
- package/dist/tet-components/{p-f9c69d39.entry.js → p-e70a8127.entry.js} +1 -1
- package/dist/tet-components/{p-fa259a3d.entry.js → p-e8ec9d1c.entry.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-ec5b1040.entry.js} +1 -1
- package/dist/tet-components/{p-4b84438a.entry.js → p-f17a4724.entry.js} +1 -1
- package/dist/tet-components/{p-88455807.entry.js → p-f275de08.entry.js} +1 -1
- package/dist/tet-components/{p-b652f17d.entry.js → p-fada27ab.entry.js} +1 -1
- package/dist/tet-components/{p-6babde37.entry.js → p-fc81fb8e.entry.js} +1 -1
- package/dist/tet-components/{p-3eef8690.entry.js → p-fd01647b.entry.js} +1 -1
- package/dist/tet-components/{p-c4de9e32.entry.js → p-ff5b0f63.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o}from"./p-83f43fdd.js";const r=class{constructor(o){t(this,o),this.ctaClick=e(this,"ctaClick",7),this.benefits=[],this.productTitle="",this.price=void 0,this.oldPrice=void 0,this.currency=void 0,this.buttonLabel="",this.url=void 0,this.urlTarget="_self"}buttonMobileBreakpoint=768;buttonRef=null;onPriceChange(){this.syncButtonSize()}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:"77d89906727ac1aa089b5c166349843138f49920",class:"card-wrapper"},!!t.length&&o("div",{key:"24f208c05794cec9a25f84aea813128dd19f5982",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}):!!e&&o("tet-icon",{class:"card__list-item-icon",name:e}),o("p",{class:"card__list-item-title"},r))))),o("div",{key:"309591dea3339e3f73bf843a3523d626fb49cc4f",class:{card__badge:!0,"no-price":null==this.price}},o("p",{key:"9c73847c635453095b7c3f1dadb4128a28f2afc9",class:{"card__badge-title":!0,"no-price":null==this.price}},this.productTitle),o("div",{key:"b7aadacbd9eb9a388b85dd04b3579fcebe412c1e",class:"card__badge-content-wrapper"},this.renderBadgeContent(),!!e&&o("tet-button",{key:"49d3b43023d6a1625bdf7553d34961f00e647c6d",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"]}}};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-5abb3bea.js";const r=class{constructor(o){t(this,o),this.ctaClick=e(this,"ctaClick",7),this.benefits=[],this.productTitle="",this.price=void 0,this.oldPrice=void 0,this.currency=void 0,this.buttonLabel="",this.url=void 0,this.urlTarget="_self"}buttonMobileBreakpoint=768;buttonRef=null;onPriceChange(){this.syncButtonSize()}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:"77d89906727ac1aa089b5c166349843138f49920",class:"card-wrapper"},!!t.length&&o("div",{key:"24f208c05794cec9a25f84aea813128dd19f5982",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}):!!e&&o("tet-icon",{class:"card__list-item-icon",name:e}),o("p",{class:"card__list-item-title"},r))))),o("div",{key:"309591dea3339e3f73bf843a3523d626fb49cc4f",class:{card__badge:!0,"no-price":null==this.price}},o("p",{key:"9c73847c635453095b7c3f1dadb4128a28f2afc9",class:{"card__badge-title":!0,"no-price":null==this.price}},this.productTitle),o("div",{key:"b7aadacbd9eb9a388b85dd04b3579fcebe412c1e",class:"card__badge-content-wrapper"},this.renderBadgeContent(),!!e&&o("tet-button",{key:"49d3b43023d6a1625bdf7553d34961f00e647c6d",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"]}}};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 +1 @@
|
|
|
1
|
-
import{r as t,g as e,h as n}from"./p-
|
|
1
|
+
import{r as t,g as e,h as n}from"./p-5abb3bea.js";const a=class{constructor(e){t(this,e),this.state=void 0,this.toggleElement=null,this.initialState="closed"}get element(){return e(this)}connectedCallback(){if("string"==typeof this.toggleElement){const t=this.element.getRootNode();this.toggleElement=t.querySelector(this.toggleElement)}this.toggleElement?.removeEventListener("click",this.handleToggleElementClick),this.toggleElement?.addEventListener("click",this.handleToggleElementClick),this.state=this.initialState}disconnectedCallback(){"string"!=typeof this.toggleElement&&this.toggleElement?.removeEventListener("click",this.handleToggleElementClick)}async open(){this.state="open"}async close(){this.state="closed"}async toggle(){this.toggleState()}async getState(){return this.state}handleToggleElementClick=()=>{this.toggleState()};toggleState=()=>{this.state="open"===this.state?"closed":"open"};render(){return n("div",{key:"091c85e39277e952490b9ea518b3eff6887b0793",class:{"tet-expansion-panel":!0,open:"open"===this.state}},n("div",{key:"d401036e83fe8619ccf7291d009291d84b91e214",class:"tet-expansion-panel-content"},n("slot",{key:"aa217a68b6a214524ebb1fdb8be7b09e4d28c79f"})))}};a.style=":host{--padding:1rem;--animation-duration:.15s;--content-background-color:transparent}.tet-expansion-panel{display:grid;grid-template-rows:0fr;transition:all var(--animation-duration)}.tet-expansion-panel-content{overflow:hidden;background:var(--content-background-color);transition:all var(--animation-duration)}.tet-expansion-panel.open{grid-template-rows:1fr}.tet-expansion-panel.open .tet-expansion-panel-content{padding:var(--padding)}";export{a as tet_expansion_panel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,c as e}from"./p-83f43fdd.js";import{i as n}from"./p-9a2b6ee2.js";const i=class{constructor(t){o(this,t),this.highlightable=!1,this.selected=!1,this.theme="classic"}render(){return t("div",{key:"02216f21d87adedfa68f742f9543fef0c30e3053",class:{container:!0,"container--highlightable":this.highlightable,"container--selected":this.selected,[`container--${this.theme}`]:"classic"!==this.theme},part:"container"},t("slot",{key:"7b721aee09bcbf966fff2ce7bde06ec726b7b7ce"}))}};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)}:host{--background:rgb(255, 255, 255);--padding:1rem;--border-color:transparent;--border-radius:0.3125rem;--box-shadow:0 0 0 rgb(5 29 89 / 7%), 0 0.0625rem 0.1875rem rgb(5 29 89 / 12%);--box-shadow-highlighted:var(--tc-elevation-three);--text-align:left;--container-selected-border-color:rgb(0, 96, 245);--container-border-width:0.125rem;--container-box-shadow-selected:none;--container-light-box-shadow:none;--container-light-background-color:var(--tc-background-secondary);--container-light-border-color:var(--tc-border-quaternary);--container-light-text-color:var(--tc-text-primary);--container-dark-box-shadow:none;--container-dark-background-color:var(--tc-background-secondary-dark);--container-dark-border-color:var(--tc-border-quaternary-dark);--container-dark-text-color:var(--tc-text-primary-dark)}.container{position:relative;height:100%;background:var(--background);box-shadow:var(--box-shadow);text-align:var(--text-align);padding:var(--padding);font-family:var(--text-font);border:var(--container-border-width) solid var(--border-color);border-radius:var(--border-radius)}.container--highlightable:hover{box-shadow:var(--box-shadow-highlighted);cursor:pointer}.container--selected{border-radius:var(--border-radius);border:var(--container-border-width) solid var(--container-selected-border-color);box-shadow:var(--container-box-shadow-selected)}.container--light{box-shadow:var(--container-light-box-shadow);border:0.0625rem solid var(--container-light-border-color);background-color:var(--container-light-background-color);color:var(--container-light-text-color)}.container--dark{box-shadow:var(--container-dark-box-shadow);border:0.0625rem solid var(--container-dark-border-color);background-color:var(--container-dark-background-color);color:var(--container-dark-text-color)}';const r=class{constructor(t){o(this,t),this.itemSelected=e(this,"itemSelected",7),this.selectionListRendered=e(this,"selectionListRendered",7),this.items=[],this.preSelectedItems=[],this.multipleSelections=!0,this.itemRenderFunction=o=>o?.toString(),this.identifier=void 0,this.selectedItems=[]}onPreselectedItemsChanged(o){o.forEach(this.toggleItem)}itemSelected;selectionListRendered;componentWillLoad(){this.preSelectedItems.forEach(this.toggleItem)}componentDidRender(){this.selectionListRendered.emit(this.identifier)}async unsetSelectedItems(){this.selectedItems=[]}async getSelectedItems(){return this.selectedItems}toggleItem=o=>{(this.multipleSelections?this.multipleSelectionToggle:this.singleSelectionToggle)(o),this.itemSelected.emit(o),this.selectedItems=[...this.selectedItems]};multipleSelectionToggle=o=>{this.selectedItems.includes(o)?this.selectedItems.splice(this.selectedItems.indexOf(o),1):this.selectedItems.push(o)};singleSelectionToggle=o=>{this.selectedItems.includes(o)||(this.selectedItems=[]),this.selectedItems.push(o)};getListItemContext=o=>({selected:this.selectedItems.includes(o)});renderListItem=o=>{const e=this.getListItemContext(o),i=this.itemRenderFunction(o,e),r=n(i)?i:t("div",{innerHTML:i});return t("li",{class:"list-item",part:"selection-list-item",onClick:()=>this.toggleItem(o)},r)};render(){return t("ul",{key:"5d21c21153564b6bf82dce1244c6753c572ea0e4",class:"list",part:"selection-list"},this.items.map(this.renderListItem))}static get watchers(){return{preSelectedItems:["onPreselectedItemsChanged"]}}};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{--selection-list-display:flex;--selection-list-margin:0;--selection-list-max-width:none;--orientation:column;--item-spacing:1em;--selection-list-max-items-per-row:1;--selection-list-wrapping:wrap;--selection-list-justify-content:space-evenly;--selection-list-item-cursor:pointer;display:block;-ms-overflow-style:none;scrollbar-width:none}:host::-webkit-scrollbar{display:none}.list{list-style:none;display:var(--selection-list-display);margin:var(--selection-list-margin);max-width:var(--selection-list-max-width);flex-direction:var(--orientation);flex-wrap:var(--selection-list-wrapping);justify-content:var(--selection-list-justify-content);gap:var(--item-spacing);-webkit-tap-highlight-color:transparent}.list-item{flex:1 0 calc((100% - (var(--selection-list-max-items-per-row) - 1) * var(--item-spacing)) / var(--selection-list-max-items-per-row));cursor:var(--selection-list-item-cursor)}';export{i as tet_container,r as tet_selection_list}
|
|
1
|
+
import{r as o,h as t,c as e}from"./p-5abb3bea.js";import{i as n}from"./p-9a2b6ee2.js";const i=class{constructor(t){o(this,t),this.highlightable=!1,this.selected=!1,this.theme="classic"}render(){return t("div",{key:"02216f21d87adedfa68f742f9543fef0c30e3053",class:{container:!0,"container--highlightable":this.highlightable,"container--selected":this.selected,[`container--${this.theme}`]:"classic"!==this.theme},part:"container"},t("slot",{key:"7b721aee09bcbf966fff2ce7bde06ec726b7b7ce"}))}};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)}:host{--background:rgb(255, 255, 255);--padding:1rem;--border-color:transparent;--border-radius:0.3125rem;--box-shadow:0 0 0 rgb(5 29 89 / 7%), 0 0.0625rem 0.1875rem rgb(5 29 89 / 12%);--box-shadow-highlighted:var(--tc-elevation-three);--text-align:left;--container-selected-border-color:rgb(0, 96, 245);--container-border-width:0.125rem;--container-box-shadow-selected:none;--container-light-box-shadow:none;--container-light-background-color:var(--tc-background-secondary);--container-light-border-color:var(--tc-border-quaternary);--container-light-text-color:var(--tc-text-primary);--container-dark-box-shadow:none;--container-dark-background-color:var(--tc-background-secondary-dark);--container-dark-border-color:var(--tc-border-quaternary-dark);--container-dark-text-color:var(--tc-text-primary-dark)}.container{position:relative;height:100%;background:var(--background);box-shadow:var(--box-shadow);text-align:var(--text-align);padding:var(--padding);font-family:var(--text-font);border:var(--container-border-width) solid var(--border-color);border-radius:var(--border-radius)}.container--highlightable:hover{box-shadow:var(--box-shadow-highlighted);cursor:pointer}.container--selected{border-radius:var(--border-radius);border:var(--container-border-width) solid var(--container-selected-border-color);box-shadow:var(--container-box-shadow-selected)}.container--light{box-shadow:var(--container-light-box-shadow);border:0.0625rem solid var(--container-light-border-color);background-color:var(--container-light-background-color);color:var(--container-light-text-color)}.container--dark{box-shadow:var(--container-dark-box-shadow);border:0.0625rem solid var(--container-dark-border-color);background-color:var(--container-dark-background-color);color:var(--container-dark-text-color)}';const r=class{constructor(t){o(this,t),this.itemSelected=e(this,"itemSelected",7),this.selectionListRendered=e(this,"selectionListRendered",7),this.items=[],this.preSelectedItems=[],this.multipleSelections=!0,this.itemRenderFunction=o=>o?.toString(),this.identifier=void 0,this.selectedItems=[]}onPreselectedItemsChanged(o){o.forEach(this.toggleItem)}itemSelected;selectionListRendered;componentWillLoad(){this.preSelectedItems.forEach(this.toggleItem)}componentDidRender(){this.selectionListRendered.emit(this.identifier)}async unsetSelectedItems(){this.selectedItems=[]}async getSelectedItems(){return this.selectedItems}toggleItem=o=>{(this.multipleSelections?this.multipleSelectionToggle:this.singleSelectionToggle)(o),this.itemSelected.emit(o),this.selectedItems=[...this.selectedItems]};multipleSelectionToggle=o=>{this.selectedItems.includes(o)?this.selectedItems.splice(this.selectedItems.indexOf(o),1):this.selectedItems.push(o)};singleSelectionToggle=o=>{this.selectedItems.includes(o)||(this.selectedItems=[]),this.selectedItems.push(o)};getListItemContext=o=>({selected:this.selectedItems.includes(o)});renderListItem=o=>{const e=this.getListItemContext(o),i=this.itemRenderFunction(o,e),r=n(i)?i:t("div",{innerHTML:i});return t("li",{class:"list-item",part:"selection-list-item",onClick:()=>this.toggleItem(o)},r)};render(){return t("ul",{key:"5d21c21153564b6bf82dce1244c6753c572ea0e4",class:"list",part:"selection-list"},this.items.map(this.renderListItem))}static get watchers(){return{preSelectedItems:["onPreselectedItemsChanged"]}}};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{--selection-list-display:flex;--selection-list-margin:0;--selection-list-max-width:none;--orientation:column;--item-spacing:1em;--selection-list-max-items-per-row:1;--selection-list-wrapping:wrap;--selection-list-justify-content:space-evenly;--selection-list-item-cursor:pointer;display:block;-ms-overflow-style:none;scrollbar-width:none}:host::-webkit-scrollbar{display:none}.list{list-style:none;display:var(--selection-list-display);margin:var(--selection-list-margin);max-width:var(--selection-list-max-width);flex-direction:var(--orientation);flex-wrap:var(--selection-list-wrapping);justify-content:var(--selection-list-justify-content);gap:var(--item-spacing);-webkit-tap-highlight-color:transparent}.list-item{flex:1 0 calc((100% - (var(--selection-list-max-items-per-row) - 1) * var(--item-spacing)) / var(--selection-list-max-items-per-row));cursor:var(--selection-list-item-cursor)}';export{i as tet_container,r as tet_selection_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as r,h as o,F as t}from"./p-83f43fdd.js";import"./p-0ebbf5ef.js";import{p as n}from"./p-778c46a6.js";const i=class{constructor(o){e(this,o),this.cardLoaded=r(this,"cardLoaded",7),this.productChanged=r(this,"productChanged",7),this.cardType="static",this.theme="light",this.bestChoice=!1,this.language="lv",this.options=[],this.bonuses=[],this.benefits=[],this.contractTerm=0,this.bestChoiceText="",this.currency="€/mēn.",this.secondaryLink="",this.secondaryLinkText="",this.secondaryLinkOpenBlank=!1,this.buttonTitle="",this.linkOpenBlank=!1,this.showLoader=!0,this.selectedProductCode="",this.selectedSwitchKeys=[],this.preselectedKeys=[],this.preselectedProductCode="",this.allProductData={},this.preselectedRemountId=0,this.buttonSize="large"}buttonSizeBreakpoint=1280;bonusWeakMap=new WeakMap;bonusCounter=0;cardLoaded;productChanged;onOptionSelected(e){this.selectedProductCode=e.detail.value,this.productChanged.emit()}async componentWillLoad(){switch(this.syncButtonSize(),this.fetchProductComparison(),this.cardType){case"dropdown":case"radio":{const e=this.options.find((e=>e.preselected))??this.options[0];e&&(this.selectedProductCode=e.productCode,this.productChanged.emit());break}case"switcher":{const e=this.options.find((e=>e.preselected));e&&(this.preselectedKeys=[...e.keys??[]],this.preselectedProductCode=e.productCode,this.selectedSwitchKeys=[...e.keys??[]],this.selectedProductCode=e.productCode,this.productChanged.emit());break}case"static":this.selectedProductCode=this.options.find((e=>e.productCode))?.productCode||"",this.productChanged.emit()}}onResize(){this.syncButtonSize()}syncButtonSize(){if(void 0===globalThis.window)return void(this.buttonSize="large");const e=globalThis.window.innerWidth<this.buttonSizeBreakpoint?"medium":"large";this.buttonSize!==e&&(this.buttonSize=e)}getSelectionOptions(){return this.options.map((e=>({label:e.label||"",value:e.productCode||"",preselected:e.preselected||!1})))}getToggledProductCode(e){const r=[...e].sort(((e,r)=>e.localeCompare(r))).join(","),o=this.options.find((e=>[...e.keys??[]].sort(((e,r)=>e.localeCompare(r))).join(",")===r));return o?o.productCode:null}handleSwitchToggle(e,r){const o=this.benefits.find((r=>r.toggleKey===e));let t=[...this.selectedSwitchKeys];if(!r){const r=t.filter((r=>r!==e));if(0===r.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductCode=this.preselectedProductCode,this.preselectedRemountId++,void this.productChanged.emit();const o=this.getToggledProductCode(r);return o?(this.selectedSwitchKeys=r,this.selectedProductCode=o,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductCode=this.preselectedProductCode,this.preselectedRemountId++,void this.productChanged.emit())}if(o?.selectAll){const e=this.getFullComboToggleOption();if(e)return this.selectedSwitchKeys=[...e.keys??[]],this.selectedProductCode=e.productCode,void this.productChanged.emit()}t.includes(e)||t.push(e),t=t.sort(((e,r)=>e.localeCompare(r)));const n=this.getToggledProductCode(t);this.selectedSwitchKeys=t,n?(this.selectedProductCode=n,this.productChanged.emit()):(this.selectedProductCode=this.preselectedProductCode,this.selectedSwitchKeys=[...this.preselectedKeys],this.preselectedRemountId++,this.productChanged.emit())}getFullComboToggleOption(){return this.options.length?this.options.reduce(((e,r)=>(r.keys??[]).length>(e.keys??[]).length?r:e),this.options[0]):null}async fetchProductComparison(){const e=this.options.map((e=>e.productCode)).filter(Boolean);if(e.length)try{const r=await n(e.join(","));this.allProductData=r.products||{}}catch(e){this.allProductData={},console.error(e)}else this.allProductData={};this.showLoader=!1,this.cardLoaded.emit()}selectedContractTerm(){const e=this.allProductData[this.selectedProductCode]?.contractTerms;if(e?.length)return e.find((e=>e.term===this.contractTerm))}currentBonuses(){const e=this.options.find((e=>e.productCode===this.selectedProductCode));return e?.bonuses??[]}allBonuses(){return this.options.flatMap((e=>e.bonuses||[]))}getUniqueBonusId(e){const r=this.bonusWeakMap.get(e);if(r)return r;const o="bonus-"+this.bonusCounter++;return this.bonusWeakMap.set(e,o),o}getElementTag(e){if(e?.href?.trim())return"a";const r=e?.["data-modal-screen-key"]?.trim(),o=e?.role?.trim().toLowerCase();return r||"button"===o?"button":"div"}renderBenefit(e){const r=Array.isArray(e.dataAttributes)?void 0:e.dataAttributes,n=Boolean(r&&Object.keys(r).length>0),i=this.getElementTag(r),a=!!e.icon&&!!e.name;return o(t,null,!!e.title&&o("div",{class:"benefits__title"},e.title),a&&o(i,{class:{benefit:!0,"benefit--interactive":n},key:e.toggleKey,...r||{}},o("tet-icon",{theme:this.theme,class:"benefit__icon",name:e.icon}),o("span",{class:"benefit__text"},e.name),n&&o("div",{class:"benefit__chevron-icon-container"},o("tet-icon",{class:"benefit__icon benefit__icon--chevron",name:"tc-chevron-right-small"}))))}renderSwitch(e){const{toggleKey:r}=e;if(!r)return null;const n=this.preselectedKeys.includes(r)?`${r}-${this.preselectedRemountId}`:r;return o(t,null,!!e.title&&o("div",{class:"benefits__title"},e.title),o("div",{class:"switch-wrapper"},o("tet-switch",{class:"switch",theme:this.theme,key:n,name:r,checked:this.selectedSwitchKeys.includes(r),onCheck:e=>this.handleSwitchToggle(r,e.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},o("div",{class:"switch-label"},o("tet-icon",{theme:this.theme,class:"benefit__icon",name:e.icon}),e.name))))}renderBonuses(){const e=new Set(this.currentBonuses().map(this.getUniqueBonusId.bind(this))),r=this.allBonuses(),t=this.options.find((e=>e.productCode===this.selectedProductCode))?.bonusTitle;return r.length<1?null:o("div",{class:"bonuses"},!!t&&o("div",{class:"bonuses__title"},t),o("div",{class:"bonuses__bonus-container"},r.map((r=>{const t=this.getUniqueBonusId(r),n=e.has(t),i=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,a=Boolean(i&&Object.keys(i).length>0),c=this.getElementTag(i);return o(c,{key:t,type:a?"button":void 0,class:{bonus:!0,"bonus--inactive":!n,"bonus--interactive":a},...i||{}},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"})))}))))}renderRadioOptions(){const e=this.getSelectionOptions();return o("div",{class:"radio-container"},e.map((e=>o("div",{class:"radio-wrapper"},o("tet-radio",{class:"radio",theme:this.theme,name:"radio-card-options",label:e.label,value:e.value,checked:this.selectedProductCode===e.value,focusStyleOnContainer:!0,onCheck:e=>this.onOptionSelected(e)})))))}renderPrice(e,r,t){return!e||Number.isNaN(r)?null:o("div",{class:"price-wrapper"},o("div",{class:"price-container"},o("div",{class:"price-container__price translation-none"},r.toFixed(2).replace(".",",")),o("div",{class:"price-container__currency"},o("span",null,this.currency))),t&&o("span",{class:"price-container__description"},t))}renderBenefitsSection(){const e=this.getSelectionOptions();if("switcher"===this.cardType)return o("div",{class:"benefits"},o("div",null,this.benefits.map((e=>this.renderSwitch(e)))));const r=this.benefits.map((e=>this.renderBenefit(e)));return o("div",{class:"benefits"},o("div",{class:"benefits__benefit-container"},r,"dropdown"===this.cardType&&o("tet-dropdown",{id:"dropdown",class:"dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:e}),"radio"===this.cardType&&this.renderRadioOptions()))}renderCard(){const e=this.allProductData[this.selectedProductCode],r=this.selectedContractTerm(),t=e?.attributes?.find((e=>"overrideProductName"===e.key))?.value,n=t??e?.name?.[this.language],i=r?.amount.toString()??"",a=Number.parseFloat(i.replace(",",".")),c=r?.promotionCode??"",s=r?.term??"",d=r?.priceDescription?.[this.language]??"",l=this.secondaryLink||r?.contract||"",f=!!l&&!!this.secondaryLinkText,b=this.secondaryLinkOpenBlank?"_blank":void 0,v=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,h=e?.formUrl?.[this.language]||"",u=new URLSearchParams({contractTerm:s?.toString()??"",product:this.selectedProductCode,promotion:c??"",lang:this.language??"",from:"tet.lv"}),_=`${h}${h.includes("?")?"&":"?"}${u.toString()}`,m=!!this.options.find((e=>e.productCode===this.selectedProductCode))?.bestChoice;return o("div",{class:{card:!0,"best-choice":m}},this.bestChoiceText&&o("div",{class:{"best-choice-title":!0,active:m}},this.bestChoiceText),o("div",{class:"content content__top"},n&&o("h3",{class:"title"},n),this.renderPrice(i,a,d),o("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:_,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle),f&&o("div",{class:"secondary-link"},o("a",{class:"tet-link",href:l,target:b,rel:v},this.secondaryLinkText))),o("div",{class:"content content__bottom"},this.renderBonuses(),this.renderBenefitsSection()))}renderLoader(){return o("tet-placeholder",{class:"card__placeholder",height:"37rem",width:"100%",darkTheme:"dark"===this.theme})}render(){return 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-permanent-black);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-tertiary-color:var(--tc-text-tertiary);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black);--compare-card-separator-border-color:var(--tc-border-tertiary);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary);--compare-card-chevron-icon-color:var(--tc-grey-60);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-border-radius:1rem;--compare-card-min-width:20.5rem;--compare-card-max-width:100%;--compare-card-radio-container-background-color:var(--tc-product-card-menu-default);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active);display:inline-block;width:100%;min-width:var(--compare-card-min-width);max-width:var(--compare-card-max-width)}:host([theme=dark]){--compare-card-bottom-part-background-color:var(--tc-layer-primary-dark);--compare-card-text-color:var(--tc-text-primary-dark);--compare-card-text-tertiary-color:var(--tc-text-tertiary-dark);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black-dark);--compare-card-separator-border-color:var(--tc-border-tertiary-dark);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary-dark);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary-dark);--compare-card-chevron-icon-color:var(--tc-grey-60-dark);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary-dark);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary-dark);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary-dark);--compare-card-focus-outline-color:var(--tc-blue-40-dark);--compare-card-box-shadow:var(--tc-elevation-three-dark);--compare-card-radio-container-background-color:var(--tc-product-card-menu-default-dark);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover-dark);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed-dark);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active-dark);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default-dark);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover-dark);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed-dark);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active-dark)}.card{display:inline-flex;flex-direction:column;position:relative;width:100%;height:100%;border-radius:var(--compare-card-border-radius);box-shadow:var(--compare-card-box-shadow)}.card__placeholder{--placeholder-border-radius:var(--compare-card-border-radius)}.card .content{padding:1.5rem 1rem}.card .content__top{background-color:var(--compare-card-top-part-background-color);color:var(--compare-card-text-permanent-color);border-top-left-radius:var(--compare-card-border-radius);border-top-right-radius:var(--compare-card-border-radius)}.card .content__bottom{background-color:var(--compare-card-bottom-part-background-color);color:var(--compare-card-text-color);border-bottom-left-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius)}@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";position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5rem;max-width:18.5rem;padding:0.5rem 1rem;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.active{visibility:visible}.card .title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card .price-wrapper{display:flex;flex-direction:column;overflow:hidden;gap:0.75rem}.card .price-wrapper .price-container{display:flex;align-items:flex-end;gap:0.25rem;align-self:stretch}.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 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{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";margin-bottom:0.75rem}@media screen and (min-width: 31.25rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.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,.card .benefits{display:flex;flex-direction:column;gap:0.75rem}.card .bonuses__title,.card .benefits__title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.375rem 0;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.card .bonuses .benefits__title,.card .benefits .benefits__title{margin:1.5rem 0 0.75rem}.card .bonuses__bonus-container .bonus,.card .bonuses__bonus-container .benefit,.card .bonuses__benefit-container .bonus,.card .bonuses__benefit-container .benefit,.card .benefits__bonus-container .bonus,.card .benefits__bonus-container .benefit,.card .benefits__benefit-container .bonus,.card .benefits__benefit-container .benefit{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;width:100%;gap:0.75rem;padding:0.375rem 0.5rem;border-radius:0.5rem;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;color:inherit;text-align:start;text-decoration:none;--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus--interactive:hover,.card .bonuses__bonus-container .benefit--interactive:hover,.card .bonuses__benefit-container .bonus--interactive:hover,.card .bonuses__benefit-container .benefit--interactive:hover,.card .benefits__bonus-container .bonus--interactive:hover,.card .benefits__bonus-container .benefit--interactive:hover,.card .benefits__benefit-container .bonus--interactive:hover,.card .benefits__benefit-container .benefit--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,.card .bonuses__bonus-container .benefit--interactive:active,.card .bonuses__benefit-container .bonus--interactive:active,.card .bonuses__benefit-container .benefit--interactive:active,.card .benefits__bonus-container .bonus--interactive:active,.card .benefits__bonus-container .benefit--interactive:active,.card .benefits__benefit-container .bonus--interactive:active,.card .benefits__benefit-container .benefit--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,.card .bonuses__bonus-container .benefit--interactive:focus-visible,.card .bonuses__benefit-container .bonus--interactive:focus-visible,.card .bonuses__benefit-container .benefit--interactive:focus-visible,.card .benefits__bonus-container .bonus--interactive:focus-visible,.card .benefits__bonus-container .benefit--interactive:focus-visible,.card .benefits__benefit-container .bonus--interactive:focus-visible,.card .benefits__benefit-container .benefit--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,.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text,.card .bonuses__bonus-container .benefit__text,.card .bonuses__benefit-container .bonus__text,.card .bonuses__benefit-container .benefit__text,.card .benefits__bonus-container .bonus__text,.card .benefits__bonus-container .benefit__text,.card .benefits__benefit-container .bonus__text,.card .benefits__benefit-container .benefit__text{flex:1 0 0;text-align:start}.card .bonuses__bonus-container .bonus__icon,.card .bonuses__bonus-container .benefit__icon,.card .bonuses__benefit-container .bonus__icon,.card .bonuses__benefit-container .benefit__icon,.card .benefits__bonus-container .bonus__icon,.card .benefits__bonus-container .benefit__icon,.card .benefits__benefit-container .bonus__icon,.card .benefits__benefit-container .benefit__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron,.card .bonuses__bonus-container .benefit__icon--chevron,.card .bonuses__benefit-container .bonus__icon--chevron,.card .bonuses__benefit-container .benefit__icon--chevron,.card .benefits__bonus-container .bonus__icon--chevron,.card .benefits__bonus-container .benefit__icon--chevron,.card .benefits__benefit-container .bonus__icon--chevron,.card .benefits__benefit-container .benefit__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container,.card .bonuses__bonus-container .benefit__chevron-icon-container,.card .bonuses__benefit-container .bonus__chevron-icon-container,.card .bonuses__benefit-container .benefit__chevron-icon-container,.card .benefits__bonus-container .bonus__chevron-icon-container,.card .benefits__bonus-container .benefit__chevron-icon-container,.card .benefits__benefit-container .bonus__chevron-icon-container,.card .benefits__benefit-container .benefit__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin-left:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .bonuses__bonus-container .bonus--inactive,.card .bonuses__bonus-container .benefit--inactive,.card .bonuses__benefit-container .bonus--inactive,.card .bonuses__benefit-container .benefit--inactive,.card .benefits__bonus-container .bonus--inactive,.card .benefits__bonus-container .benefit--inactive,.card .benefits__benefit-container .bonus--inactive,.card .benefits__benefit-container .benefit--inactive{display:none}.card .bonuses__bonus-container .bonus--interactive,.card .bonuses__bonus-container .benefit--interactive,.card .bonuses__benefit-container .bonus--interactive,.card .bonuses__benefit-container .benefit--interactive,.card .benefits__bonus-container .bonus--interactive,.card .benefits__bonus-container .benefit--interactive,.card .benefits__benefit-container .bonus--interactive,.card .benefits__benefit-container .benefit--interactive{cursor:pointer}.card .bonuses__bonus-container .benefit+.dropdown,.card .bonuses__benefit-container .benefit+.dropdown,.card .benefits__bonus-container .benefit+.dropdown,.card .benefits__benefit-container .benefit+.dropdown{margin-top:0.375rem}.card .bonuses__bonus-container .benefit+.radio-container,.card .bonuses__benefit-container .benefit+.radio-container,.card .benefits__bonus-container .benefit+.radio-container,.card .benefits__benefit-container .benefit+.radio-container{margin-top:0.75rem}.card .radio-container{display:flex;flex-direction:column;gap:1rem}.card .radio-wrapper{border-radius:0.5rem}.card .radio-wrapper .radio{--radio-container-outline-offset:-0.125rem}.card .radio-wrapper .radio .radio__container--focus-style:has(:focus-visible){border-radius:0.5rem}.card .radio-wrapper .radio .radio__container{padding:1rem 0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--compare-card-radio-container-border-color);background-color:var(--compare-card-radio-container-background-color);cursor:pointer}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:hover{background-color:var(--compare-card-radio-container-background-hover-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:active{background-color:var(--compare-card-radio-container-background-pressed-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:hover{border-color:var(--compare-card-radio-container-border-hover-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:active{border-color:var(--compare-card-radio-container-border-pressed-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio[checked]:not([checked=false]) .radio__container{border-color:var(--compare-card-radio-container-border-active-color);background-color:var(--compare-card-radio-container-background-active-color)}.card .switch-wrapper{border-radius:0.5rem}.card .switch-wrapper .switch{--switch-container-outline-offset:-0.125rem}.card .switch-wrapper .switch-label{display:flex;align-items:center;gap:0.75rem;width:100%;text-align:start}.card .switch-wrapper .switch::part(switch-container){padding:0.375rem 0.5rem;border-radius:0.5rem;cursor:pointer}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):hover{background-color:var(--compare-card-interactive-element-hover-background-color)}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):active{background-color:var(--compare-card-interactive-element-active-background-color)}';export{i as tet_compare_card_v3}
|
|
1
|
+
import{r as e,c as r,h as o,F as t}from"./p-5abb3bea.js";import"./p-726651bc.js";import{p as n}from"./p-3ac57578.js";const i=class{constructor(o){e(this,o),this.cardLoaded=r(this,"cardLoaded",7),this.productChanged=r(this,"productChanged",7),this.cardType="static",this.theme="light",this.bestChoice=!1,this.language="lv",this.options=[],this.bonuses=[],this.benefits=[],this.contractTerm=0,this.bestChoiceText="",this.currency="€/mēn.",this.secondaryLink="",this.secondaryLinkText="",this.secondaryLinkOpenBlank=!1,this.buttonTitle="",this.linkOpenBlank=!1,this.showLoader=!0,this.selectedProductCode="",this.selectedSwitchKeys=[],this.preselectedKeys=[],this.preselectedProductCode="",this.allProductData={},this.preselectedRemountId=0,this.buttonSize="large"}buttonSizeBreakpoint=1280;bonusWeakMap=new WeakMap;bonusCounter=0;cardLoaded;productChanged;onOptionSelected(e){this.selectedProductCode=e.detail.value,this.productChanged.emit()}async componentWillLoad(){switch(this.syncButtonSize(),this.fetchProductComparison(),this.cardType){case"dropdown":case"radio":{const e=this.options.find((e=>e.preselected))??this.options[0];e&&(this.selectedProductCode=e.productCode,this.productChanged.emit());break}case"switcher":{const e=this.options.find((e=>e.preselected));e&&(this.preselectedKeys=[...e.keys??[]],this.preselectedProductCode=e.productCode,this.selectedSwitchKeys=[...e.keys??[]],this.selectedProductCode=e.productCode,this.productChanged.emit());break}case"static":this.selectedProductCode=this.options.find((e=>e.productCode))?.productCode||"",this.productChanged.emit()}}onResize(){this.syncButtonSize()}syncButtonSize(){if(void 0===globalThis.window)return void(this.buttonSize="large");const e=globalThis.window.innerWidth<this.buttonSizeBreakpoint?"medium":"large";this.buttonSize!==e&&(this.buttonSize=e)}getSelectionOptions(){return this.options.map((e=>({label:e.label||"",value:e.productCode||"",preselected:e.preselected||!1})))}getToggledProductCode(e){const r=[...e].sort(((e,r)=>e.localeCompare(r))).join(","),o=this.options.find((e=>[...e.keys??[]].sort(((e,r)=>e.localeCompare(r))).join(",")===r));return o?o.productCode:null}handleSwitchToggle(e,r){const o=this.benefits.find((r=>r.toggleKey===e));let t=[...this.selectedSwitchKeys];if(!r){const r=t.filter((r=>r!==e));if(0===r.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductCode=this.preselectedProductCode,this.preselectedRemountId++,void this.productChanged.emit();const o=this.getToggledProductCode(r);return o?(this.selectedSwitchKeys=r,this.selectedProductCode=o,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductCode=this.preselectedProductCode,this.preselectedRemountId++,void this.productChanged.emit())}if(o?.selectAll){const e=this.getFullComboToggleOption();if(e)return this.selectedSwitchKeys=[...e.keys??[]],this.selectedProductCode=e.productCode,void this.productChanged.emit()}t.includes(e)||t.push(e),t=t.sort(((e,r)=>e.localeCompare(r)));const n=this.getToggledProductCode(t);this.selectedSwitchKeys=t,n?(this.selectedProductCode=n,this.productChanged.emit()):(this.selectedProductCode=this.preselectedProductCode,this.selectedSwitchKeys=[...this.preselectedKeys],this.preselectedRemountId++,this.productChanged.emit())}getFullComboToggleOption(){return this.options.length?this.options.reduce(((e,r)=>(r.keys??[]).length>(e.keys??[]).length?r:e),this.options[0]):null}async fetchProductComparison(){const e=this.options.map((e=>e.productCode)).filter(Boolean);if(e.length)try{const r=await n(e.join(","));this.allProductData=r.products||{}}catch(e){this.allProductData={},console.error(e)}else this.allProductData={};this.showLoader=!1,this.cardLoaded.emit()}selectedContractTerm(){const e=this.allProductData[this.selectedProductCode]?.contractTerms;if(e?.length)return e.find((e=>e.term===this.contractTerm))}currentBonuses(){const e=this.options.find((e=>e.productCode===this.selectedProductCode));return e?.bonuses??[]}allBonuses(){return this.options.flatMap((e=>e.bonuses||[]))}getUniqueBonusId(e){const r=this.bonusWeakMap.get(e);if(r)return r;const o="bonus-"+this.bonusCounter++;return this.bonusWeakMap.set(e,o),o}getElementTag(e){if(e?.href?.trim())return"a";const r=e?.["data-modal-screen-key"]?.trim(),o=e?.role?.trim().toLowerCase();return r||"button"===o?"button":"div"}renderBenefit(e){const r=Array.isArray(e.dataAttributes)?void 0:e.dataAttributes,n=Boolean(r&&Object.keys(r).length>0),i=this.getElementTag(r),a=!!e.icon&&!!e.name;return o(t,null,!!e.title&&o("div",{class:"benefits__title"},e.title),a&&o(i,{class:{benefit:!0,"benefit--interactive":n},key:e.toggleKey,...r||{}},o("tet-icon",{theme:this.theme,class:"benefit__icon",name:e.icon}),o("span",{class:"benefit__text"},e.name),n&&o("div",{class:"benefit__chevron-icon-container"},o("tet-icon",{class:"benefit__icon benefit__icon--chevron",name:"tc-chevron-right-small"}))))}renderSwitch(e){const{toggleKey:r}=e;if(!r)return null;const n=this.preselectedKeys.includes(r)?`${r}-${this.preselectedRemountId}`:r;return o(t,null,!!e.title&&o("div",{class:"benefits__title"},e.title),o("div",{class:"switch-wrapper"},o("tet-switch",{class:"switch",theme:this.theme,key:n,name:r,checked:this.selectedSwitchKeys.includes(r),onCheck:e=>this.handleSwitchToggle(r,e.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},o("div",{class:"switch-label"},o("tet-icon",{theme:this.theme,class:"benefit__icon",name:e.icon}),e.name))))}renderBonuses(){const e=new Set(this.currentBonuses().map(this.getUniqueBonusId.bind(this))),r=this.allBonuses(),t=this.options.find((e=>e.productCode===this.selectedProductCode))?.bonusTitle;return r.length<1?null:o("div",{class:"bonuses"},!!t&&o("div",{class:"bonuses__title"},t),o("div",{class:"bonuses__bonus-container"},r.map((r=>{const t=this.getUniqueBonusId(r),n=e.has(t),i=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,a=Boolean(i&&Object.keys(i).length>0),c=this.getElementTag(i);return o(c,{key:t,type:a?"button":void 0,class:{bonus:!0,"bonus--inactive":!n,"bonus--interactive":a},...i||{}},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"})))}))))}renderRadioOptions(){const e=this.getSelectionOptions();return o("div",{class:"radio-container"},e.map((e=>o("div",{class:"radio-wrapper"},o("tet-radio",{class:"radio",theme:this.theme,name:"radio-card-options",label:e.label,value:e.value,checked:this.selectedProductCode===e.value,focusStyleOnContainer:!0,onCheck:e=>this.onOptionSelected(e)})))))}renderPrice(e,r,t){return!e||Number.isNaN(r)?null:o("div",{class:"price-wrapper"},o("div",{class:"price-container"},o("div",{class:"price-container__price translation-none"},r.toFixed(2).replace(".",",")),o("div",{class:"price-container__currency"},o("span",null,this.currency))),t&&o("span",{class:"price-container__description"},t))}renderBenefitsSection(){const e=this.getSelectionOptions();if("switcher"===this.cardType)return o("div",{class:"benefits"},o("div",null,this.benefits.map((e=>this.renderSwitch(e)))));const r=this.benefits.map((e=>this.renderBenefit(e)));return o("div",{class:"benefits"},o("div",{class:"benefits__benefit-container"},r,"dropdown"===this.cardType&&o("tet-dropdown",{id:"dropdown",class:"dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:e}),"radio"===this.cardType&&this.renderRadioOptions()))}renderCard(){const e=this.allProductData[this.selectedProductCode],r=this.selectedContractTerm(),t=e?.attributes?.find((e=>"overrideProductName"===e.key))?.value,n=t??e?.name?.[this.language],i=r?.amount.toString()??"",a=Number.parseFloat(i.replace(",",".")),c=r?.promotionCode??"",s=r?.term??"",d=r?.priceDescription?.[this.language]??"",l=this.secondaryLink||r?.contract||"",f=!!l&&!!this.secondaryLinkText,b=this.secondaryLinkOpenBlank?"_blank":void 0,v=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,h=e?.formUrl?.[this.language]||"",u=new URLSearchParams({contractTerm:s?.toString()??"",product:this.selectedProductCode,promotion:c??"",lang:this.language??"",from:"tet.lv"}),_=`${h}${h.includes("?")?"&":"?"}${u.toString()}`,m=!!this.options.find((e=>e.productCode===this.selectedProductCode))?.bestChoice;return o("div",{class:{card:!0,"best-choice":m}},this.bestChoiceText&&o("div",{class:{"best-choice-title":!0,active:m}},this.bestChoiceText),o("div",{class:"content content__top"},n&&o("h3",{class:"title"},n),this.renderPrice(i,a,d),o("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:_,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle),f&&o("div",{class:"secondary-link"},o("a",{class:"tet-link",href:l,target:b,rel:v},this.secondaryLinkText))),o("div",{class:"content content__bottom"},this.renderBonuses(),this.renderBenefitsSection()))}renderLoader(){return o("tet-placeholder",{class:"card__placeholder",height:"37rem",width:"100%",darkTheme:"dark"===this.theme})}render(){return 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-permanent-black);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-tertiary-color:var(--tc-text-tertiary);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black);--compare-card-separator-border-color:var(--tc-border-tertiary);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary);--compare-card-chevron-icon-color:var(--tc-grey-60);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-border-radius:1rem;--compare-card-min-width:20.5rem;--compare-card-max-width:100%;--compare-card-radio-container-background-color:var(--tc-product-card-menu-default);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active);display:inline-block;width:100%;min-width:var(--compare-card-min-width);max-width:var(--compare-card-max-width)}:host([theme=dark]){--compare-card-bottom-part-background-color:var(--tc-layer-primary-dark);--compare-card-text-color:var(--tc-text-primary-dark);--compare-card-text-tertiary-color:var(--tc-text-tertiary-dark);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black-dark);--compare-card-separator-border-color:var(--tc-border-tertiary-dark);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary-dark);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary-dark);--compare-card-chevron-icon-color:var(--tc-grey-60-dark);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary-dark);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary-dark);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary-dark);--compare-card-focus-outline-color:var(--tc-blue-40-dark);--compare-card-box-shadow:var(--tc-elevation-three-dark);--compare-card-radio-container-background-color:var(--tc-product-card-menu-default-dark);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover-dark);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed-dark);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active-dark);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default-dark);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover-dark);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed-dark);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active-dark)}.card{display:inline-flex;flex-direction:column;position:relative;width:100%;height:100%;border-radius:var(--compare-card-border-radius);box-shadow:var(--compare-card-box-shadow)}.card__placeholder{--placeholder-border-radius:var(--compare-card-border-radius)}.card .content{padding:1.5rem 1rem}.card .content__top{background-color:var(--compare-card-top-part-background-color);color:var(--compare-card-text-permanent-color);border-top-left-radius:var(--compare-card-border-radius);border-top-right-radius:var(--compare-card-border-radius)}.card .content__bottom{background-color:var(--compare-card-bottom-part-background-color);color:var(--compare-card-text-color);border-bottom-left-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius)}@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";position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5rem;max-width:18.5rem;padding:0.5rem 1rem;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.active{visibility:visible}.card .title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card .price-wrapper{display:flex;flex-direction:column;overflow:hidden;gap:0.75rem}.card .price-wrapper .price-container{display:flex;align-items:flex-end;gap:0.25rem;align-self:stretch}.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 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{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";margin-bottom:0.75rem}@media screen and (min-width: 31.25rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.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,.card .benefits{display:flex;flex-direction:column;gap:0.75rem}.card .bonuses__title,.card .benefits__title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.375rem 0;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.card .bonuses .benefits__title,.card .benefits .benefits__title{margin:1.5rem 0 0.75rem}.card .bonuses__bonus-container .bonus,.card .bonuses__bonus-container .benefit,.card .bonuses__benefit-container .bonus,.card .bonuses__benefit-container .benefit,.card .benefits__bonus-container .bonus,.card .benefits__bonus-container .benefit,.card .benefits__benefit-container .bonus,.card .benefits__benefit-container .benefit{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;width:100%;gap:0.75rem;padding:0.375rem 0.5rem;border-radius:0.5rem;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;color:inherit;text-align:start;text-decoration:none;--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus--interactive:hover,.card .bonuses__bonus-container .benefit--interactive:hover,.card .bonuses__benefit-container .bonus--interactive:hover,.card .bonuses__benefit-container .benefit--interactive:hover,.card .benefits__bonus-container .bonus--interactive:hover,.card .benefits__bonus-container .benefit--interactive:hover,.card .benefits__benefit-container .bonus--interactive:hover,.card .benefits__benefit-container .benefit--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,.card .bonuses__bonus-container .benefit--interactive:active,.card .bonuses__benefit-container .bonus--interactive:active,.card .bonuses__benefit-container .benefit--interactive:active,.card .benefits__bonus-container .bonus--interactive:active,.card .benefits__bonus-container .benefit--interactive:active,.card .benefits__benefit-container .bonus--interactive:active,.card .benefits__benefit-container .benefit--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,.card .bonuses__bonus-container .benefit--interactive:focus-visible,.card .bonuses__benefit-container .bonus--interactive:focus-visible,.card .bonuses__benefit-container .benefit--interactive:focus-visible,.card .benefits__bonus-container .bonus--interactive:focus-visible,.card .benefits__bonus-container .benefit--interactive:focus-visible,.card .benefits__benefit-container .bonus--interactive:focus-visible,.card .benefits__benefit-container .benefit--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,.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text,.card .bonuses__bonus-container .benefit__text,.card .bonuses__benefit-container .bonus__text,.card .bonuses__benefit-container .benefit__text,.card .benefits__bonus-container .bonus__text,.card .benefits__bonus-container .benefit__text,.card .benefits__benefit-container .bonus__text,.card .benefits__benefit-container .benefit__text{flex:1 0 0;text-align:start}.card .bonuses__bonus-container .bonus__icon,.card .bonuses__bonus-container .benefit__icon,.card .bonuses__benefit-container .bonus__icon,.card .bonuses__benefit-container .benefit__icon,.card .benefits__bonus-container .bonus__icon,.card .benefits__bonus-container .benefit__icon,.card .benefits__benefit-container .bonus__icon,.card .benefits__benefit-container .benefit__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron,.card .bonuses__bonus-container .benefit__icon--chevron,.card .bonuses__benefit-container .bonus__icon--chevron,.card .bonuses__benefit-container .benefit__icon--chevron,.card .benefits__bonus-container .bonus__icon--chevron,.card .benefits__bonus-container .benefit__icon--chevron,.card .benefits__benefit-container .bonus__icon--chevron,.card .benefits__benefit-container .benefit__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container,.card .bonuses__bonus-container .benefit__chevron-icon-container,.card .bonuses__benefit-container .bonus__chevron-icon-container,.card .bonuses__benefit-container .benefit__chevron-icon-container,.card .benefits__bonus-container .bonus__chevron-icon-container,.card .benefits__bonus-container .benefit__chevron-icon-container,.card .benefits__benefit-container .bonus__chevron-icon-container,.card .benefits__benefit-container .benefit__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin-left:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .bonuses__bonus-container .bonus--inactive,.card .bonuses__bonus-container .benefit--inactive,.card .bonuses__benefit-container .bonus--inactive,.card .bonuses__benefit-container .benefit--inactive,.card .benefits__bonus-container .bonus--inactive,.card .benefits__bonus-container .benefit--inactive,.card .benefits__benefit-container .bonus--inactive,.card .benefits__benefit-container .benefit--inactive{display:none}.card .bonuses__bonus-container .bonus--interactive,.card .bonuses__bonus-container .benefit--interactive,.card .bonuses__benefit-container .bonus--interactive,.card .bonuses__benefit-container .benefit--interactive,.card .benefits__bonus-container .bonus--interactive,.card .benefits__bonus-container .benefit--interactive,.card .benefits__benefit-container .bonus--interactive,.card .benefits__benefit-container .benefit--interactive{cursor:pointer}.card .bonuses__bonus-container .benefit+.dropdown,.card .bonuses__benefit-container .benefit+.dropdown,.card .benefits__bonus-container .benefit+.dropdown,.card .benefits__benefit-container .benefit+.dropdown{margin-top:0.375rem}.card .bonuses__bonus-container .benefit+.radio-container,.card .bonuses__benefit-container .benefit+.radio-container,.card .benefits__bonus-container .benefit+.radio-container,.card .benefits__benefit-container .benefit+.radio-container{margin-top:0.75rem}.card .radio-container{display:flex;flex-direction:column;gap:1rem}.card .radio-wrapper{border-radius:0.5rem}.card .radio-wrapper .radio{--radio-container-outline-offset:-0.125rem}.card .radio-wrapper .radio .radio__container--focus-style:has(:focus-visible){border-radius:0.5rem}.card .radio-wrapper .radio .radio__container{padding:1rem 0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--compare-card-radio-container-border-color);background-color:var(--compare-card-radio-container-background-color);cursor:pointer}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:hover{background-color:var(--compare-card-radio-container-background-hover-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:active{background-color:var(--compare-card-radio-container-background-pressed-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:hover{border-color:var(--compare-card-radio-container-border-hover-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:active{border-color:var(--compare-card-radio-container-border-pressed-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio[checked]:not([checked=false]) .radio__container{border-color:var(--compare-card-radio-container-border-active-color);background-color:var(--compare-card-radio-container-background-active-color)}.card .switch-wrapper{border-radius:0.5rem}.card .switch-wrapper .switch{--switch-container-outline-offset:-0.125rem}.card .switch-wrapper .switch-label{display:flex;align-items:center;gap:0.75rem;width:100%;text-align:start}.card .switch-wrapper .switch::part(switch-container){padding:0.375rem 0.5rem;border-radius:0.5rem;cursor:pointer}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):hover{background-color:var(--compare-card-interactive-element-hover-background-color)}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):active{background-color:var(--compare-card-interactive-element-active-background-color)}';export{i as tet_compare_card_v3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as r}from"./p-83f43fdd.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent",7),this.theme="light",this.size="S",this.sizeChangeBreakpoint="None",this.isInCarousel=!1,this.pictureLayoutShiftPosition="left",this.cardTitle=void 0,this.subtitle=void 0,this.tags=void 0,this.dateTag=void 0,this.dateTagColorLight="black",this.dateTagColorDark="white",this.priceTagOptions={show:!1,background:"white"},this.linkHref=void 0,this.linkText=void 0,this.linkNewTab=!1,this.index=void 0,this.buttonColorTheme=void 0,this.buttonCustomColorCode=void 0,this.buttonCustomColorContentTone="light",this.isFocused=!1,this.originalSize=null,this.currentSize=null}onThemeChanged(t){"dark"===t?(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorLight}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorDark}`)):(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorDark}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorLight}`))}onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}tetDynamicCardClickEvent;priceViewRef=null;buttonRef=null;dateTagColorRef=null;rootElementRef=null;BREAKPOINTS={MOBILE:768,TABLET_SMALL:1024,TABLET:1440,DESKTOP:1920};CARD_SIZES={standard:{S:"fit-content",M:"calc(50% - 0.75rem)",XL:"100%"},responsive:{mobile:"100%",tablet:"calc(100% - var(--card-width-tablet) - 1.5rem - 2px)",desktop:"calc(100% - var(--card-width-desktop) - 1.5rem - 2px)"}};getCardSize(t){return this.isInCarousel?"S":t<this.BREAKPOINTS.MOBILE?"XL":t<this.BREAKPOINTS.TABLET_SMALL?"M":("L"===this.originalSize||"M"===this.originalSize)&&t<this.BREAKPOINTS.TABLET&&"Tab"===this.sizeChangeBreakpoint?"S":this.originalSize}getMinWidth(t){return t<this.BREAKPOINTS.MOBILE?"calc(var(--card-width-mobile) - 2rem)":t<this.BREAKPOINTS.TABLET?"calc(var(--card-width-tablet) - 2rem)":t<this.BREAKPOINTS.DESKTOP?"var(--card-width-tablet)":"var(--card-width-desktop)"}getCardWidth(t,e){if(this.isInCarousel)return"fit-content";if(e<this.BREAKPOINTS.MOBILE)return this.CARD_SIZES.responsive.mobile;if(e<this.BREAKPOINTS.TABLET){if(("L"===this.originalSize||"M"===this.originalSize)&&"Tab"===this.sizeChangeBreakpoint)return"fit-content";if("M"===t)return this.CARD_SIZES.standard.M;if("L"===t)return this.CARD_SIZES.responsive.tablet}else if("L"===t)return e<this.BREAKPOINTS.DESKTOP?this.CARD_SIZES.responsive.tablet:this.CARD_SIZES.responsive.desktop;return this.CARD_SIZES.standard[t]||"fit-content"}resizeCard=t=>{this.currentSize=this.getCardSize(t),this.rootElementRef.style.minWidth=this.getMinWidth(t),this.rootElementRef.style.width=this.getCardWidth(this.currentSize,t)};resizeObserver=new ResizeObserver((()=>{const t=window.innerWidth;this.resizeCard(t),t<768?(this.priceViewRef?.setAttribute("size","S"),this.buttonRef?.setAttribute("size","small")):t<1920?(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","medium")):(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","large"))}));componentWillLoad(){this.originalSize=this.size,this.currentSize=this.size}componentDidLoad(){this.onThemeChanged(this.theme),this.resizeObserver.observe(window.document.body)}handleClick=t=>{if(t.composedPath().some((t=>t instanceof HTMLElement&&t.classList?.contains("button"))))this.tetDynamicCardClickEvent.emit();else if(this.buttonRef&&this.linkHref){const t=this.buttonRef.shadowRoot?.querySelector("button");t&&t.click()}};renderTags(){const t="dark"===this.theme?this.dateTagColorDark:this.dateTagColorLight;return i("div",{class:"tags-container",part:"tags"},this.tags?.length>0&&i("div",{class:"tags"},this.tags.map((t=>i("span",{class:"tag"},t)))),this.dateTag&&i("div",{class:"tags"},i("div",{class:`tag colored colored--${t}`,ref:t=>{this.dateTagColorRef=t}},i("span",{class:"date-tag-text"},this.dateTag))))}renderPrice(){return this.priceTagOptions?.show?i("div",{class:"price",part:"price"},i("tet-price-view",{ref:t=>{this.priceViewRef=t},font:this.priceTagOptions.font||"Gilroy, Arial, sans-serif",background:this.priceTagOptions.background,staticColors:this.priceTagOptions.isStatic,theme:this.theme,size:"S","heading-text":this.priceTagOptions.headingText,"price-type":this.priceTagOptions.priceType,"euro-price":this.priceTagOptions.euroPrice?.toString(),"cents-price":this.priceTagOptions.centsPrice?.toString(),"footer-text":this.priceTagOptions.footerText,"footer-text-type":this.priceTagOptions.footerTextType})):null}renderButton(){return this.linkText?i("div",{class:"button",part:"button"},i("tet-button",{type:"primary",size:"small",theme:this.theme,"color-theme":this.buttonColorTheme,"custom-color-code":this.buttonCustomColorCode,"custom-color-content-tone":this.buttonCustomColorContentTone,url:this.linkHref,"url-target":this.linkNewTab?"_blank":"_self","accessibility-label":this.linkText,ref:t=>{this.buttonRef=t}},this.linkText)):null}render(){return i(r,{key:"6d78db2dab9d2f239ce396773200ddd8dcd93f91",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"641a6026216a875fb2640cfa6abffb776553cbee",class:`card\n theme-${this.theme}\n size-${this.currentSize}\n position-${this.pictureLayoutShiftPosition}\n carousel-${this.isInCarousel}\n `,onClick:this.handleClick,onKeyUp:t=>{"Enter"===t.key&&this.handleClick(t)},tabindex:0,part:"card","aria-labelledby":this.cardTitle},i("div",{key:"bb55aa602301c7e462a395f92ed6e10447d48849",class:"image",part:"image"},i("slot",{key:"b8a0ecb714700481bba045ff639140e95c1d2ec4",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"379970bfe15e8258f6be7b7f8a1b4f3eb3d6fa69",class:"content-container"},i("div",{key:"96ae239c05494db649163b320dd30ef59276f505",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"9784f8a7647bda3ce4452d692405c83edafc8ba8",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"6768d7846922619b73f3329919bfae427119846d",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:["onThemeChanged"],size:["onSizeChange"]}}};a.style=":host{--image-type:cover;--image-background-color:var(--tc-background-white-black);--card-width-mobile:17.5rem;--card-height-mobile:27.75rem;--card-width-tablet:21.375rem;--card-height-tablet:33.875rem;--card-width-desktop:25.625rem;--card-height-desktop:39.5rem;--option-card-bg:var(--tc-background-white-black);--option-card-text:var(--tc-text-primary);--option-card-border:var(--tc-border-quaternary);display:block;font-family:var(--tet-font-family-primary)}.card{-webkit-user-drag:none;user-select:none;cursor:pointer;background:var(--tc-background-white-black);border-radius:1rem;border:0.0625rem solid var(--tc-border-quaternary);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;min-width:var(--card-width-mobile);width:var(--card-width-mobile);height:var(--card-height-mobile);transition:box-shadow 0.15s ease}.card.size-S{width:var(--card-width-mobile);height:var(--card-height-mobile)}.card.size-XL,.card.size-L,.card.size-M{width:100%}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem}.card:hover{box-shadow:0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08)}.card:hover ::slotted(img){transform:scale(1.06)}.card:active{box-shadow:0 0 1px 0 rgba(12, 12, 14, 0.08), 0 1px 3px 0 rgba(12, 12, 14, 0.12)}.card:active ::slotted(img){transform:scale(1.01)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image{-webkit-user-drag:none;user-select:none;flex-shrink:0;width:100%;height:16.125rem;overflow:hidden;position:relative;background-color:var(--image-background-color)}.image ::slotted(img){transition:transform 0.3s ease;width:100%;height:100%;object-fit:var(--image-type);display:block}.price{position:absolute;bottom:0.75rem;right:0.75rem;z-index:1}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem;z-index:1}.content{height:auto;padding:0 1rem;text-align:center}.title{margin:0;font-family:var(--font-family-fallback);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--tc-text-primary);line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3rem}.subtitle{color:var(--tc-text-primary);text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5rem}.button{margin-top:auto;margin-bottom:1.5rem;width:fit-content;text-wrap:nowrap}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem}.tags{display:flex;flex-wrap:wrap;gap:0.25rem}.tag{border:0.0625px solid var(--tc-border-tertiary);padding:0.1875rem 0.3125rem;border-radius:0.375rem;background:var(--tc-layer-primary);color:var(--tc-text-primary);font-family:var(--font-family-content);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem}.tag.colored--white{background:var(--tc-layer-primary);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.tag.colored--black{color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}.tag.colored--yellow{background:var(--tc-yellow-20);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.theme-dark{background:var(--tc-layer-primary-dark);border:0.0625rem solid var(--tc-border-quaternary-dark)}.theme-dark .title{color:var(--tc-text-primary-dark)}.theme-dark .subtitle{color:var(--tc-text-primary-dark)}.theme-dark .tag:not(.colored){color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}@media all and (min-width: 48rem){.card{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-S{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-M{width:100%}.card.size-M .image{width:100%}.card.size-M.carousel-true{width:44rem}.card.size-XL,.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-XL .image,.card.size-L .image{width:60%;height:100%}.card.size-XL .button,.card.size-L .button{margin-top:0}.card.size-XL.position-right,.card.size-L.position-right{flex-direction:row-reverse}.card.size-XL.carousel-true,.card.size-L.carousel-true{width:44rem}.image{width:var(--card-width-tablet);height:var(--card-width-tablet)}.title{font-size:1.5rem;line-height:1.75rem;max-height:3.5rem}.tag{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem}}@media all and (min-width: 90rem){.card.size-M{width:100%}.card.size-M.carousel-true{width:39.375rem}.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-L .image{width:62%;height:100%}.card.size-L .button{margin-top:0}.card.size-L.position-right{flex-direction:row-reverse}.card.size-L.carousel-true{width:57.25rem}.card.size-XL .image{width:64%}.card.size-XL.carousel-true{width:80.25rem}}@media all and (min-width: 120rem){.card{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-S{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-L.carousel-true{width:83.125rem}.card.size-XL .image{width:72%}.card.size-XL.carousel-true{width:110.25rem}.image{width:var(--card-width-desktop);height:var(--card-width-desktop)}.title{font-size:1.75rem;line-height:2rem;max-height:4rem}.subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem;max-height:3rem}}";export{a as tet_dynamic_card}
|
|
1
|
+
import{r as t,c as e,h as i,H as r}from"./p-5abb3bea.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent",7),this.theme="light",this.size="S",this.sizeChangeBreakpoint="None",this.isInCarousel=!1,this.pictureLayoutShiftPosition="left",this.cardTitle=void 0,this.subtitle=void 0,this.tags=void 0,this.dateTag=void 0,this.dateTagColorLight="black",this.dateTagColorDark="white",this.priceTagOptions={show:!1,background:"white"},this.linkHref=void 0,this.linkText=void 0,this.linkNewTab=!1,this.index=void 0,this.buttonColorTheme=void 0,this.buttonCustomColorCode=void 0,this.buttonCustomColorContentTone="light",this.isFocused=!1,this.originalSize=null,this.currentSize=null}onThemeChanged(t){"dark"===t?(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorLight}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorDark}`)):(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorDark}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorLight}`))}onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}tetDynamicCardClickEvent;priceViewRef=null;buttonRef=null;dateTagColorRef=null;rootElementRef=null;BREAKPOINTS={MOBILE:768,TABLET_SMALL:1024,TABLET:1440,DESKTOP:1920};CARD_SIZES={standard:{S:"fit-content",M:"calc(50% - 0.75rem)",XL:"100%"},responsive:{mobile:"100%",tablet:"calc(100% - var(--card-width-tablet) - 1.5rem - 2px)",desktop:"calc(100% - var(--card-width-desktop) - 1.5rem - 2px)"}};getCardSize(t){return this.isInCarousel?"S":t<this.BREAKPOINTS.MOBILE?"XL":t<this.BREAKPOINTS.TABLET_SMALL?"M":("L"===this.originalSize||"M"===this.originalSize)&&t<this.BREAKPOINTS.TABLET&&"Tab"===this.sizeChangeBreakpoint?"S":this.originalSize}getMinWidth(t){return t<this.BREAKPOINTS.MOBILE?"calc(var(--card-width-mobile) - 2rem)":t<this.BREAKPOINTS.TABLET?"calc(var(--card-width-tablet) - 2rem)":t<this.BREAKPOINTS.DESKTOP?"var(--card-width-tablet)":"var(--card-width-desktop)"}getCardWidth(t,e){if(this.isInCarousel)return"fit-content";if(e<this.BREAKPOINTS.MOBILE)return this.CARD_SIZES.responsive.mobile;if(e<this.BREAKPOINTS.TABLET){if(("L"===this.originalSize||"M"===this.originalSize)&&"Tab"===this.sizeChangeBreakpoint)return"fit-content";if("M"===t)return this.CARD_SIZES.standard.M;if("L"===t)return this.CARD_SIZES.responsive.tablet}else if("L"===t)return e<this.BREAKPOINTS.DESKTOP?this.CARD_SIZES.responsive.tablet:this.CARD_SIZES.responsive.desktop;return this.CARD_SIZES.standard[t]||"fit-content"}resizeCard=t=>{this.currentSize=this.getCardSize(t),this.rootElementRef.style.minWidth=this.getMinWidth(t),this.rootElementRef.style.width=this.getCardWidth(this.currentSize,t)};resizeObserver=new ResizeObserver((()=>{const t=window.innerWidth;this.resizeCard(t),t<768?(this.priceViewRef?.setAttribute("size","S"),this.buttonRef?.setAttribute("size","small")):t<1920?(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","medium")):(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","large"))}));componentWillLoad(){this.originalSize=this.size,this.currentSize=this.size}componentDidLoad(){this.onThemeChanged(this.theme),this.resizeObserver.observe(window.document.body)}handleClick=t=>{if(t.composedPath().some((t=>t instanceof HTMLElement&&t.classList?.contains("button"))))this.tetDynamicCardClickEvent.emit();else if(this.buttonRef&&this.linkHref){const t=this.buttonRef.shadowRoot?.querySelector("button");t&&t.click()}};renderTags(){const t="dark"===this.theme?this.dateTagColorDark:this.dateTagColorLight;return i("div",{class:"tags-container",part:"tags"},this.tags?.length>0&&i("div",{class:"tags"},this.tags.map((t=>i("span",{class:"tag"},t)))),this.dateTag&&i("div",{class:"tags"},i("div",{class:`tag colored colored--${t}`,ref:t=>{this.dateTagColorRef=t}},i("span",{class:"date-tag-text"},this.dateTag))))}renderPrice(){return this.priceTagOptions?.show?i("div",{class:"price",part:"price"},i("tet-price-view",{ref:t=>{this.priceViewRef=t},font:this.priceTagOptions.font||"Gilroy, Arial, sans-serif",background:this.priceTagOptions.background,staticColors:this.priceTagOptions.isStatic,theme:this.theme,size:"S","heading-text":this.priceTagOptions.headingText,"price-type":this.priceTagOptions.priceType,"euro-price":this.priceTagOptions.euroPrice?.toString(),"cents-price":this.priceTagOptions.centsPrice?.toString(),"footer-text":this.priceTagOptions.footerText,"footer-text-type":this.priceTagOptions.footerTextType})):null}renderButton(){return this.linkText?i("div",{class:"button",part:"button"},i("tet-button",{type:"primary",size:"small",theme:this.theme,"color-theme":this.buttonColorTheme,"custom-color-code":this.buttonCustomColorCode,"custom-color-content-tone":this.buttonCustomColorContentTone,url:this.linkHref,"url-target":this.linkNewTab?"_blank":"_self","accessibility-label":this.linkText,ref:t=>{this.buttonRef=t}},this.linkText)):null}render(){return i(r,{key:"6d78db2dab9d2f239ce396773200ddd8dcd93f91",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"641a6026216a875fb2640cfa6abffb776553cbee",class:`card\n theme-${this.theme}\n size-${this.currentSize}\n position-${this.pictureLayoutShiftPosition}\n carousel-${this.isInCarousel}\n `,onClick:this.handleClick,onKeyUp:t=>{"Enter"===t.key&&this.handleClick(t)},tabindex:0,part:"card","aria-labelledby":this.cardTitle},i("div",{key:"bb55aa602301c7e462a395f92ed6e10447d48849",class:"image",part:"image"},i("slot",{key:"b8a0ecb714700481bba045ff639140e95c1d2ec4",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"379970bfe15e8258f6be7b7f8a1b4f3eb3d6fa69",class:"content-container"},i("div",{key:"96ae239c05494db649163b320dd30ef59276f505",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"9784f8a7647bda3ce4452d692405c83edafc8ba8",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"6768d7846922619b73f3329919bfae427119846d",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:["onThemeChanged"],size:["onSizeChange"]}}};a.style=":host{--image-type:cover;--image-background-color:var(--tc-background-white-black);--card-width-mobile:17.5rem;--card-height-mobile:27.75rem;--card-width-tablet:21.375rem;--card-height-tablet:33.875rem;--card-width-desktop:25.625rem;--card-height-desktop:39.5rem;--option-card-bg:var(--tc-background-white-black);--option-card-text:var(--tc-text-primary);--option-card-border:var(--tc-border-quaternary);display:block;font-family:var(--tet-font-family-primary)}.card{-webkit-user-drag:none;user-select:none;cursor:pointer;background:var(--tc-background-white-black);border-radius:1rem;border:0.0625rem solid var(--tc-border-quaternary);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;min-width:var(--card-width-mobile);width:var(--card-width-mobile);height:var(--card-height-mobile);transition:box-shadow 0.15s ease}.card.size-S{width:var(--card-width-mobile);height:var(--card-height-mobile)}.card.size-XL,.card.size-L,.card.size-M{width:100%}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem}.card:hover{box-shadow:0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08)}.card:hover ::slotted(img){transform:scale(1.06)}.card:active{box-shadow:0 0 1px 0 rgba(12, 12, 14, 0.08), 0 1px 3px 0 rgba(12, 12, 14, 0.12)}.card:active ::slotted(img){transform:scale(1.01)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image{-webkit-user-drag:none;user-select:none;flex-shrink:0;width:100%;height:16.125rem;overflow:hidden;position:relative;background-color:var(--image-background-color)}.image ::slotted(img){transition:transform 0.3s ease;width:100%;height:100%;object-fit:var(--image-type);display:block}.price{position:absolute;bottom:0.75rem;right:0.75rem;z-index:1}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem;z-index:1}.content{height:auto;padding:0 1rem;text-align:center}.title{margin:0;font-family:var(--font-family-fallback);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--tc-text-primary);line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3rem}.subtitle{color:var(--tc-text-primary);text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5rem}.button{margin-top:auto;margin-bottom:1.5rem;width:fit-content;text-wrap:nowrap}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem}.tags{display:flex;flex-wrap:wrap;gap:0.25rem}.tag{border:0.0625px solid var(--tc-border-tertiary);padding:0.1875rem 0.3125rem;border-radius:0.375rem;background:var(--tc-layer-primary);color:var(--tc-text-primary);font-family:var(--font-family-content);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem}.tag.colored--white{background:var(--tc-layer-primary);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.tag.colored--black{color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}.tag.colored--yellow{background:var(--tc-yellow-20);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.theme-dark{background:var(--tc-layer-primary-dark);border:0.0625rem solid var(--tc-border-quaternary-dark)}.theme-dark .title{color:var(--tc-text-primary-dark)}.theme-dark .subtitle{color:var(--tc-text-primary-dark)}.theme-dark .tag:not(.colored){color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}@media all and (min-width: 48rem){.card{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-S{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-M{width:100%}.card.size-M .image{width:100%}.card.size-M.carousel-true{width:44rem}.card.size-XL,.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-XL .image,.card.size-L .image{width:60%;height:100%}.card.size-XL .button,.card.size-L .button{margin-top:0}.card.size-XL.position-right,.card.size-L.position-right{flex-direction:row-reverse}.card.size-XL.carousel-true,.card.size-L.carousel-true{width:44rem}.image{width:var(--card-width-tablet);height:var(--card-width-tablet)}.title{font-size:1.5rem;line-height:1.75rem;max-height:3.5rem}.tag{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem}}@media all and (min-width: 90rem){.card.size-M{width:100%}.card.size-M.carousel-true{width:39.375rem}.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-L .image{width:62%;height:100%}.card.size-L .button{margin-top:0}.card.size-L.position-right{flex-direction:row-reverse}.card.size-L.carousel-true{width:57.25rem}.card.size-XL .image{width:64%}.card.size-XL.carousel-true{width:80.25rem}}@media all and (min-width: 120rem){.card{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-S{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-L.carousel-true{width:83.125rem}.card.size-XL .image{width:72%}.card.size-XL.carousel-true{width:110.25rem}.image{width:var(--card-width-desktop);height:var(--card-width-desktop)}.title{font-size:1.75rem;line-height:2rem;max-height:4rem}.subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem;max-height:3rem}}";export{a as tet_dynamic_card}
|