@tet/tet-components 1.4.118-testing → 1.4.119-production
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-d3d97441.js → address-93ebde6a.js} +1 -1
- package/dist/cjs/{assets-f0cfef4d.js → assets-39cfc2af.js} +1 -1
- package/dist/cjs/{async-request-fca2a0f5.js → async-request-bde9099c.js} +1 -1
- package/dist/cjs/{http-codes-0eae7bd3.js → http-codes-b099a581.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-162b4cbc.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-a59cbcb0.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-fae66deb.js → phone-5eb0ee4d.js} +2 -2
- package/dist/cjs/{product-comparison-fd3cbd23.js → product-comparison-ad533490.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +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-assembler.cjs.entry.js +3 -3
- 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 +4 -4
- 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-cde3168f.js} +2 -2
- package/dist/cjs/{translations-20eeca73.js → translations-944394ec.js} +1 -1
- package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.css +91 -61
- package/dist/components/index.js +1 -1
- package/dist/components/{p-ab140c88.js → p-02e36fc2.js} +4 -4
- package/dist/components/{p-4c8ecb57.js → p-03915f27.js} +1 -1
- package/dist/components/{p-07aea1d7.js → p-12281a8a.js} +7 -7
- package/dist/components/{p-c99159a4.js → p-16b3b5d3.js} +2 -2
- package/dist/components/{p-f8ec4cde.js → p-1b383a63.js} +2 -2
- package/dist/components/{p-43f43609.js → p-1d509d1e.js} +1 -1
- package/dist/components/{p-3be94cf3.js → p-1e0a23f3.js} +3 -3
- package/dist/components/{p-d9ded7cd.js → p-1e341286.js} +6 -6
- package/dist/components/{p-e5346dd2.js → p-266236c2.js} +14 -14
- package/dist/components/{p-fa01c33a.js → p-26f45990.js} +3 -3
- package/dist/components/{p-caf5a227.js → p-2ad8b557.js} +1 -1
- package/dist/components/{p-d295c67a.js → p-2e35a316.js} +2 -2
- package/dist/components/{p-dc13c5ac.js → p-2e4192d3.js} +2 -2
- package/dist/components/{p-47468ad7.js → p-32c3a688.js} +3 -3
- package/dist/components/{p-aecd7e44.js → p-355f9ad7.js} +9 -9
- package/dist/components/{p-de2f80a7.js → p-373f3567.js} +1 -1
- package/dist/components/{p-c837f3cc.js → p-3d5dff30.js} +3 -3
- package/dist/components/{p-5f555c17.js → p-3e00edfb.js} +1 -1
- package/dist/components/{p-8f61e16c.js → p-3fccc6ee.js} +7 -7
- package/dist/components/{p-317746ab.js → p-4b8c76fb.js} +2 -2
- package/dist/components/{p-f33b757a.js → p-4d311ebb.js} +1 -1
- package/dist/components/{p-e2dfc149.js → p-50b3d0ac.js} +1 -1
- package/dist/components/{p-0ea85682.js → p-58cda489.js} +2 -2
- package/dist/components/{p-f56b7660.js → p-5c05a139.js} +7 -7
- package/dist/components/{p-de831036.js → p-65ca6dd4.js} +1 -1
- package/dist/components/{p-a96dfd02.js → p-6d9680e5.js} +10 -10
- package/dist/components/{p-d36e8780.js → p-74fa6f90.js} +3 -3
- package/dist/components/{p-3d15252a.js → p-80369fa2.js} +2 -2
- package/dist/components/{p-c66870a2.js → p-82502795.js} +3 -3
- package/dist/components/{p-7c3df995.js → p-893fc1e3.js} +1 -1
- package/dist/components/{p-25b93e8f.js → p-8b6ad07d.js} +1 -1
- package/dist/components/{p-07c76cbf.js → p-8ed153c3.js} +3 -3
- package/dist/components/{p-9e7ca7ed.js → p-94d3c102.js} +1 -1
- package/dist/components/{p-0cb11ace.js → p-96af4806.js} +1 -1
- package/dist/components/{p-29e49386.js → p-982e8941.js} +5 -5
- package/dist/components/{p-a8d0693e.js → p-98cd3e04.js} +10 -10
- package/dist/components/{p-f7f459ce.js → p-99de76fc.js} +1 -1
- package/dist/components/{p-b51fa418.js → p-a51f5f2a.js} +4 -4
- package/dist/components/{p-11313fde.js → p-a5a40b2e.js} +1 -1
- package/dist/components/{p-07c879e4.js → p-a6b6e7e6.js} +1 -1
- package/dist/components/{p-486d6dab.js → p-ab1eecbc.js} +1 -1
- package/dist/components/{p-7f3e015a.js → p-abe4f640.js} +2 -2
- package/dist/components/{p-ab5e98a0.js → p-bee2c701.js} +2 -2
- package/dist/components/{p-b4e0fd65.js → p-c3e39661.js} +5 -5
- package/dist/components/{p-9a3299ca.js → p-c4ea4615.js} +2 -2
- package/dist/components/{p-30c634ea.js → p-d4bd224d.js} +6 -6
- package/dist/components/{p-ddfcfd20.js → p-d990980f.js} +1 -1
- package/dist/components/{p-e296086b.js → p-da5c0aa7.js} +1 -1
- package/dist/components/{p-f58fcdf1.js → p-de97d586.js} +1 -1
- package/dist/components/{p-8c840b9f.js → p-e0525363.js} +2 -2
- package/dist/components/{p-6c05c6b9.js → p-ebbfa54a.js} +1 -1
- package/dist/components/{p-13e4af07.js → p-f141ccfe.js} +1 -1
- package/dist/components/{p-2658271e.js → p-f1f8c315.js} +2 -2
- package/dist/components/{p-93621c77.js → p-f2b2922d.js} +6 -6
- package/dist/components/{p-9a1ded0c.js → p-f58ee4f8.js} +3 -3
- package/dist/components/{p-029c98e2.js → p-f6b495bc.js} +1 -1
- package/dist/components/{p-f54b29a3.js → p-f7e82737.js} +2 -2
- package/dist/components/{p-bd68d76a.js → p-f7f81374.js} +7 -7
- package/dist/components/{p-ed08f5c9.js → p-fe5cc3d8.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-assembler.js +7 -7
- 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 +12 -12
- 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 +12 -12
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-a5f65679.js → address-8bc4759b.js} +1 -1
- package/dist/esm/{assets-785095c4.js → assets-cea3bef9.js} +1 -1
- package/dist/esm/{async-request-ec12f1d7.js → async-request-b1f07963.js} +1 -1
- package/dist/esm/{http-codes-9125ce84.js → http-codes-43d8c151.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-0da0d682.js} +1 -1
- package/dist/esm/{index-412df137.js → index-6c5bc6fc.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-928c53a8.js → phone-05e8a3bc.js} +2 -2
- package/dist/esm/{product-comparison-fdb9b9cc.js → product-comparison-4d55b208.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +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-assembler.entry.js +3 -3
- 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 +4 -4
- 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-37dd9692.js} +2 -2
- package/dist/esm/{translations-1f757aa7.js → translations-2c165a3b.js} +1 -1
- package/dist/tet-components/{p-f6474f11.entry.js → p-00f9d33e.entry.js} +1 -1
- package/dist/tet-components/{p-372f452b.entry.js → p-01efe8cc.entry.js} +1 -1
- package/dist/tet-components/{p-dcf3b911.entry.js → p-029ddbac.entry.js} +1 -1
- package/dist/tet-components/{p-c8fb3098.entry.js → p-03f99692.entry.js} +1 -1
- package/dist/tet-components/{p-7e04d367.entry.js → p-074f2d05.entry.js} +1 -1
- package/dist/tet-components/{p-77bec9a6.entry.js → p-0b9906f1.entry.js} +1 -1
- package/dist/tet-components/{p-5be49fe9.entry.js → p-0cd22a4a.entry.js} +1 -1
- package/dist/tet-components/{p-b47c0736.entry.js → p-0d3a3f6b.entry.js} +1 -1
- package/dist/tet-components/{p-fe46ae1e.entry.js → p-10e51ad9.entry.js} +1 -1
- package/dist/tet-components/{p-6bfeebe9.entry.js → p-12d54e7a.entry.js} +1 -1
- package/dist/tet-components/{p-cdf24c83.entry.js → p-14e98869.entry.js} +1 -1
- package/dist/tet-components/{p-5fa05a92.entry.js → p-1537a8c3.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-21acfb7d.js} +1 -1
- package/dist/tet-components/{p-4330c786.js → p-23d55f26.js} +1 -1
- package/dist/tet-components/{p-a6d7c907.entry.js → p-2c0bcce9.entry.js} +1 -1
- package/dist/tet-components/{p-3f2e515f.entry.js → p-325bfa56.entry.js} +1 -1
- package/dist/tet-components/{p-2e2b413d.entry.js → p-32dd7f3f.entry.js} +1 -1
- package/dist/tet-components/{p-5810a3a6.js → p-355b139a.js} +1 -1
- package/dist/tet-components/{p-4737a17f.entry.js → p-36a6ee7c.entry.js} +1 -1
- package/dist/tet-components/{p-ee3a7ea7.entry.js → p-3e522ab6.entry.js} +1 -1
- package/dist/tet-components/{p-811658a5.entry.js → p-40af8721.entry.js} +1 -1
- package/dist/tet-components/{p-575eecc3.entry.js → p-42987dc6.entry.js} +1 -1
- package/dist/tet-components/{p-44215fbb.entry.js → p-4943bcda.entry.js} +1 -1
- package/dist/tet-components/{p-a94d9361.js → p-49d04ebf.js} +1 -1
- package/dist/tet-components/{p-662ef913.entry.js → p-4d12e950.entry.js} +1 -1
- package/dist/tet-components/{p-d951657c.entry.js → p-4ed833b1.entry.js} +1 -1
- package/dist/tet-components/{p-20aca81b.entry.js → p-4f85f6a9.entry.js} +1 -1
- package/dist/tet-components/{p-3d73a4e3.entry.js → p-53517450.entry.js} +1 -1
- package/dist/tet-components/{p-ff5fb9e4.entry.js → p-56b52f81.entry.js} +1 -1
- package/dist/tet-components/{p-025ffb5a.entry.js → p-5767d91d.entry.js} +1 -1
- package/dist/tet-components/{p-6d1fc8db.entry.js → p-57aeb07a.entry.js} +1 -1
- package/dist/tet-components/{p-3e60d61c.js → p-59c5d02d.js} +1 -1
- package/dist/tet-components/{p-09fb2c4b.entry.js → p-5a68b452.entry.js} +1 -1
- package/dist/tet-components/{p-2da19afb.entry.js → p-5c874d96.entry.js} +1 -1
- package/dist/tet-components/{p-73971e4d.entry.js → p-5ce59b6d.entry.js} +1 -1
- package/dist/tet-components/{p-f4df5d30.entry.js → p-5cffebab.entry.js} +1 -1
- package/dist/tet-components/{p-efbf6f12.entry.js → p-5f77bca8.entry.js} +1 -1
- package/dist/tet-components/{p-eaded8bd.entry.js → p-5ff46aa5.entry.js} +1 -1
- package/dist/tet-components/{p-77bd8e7d.entry.js → p-626312dd.entry.js} +1 -1
- package/dist/tet-components/{p-2d904f12.entry.js → p-62d6ce00.entry.js} +1 -1
- package/dist/tet-components/{p-5d7cd8e2.entry.js → p-6446ba9d.entry.js} +1 -1
- package/dist/tet-components/{p-8d1c958e.entry.js → p-657eef5a.entry.js} +1 -1
- package/dist/tet-components/{p-7319e21f.entry.js → p-67e0e525.entry.js} +1 -1
- package/dist/tet-components/{p-5de41c5d.entry.js → p-6889d65b.entry.js} +1 -1
- package/dist/tet-components/{p-350f0cc8.entry.js → p-6a9c5a37.entry.js} +1 -1
- package/dist/tet-components/{p-4e643503.entry.js → p-6cf2d1d0.entry.js} +1 -1
- package/dist/tet-components/{p-6f6432a6.entry.js → p-708f1701.entry.js} +1 -1
- package/dist/tet-components/{p-82a18864.entry.js → p-71bcc2de.entry.js} +1 -1
- package/dist/tet-components/{p-75dda1fd.entry.js → p-7200eee6.entry.js} +1 -1
- package/dist/tet-components/{p-57937881.entry.js → p-76060e6d.entry.js} +1 -1
- package/dist/tet-components/{p-d2f35322.entry.js → p-76f6df3e.entry.js} +1 -1
- package/dist/tet-components/{p-3652e5a8.entry.js → p-77bfad0c.entry.js} +1 -1
- package/dist/tet-components/{p-0c02ac35.entry.js → p-7a1c56b7.entry.js} +1 -1
- package/dist/tet-components/{p-d313e630.entry.js → p-7aa7cfff.entry.js} +1 -1
- package/dist/tet-components/{p-0864ff90.entry.js → p-7afdb0ce.entry.js} +1 -1
- package/dist/tet-components/{p-9302af3a.entry.js → p-7b02d736.entry.js} +1 -1
- package/dist/tet-components/{p-e695fe7c.entry.js → p-7c360dcc.entry.js} +1 -1
- package/dist/tet-components/{p-f072aa97.entry.js → p-7c828472.entry.js} +1 -1
- package/dist/tet-components/p-7c868b40.js +2 -0
- package/dist/tet-components/{p-e2b55e84.js → p-7e108608.js} +1 -1
- package/dist/tet-components/p-81456c37.js +1 -0
- package/dist/tet-components/{p-7dbf302e.entry.js → p-832a2361.entry.js} +1 -1
- package/dist/tet-components/{p-5ba9e9d8.js → p-87f6cf31.js} +1 -1
- package/dist/tet-components/{p-282e1de2.entry.js → p-8a92896e.entry.js} +1 -1
- package/dist/tet-components/{p-c0363485.entry.js → p-8b11e34b.entry.js} +1 -1
- package/dist/tet-components/{p-908ab540.entry.js → p-8d764768.entry.js} +1 -1
- package/dist/tet-components/{p-40533c87.entry.js → p-8fb70b03.entry.js} +1 -1
- package/dist/tet-components/{p-460c39a5.entry.js → p-9c0fc5f4.entry.js} +1 -1
- package/dist/tet-components/{p-9fee1e91.entry.js → p-9c5583fc.entry.js} +1 -1
- package/dist/tet-components/{p-cb6df953.entry.js → p-9ca0343d.entry.js} +1 -1
- package/dist/tet-components/{p-e420e72d.entry.js → p-9e5ba96f.entry.js} +1 -1
- package/dist/tet-components/{p-d688fdca.entry.js → p-a331f48a.entry.js} +1 -1
- package/dist/tet-components/{p-e2b1e17f.entry.js → p-a4dc56d2.entry.js} +1 -1
- package/dist/tet-components/{p-6b5169bf.entry.js → p-a9a92b36.entry.js} +1 -1
- package/dist/tet-components/{p-e9fdafc0.entry.js → p-ab183b78.entry.js} +1 -1
- package/dist/tet-components/{p-e9eac283.js → p-ac56923b.js} +1 -1
- package/dist/tet-components/{p-c43ee172.entry.js → p-b0c5b074.entry.js} +1 -1
- package/dist/tet-components/{p-63d74d15.entry.js → p-b4e3a6e6.entry.js} +1 -1
- package/dist/tet-components/{p-bcdb7766.entry.js → p-b5fb4962.entry.js} +1 -1
- package/dist/tet-components/{p-14fb76f8.entry.js → p-b67e0edb.entry.js} +1 -1
- package/dist/tet-components/{p-768c00d1.entry.js → p-b74062ad.entry.js} +1 -1
- package/dist/tet-components/{p-4948b331.entry.js → p-b8c07b6d.entry.js} +1 -1
- package/dist/tet-components/{p-6eb72733.entry.js → p-bae40179.entry.js} +1 -1
- package/dist/tet-components/{p-258f63dc.entry.js → p-c356bf18.entry.js} +1 -1
- package/dist/tet-components/{p-b6bfdd4e.entry.js → p-c6722849.entry.js} +1 -1
- package/dist/tet-components/{p-b1222ff6.entry.js → p-c6f8b085.entry.js} +1 -1
- package/dist/tet-components/{p-edd2b9f5.entry.js → p-c842490e.entry.js} +1 -1
- package/dist/tet-components/{p-3016e7c8.entry.js → p-c8440baf.entry.js} +1 -1
- package/dist/tet-components/{p-981111e0.entry.js → p-cb128e2e.entry.js} +1 -1
- package/dist/tet-components/{p-c4c62bcf.entry.js → p-ce3839b4.entry.js} +1 -1
- package/dist/tet-components/{p-98ba6f5d.entry.js → p-d36f1a01.entry.js} +1 -1
- package/dist/tet-components/{p-1bd93ad3.entry.js → p-d72a5701.entry.js} +1 -1
- package/dist/tet-components/{p-43fb9369.entry.js → p-d8fc6609.entry.js} +1 -1
- package/dist/tet-components/{p-8f4ff4bd.entry.js → p-dc5f902b.entry.js} +1 -1
- package/dist/tet-components/{p-a91b95f0.entry.js → p-df3cc9fa.entry.js} +1 -1
- package/dist/tet-components/{p-01a45267.entry.js → p-e2ca819d.entry.js} +1 -1
- package/dist/tet-components/{p-e6d6744b.entry.js → p-e4a3d04c.entry.js} +1 -1
- package/dist/tet-components/{p-f55a404a.entry.js → p-e61d9ae2.entry.js} +1 -1
- package/dist/tet-components/{p-aa33b2e8.entry.js → p-e751fcb9.entry.js} +1 -1
- package/dist/tet-components/{p-4c074b0b.entry.js → p-e8f6bacf.entry.js} +1 -1
- package/dist/tet-components/{p-6de088f5.entry.js → p-ecf8940b.entry.js} +1 -1
- package/dist/tet-components/{p-b152fc68.entry.js → p-efeaa40c.entry.js} +1 -1
- package/dist/tet-components/{p-bc91e97f.entry.js → p-f409a03e.entry.js} +1 -1
- package/dist/tet-components/{p-b9356bd0.entry.js → p-f7589970.entry.js} +1 -1
- package/dist/tet-components/{p-3a61ce24.entry.js → p-fbec1c2d.entry.js} +1 -1
- package/dist/tet-components/{p-54e73905.entry.js → p-ff634875.entry.js} +1 -1
- package/dist/tet-components/{p-87a2809b.entry.js → p-fface6a0.entry.js} +1 -1
- package/dist/tet-components/{p-44b986af.entry.js → p-ffd41199.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-83f43fdd.js +0 -2
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,g as e,h as n,H as r}from"./p-83f43fdd.js";const i=class{constructor(e){o(this,e),this.openChanged=t(this,"openChanged",7),this.isOpen=!1,this.theme="light",this.header="",this.headerIconName=void 0,this.headerImageSrc="",this.headerImageAlt="",this.indicatorDirection="down",this.withBorder=!1,this.withAutoScroll=!1,this.breakpoint="tablet",this.headingTag="span",this.transparentBackground=!1,this.isHeaderInteractive=!0}get element(){return e(this)}contentElement;contentWrapperElement;animationCallback;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3*parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()||this.header;switch(this.headingTag){case"h1":return n("h1",{class:"tet-accordion__header-text"},t);case"h2":return n("h2",{class:"tet-accordion__header-text"},t);case"h3":return n("h3",{class:"tet-accordion__header-text"},t);case"h4":return n("h4",{class:"tet-accordion__header-text"},t);case"h5":return n("h5",{class:"tet-accordion__header-text"},t);case"h6":return n("h6",{class:"tet-accordion__header-text"},t);default:return n("span",{class:"tet-accordion__header-text"},t)}}render(){return n(r,{key:"abd2258aef5f7b20275ebc84a154cca6da27e224"},n("div",{key:"580dedd434b319cf06e56daba7244308fda64809",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},n("div",{key:"48797037e427685534ed291314d19b0dee2db6bb",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},n("slot",{key:"4ca02980ca7f8d4e4d5664a7fe746727d0cd79bd",name:"header"},this.headerIconName&&n("tet-icon",{key:"504994480017a3468bf66bbc609cfde515e035ae",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&n("img",{key:"3a0209a1e3706733f0f33a8f0a842782fad8ca36",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image",loading:"lazy"}),this.renderHeading(),this.isHeaderInteractive&&n("tet-icon",{key:"63b513d25ef0cbb5c31d42d88482a94b35e346e9",name:`tc-chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),n("div",{key:"702c4f23edc8a040a47699aa2b59b3ee4db5ad94",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},n("div",{key:"2ac1cfb175d9ff1559be32213f6459dcdeea4668",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},n("slot",{key:"abc008c6736c07c33df8f79394f8dd9a31082fe8"})))))}};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{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}';export{i as tet_accordion}
|
|
1
|
+
import{r as o,c as t,g as e,h as n,H as r}from"./p-7c868b40.js";const i=class{constructor(e){o(this,e),this.openChanged=t(this,"openChanged",7),this.isOpen=!1,this.theme="light",this.header="",this.headerIconName=void 0,this.headerImageSrc="",this.headerImageAlt="",this.indicatorDirection="down",this.withBorder=!1,this.withAutoScroll=!1,this.breakpoint="tablet",this.headingTag="span",this.transparentBackground=!1,this.isHeaderInteractive=!0}get element(){return e(this)}contentElement;contentWrapperElement;animationCallback;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3*parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()||this.header;switch(this.headingTag){case"h1":return n("h1",{class:"tet-accordion__header-text"},t);case"h2":return n("h2",{class:"tet-accordion__header-text"},t);case"h3":return n("h3",{class:"tet-accordion__header-text"},t);case"h4":return n("h4",{class:"tet-accordion__header-text"},t);case"h5":return n("h5",{class:"tet-accordion__header-text"},t);case"h6":return n("h6",{class:"tet-accordion__header-text"},t);default:return n("span",{class:"tet-accordion__header-text"},t)}}render(){return n(r,{key:"abd2258aef5f7b20275ebc84a154cca6da27e224"},n("div",{key:"580dedd434b319cf06e56daba7244308fda64809",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},n("div",{key:"48797037e427685534ed291314d19b0dee2db6bb",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},n("slot",{key:"4ca02980ca7f8d4e4d5664a7fe746727d0cd79bd",name:"header"},this.headerIconName&&n("tet-icon",{key:"504994480017a3468bf66bbc609cfde515e035ae",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&n("img",{key:"3a0209a1e3706733f0f33a8f0a842782fad8ca36",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image",loading:"lazy"}),this.renderHeading(),this.isHeaderInteractive&&n("tet-icon",{key:"63b513d25ef0cbb5c31d42d88482a94b35e346e9",name:`tc-chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),n("div",{key:"702c4f23edc8a040a47699aa2b59b3ee4db5ad94",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},n("div",{key:"2ac1cfb175d9ff1559be32213f6459dcdeea4668",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},n("slot",{key:"abc008c6736c07c33df8f79394f8dd9a31082fe8"})))))}};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{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}';export{i as tet_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as e,h as o,H as t}from"./p-83f43fdd.js";import"./p-3e60d61c.js";import{p as a}from"./p-e2b55e84.js";const i=class{constructor(o){r(this,o),this.cardLoaded=e(this,"cardLoaded",7),this.productChanged=e(this,"productChanged",7),this.cardType="static",this.theme="light",this.language="lv",this.options=[],this.toggles=[],this.contractTerm=0,this.controlsTitle=void 0,this.bestChoiceText=void 0,this.bestChoiceIconName=void 0,this.currency="€/mēn.",this.secondaryLink="",this.secondaryLinkText="",this.secondaryLinkOpenBlank=!1,this.buttonTitle="",this.linkOpenBlank=!1,this.showControlsFirst=!1,this.showLoader=!0,this.selectedProductId="",this.selectedSwitchKeys=[],this.preselectedKeys=[],this.preselectedProductId="",this.allProductData={},this.preselectedRemountId=0,this.buttonSize="large",this.isSingleCardDesktop=!0}buttonSizeBreakpoint=1280;singleCardBreakpoint=1024;didEmitCardLoaded=!1;cardLoaded;productChanged;onOptionSelected(r){this.selectedProductId=r.detail.value,this.productChanged.emit()}async componentWillLoad(){switch(this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint(),this.fetchProductComparison(),this.cardType){case"single-card":case"dropdown":case"radio":{const r=this.options.find((r=>r.preselected))??this.options[0];r&&(this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"switcher":{const r=this.options.find((r=>r.preselected));r&&(this.preselectedKeys=[...r.keys??[]],this.preselectedProductId=this.getOptionId(r),this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"static":this.selectedProductId=this.getOptionId(this.options[0]),this.productChanged.emit()}}componentDidRender(){this.showLoader||this.didEmitCardLoaded||(this.didEmitCardLoaded=!0,this.cardLoaded.emit())}onResize(){this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint()}syncButtonSize(){if(void 0===globalThis.window)return void(this.buttonSize="large");const r=globalThis.window.innerWidth<this.buttonSizeBreakpoint?"medium":"large";this.buttonSize!==r&&(this.buttonSize=r)}syncSingleCardBreakpoint(){if(void 0===globalThis.window)return void(this.isSingleCardDesktop=!0);const r=globalThis.window.innerWidth>=this.singleCardBreakpoint;this.isSingleCardDesktop!==r&&(this.isSingleCardDesktop=r)}getOptionId(r){return r?.id??r?.productCode??""}getOptionById(r){return this.options.find((e=>this.getOptionId(e)===r))}getSelectionOptions(){return this.options.map((r=>({label:r.optionLabel||"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedProductId})))}getToggledProductId(r){const e=[...r].sort(((r,e)=>r.localeCompare(e))).join(","),o=this.options.find((r=>[...r.keys??[]].sort(((r,e)=>r.localeCompare(e))).join(",")===e));return o?this.getOptionId(o):null}handleSwitchToggle(r,e){const o=this.toggles.find((e=>e.toggleKey===r));let t=[...this.selectedSwitchKeys];if(!e){const e=t.filter((e=>e!==r));if(0===e.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit();const o=this.getToggledProductId(e);return o?(this.selectedSwitchKeys=e,this.selectedProductId=o,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit())}if(o?.selectAll){const r=this.getFullComboToggleOption();if(r)return this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),void this.productChanged.emit()}t.includes(r)||t.push(r),t=t.sort(((r,e)=>r.localeCompare(e)));const a=this.getToggledProductId(t);this.selectedSwitchKeys=t,a?(this.selectedProductId=a,this.productChanged.emit()):(this.selectedProductId=this.preselectedProductId,this.selectedSwitchKeys=[...this.preselectedKeys],this.preselectedRemountId++,this.productChanged.emit())}getFullComboToggleOption(){return this.options.length?this.options.reduce(((r,e)=>(e.keys??[]).length>(r.keys??[]).length?e:r),this.options[0]):null}async fetchProductComparison(){const r=Array.from(new Set(this.options.filter((r=>!r.productData)).map((r=>r.productCode)).filter(Boolean)));let e={};if(r.length)try{const o=await a(r.join(","));e=o.products||{}}catch(r){console.error(r)}this.allProductData=this.options.reduce(((r,o)=>{const t=this.getOptionId(o),a=o.productCode?e[o.productCode]:void 0;return t&&a&&(r[t]=a),r}),{}),this.showLoader=!1}selectedContractTerm(){const r=this.allProductData[this.selectedProductId]?.contractTerms;if(r?.length)return r.find((r=>r.term===this.contractTerm))}getElementTag(r){if(r?.href?.trim())return"a";const e=r?.["data-modal-screen-key"]?.trim(),o=r?.role?.trim().toLowerCase();return e||"button"===o?"button":"div"}renderSwitch(r){const{toggleKey:e,icon:t,name:a}=r;if(!e)return null;const i=this.preselectedKeys.includes(e);return o("div",{class:"switch-wrapper"},o("tet-switch",{class:"switch",theme:this.theme,key:i?`${e}-${this.preselectedRemountId}`:e,name:e,checked:this.selectedSwitchKeys.includes(e),onCheck:r=>this.handleSwitchToggle(e,r.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},o("div",{class:"switch-label"},o("tet-icon",{theme:this.theme,class:"benefit__icon",name:t}),a)))}handleSingleCardTabSelect(r){this.getOptionById(r)&&(this.selectedProductId=r,this.productChanged.emit())}renderSingleCardControls(){const r=this.selectedProductId||this.getOptionId(this.options[0]);return 1===this.options.length?o("div",{class:"single-option-label"},this.options[0].optionLabel??""):o("tet-tab-header",{theme:this.theme,mode:"switch",segmented:!0,sizing:this.isSingleCardDesktop?"web":"mobile",defaultTab:r,onTabSelected:r=>this.handleSingleCardTabSelect(r.detail.new)},this.options.map((r=>{const e=this.getOptionId(r);return e?o("button",{type:"button","data-name":e},r.optionLabel??""):null})))}renderBonuses(){const r=this.getOptionById(this.selectedProductId),e=r?.bonuses??[];return e.length<1?null:o("div",{class:"bonuses"},e.map((r=>{const e=r.items??[];return e.length?o("div",{class:"bonuses__bonus-container"},!!r.title&&o("div",{class:"section-title"},r.title),e.map((r=>{const e=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,t=this.getElementTag(e),a=["a","button"].includes(t);return o(t,{type:"button"===t?"button":void 0,class:{bonus:!0,"bonus--interactive":a},...e||{}},o("tet-icon",{theme:this.theme,class:"bonus__icon",name:r.iconName}),o("span",{class:"bonus__text"},r.name),a&&o("div",{class:"bonus__chevron-icon-container"},o("tet-icon",{class:"bonus__icon bonus__icon--chevron",name:"tc-chevron-right-small"})))}))):null})))}renderRadioOptions(){const r=this.getSelectionOptions();return o("div",{class:"radio-container"},r.map((r=>o("div",{class:"radio-wrapper"},o("tet-radio",{class:"radio","label-font":"md",theme:this.theme,name:"radio-card-options",label:r.label,value:r.value,checked:this.selectedProductId===r.value,focusStyleOnContainer:!0,onCheck:r=>this.onOptionSelected(r)})))))}renderPrice({contractPrice:r,basePrice:e,priceDescription:t,showDiscount:a}){const i=Number.parseFloat(r.replace(",",".")),n=Number.parseFloat(e.replace(",",".")),c=a&&Number.isFinite(n);return r&&Number.isFinite(i)?o("div",{class:"price-wrapper"},o("div",{class:"price-container"},o("div",{class:"price-container__price-group"},o("div",{class:"price-container__price translation-none"},i.toFixed(2).replace(".",",")),o("div",{class:"price-container__currency"},o("span",null,this.currency))),c&&o("div",{class:"price-container__base-price translation-none"},o("span",null,n.toFixed(2).replace(".",",")),o("span",null,this.currency))),t&&o("span",{class:"price-container__description"},t)):null}getPriceData(r,e,o){const t=(r?.discountPrice??r?.price??o?.amount??"").toString(),a=(r?.price??e?.amount??"").toString(),i=Number.parseFloat(t.replace(",",".")),n=Number.parseFloat(a.replace(",",".")),c=!1!==o?.showDiscount&&Number.isFinite(i)&&Number.isFinite(n)&&n>i;return{contractPrice:t,basePrice:a,priceDescription:r?.priceDescription??o?.priceDescription?.[this.language]??"",showDiscount:c}}renderControl(r){switch(this.cardType){case"switcher":return o("div",null,this.toggles.map((r=>this.renderSwitch(r))));case"single-card":return this.renderSingleCardControls();case"dropdown":return o("tet-dropdown",{id:"dropdown",class:"dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:r});case"radio":return this.renderRadioOptions();default:return null}}renderControls(){const r=this.getSelectionOptions(),e=!!this.controlsTitle&&"static"!==this.cardType,t=this.renderControl(r),a="single-card"===this.cardType;return t?o("div",{class:"controls"},e&&o("div",{class:{"section-title":!0,"single-card-controls-title":a,"single-option":a&&1===this.options.length}},this.controlsTitle),t):null}buildLinkWithParams(r,e){try{const o=new URL(r);return["http:","https:"].includes(o.protocol)?(e.forEach(((r,e)=>{o.searchParams.append(e,r)})),o.toString()):""}catch{return""}}renderContentTop(){const r=this.allProductData[this.selectedProductId],e=this.getOptionById(this.selectedProductId),t=e?.productData,a=this.selectedContractTerm(),i=r?.attributes?.find((r=>"overrideProductName"===r.key))?.value,n=t?.name??i??r?.name?.[this.language],c=this.getPriceData(t,r,a),s=a?.promotionCode??"",l=a?.term??"",d=this.secondaryLink||t?.contractUrl||a?.contract||"",m=!!d&&!!this.secondaryLinkText,f=this.secondaryLinkOpenBlank?"_blank":void 0,h=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,p=r?.formUrl?.[this.language]||"",b=new URLSearchParams({sourceUrl:globalThis.location?.href??""});t||(b.set("contractTerm",l?.toString()??""),b.set("product",e?.productCode??""),b.set("promotion",s??""),b.set("lang",this.language??""),b.set("from","tet.lv"));const u=this.buildLinkWithParams(t?t.formUrl:p,b),v=e?.cardLabel,g=e?.titleBadge;return o("div",{class:"content content__top"},(n||g)&&o("div",{class:"title-container"},n&&o("h3",{class:"title"},n),g&&o("span",{class:"title-badge"},o("tet-icon",{class:"title-badge__icon",name:"tc-info-circle"}),g)),this.renderPrice(c),!!v&&o("p",{class:"card-label"},v),o("div",{class:"button-wrapper"},o("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:u,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle)),m&&o("div",{class:"secondary-link"},o("a",{class:"tet-link",href:d,target:f,rel:h},this.secondaryLinkText)))}renderContentBottom(){return o("div",{class:"content content__bottom"},this.showControlsFirst?[this.renderControls(),this.renderBonuses()]:[this.renderBonuses(),this.renderControls()])}renderCard(){const r=this.getOptionById(this.selectedProductId),e=!!r?.bestChoice,t="single-card"===this.cardType&&this.isSingleCardDesktop;return o("div",{class:{card:!0,"best-choice":e,"single-card":"single-card"===this.cardType}},this.bestChoiceText&&o("div",{class:{"best-choice-title":!0,active:e}},!!this.bestChoiceIconName&&o("tet-icon",{class:"best-choice-title__icon ",name:this.bestChoiceIconName}),o("span",null,this.bestChoiceText)),t?[this.renderContentBottom(),this.renderContentTop()]:[this.renderContentTop(),this.renderContentBottom()])}renderLoader(){return o("tet-placeholder",{class:{card__placeholder:!0,"single-card":"single-card"===this.cardType},height:"100%",width:"100%",darkTheme:"dark"===this.theme})}render(){return o(t,{key:"5b8b589c79a026fb8e1f69d91d5871a394494d16","data-contains-focusable-content":!0},this.showLoader?this.renderLoader():this.renderCard())}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--compare-card-top-part-background-color:var(--tc-layer-permanent-yellow);--compare-card-bottom-part-background-color:var(--tc-layer-primary);--compare-card-text-permanent-color:var(--tc-text-black-permanent);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-secondary-color:var(--tc-text-secondary);--compare-card-text-tertiary-color:var(--tc-text-tertiary);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black);--compare-card-separator-border-color:var(--tc-border-tertiary);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary);--compare-card-chevron-icon-color:var(--tc-grey-60);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary);--compare-card-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-title-badge-background-color:var(--tc-layer-permanent-black);--compare-card-title-badge-text-color:var(--tc-text-white-permanent);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-border-color:var(--tc-border-quaternary);--compare-card-border-radius:1rem;--compare-card-min-width:20.5rem;--compare-card-max-width:100%;--compare-card-radio-container-background-color:var(--tc-product-card-menu-default);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active);display:flex;width:100%;min-width:var(--compare-card-min-width);max-width:var(--compare-card-max-width)}:host([theme=dark]){--compare-card-bottom-part-background-color:var(--tc-layer-primary-dark);--compare-card-text-color:var(--tc-text-primary-dark);--compare-card-text-secondary-color:var(--tc-text-secondary-dark);--compare-card-text-tertiary-color:var(--tc-text-tertiary-dark);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black-dark);--compare-card-separator-border-color:var(--tc-border-tertiary-dark);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary-dark);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary-dark);--compare-card-chevron-icon-color:var(--tc-grey-60-dark);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary-dark);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary-dark);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary-dark);--compare-card-focus-outline-color:var(--tc-blue-40-dark);--compare-card-box-shadow:var(--tc-elevation-three-dark);--compare-card-title-badge-background-color:var(--tc-layer-permanent-black-dark);--compare-card-title-badge-text-color:var(--tc-text-white-permanent-dark);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white-dark);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary-dark);--compare-card-border-color:var(--tc-border-quaternary-dark);--compare-card-radio-container-background-color:var(--tc-product-card-menu-default-dark);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover-dark);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed-dark);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active-dark);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default-dark);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover-dark);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed-dark);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active-dark)}.card{display:inline-flex;flex-direction:column;position:relative;width:100%;height:100%;border-radius:var(--compare-card-border-radius);box-shadow:var(--compare-card-box-shadow);border:0.0625rem solid var(--compare-card-border-color)}.card.single-card .section-title.single-card-controls-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0 0 0.25rem 0;border-bottom:none;color:var(--compare-card-text-secondary-color)}.card.single-card .section-title.single-option{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";padding:0;color:var(--compare-card-text-color)}.card.single-card .single-option-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0.625rem 0.75rem;border-radius:0.5rem;background-color:var(--compare-card-single-option-label-background-color)}@media screen and (min-width: 64rem){.card.single-card{flex-direction:row}.card.single-card .content{display:flex;flex-direction:column;flex:1;min-height:25.75rem}.card.single-card .content__top{border-radius:0;border-top-right-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius)}.card.single-card .content__bottom{border-radius:0;border-top-left-radius:var(--compare-card-border-radius);border-bottom-left-radius:var(--compare-card-border-radius)}.card.single-card .button-wrapper{margin-top:auto}}@media screen and (min-width: 64rem){.card.single-card .best-choice-title{right:0.75rem}}@media screen and (min-width: 80rem){.card.single-card .best-choice-title{right:2.75rem}}@media screen and (min-width: 90rem){.card.single-card .best-choice-title{right:4.25rem}}@media screen and (min-width: 120rem){.card.single-card .best-choice-title{right:9.25rem}}.card__placeholder{--placeholder-min-height:37rem;--placeholder-border-radius:var(--compare-card-border-radius)}@media screen and (min-width: 64rem){.card__placeholder.single-card{--placeholder-min-height:25.75rem}}.card .content{padding:1.5rem 1rem}.card .content__top{background-color:var(--compare-card-top-part-background-color);color:var(--compare-card-text-permanent-color);border-top-left-radius:var(--compare-card-border-radius);border-top-right-radius:var(--compare-card-border-radius)}.card .content__bottom{background-color:var(--compare-card-bottom-part-background-color);color:var(--compare-card-text-color);border-bottom-left-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius);height:100%}@media screen and (min-width: 31.25rem){.card .content{padding:1.5rem 2rem}}@media screen and (min-width: 80rem){.card .content{padding:2rem}}.card .best-choice-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;gap:0.5rem;position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5625rem;max-width:18.5rem;padding:0.5rem 1.25rem;border-radius:1rem 1rem 0 0;background-color:var(--compare-card-best-choice-background-color);color:var(--compare-card-best-choice-text-color);overflow:hidden;text-overflow:ellipsis}.card .best-choice-title__icon{--icon-container-display:flex;--icon-size:1.375rem;--icon-color:var(--compare-card-best-choice-text-color)}.card .best-choice-title.active{visibility:visible}.card .title-container{display:flex;flex-direction:column;gap:0.375rem}@media screen and (min-width: 80rem){.card .title-container{flex-direction:row;justify-content:space-between;align-items:flex-start}}.card .title-badge{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;width:fit-content;padding:0.375rem 0.75rem 0.375rem 0.5rem;align-items:center;gap:0.25rem;border-radius:0.625rem;background-color:var(--compare-card-title-badge-background-color);color:var(--compare-card-title-badge-text-color)}.card .title-badge__icon{--icon-color:var(--compare-card-title-badge-icon-color);--icon-container-display:flex;--icon-size:1rem}.card .title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card .price-wrapper{display:flex;flex-direction:column;overflow:hidden;gap:0.75rem}.card .price-wrapper .price-container{display:flex;flex-direction:column}.card .price-wrapper .price-container__price-group{display:inline-flex;align-items:flex-end;flex-wrap:nowrap;white-space:nowrap;gap:0.25rem}.card .price-wrapper .price-container__price{font:600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.card .price-wrapper .price-container__price{font:600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__price{font:600 6rem/6.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card .price-wrapper .price-container__currency{margin-bottom:0.5rem;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__currency{margin-bottom:0.75rem}}.card .price-wrapper .price-container__base-price{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex:0 0 100%;width:100%;text-decoration-line:line-through}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card .card-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin-top:0.75rem;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .button{--button-width:100%;margin:0.75rem 0 1rem;width:100%}.card .secondary-link{font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";width:fit-content;margin:0 auto}.card .bonuses{display:flex;flex-direction:column;gap:1.5rem}.card .bonuses+.controls{margin-top:1.5rem}.card .bonuses__bonus-container .bonus{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;width:100%;gap:0.75rem;padding:0.375rem 0.5rem;border-radius:0.5rem;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;color:inherit;text-align:start;text-decoration:none;--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus--interactive{cursor:pointer}.card .bonuses__bonus-container .bonus--interactive:hover{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-hover-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-hover-background-color)}.card .bonuses__bonus-container .bonus--interactive:active{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-active-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-active-background-color)}.card .bonuses__bonus-container .bonus--interactive:focus-visible{outline:0.125rem solid var(--compare-card-focus-outline-color)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text{flex:1 0 0;text-align:start;padding:0.125rem 0}.card .bonuses__bonus-container .bonus__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .controls+.bonuses{margin-top:1.5rem}.card .section-title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.375rem 0;margin-bottom:0.75rem;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.card .radio-container{display:flex;flex-direction:column;gap:1rem}.card .radio-wrapper{border-radius:0.5rem}.card .radio-wrapper .radio{--radio-container-outline-offset:-0.125rem}.card .radio-wrapper .radio .radio__container--focus-style:has(:focus-visible){border-radius:0.5rem}.card .radio-wrapper .radio .radio__container{padding:1rem 0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--compare-card-radio-container-border-color);background-color:var(--compare-card-radio-container-background-color);cursor:pointer}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:hover{background-color:var(--compare-card-radio-container-background-hover-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:active{background-color:var(--compare-card-radio-container-background-pressed-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:hover{border-color:var(--compare-card-radio-container-border-hover-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:active{border-color:var(--compare-card-radio-container-border-pressed-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio[checked]:not([checked=false]) .radio__container{border-color:var(--compare-card-radio-container-border-active-color);background-color:var(--compare-card-radio-container-background-active-color)}.card .switch-wrapper{border-radius:0.5rem}.card .switch-wrapper .switch{--switch-container-outline-offset:-0.125rem}.card .switch-wrapper .switch-label{display:flex;align-items:center;gap:0.75rem;width:100%;text-align:start}.card .switch-wrapper .switch::part(switch-container){padding:0.375rem 0.5rem;border-radius:0.5rem;cursor:pointer}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):hover{background-color:var(--compare-card-interactive-element-hover-background-color)}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):active{background-color:var(--compare-card-interactive-element-active-background-color)}';export{i as tet_compare_card_v3}
|
|
1
|
+
import{r,c as e,h as o,H as t}from"./p-7c868b40.js";import"./p-59c5d02d.js";import{p as a}from"./p-7e108608.js";const i=class{constructor(o){r(this,o),this.cardLoaded=e(this,"cardLoaded",7),this.productChanged=e(this,"productChanged",7),this.cardType="static",this.theme="light",this.language="lv",this.options=[],this.toggles=[],this.contractTerm=0,this.controlsTitle=void 0,this.bestChoiceText=void 0,this.bestChoiceIconName=void 0,this.currency="€/mēn.",this.secondaryLink="",this.secondaryLinkText="",this.secondaryLinkOpenBlank=!1,this.buttonTitle="",this.linkOpenBlank=!1,this.showControlsFirst=!1,this.showLoader=!0,this.selectedProductId="",this.selectedSwitchKeys=[],this.preselectedKeys=[],this.preselectedProductId="",this.allProductData={},this.preselectedRemountId=0,this.buttonSize="large",this.isSingleCardDesktop=!0}buttonSizeBreakpoint=1280;singleCardBreakpoint=1024;didEmitCardLoaded=!1;cardLoaded;productChanged;onOptionSelected(r){this.selectedProductId=r.detail.value,this.productChanged.emit()}async componentWillLoad(){switch(this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint(),this.fetchProductComparison(),this.cardType){case"single-card":case"dropdown":case"radio":{const r=this.options.find((r=>r.preselected))??this.options[0];r&&(this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"switcher":{const r=this.options.find((r=>r.preselected));r&&(this.preselectedKeys=[...r.keys??[]],this.preselectedProductId=this.getOptionId(r),this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"static":this.selectedProductId=this.getOptionId(this.options[0]),this.productChanged.emit()}}componentDidRender(){this.showLoader||this.didEmitCardLoaded||(this.didEmitCardLoaded=!0,this.cardLoaded.emit())}onResize(){this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint()}syncButtonSize(){if(void 0===globalThis.window)return void(this.buttonSize="large");const r=globalThis.window.innerWidth<this.buttonSizeBreakpoint?"medium":"large";this.buttonSize!==r&&(this.buttonSize=r)}syncSingleCardBreakpoint(){if(void 0===globalThis.window)return void(this.isSingleCardDesktop=!0);const r=globalThis.window.innerWidth>=this.singleCardBreakpoint;this.isSingleCardDesktop!==r&&(this.isSingleCardDesktop=r)}getOptionId(r){return r?.id??r?.productCode??""}getOptionById(r){return this.options.find((e=>this.getOptionId(e)===r))}getSelectionOptions(){return this.options.map((r=>({label:r.optionLabel||"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedProductId})))}getToggledProductId(r){const e=[...r].sort(((r,e)=>r.localeCompare(e))).join(","),o=this.options.find((r=>[...r.keys??[]].sort(((r,e)=>r.localeCompare(e))).join(",")===e));return o?this.getOptionId(o):null}handleSwitchToggle(r,e){const o=this.toggles.find((e=>e.toggleKey===r));let t=[...this.selectedSwitchKeys];if(!e){const e=t.filter((e=>e!==r));if(0===e.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit();const o=this.getToggledProductId(e);return o?(this.selectedSwitchKeys=e,this.selectedProductId=o,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit())}if(o?.selectAll){const r=this.getFullComboToggleOption();if(r)return this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),void this.productChanged.emit()}t.includes(r)||t.push(r),t=t.sort(((r,e)=>r.localeCompare(e)));const a=this.getToggledProductId(t);this.selectedSwitchKeys=t,a?(this.selectedProductId=a,this.productChanged.emit()):(this.selectedProductId=this.preselectedProductId,this.selectedSwitchKeys=[...this.preselectedKeys],this.preselectedRemountId++,this.productChanged.emit())}getFullComboToggleOption(){return this.options.length?this.options.reduce(((r,e)=>(e.keys??[]).length>(r.keys??[]).length?e:r),this.options[0]):null}async fetchProductComparison(){const r=Array.from(new Set(this.options.filter((r=>!r.productData)).map((r=>r.productCode)).filter(Boolean)));let e={};if(r.length)try{const o=await a(r.join(","));e=o.products||{}}catch(r){console.error(r)}this.allProductData=this.options.reduce(((r,o)=>{const t=this.getOptionId(o),a=o.productCode?e[o.productCode]:void 0;return t&&a&&(r[t]=a),r}),{}),this.showLoader=!1}selectedContractTerm(){const r=this.allProductData[this.selectedProductId]?.contractTerms;if(r?.length)return r.find((r=>r.term===this.contractTerm))}getElementTag(r){if(r?.href?.trim())return"a";const e=r?.["data-modal-screen-key"]?.trim(),o=r?.role?.trim().toLowerCase();return e||"button"===o?"button":"div"}renderSwitch(r){const{toggleKey:e,icon:t,name:a}=r;if(!e)return null;const i=this.preselectedKeys.includes(e);return o("div",{class:"switch-wrapper"},o("tet-switch",{class:"switch",theme:this.theme,key:i?`${e}-${this.preselectedRemountId}`:e,name:e,checked:this.selectedSwitchKeys.includes(e),onCheck:r=>this.handleSwitchToggle(e,r.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},o("div",{class:"switch-label"},o("tet-icon",{theme:this.theme,class:"benefit__icon",name:t}),a)))}handleSingleCardTabSelect(r){this.getOptionById(r)&&(this.selectedProductId=r,this.productChanged.emit())}renderSingleCardControls(){const r=this.selectedProductId||this.getOptionId(this.options[0]);return 1===this.options.length?o("div",{class:"single-option-label"},this.options[0].optionLabel??""):o("tet-tab-header",{theme:this.theme,mode:"switch",segmented:!0,sizing:this.isSingleCardDesktop?"web":"mobile",defaultTab:r,onTabSelected:r=>this.handleSingleCardTabSelect(r.detail.new)},this.options.map((r=>{const e=this.getOptionId(r);return e?o("button",{type:"button","data-name":e},r.optionLabel??""):null})))}renderBonuses(){const r=this.getOptionById(this.selectedProductId),e=r?.bonuses??[];return e.length<1?null:o("div",{class:"bonuses"},e.map((r=>{const e=r.items??[];return e.length?o("div",{class:"bonuses__bonus-container"},!!r.title&&o("div",{class:"section-title"},r.title),e.map((r=>{const e=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,t=this.getElementTag(e),a=["a","button"].includes(t);return o(t,{type:"button"===t?"button":void 0,class:{bonus:!0,"bonus--interactive":a},...e||{}},o("tet-icon",{theme:this.theme,class:"bonus__icon",name:r.iconName}),o("span",{class:"bonus__text"},r.name),a&&o("div",{class:"bonus__chevron-icon-container"},o("tet-icon",{class:"bonus__icon bonus__icon--chevron",name:"tc-chevron-right-small"})))}))):null})))}renderRadioOptions(){const r=this.getSelectionOptions();return o("div",{class:"radio-container"},r.map((r=>o("div",{class:"radio-wrapper"},o("tet-radio",{class:"radio","label-font":"md",theme:this.theme,name:"radio-card-options",label:r.label,value:r.value,checked:this.selectedProductId===r.value,focusStyleOnContainer:!0,onCheck:r=>this.onOptionSelected(r)})))))}renderPrice({contractPrice:r,basePrice:e,priceDescription:t,showDiscount:a}){const i=Number.parseFloat(r.replace(",",".")),n=Number.parseFloat(e.replace(",",".")),c=a&&Number.isFinite(n);return r&&Number.isFinite(i)?o("div",{class:"price-wrapper"},o("div",{class:"price-container"},o("div",{class:"price-container__price-group"},o("div",{class:"price-container__price translation-none"},i.toFixed(2).replace(".",",")),o("div",{class:"price-container__currency"},o("span",null,this.currency))),c&&o("div",{class:"price-container__base-price translation-none"},o("span",null,n.toFixed(2).replace(".",",")),o("span",null,this.currency))),t&&o("span",{class:"price-container__description"},t)):null}getPriceData(r,e,o){const t=(r?.discountPrice??r?.price??o?.amount??"").toString(),a=(r?.price??e?.amount??"").toString(),i=Number.parseFloat(t.replace(",",".")),n=Number.parseFloat(a.replace(",",".")),c=!1!==o?.showDiscount&&Number.isFinite(i)&&Number.isFinite(n)&&n>i;return{contractPrice:t,basePrice:a,priceDescription:r?.priceDescription??o?.priceDescription?.[this.language]??"",showDiscount:c}}renderControl(r){switch(this.cardType){case"switcher":return o("div",null,this.toggles.map((r=>this.renderSwitch(r))));case"single-card":return this.renderSingleCardControls();case"dropdown":return o("tet-dropdown",{id:"dropdown",class:"dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:r});case"radio":return this.renderRadioOptions();default:return null}}renderControls(){const r=this.getSelectionOptions(),e=!!this.controlsTitle&&"static"!==this.cardType,t=this.renderControl(r),a="single-card"===this.cardType;return t?o("div",{class:"controls"},e&&o("div",{class:{"section-title":!0,"single-card-controls-title":a,"single-option":a&&1===this.options.length}},this.controlsTitle),t):null}buildLinkWithParams(r,e){try{const o=new URL(r);return["http:","https:"].includes(o.protocol)?(e.forEach(((r,e)=>{o.searchParams.append(e,r)})),o.toString()):""}catch{return""}}renderContentTop(){const r=this.allProductData[this.selectedProductId],e=this.getOptionById(this.selectedProductId),t=e?.productData,a=this.selectedContractTerm(),i=r?.attributes?.find((r=>"overrideProductName"===r.key))?.value,n=t?.name??i??r?.name?.[this.language],c=this.getPriceData(t,r,a),s=a?.promotionCode??"",l=a?.term??"",d=this.secondaryLink||t?.contractUrl||a?.contract||"",m=!!d&&!!this.secondaryLinkText,f=this.secondaryLinkOpenBlank?"_blank":void 0,p=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,h=r?.formUrl?.[this.language]||"",b=new URLSearchParams({sourceUrl:globalThis.location?.href??""});t||(b.set("contractTerm",l?.toString()??""),b.set("product",e?.productCode??""),b.set("promotion",s??""),b.set("lang",this.language??""),b.set("from","tet.lv"));const u=this.buildLinkWithParams(t?t.formUrl:h,b),v=e?.cardLabel,g=e?.titleBadge;return o("div",{class:"content content__top"},(n||g)&&o("div",{class:"title-container"},n&&o("h3",{class:"title"},n),g&&o("span",{class:"title-badge"},o("tet-icon",{class:"title-badge__icon",name:"tc-info-circle"}),g)),this.renderPrice(c),!!v&&o("p",{class:"card-label"},v),o("div",{class:"button-wrapper"},o("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:u,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle)),m&&o("div",{class:"secondary-link"},o("a",{class:"tet-link",href:d,target:f,rel:p},this.secondaryLinkText)))}renderContentBottom(){return o("div",{class:"content content__bottom"},this.showControlsFirst?[this.renderControls(),this.renderBonuses()]:[this.renderBonuses(),this.renderControls()])}renderCard(){const r=this.getOptionById(this.selectedProductId),e=!!r?.bestChoice,t="single-card"===this.cardType&&this.isSingleCardDesktop;return o("div",{class:{card:!0,"best-choice":e,"single-card":"single-card"===this.cardType}},this.bestChoiceText&&o("div",{class:{"best-choice-title":!0,active:e}},!!this.bestChoiceIconName&&o("tet-icon",{class:"best-choice-title__icon ",name:this.bestChoiceIconName}),o("span",null,this.bestChoiceText)),t?[this.renderContentBottom(),this.renderContentTop()]:[this.renderContentTop(),this.renderContentBottom()])}renderLoader(){return o("tet-placeholder",{class:{card__placeholder:!0,"single-card":"single-card"===this.cardType},height:"100%",width:"100%",darkTheme:"dark"===this.theme})}render(){return o(t,{key:"5b8b589c79a026fb8e1f69d91d5871a394494d16","data-contains-focusable-content":!0},this.showLoader?this.renderLoader():this.renderCard())}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--compare-card-top-part-background-color:var(--tc-layer-permanent-yellow);--compare-card-bottom-part-background-color:var(--tc-layer-primary);--compare-card-text-permanent-color:var(--tc-text-black-permanent);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-secondary-color:var(--tc-text-secondary);--compare-card-text-tertiary-color:var(--tc-text-tertiary);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black);--compare-card-separator-border-color:var(--tc-border-tertiary);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary);--compare-card-chevron-icon-color:var(--tc-grey-60);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary);--compare-card-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-title-badge-background-color:var(--tc-layer-permanent-black);--compare-card-title-badge-text-color:var(--tc-text-white-permanent);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-border-color:var(--tc-border-quaternary);--compare-card-border-radius:1rem;--compare-card-min-width:20.5rem;--compare-card-max-width:100%;--compare-card-radio-container-background-color:var(--tc-product-card-menu-default);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active);display:flex;width:100%;min-width:var(--compare-card-min-width);max-width:var(--compare-card-max-width)}:host([theme=dark]){--compare-card-bottom-part-background-color:var(--tc-layer-primary-dark);--compare-card-text-color:var(--tc-text-primary-dark);--compare-card-text-secondary-color:var(--tc-text-secondary-dark);--compare-card-text-tertiary-color:var(--tc-text-tertiary-dark);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black-dark);--compare-card-separator-border-color:var(--tc-border-tertiary-dark);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary-dark);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary-dark);--compare-card-chevron-icon-color:var(--tc-grey-60-dark);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary-dark);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary-dark);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary-dark);--compare-card-focus-outline-color:var(--tc-blue-40-dark);--compare-card-box-shadow:var(--tc-elevation-three-dark);--compare-card-title-badge-background-color:var(--tc-layer-permanent-black-dark);--compare-card-title-badge-text-color:var(--tc-text-white-permanent-dark);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white-dark);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary-dark);--compare-card-border-color:var(--tc-border-quaternary-dark);--compare-card-radio-container-background-color:var(--tc-product-card-menu-default-dark);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover-dark);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed-dark);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active-dark);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default-dark);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover-dark);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed-dark);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active-dark)}.card{display:inline-flex;flex-direction:column;position:relative;width:100%;height:100%;border-radius:var(--compare-card-border-radius);box-shadow:var(--compare-card-box-shadow);border:0.0625rem solid var(--compare-card-border-color)}.card__placeholder{--placeholder-min-height:37rem;--placeholder-border-radius:var(--compare-card-border-radius)}@media screen and (min-width: 64rem){.card__placeholder.single-card{--placeholder-min-height:25.75rem}}.card .content{padding:1.5rem 1rem}.card .content__top{background-color:var(--compare-card-top-part-background-color);color:var(--compare-card-text-permanent-color);border-top-left-radius:var(--compare-card-border-radius);border-top-right-radius:var(--compare-card-border-radius)}.card .content__bottom{background-color:var(--compare-card-bottom-part-background-color);color:var(--compare-card-text-color);border-bottom-left-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius);height:100%}@media screen and (min-width: 31.25rem){.card .content{padding:1.5rem 2rem}}@media screen and (min-width: 80rem){.card .content{padding:2rem}}.card .best-choice-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;gap:0.5rem;position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5625rem;max-width:18.5rem;padding:0.5rem 1.25rem;border-radius:1rem 1rem 0 0;background-color:var(--compare-card-best-choice-background-color);color:var(--compare-card-best-choice-text-color);overflow:hidden;text-overflow:ellipsis}.card .best-choice-title__icon{--icon-container-display:flex;--icon-size:1.375rem;--icon-color:var(--compare-card-best-choice-text-color)}.card .best-choice-title.active{visibility:visible}.card .title-container{display:flex;flex-direction:column;gap:0.375rem}@media screen and (min-width: 80rem){.card .title-container{flex-direction:row;justify-content:space-between;align-items:flex-start}}.card .title-badge{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;width:fit-content;padding:0.375rem 0.75rem 0.375rem 0.5rem;align-items:center;gap:0.25rem;border-radius:0.625rem;background-color:var(--compare-card-title-badge-background-color);color:var(--compare-card-title-badge-text-color)}.card .title-badge__icon{--icon-color:var(--compare-card-title-badge-icon-color);--icon-container-display:flex;--icon-size:1rem}.card .title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card .price-wrapper{display:flex;flex-direction:column;overflow:hidden;gap:0.75rem}.card .price-wrapper .price-container{display:flex;flex-direction:column}.card .price-wrapper .price-container__price-group{display:inline-flex;align-items:flex-end;flex-wrap:nowrap;white-space:nowrap;gap:0.25rem}.card .price-wrapper .price-container__price{font:600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.card .price-wrapper .price-container__price{font:600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__price{font:600 6rem/6.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card .price-wrapper .price-container__currency{margin-bottom:0.5rem;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__currency{margin-bottom:0.75rem}}.card .price-wrapper .price-container__base-price{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex:0 0 100%;width:100%;text-decoration-line:line-through}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card .card-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin-top:0.75rem;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .button{--button-width:100%;margin:0.75rem 0 1rem;width:100%}.card .secondary-link{font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";width:fit-content;margin:0 auto}.card .bonuses{display:flex;flex-direction:column;gap:1.5rem}.card .bonuses+.controls{margin-top:1.5rem}.card .bonuses__bonus-container .bonus{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;width:100%;gap:0.75rem;padding:0.375rem 0.5rem;border-radius:0.5rem;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;color:inherit;text-align:start;text-decoration:none;--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus--interactive{cursor:pointer}.card .bonuses__bonus-container .bonus--interactive:hover{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-hover-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-hover-background-color)}.card .bonuses__bonus-container .bonus--interactive:active{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-active-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-active-background-color)}.card .bonuses__bonus-container .bonus--interactive:focus-visible{outline:0.125rem solid var(--compare-card-focus-outline-color)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text{flex:1 0 0;text-align:start;padding:0.125rem 0}.card .bonuses__bonus-container .bonus__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .controls+.bonuses{margin-top:1.5rem}.card .section-title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.375rem 0;margin-bottom:0.75rem;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.card .radio-container{display:flex;flex-direction:column;gap:1rem}.card .radio-wrapper{border-radius:0.5rem}.card .radio-wrapper .radio{--radio-container-outline-offset:-0.125rem}.card .radio-wrapper .radio .radio__container--focus-style:has(:focus-visible){border-radius:0.5rem}.card .radio-wrapper .radio .radio__container{padding:1rem 0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--compare-card-radio-container-border-color);background-color:var(--compare-card-radio-container-background-color);cursor:pointer}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:hover{background-color:var(--compare-card-radio-container-background-hover-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:active{background-color:var(--compare-card-radio-container-background-pressed-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:hover{border-color:var(--compare-card-radio-container-border-hover-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:active{border-color:var(--compare-card-radio-container-border-pressed-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio[checked]:not([checked=false]) .radio__container{border-color:var(--compare-card-radio-container-border-active-color);background-color:var(--compare-card-radio-container-background-active-color)}.card .switch-wrapper{border-radius:0.5rem}.card .switch-wrapper .switch{--switch-container-outline-offset:-0.125rem}.card .switch-wrapper .switch-label{display:flex;align-items:center;gap:0.75rem;width:100%;text-align:start}.card .switch-wrapper .switch::part(switch-container){padding:0.375rem 0.5rem;border-radius:0.5rem;cursor:pointer}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):hover{background-color:var(--compare-card-interactive-element-hover-background-color)}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):active{background-color:var(--compare-card-interactive-element-active-background-color)}@media screen and (min-width: 31.25rem){.card.single-card .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 48rem){.card.single-card .price-container__price{font:600 7.25rem/8.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card.single-card .price-container__price{font:600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.card.single-card .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card.single-card .price-container__price{font:600 6rem/6.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 120rem){.card.single-card .price-container__price{font:600 7.25rem/8.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card.single-card .section-title.single-card-controls-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0 0 0.25rem 0;border-bottom:none;color:var(--compare-card-text-secondary-color)}.card.single-card .section-title.single-option{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";padding:0;color:var(--compare-card-text-color)}.card.single-card .single-option-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0.625rem 0.75rem;border-radius:0.5rem;background-color:var(--compare-card-single-option-label-background-color)}@media screen and (min-width: 64rem){.card.single-card{flex-direction:row}.card.single-card .content{display:flex;flex-direction:column;flex:1;min-height:25.75rem}.card.single-card .content__top{border-radius:0;border-top-right-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius)}.card.single-card .content__bottom{border-radius:0;border-top-left-radius:var(--compare-card-border-radius);border-bottom-left-radius:var(--compare-card-border-radius)}.card.single-card .button-wrapper{margin-top:auto}}@media screen and (min-width: 64rem){.card.single-card .best-choice-title{right:0.75rem}}@media screen and (min-width: 80rem){.card.single-card .best-choice-title{right:2.75rem}}@media screen and (min-width: 90rem){.card.single-card .best-choice-title{right:4.25rem}}@media screen and (min-width: 120rem){.card.single-card .best-choice-title{right:9.25rem}}';export{i as tet_compare_card_v3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as 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:"50e0527f1c90af1904d6aa090fd33e31c9d200fc",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"be038ed1c4de45637b01f62b5c77c20573afbdaf",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:"497dac29aa5e94e85e5555b6ad458011e5e45f15",class:"image",part:"image"},i("slot",{key:"cb1b727c7508c95fc557983db5456ac44f7bdc20",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"96f41078faab9362fb80d5cc367608acbde35431",class:"content-container"},i("div",{key:"3f11813c42468cdeafbc6cfafca3133638ed009c",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"678783b99311831a68ee9dde1ca85bc325ab189f",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"b49f1c93f0e4632b41f90705e59ccdf848628648",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-7c868b40.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:"50e0527f1c90af1904d6aa090fd33e31c9d200fc",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"be038ed1c4de45637b01f62b5c77c20573afbdaf",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:"497dac29aa5e94e85e5555b6ad458011e5e45f15",class:"image",part:"image"},i("slot",{key:"cb1b727c7508c95fc557983db5456ac44f7bdc20",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"96f41078faab9362fb80d5cc367608acbde35431",class:"content-container"},i("div",{key:"3f11813c42468cdeafbc6cfafca3133638ed009c",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"678783b99311831a68ee9dde1ca85bc325ab189f",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"b49f1c93f0e4632b41f90705e59ccdf848628648",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 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as e,H as n}from"./p-83f43fdd.js";const r=class{constructor(e){o(this,e),this.filterChange=t(this,"filterChange",7),this.theme="light",this.clearFilterButtonTitle="Notīrīt filtru",this.showClearFilterButton=!0,this.tags=[],this.filterState=[]}filterChange;componentWillLoad(){this.initializeFilterState()}tagsWatchHandler(o){this.initializeFilterState(o)}initializeFilterState(o=this.tags){this.filterState=o.map((o=>({...o,active:o.active||!1})))}handleTagClick=o=>{this.filterState=this.filterState.map((t=>({...t,active:t.id===o.id?!t.active:t.active}))),this.filterChange.emit(this.filterState)};handleClearClick=()=>{this.filterState=this.filterState.map((o=>({...o,active:!1}))),this.filterChange.emit(this.filterState)};render(){return e(n,{key:"b1a12da6e66ebacd303ff6bfdd0798f6c0ddf5ea"},e("div",{key:"3e6c87874331f9c1d1de4771961ae8c84da3def7",class:{"filter-container":!0,[`theme-${this.theme}`]:!0}},e("tet-tag-group",{key:"86e8a7978f41fa2d8c552e539d0fb68bee473e5b",tags:this.filterState.map((o=>({...o,clickAction:()=>this.handleTagClick(o),showIcon:o.active&&!o.disabled}))),theme:this.theme}),this.showClearFilterButton&&this.filterState.some((o=>o.active))&&e("button",{key:"7d59a1eea0b3e68341d773730eae2ee6fde57a2a",class:"clear-button",onClick:this.handleClearClick},e("tet-icon",{key:"5989e10d40c9f782d29f392ce5b1505e5750e3dd",name:"tc-reload",style:{"--icon-size":"1rem","--icon-container-display":"flex"},accessibilityLabel:this.clearFilterButtonTitle}),this.clearFilterButtonTitle)))}static get watchers(){return{tags:["tagsWatchHandler"]}}};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{display:block}.filter-container{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.clear-button{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;justify-content:center;gap:0.25rem;padding:0.375rem 0.75rem;border-radius:0.625rem;cursor:pointer;border:0.0625rem solid var(--clear-button-border-color);background:var(--clear-button-background-color);color:var(--clear-button-text-color);transition:background-color 0.2s ease;align-self:stretch}.clear-button tet-icon{--icon-size:1rem;--icon-color:var(--clear-button-icon-color)}.clear-button:hover{background:var(--clear-button-background-hover)}.clear-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--clear-button-focus-outline-color);border-color:transparent}.theme-light{--clear-button-border-color:var(--tc-border-primary);--clear-button-text-color:var(--tc-text-primary);--clear-button-background-color:var(--tc-layer-primary);--clear-button-background-hover:var(--tc-button-primary-background-inverse-hover);--clear-button-focus-outline-color:var(--tc-blue-40);--clear-button-icon-color:var(--tc-icon-primary)}.theme-dark{--clear-button-border-color:var(--tc-border-primary-dark);--clear-button-text-color:var(--tc-text-primary-dark);--clear-button-background-color:var(--tc-layer-primary-dark);--clear-button-background-hover:var(--tc-button-primary-background-inverse-hover-dark);--clear-button-focus-outline-color:var(--tc-blue-40-dark);--clear-button-icon-color:var(--tc-icon-primary-dark)}';export{r as tet_filter}
|
|
1
|
+
import{r as o,c as t,h as e,H as n}from"./p-7c868b40.js";const r=class{constructor(e){o(this,e),this.filterChange=t(this,"filterChange",7),this.theme="light",this.clearFilterButtonTitle="Notīrīt filtru",this.showClearFilterButton=!0,this.tags=[],this.filterState=[]}filterChange;componentWillLoad(){this.initializeFilterState()}tagsWatchHandler(o){this.initializeFilterState(o)}initializeFilterState(o=this.tags){this.filterState=o.map((o=>({...o,active:o.active||!1})))}handleTagClick=o=>{this.filterState=this.filterState.map((t=>({...t,active:t.id===o.id?!t.active:t.active}))),this.filterChange.emit(this.filterState)};handleClearClick=()=>{this.filterState=this.filterState.map((o=>({...o,active:!1}))),this.filterChange.emit(this.filterState)};render(){return e(n,{key:"b1a12da6e66ebacd303ff6bfdd0798f6c0ddf5ea"},e("div",{key:"3e6c87874331f9c1d1de4771961ae8c84da3def7",class:{"filter-container":!0,[`theme-${this.theme}`]:!0}},e("tet-tag-group",{key:"86e8a7978f41fa2d8c552e539d0fb68bee473e5b",tags:this.filterState.map((o=>({...o,clickAction:()=>this.handleTagClick(o),showIcon:o.active&&!o.disabled}))),theme:this.theme}),this.showClearFilterButton&&this.filterState.some((o=>o.active))&&e("button",{key:"7d59a1eea0b3e68341d773730eae2ee6fde57a2a",class:"clear-button",onClick:this.handleClearClick},e("tet-icon",{key:"5989e10d40c9f782d29f392ce5b1505e5750e3dd",name:"tc-reload",style:{"--icon-size":"1rem","--icon-container-display":"flex"},accessibilityLabel:this.clearFilterButtonTitle}),this.clearFilterButtonTitle)))}static get watchers(){return{tags:["tagsWatchHandler"]}}};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{display:block}.filter-container{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.clear-button{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;justify-content:center;gap:0.25rem;padding:0.375rem 0.75rem;border-radius:0.625rem;cursor:pointer;border:0.0625rem solid var(--clear-button-border-color);background:var(--clear-button-background-color);color:var(--clear-button-text-color);transition:background-color 0.2s ease;align-self:stretch}.clear-button tet-icon{--icon-size:1rem;--icon-color:var(--clear-button-icon-color)}.clear-button:hover{background:var(--clear-button-background-hover)}.clear-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--clear-button-focus-outline-color);border-color:transparent}.theme-light{--clear-button-border-color:var(--tc-border-primary);--clear-button-text-color:var(--tc-text-primary);--clear-button-background-color:var(--tc-layer-primary);--clear-button-background-hover:var(--tc-button-primary-background-inverse-hover);--clear-button-focus-outline-color:var(--tc-blue-40);--clear-button-icon-color:var(--tc-icon-primary)}.theme-dark{--clear-button-border-color:var(--tc-border-primary-dark);--clear-button-text-color:var(--tc-text-primary-dark);--clear-button-background-color:var(--tc-layer-primary-dark);--clear-button-background-hover:var(--tc-button-primary-background-inverse-hover-dark);--clear-button-focus-outline-color:var(--tc-blue-40-dark);--clear-button-icon-color:var(--tc-icon-primary-dark)}';export{r as tet_filter}
|