@tet/tet-components 1.4.142-staging → 1.4.142-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{http-codes-Dr-iFaJ9.js → http-codes-D7ffzpYW.js} +1 -1
- package/dist/cjs/{index-DRNSo5RU.js → index-BL_zVDFC.js} +1 -1
- package/dist/cjs/{index-BEOR8cIU.js → index-Dzs7Nkbj.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{product-comparison-_8BsEWy8.js → product-comparison-DUzqZuWv.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_5.cjs.entry.js +4 -4
- package/dist/cjs/tet-assembler.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-sticky-offer.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/{translations-Dgrvj2-A.js → translations-Uvcq4kv8.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CSHiKkxK.js → p-2to7kTJv.js} +1 -1
- package/dist/components/{p-D9H54BhC.js → p-B0w6XutH.js} +1 -1
- package/dist/components/{p-B1XYlnsO.js → p-B5shOn6R.js} +1 -1
- package/dist/components/{p-CAGzjYiF.js → p-B6N7YxHC.js} +1 -1
- package/dist/components/{p-DZ6ri3Ez.js → p-B9bE6qY-.js} +1 -1
- package/dist/components/{p-DsIzsdJ8.js → p-BEdFA6DZ.js} +1 -1
- package/dist/components/{p-D9OY10TQ.js → p-BErbUM3q.js} +1 -1
- package/dist/components/{p-CpLfddvj.js → p-BGrd_jXc.js} +1 -1
- package/dist/components/{p-CDFYJWVh.js → p-BSgeKEN8.js} +1 -1
- package/dist/components/{p-DupIaie7.js → p-BY4VWk_A.js} +1 -1
- package/dist/components/{p-e-eXFSPT.js → p-BnUO3ALz.js} +1 -1
- package/dist/components/{p-dg7EpwKx.js → p-Br4jWI9B.js} +1 -1
- package/dist/components/{p-CS1cYeFO.js → p-ByCLz3GA.js} +1 -1
- package/dist/components/{p-hddOTT87.js → p-C31HYpo5.js} +1 -1
- package/dist/components/{p-Dp-2og5G.js → p-CFt58WeT.js} +1 -1
- package/dist/components/{p-CP4sqVXo.js → p-CLtgu35N.js} +1 -1
- package/dist/components/{p-D4pVUZud.js → p-CNsxz-TF.js} +1 -1
- package/dist/components/{p-CIkdXj6f.js → p-CP4Q_3_h.js} +1 -1
- package/dist/components/{p-BB6m7KcH.js → p-CQ-_aIdN.js} +1 -1
- package/dist/components/{p-EuuHQDow.js → p-CVyQHN69.js} +1 -1
- package/dist/components/{p-DQvcXOji.js → p-CY5_Sn7v.js} +1 -1
- package/dist/components/{p-_vjwjrM9.js → p-CbuDhMUw.js} +1 -1
- package/dist/components/{p-DLPhWYRd.js → p-CcnTBalD.js} +1 -1
- package/dist/components/{p-DIyhqSTP.js → p-Cdi7KDBd.js} +1 -1
- package/dist/components/{p-DhZEc679.js → p-Cek9urn4.js} +1 -1
- package/dist/components/{p-DqodZ4ND.js → p-CpCN--VD.js} +1 -1
- package/dist/components/{p-C0Mqt63Q.js → p-Cql4nxEu.js} +1 -1
- package/dist/components/{p-Dip_Lp8M.js → p-CzkbN2A4.js} +1 -1
- package/dist/components/{p-3yD-8Tmz.js → p-DBn7uzX0.js} +1 -1
- package/dist/components/{p-DiwdCJxz.js → p-DEfWYlih.js} +1 -1
- package/dist/components/{p-t1QSVn3y.js → p-DFvEQaqr.js} +1 -1
- package/dist/components/{p-DAoJRuQX.js → p-DMlV_4q1.js} +1 -1
- package/dist/components/{p-By3ljsXC.js → p-DQoNkrhH.js} +1 -1
- package/dist/components/{p-BXOKIT0e.js → p-DeyD67la.js} +1 -1
- package/dist/components/{p-AjTuAw1s.js → p-DkX91KH7.js} +1 -1
- package/dist/components/{p-B73TDo-k.js → p-Dkfa3jIg.js} +1 -1
- package/dist/components/{p-CtuAONCB.js → p-DnHbFZeP.js} +1 -1
- package/dist/components/{p-CwGM5Ts-.js → p-DqUryTE4.js} +1 -1
- package/dist/components/{p-CFBQ-_AF.js → p-DsTbwBba.js} +1 -1
- package/dist/components/{p-BkzR7Tya.js → p-DtSYb0rr.js} +1 -1
- package/dist/components/{p-B7f6XRIi.js → p-JZAHJ9gF.js} +1 -1
- package/dist/components/{p-1p6NLY3L.js → p-KagFBuv9.js} +1 -1
- package/dist/components/{p-CAXkylRm.js → p-L-hJhf1X.js} +1 -1
- package/dist/components/{p-DTa9ZfrF.js → p-NAR5FXDl.js} +1 -1
- package/dist/components/{p-BHahEQ8o.js → p-PYYBcx0f.js} +1 -1
- package/dist/components/{p-CfgD6-zK.js → p-SrRg0ryN.js} +1 -1
- package/dist/components/{p-C3SV5T_q.js → p-duyqedmS.js} +1 -1
- package/dist/components/{p-CYa2HlYX.js → p-ifvlH4_q.js} +1 -1
- package/dist/components/{p-BSQL7K3K.js → p-iksDLWwk.js} +1 -1
- package/dist/components/{p-CXP2jsSO.js → p-lEX8wezw.js} +1 -1
- package/dist/components/{p-DzPdEZHf.js → p-qGcwFuUf.js} +1 -1
- package/dist/components/{p-sKlTv2j2.js → p-v-CAD7qh.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +1 -1
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-assembler.js +1 -1
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +1 -1
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +1 -1
- package/dist/components/tet-banner-nav.js +1 -1
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +1 -1
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +1 -1
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +1 -1
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +1 -1
- package/dist/components/tet-cloud-configurator.js +1 -1
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +1 -1
- package/dist/components/tet-compare-card-v3.js +1 -1
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +1 -1
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +1 -1
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +1 -1
- package/dist/components/tet-divider.js +1 -1
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +1 -1
- package/dist/components/tet-expandable-input.js +1 -1
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +1 -1
- package/dist/components/tet-filter.js +1 -1
- package/dist/components/tet-floating-block.js +1 -1
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +1 -1
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-menu-mobile.js +1 -1
- package/dist/components/tet-menu.js +1 -1
- package/dist/components/tet-mini-compare-card.js +1 -1
- package/dist/components/tet-multi-step-dialog.js +1 -1
- package/dist/components/tet-navigation-mobile.js +1 -1
- package/dist/components/tet-news-card-list.js +1 -1
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +1 -1
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-round-stepper.js +1 -1
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +1 -1
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-sticky-offer.js +1 -1
- package/dist/components/tet-support-search.js +1 -1
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +1 -1
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +1 -1
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v3.js +1 -1
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/esm/{http-codes-DP6cQyLI.js → http-codes-BQGPgOl6.js} +1 -1
- package/dist/esm/{index-BWP8psSS.js → index-BGB6gNkz.js} +1 -1
- package/dist/esm/{index-BTdj-C2n.js → index-DScZlZas.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{product-comparison-CBuVYKp-.js → product-comparison-DUVV7BFR.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_5.entry.js +4 -4
- package/dist/esm/tet-assembler.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete_2.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio_2.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-sticky-offer.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/{translations-BxuQY6H_.js → translations-Dc2OQnbI.js} +1 -1
- package/dist/tet-components/{p-5883cc02.entry.js → p-01336e7a.entry.js} +1 -1
- package/dist/tet-components/{p-b1839d78.entry.js → p-06d237de.entry.js} +1 -1
- package/dist/tet-components/{p-63238349.entry.js → p-085ec974.entry.js} +1 -1
- package/dist/tet-components/{p-32492c9c.entry.js → p-19525e17.entry.js} +1 -1
- package/dist/tet-components/{p-35d587d8.entry.js → p-1be85243.entry.js} +1 -1
- package/dist/tet-components/{p-b7538f5c.entry.js → p-1be8a5bc.entry.js} +1 -1
- package/dist/tet-components/{p-8148aabf.entry.js → p-20f6ad3e.entry.js} +1 -1
- package/dist/tet-components/{p-f6d3abd5.entry.js → p-24058988.entry.js} +1 -1
- package/dist/tet-components/{p-f12f4f25.entry.js → p-27f233a6.entry.js} +1 -1
- package/dist/tet-components/{p-aad1b69d.entry.js → p-2cfcf7df.entry.js} +1 -1
- package/dist/tet-components/{p-4dd02c45.entry.js → p-304026be.entry.js} +1 -1
- package/dist/tet-components/{p-98161671.entry.js → p-3473e773.entry.js} +1 -1
- package/dist/tet-components/{p-5f5c3f8e.entry.js → p-35e3a3ec.entry.js} +1 -1
- package/dist/tet-components/{p-4fb578db.entry.js → p-3698d8ff.entry.js} +1 -1
- package/dist/tet-components/{p-0bb47e76.entry.js → p-37c83d33.entry.js} +1 -1
- package/dist/tet-components/{p-0e9ae429.entry.js → p-3996e0b7.entry.js} +1 -1
- package/dist/tet-components/{p-52cc694d.entry.js → p-3af65955.entry.js} +1 -1
- package/dist/tet-components/p-3bf29f89.entry.js +1 -0
- package/dist/tet-components/{p-27213d06.entry.js → p-3ce7cda9.entry.js} +1 -1
- package/dist/tet-components/{p-c97b0d44.entry.js → p-3d845492.entry.js} +1 -1
- package/dist/tet-components/{p-eda71185.entry.js → p-3f533c77.entry.js} +1 -1
- package/dist/tet-components/{p-8a7a46f5.entry.js → p-4215dec8.entry.js} +1 -1
- package/dist/tet-components/{p-ad89b9d6.entry.js → p-499bf719.entry.js} +1 -1
- package/dist/tet-components/{p-cfa89a0a.entry.js → p-4e018c17.entry.js} +1 -1
- package/dist/tet-components/{p-12326ed2.entry.js → p-56f99297.entry.js} +1 -1
- package/dist/tet-components/{p-3791cf26.entry.js → p-588a8b4c.entry.js} +1 -1
- package/dist/tet-components/{p-77a8a330.entry.js → p-597ccbc1.entry.js} +1 -1
- package/dist/tet-components/{p-c503fd7a.entry.js → p-5bac849e.entry.js} +1 -1
- package/dist/tet-components/{p-cfa1ad4d.entry.js → p-5e458bfa.entry.js} +1 -1
- package/dist/tet-components/{p-b64f4147.entry.js → p-632d382c.entry.js} +1 -1
- package/dist/tet-components/{p-933a6d56.entry.js → p-67bb4d53.entry.js} +1 -1
- package/dist/tet-components/{p-defc34c9.entry.js → p-6946ba58.entry.js} +1 -1
- package/dist/tet-components/{p-ce34b837.entry.js → p-6c28d6ac.entry.js} +1 -1
- package/dist/tet-components/{p-c1a67216.entry.js → p-6eb089d0.entry.js} +1 -1
- package/dist/tet-components/{p-d1488a3a.entry.js → p-71fa80d7.entry.js} +1 -1
- package/dist/tet-components/{p-d82cac78.entry.js → p-7ac2babd.entry.js} +1 -1
- package/dist/tet-components/{p-d6058854.entry.js → p-7bccaeee.entry.js} +1 -1
- package/dist/tet-components/{p-5aa46cbe.entry.js → p-7e2fa50e.entry.js} +1 -1
- package/dist/tet-components/{p-6bc0444a.entry.js → p-830d6a1b.entry.js} +1 -1
- package/dist/tet-components/{p-571d6428.entry.js → p-83be5dad.entry.js} +1 -1
- package/dist/tet-components/{p-5dff0e20.entry.js → p-8ab2df2d.entry.js} +1 -1
- package/dist/tet-components/{p-1a00251e.entry.js → p-8eed24d3.entry.js} +1 -1
- package/dist/tet-components/{p-62e35581.entry.js → p-915b2507.entry.js} +1 -1
- package/dist/tet-components/{p-fa9dfca2.entry.js → p-9183aa09.entry.js} +1 -1
- package/dist/tet-components/{p-ba69de46.entry.js → p-96438761.entry.js} +1 -1
- package/dist/tet-components/{p-edcd3af7.entry.js → p-973193d0.entry.js} +1 -1
- package/dist/tet-components/{p-b362a81e.entry.js → p-9761bc72.entry.js} +1 -1
- package/dist/tet-components/{p-ad206225.entry.js → p-97ce6978.entry.js} +1 -1
- package/dist/tet-components/{p-d056d09b.entry.js → p-9ae4f442.entry.js} +1 -1
- package/dist/tet-components/{p-261a3dcf.entry.js → p-9d7fbd42.entry.js} +1 -1
- package/dist/tet-components/{p-BWP8psSS.js → p-BGB6gNkz.js} +1 -1
- package/dist/tet-components/p-BzLFf73g.js +1 -0
- package/dist/tet-components/p-C1XJmhDH.js +1 -0
- package/dist/tet-components/{p-CEkiSmjX.js → p-DX1IQAn5.js} +1 -1
- package/dist/tet-components/{p-Ojgt8vhK.js → p-DbJll7nz.js} +1 -1
- package/dist/tet-components/{p-76e598e5.entry.js → p-a2aedef8.entry.js} +1 -1
- package/dist/tet-components/{p-2554725a.entry.js → p-a74562c2.entry.js} +1 -1
- package/dist/tet-components/{p-bb961658.entry.js → p-aae1bc5a.entry.js} +1 -1
- package/dist/tet-components/{p-e068d247.entry.js → p-b4f3985e.entry.js} +1 -1
- package/dist/tet-components/{p-b8a9e613.entry.js → p-b5e665c7.entry.js} +1 -1
- package/dist/tet-components/{p-461b9623.entry.js → p-b7263345.entry.js} +1 -1
- package/dist/tet-components/{p-8ae75070.entry.js → p-b86022d7.entry.js} +1 -1
- package/dist/tet-components/{p-0564a3a7.entry.js → p-be2a472c.entry.js} +1 -1
- package/dist/tet-components/{p-156bb292.entry.js → p-c0c302fe.entry.js} +1 -1
- package/dist/tet-components/{p-0f616426.entry.js → p-c27be82c.entry.js} +1 -1
- package/dist/tet-components/{p-a2104cad.entry.js → p-c37ccaaa.entry.js} +1 -1
- package/dist/tet-components/{p-8fec40e7.entry.js → p-c44052cb.entry.js} +1 -1
- package/dist/tet-components/{p-854d09d1.entry.js → p-c541b10f.entry.js} +1 -1
- package/dist/tet-components/{p-e5d1e096.entry.js → p-c9e434c1.entry.js} +1 -1
- package/dist/tet-components/{p-72306953.entry.js → p-c9f14568.entry.js} +1 -1
- package/dist/tet-components/{p-d2179734.entry.js → p-cd7efc99.entry.js} +1 -1
- package/dist/tet-components/{p-3f0547b8.entry.js → p-cdb8c877.entry.js} +1 -1
- package/dist/tet-components/{p-3556eb79.entry.js → p-cfdad238.entry.js} +1 -1
- package/dist/tet-components/{p-2e5144eb.entry.js → p-d2bb410e.entry.js} +1 -1
- package/dist/tet-components/{p-908713dc.entry.js → p-d8b4261d.entry.js} +1 -1
- package/dist/tet-components/{p-c31ded4f.entry.js → p-df68eb4e.entry.js} +1 -1
- package/dist/tet-components/{p-4f339642.entry.js → p-e2d4e5c3.entry.js} +1 -1
- package/dist/tet-components/{p-ce5b5cc5.entry.js → p-e564d494.entry.js} +1 -1
- package/dist/tet-components/{p-eb219b3a.entry.js → p-e7e18cc4.entry.js} +1 -1
- package/dist/tet-components/{p-e153ba4f.entry.js → p-ec4710dd.entry.js} +1 -1
- package/dist/tet-components/{p-28456488.entry.js → p-ee489b61.entry.js} +1 -1
- package/dist/tet-components/{p-35f0994e.entry.js → p-f21e5e14.entry.js} +1 -1
- package/dist/tet-components/{p-ddc1d183.entry.js → p-f5d610ea.entry.js} +1 -1
- package/dist/tet-components/{p-bbfe168a.entry.js → p-fcfc7424.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-717cdd65.entry.js +0 -1
- package/dist/tet-components/p-Bi5WA4Eb.js +0 -1
- package/dist/tet-components/p-D5A3ic42.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as r,h as t,H as e}from"./p-BWP8psSS.js";const n=class{constructor(t){o(this,t),this.check=r(this,"check")}radioGroupName="tet-radio-blocks";check;blocks=[];blocksPerRow=2;blockType="small";theme="light";accessibilityLabel="";checkedBlockId;async setChecked(o,r){this.blocks.forEach((r=>{r.checked=r.id===o,this.checkedBlockId=o})),this.check.emit({id:o,value:r})}componentWillLoad(){this.syncCheckedBlock()}syncCheckedBlock(){this.checkedBlockId=this.blocks.find((o=>o.checked))?.id}renderIcon(o){return"large"!==this.blockType&&o?t("tet-icon",{class:"radio-block__icon",name:o,theme:this.theme}):null}renderDescription(o,r,e){return"small"===this.blockType||!o&&!r?"":t("span",{class:"radio-block__description",id:e},o&&t("span",null,o),r&&t("span",null,r))}renderSingleBlock(o,r){const{id:e,value:n,iconName:i,label:a,description:l,secondaryDescription:c}=o,s=`${this.radioGroupName}-${r}-label`,f=`${this.radioGroupName}-${r}-description`;return t("label",{class:{"radio-block":!0,checked:this.checkedBlockId===e}},t("input",{class:"radio-block__input",type:"radio",name:this.radioGroupName,value:n,checked:this.checkedBlockId===e,"aria-labelledby":s,"aria-describedby":"large"===this.blockType&&(l||c)?f:void 0,onChange:()=>this.setChecked(e,n)}),this.renderIcon(i),t("span",{class:"radio-block__label",id:s},a),this.renderDescription(l,c,f))}render(){return t(e,{key:"21a0749fdba1cc6001513687262ab146a892f639"},t("div",{key:"dcec81d674af2ca39f150c12096dca147213e938",role:"radiogroup","aria-label":this.accessibilityLabel||void 0,class:{"radio-block__container":!0,[this.blockType]:!0,[`row-of-${this.blocksPerRow}`]:!!this.blocksPerRow}},this.blocks.map(((o,r)=>this.renderSingleBlock(o,r)))))}static get watchers(){return{blocks:[{syncCheckedBlock:0}]}}};n.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--radio-block-text-color:var(--tc-text-primary);--radio-block-border-color:var(--tc-border-quaternary);--radio-block-background-color:var(--tc-layer-permanent-white);--radio-block-hover-border-color:var(--tc-border-tertiary);--radio-block-hover-background-color:var(--tc-yellow-10);--radio-block-pressed-border-color:var(--tc-border-secondary);--radio-block-pressed-background-color:var(--tc-yellow-20);--radio-block-checked-border-color:var(--tc-yellow-60);--radio-block-checked-background-color:var(--tc-yellow-40);--radio-block-focused-border-color:var(--tc-blue-40);display:block;position:relative}:host([theme=dark]){--radio-block-text-color:var(--tc-text-primary-dark);--radio-block-border-color:var(--tc-border-quaternary-dark);--radio-block-background-color:var(--tc-layer-permanent-black-dark);--radio-block-hover-border-color:var(--tc-border-tertiary-dark);--radio-block-hover-background-color:var(--tc-brown-80);--radio-block-pressed-border-color:var(--tc-border-secondary-dark);--radio-block-pressed-background-color:var(--tc-brown-60);--radio-block-checked-border-color:var(--tc-brown-30);--radio-block-checked-background-color:var(--tc-brown-50-dark);--radio-block-focused-border-color:var(--tc-blue-40-dark)}.radio-block{display:flex;position:relative;box-sizing:border-box;width:100%;align-items:flex-start;gap:0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--radio-block-border-color);background-color:var(--radio-block-background-color);cursor:pointer;overflow:hidden}.radio-block__container.small>.radio-block{padding:1rem 0.75rem;flex-direction:row;gap:0.5rem}.radio-block__container.large>.radio-block{align-items:flex-start;flex-direction:column;padding:1rem;gap:0.5rem}@media screen and (min-width: 80rem){.radio-block__container.large>.radio-block{padding:1.25rem;gap:1rem}}.radio-block__container{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}.radio-block__container.row-of-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.radio-block__container.row-of-2>:last-child:nth-child(odd){grid-column:1/-1}.radio-block__container.row-of-3{grid-template-columns:repeat(6, minmax(0, 1fr))}.radio-block__container.row-of-3>*{grid-column:span 2}.radio-block__container.row-of-3>:last-child:nth-child(3n+1){grid-column:1/-1}.radio-block__container.row-of-3>:nth-child(3n+1):nth-last-child(2),.radio-block__container.row-of-3>:nth-child(3n+1):nth-last-child(2)+*{grid-column:span 3}.radio-block__icon{--icon-size:1.5rem}.radio-block__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.radio-block__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color)}@media screen and (min-width: 80rem){.radio-block__container.large>.radio-block .radio-block__label{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.radio-block__description{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color);text-align:start;display:flex;flex-direction:column;margin-top:auto;gap:0.25rem}.radio-block:hover{border-color:var(--radio-block-hover-border-color);background-color:var(--radio-block-hover-background-color)}.radio-block:active{border-color:var(--radio-block-pressed-border-color);background-color:var(--radio-block-pressed-background-color)}.radio-block.checked{border-color:var(--radio-block-checked-border-color);background-color:var(--radio-block-checked-background-color)}.radio-block:has(>.radio-block__input:focus-visible){border:0.0625rem solid var(--radio-block-focused-border-color);outline:0.0625rem solid var(--radio-block-focused-border-color)}';export{n as tet_radio_blocks}
|
|
1
|
+
import{r as o,c as r,h as t,H as e}from"./p-BGB6gNkz.js";const n=class{constructor(t){o(this,t),this.check=r(this,"check")}radioGroupName="tet-radio-blocks";check;blocks=[];blocksPerRow=2;blockType="small";theme="light";accessibilityLabel="";checkedBlockId;async setChecked(o,r){this.blocks.forEach((r=>{r.checked=r.id===o,this.checkedBlockId=o})),this.check.emit({id:o,value:r})}componentWillLoad(){this.syncCheckedBlock()}syncCheckedBlock(){this.checkedBlockId=this.blocks.find((o=>o.checked))?.id}renderIcon(o){return"large"!==this.blockType&&o?t("tet-icon",{class:"radio-block__icon",name:o,theme:this.theme}):null}renderDescription(o,r,e){return"small"===this.blockType||!o&&!r?"":t("span",{class:"radio-block__description",id:e},o&&t("span",null,o),r&&t("span",null,r))}renderSingleBlock(o,r){const{id:e,value:n,iconName:i,label:a,description:l,secondaryDescription:c}=o,s=`${this.radioGroupName}-${r}-label`,f=`${this.radioGroupName}-${r}-description`;return t("label",{class:{"radio-block":!0,checked:this.checkedBlockId===e}},t("input",{class:"radio-block__input",type:"radio",name:this.radioGroupName,value:n,checked:this.checkedBlockId===e,"aria-labelledby":s,"aria-describedby":"large"===this.blockType&&(l||c)?f:void 0,onChange:()=>this.setChecked(e,n)}),this.renderIcon(i),t("span",{class:"radio-block__label",id:s},a),this.renderDescription(l,c,f))}render(){return t(e,{key:"21a0749fdba1cc6001513687262ab146a892f639"},t("div",{key:"dcec81d674af2ca39f150c12096dca147213e938",role:"radiogroup","aria-label":this.accessibilityLabel||void 0,class:{"radio-block__container":!0,[this.blockType]:!0,[`row-of-${this.blocksPerRow}`]:!!this.blocksPerRow}},this.blocks.map(((o,r)=>this.renderSingleBlock(o,r)))))}static get watchers(){return{blocks:[{syncCheckedBlock:0}]}}};n.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--radio-block-text-color:var(--tc-text-primary);--radio-block-border-color:var(--tc-border-quaternary);--radio-block-background-color:var(--tc-layer-permanent-white);--radio-block-hover-border-color:var(--tc-border-tertiary);--radio-block-hover-background-color:var(--tc-yellow-10);--radio-block-pressed-border-color:var(--tc-border-secondary);--radio-block-pressed-background-color:var(--tc-yellow-20);--radio-block-checked-border-color:var(--tc-yellow-60);--radio-block-checked-background-color:var(--tc-yellow-40);--radio-block-focused-border-color:var(--tc-blue-40);display:block;position:relative}:host([theme=dark]){--radio-block-text-color:var(--tc-text-primary-dark);--radio-block-border-color:var(--tc-border-quaternary-dark);--radio-block-background-color:var(--tc-layer-permanent-black-dark);--radio-block-hover-border-color:var(--tc-border-tertiary-dark);--radio-block-hover-background-color:var(--tc-brown-80);--radio-block-pressed-border-color:var(--tc-border-secondary-dark);--radio-block-pressed-background-color:var(--tc-brown-60);--radio-block-checked-border-color:var(--tc-brown-30);--radio-block-checked-background-color:var(--tc-brown-50-dark);--radio-block-focused-border-color:var(--tc-blue-40-dark)}.radio-block{display:flex;position:relative;box-sizing:border-box;width:100%;align-items:flex-start;gap:0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--radio-block-border-color);background-color:var(--radio-block-background-color);cursor:pointer;overflow:hidden}.radio-block__container.small>.radio-block{padding:1rem 0.75rem;flex-direction:row;gap:0.5rem}.radio-block__container.large>.radio-block{align-items:flex-start;flex-direction:column;padding:1rem;gap:0.5rem}@media screen and (min-width: 80rem){.radio-block__container.large>.radio-block{padding:1.25rem;gap:1rem}}.radio-block__container{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}.radio-block__container.row-of-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.radio-block__container.row-of-2>:last-child:nth-child(odd){grid-column:1/-1}.radio-block__container.row-of-3{grid-template-columns:repeat(6, minmax(0, 1fr))}.radio-block__container.row-of-3>*{grid-column:span 2}.radio-block__container.row-of-3>:last-child:nth-child(3n+1){grid-column:1/-1}.radio-block__container.row-of-3>:nth-child(3n+1):nth-last-child(2),.radio-block__container.row-of-3>:nth-child(3n+1):nth-last-child(2)+*{grid-column:span 3}.radio-block__icon{--icon-size:1.5rem}.radio-block__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.radio-block__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color)}@media screen and (min-width: 80rem){.radio-block__container.large>.radio-block .radio-block__label{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.radio-block__description{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color);text-align:start;display:flex;flex-direction:column;margin-top:auto;gap:0.25rem}.radio-block:hover{border-color:var(--radio-block-hover-border-color);background-color:var(--radio-block-hover-background-color)}.radio-block:active{border-color:var(--radio-block-pressed-border-color);background-color:var(--radio-block-pressed-background-color)}.radio-block.checked{border-color:var(--radio-block-checked-border-color);background-color:var(--radio-block-checked-background-color)}.radio-block:has(>.radio-block__input:focus-visible){border:0.0625rem solid var(--radio-block-focused-border-color);outline:0.0625rem solid var(--radio-block-focused-border-color)}';export{n as tet_radio_blocks}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,d as e,f as n,h as i,H as a}from"./p-BWP8psSS.js";import{p as r,t as s}from"./p-Bi5WA4Eb.js";import"./p-Ojgt8vhK.js";import"./p-Bvqcvhjw.js";const l=class{constructor(e){t(this,e),this.ctaButtonClick=o(this,"ctaButtonClick")}get hostElement(){return e(this)}stepperData=[];icon="check";mainBlockTitle;mainBlockDescription;ctaButtonLabel;ctaButtonId="thankYouBackButton";ctaButtonSize="large";ctaButtonType="primary";ctaButtonTheme;language="lv";translationGroup="";theme="light";ctaButtonClick;async onLanguageChange(t){await r(this.translationGroup,t).then((()=>n(this)))}faqSlot;async componentWillLoad(){await r(this.translationGroup,this.language),this.faqSlot=null!==this.hostElement.querySelector('[slot="faq"]')}ctaButtonCallback=()=>this.ctaButtonClick.emit();renderIcon=()=>this.icon&&"none"!==this.icon&&i("tet-icon",{class:"thank-you-view-v3-icon",name:this.icon,"aria-hidden":"true"});renderInfoBlock=()=>{const t=this.mainBlockDescription&&i("div",{class:"thank-you-view-v3-info-block-description",innerHTML:this.mainBlockDescription&&s(this.mainBlockDescription)});return i("div",{class:"thank-you-view-v3-info-block"},this.renderIcon(),i("div",{class:"thank-you-view-v3-info-block-text"},this.mainBlockTitle&&i("h1",{class:"thank-you-view-v3-info-block-title"},s(this.mainBlockTitle)),t))};renderStepper(){return this.stepperData?.length>0&&i("div",{class:"thank-you-view-v3-stepper"},i("tet-stepper-v3",{stepperData:this.stepperData,theme:this.theme}))}renderCTAButton=()=>this.ctaButtonLabel&&i("nav",{class:"thank-you-view-v3-cta-button","aria-label":"CTA"},i("tet-button",{clickCallback:this.ctaButtonCallback,type:this.ctaButtonType,theme:this.ctaButtonTheme?this.ctaButtonTheme:this.theme,"element-id":this.ctaButtonId,size:this.ctaButtonSize,accessibilityLabel:s(this.ctaButtonLabel)},this.ctaButtonLabel&&s(this.ctaButtonLabel)));renderFAQSlot=()=>this.faqSlot&&i("section",{class:"thank-you-view-v3-faq-slot","aria-label":"FAQ"},i("slot",{name:"faq"}));render(){return i(a,{key:"7c81d7b08e0ba82ee3d17dcaa38c317b6cb54a4c"},i("div",{key:"5cd69b1ea324d90e96fa6870b2a831f4959ee9e4",class:{"thank-you-view-v3":!0,[this.theme]:!0}},this.renderInfoBlock(),this.renderStepper(),this.renderCTAButton(),this.renderFAQSlot()))}static get watchers(){return{language:[{onLanguageChange:0}]}}};l.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{--thank-you-view-icon-color:var(--tc-green-40);--thank-you-view-icon-color-dark:var(--tc-green-40-dark);--thank-you-view-icon-size:3rem;--thank-you-view-title-color:var(--tc-text-primary);--thank-you-view-title-color-dark:var(--tc-text-primary-dark);--thank-you-view-description-color:var(--tc-text-secondary);--thank-you-view-description-color-dark:var(--tc-text-secondary-dark);--thank-you-view-description-strong-color:var(--tc-text-primary);--thank-you-view-description-strong-color-dark:var(--tc-text-primary-dark);--thank-you-view-icon-gap:0.5rem;--thank-you-view-text-gap:0.5rem;--thank-you-view-gap:3rem;--thank-you-view-top-margin:3rem;--thank-you-view-cta-button-margin:0;display:block;margin:0 2rem}@media only screen and (max-width: 31.1875rem){:host{margin:0 1rem}}.thank-you-view-v3{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;max-width:53rem;margin:var(--thank-you-view-top-margin) auto 0;gap:var(--thank-you-view-gap)}.thank-you-view-v3.dark{--thank-you-view-icon-color:var(--thank-you-view-icon-color-dark);--thank-you-view-title-color:var(--thank-you-view-title-color-dark);--thank-you-view-description-color:var(--thank-you-view-description-color-dark);--thank-you-view-description-strong-color:var(--thank-you-view-description-strong-color-dark)}.thank-you-view-v3-stepper{width:100%;max-width:45.5rem}.thank-you-view-v3-stepper,.thank-you-view-v3-faq-slot{margin-right:1.5rem}@media only screen and (max-width: 31.1875rem){.thank-you-view-v3-stepper,.thank-you-view-v3-faq-slot{margin-right:0}}@media only screen and (max-width: 63.9375rem){.thank-you-view-v3{max-width:44rem}}.thank-you-view-v3-icon{--icon-color:var(--thank-you-view-icon-color);--icon-size:var(--thank-you-view-icon-size)}.thank-you-view-v3-info-block{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--thank-you-view-icon-gap)}.thank-you-view-v3-info-block-title{text-align:center;color:var(--thank-you-view-title-color);font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}@media only screen and (max-width: 63.9375rem){.thank-you-view-v3-info-block-title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media only screen and (max-width: 31.1875rem){.thank-you-view-v3-info-block-title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}.thank-you-view-v3-info-block-description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";max-width:42rem;text-align:center;color:var(--thank-you-view-description-color)}.thank-you-view-v3-info-block-description strong{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--thank-you-view-description-strong-color)}@media only screen and (min-width: 63.9375rem){.thank-you-view-v3-info-block-description{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.thank-you-view-v3-info-block-description strong{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.thank-you-view-v3-info-block-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--thank-you-view-text-gap)}.thank-you-view-v3-cta-button{margin:var(--thank-you-view-cta-button-margin)}.thank-you-view-v3-faq-slot{align-self:stretch}';export{l as tet_thank_you_view_v3}
|
|
1
|
+
import{r as t,c as o,d as e,f as n,h as i,H as a}from"./p-BGB6gNkz.js";import{p as r,t as s}from"./p-BzLFf73g.js";import"./p-DbJll7nz.js";import"./p-Bvqcvhjw.js";const l=class{constructor(e){t(this,e),this.ctaButtonClick=o(this,"ctaButtonClick")}get hostElement(){return e(this)}stepperData=[];icon="check";mainBlockTitle;mainBlockDescription;ctaButtonLabel;ctaButtonId="thankYouBackButton";ctaButtonSize="large";ctaButtonType="primary";ctaButtonTheme;language="lv";translationGroup="";theme="light";ctaButtonClick;async onLanguageChange(t){await r(this.translationGroup,t).then((()=>n(this)))}faqSlot;async componentWillLoad(){await r(this.translationGroup,this.language),this.faqSlot=null!==this.hostElement.querySelector('[slot="faq"]')}ctaButtonCallback=()=>this.ctaButtonClick.emit();renderIcon=()=>this.icon&&"none"!==this.icon&&i("tet-icon",{class:"thank-you-view-v3-icon",name:this.icon,"aria-hidden":"true"});renderInfoBlock=()=>{const t=this.mainBlockDescription&&i("div",{class:"thank-you-view-v3-info-block-description",innerHTML:this.mainBlockDescription&&s(this.mainBlockDescription)});return i("div",{class:"thank-you-view-v3-info-block"},this.renderIcon(),i("div",{class:"thank-you-view-v3-info-block-text"},this.mainBlockTitle&&i("h1",{class:"thank-you-view-v3-info-block-title"},s(this.mainBlockTitle)),t))};renderStepper(){return this.stepperData?.length>0&&i("div",{class:"thank-you-view-v3-stepper"},i("tet-stepper-v3",{stepperData:this.stepperData,theme:this.theme}))}renderCTAButton=()=>this.ctaButtonLabel&&i("nav",{class:"thank-you-view-v3-cta-button","aria-label":"CTA"},i("tet-button",{clickCallback:this.ctaButtonCallback,type:this.ctaButtonType,theme:this.ctaButtonTheme?this.ctaButtonTheme:this.theme,"element-id":this.ctaButtonId,size:this.ctaButtonSize,accessibilityLabel:s(this.ctaButtonLabel)},this.ctaButtonLabel&&s(this.ctaButtonLabel)));renderFAQSlot=()=>this.faqSlot&&i("section",{class:"thank-you-view-v3-faq-slot","aria-label":"FAQ"},i("slot",{name:"faq"}));render(){return i(a,{key:"7c81d7b08e0ba82ee3d17dcaa38c317b6cb54a4c"},i("div",{key:"5cd69b1ea324d90e96fa6870b2a831f4959ee9e4",class:{"thank-you-view-v3":!0,[this.theme]:!0}},this.renderInfoBlock(),this.renderStepper(),this.renderCTAButton(),this.renderFAQSlot()))}static get watchers(){return{language:[{onLanguageChange:0}]}}};l.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{--thank-you-view-icon-color:var(--tc-green-40);--thank-you-view-icon-color-dark:var(--tc-green-40-dark);--thank-you-view-icon-size:3rem;--thank-you-view-title-color:var(--tc-text-primary);--thank-you-view-title-color-dark:var(--tc-text-primary-dark);--thank-you-view-description-color:var(--tc-text-secondary);--thank-you-view-description-color-dark:var(--tc-text-secondary-dark);--thank-you-view-description-strong-color:var(--tc-text-primary);--thank-you-view-description-strong-color-dark:var(--tc-text-primary-dark);--thank-you-view-icon-gap:0.5rem;--thank-you-view-text-gap:0.5rem;--thank-you-view-gap:3rem;--thank-you-view-top-margin:3rem;--thank-you-view-cta-button-margin:0;display:block;margin:0 2rem}@media only screen and (max-width: 31.1875rem){:host{margin:0 1rem}}.thank-you-view-v3{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;max-width:53rem;margin:var(--thank-you-view-top-margin) auto 0;gap:var(--thank-you-view-gap)}.thank-you-view-v3.dark{--thank-you-view-icon-color:var(--thank-you-view-icon-color-dark);--thank-you-view-title-color:var(--thank-you-view-title-color-dark);--thank-you-view-description-color:var(--thank-you-view-description-color-dark);--thank-you-view-description-strong-color:var(--thank-you-view-description-strong-color-dark)}.thank-you-view-v3-stepper{width:100%;max-width:45.5rem}.thank-you-view-v3-stepper,.thank-you-view-v3-faq-slot{margin-right:1.5rem}@media only screen and (max-width: 31.1875rem){.thank-you-view-v3-stepper,.thank-you-view-v3-faq-slot{margin-right:0}}@media only screen and (max-width: 63.9375rem){.thank-you-view-v3{max-width:44rem}}.thank-you-view-v3-icon{--icon-color:var(--thank-you-view-icon-color);--icon-size:var(--thank-you-view-icon-size)}.thank-you-view-v3-info-block{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--thank-you-view-icon-gap)}.thank-you-view-v3-info-block-title{text-align:center;color:var(--thank-you-view-title-color);font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}@media only screen and (max-width: 63.9375rem){.thank-you-view-v3-info-block-title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media only screen and (max-width: 31.1875rem){.thank-you-view-v3-info-block-title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}.thank-you-view-v3-info-block-description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";max-width:42rem;text-align:center;color:var(--thank-you-view-description-color)}.thank-you-view-v3-info-block-description strong{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--thank-you-view-description-strong-color)}@media only screen and (min-width: 63.9375rem){.thank-you-view-v3-info-block-description{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.thank-you-view-v3-info-block-description strong{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.thank-you-view-v3-info-block-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--thank-you-view-text-gap)}.thank-you-view-v3-cta-button{margin:var(--thank-you-view-cta-button-margin)}.thank-you-view-v3-faq-slot{align-self:stretch}';export{l as tet_thank_you_view_v3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,d as e,h as t,H as r}from"./p-
|
|
1
|
+
import{r as a,d as e,h as t,H as r}from"./p-BGB6gNkz.js";import{f as c}from"./p-CLiAL6k7.js";import"./p-DbJll7nz.js";import{p as d}from"./p-C1XJmhDH.js";import{C as i}from"./p-DghrmBQI.js";import"./p-BjOGAbQL.js";const s=class{constructor(e){a(this,e)}get element(){return e(this)}data;forceColumn=!1;layout="default";theme="light";darkMode=!1;isNetflixCard=!1;darkHeader=!1;withProductFilters=!1;productDataLoaded=!1;showLoader=!0;productSACData;filteredProductCodes=[];compareCardsFiltersHelper;async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,e){return void 0!==a?.compareCards?a.compareCards.forEach((a=>{void 0===a.productCode||e.includes(a.productCode)||e.push(a.productCode)})):void 0!==a?.tabs&&a.tabs.forEach((a=>{void 0!==a.compareCards?e=this.addProductCodes(a,e):void 0!==a.tabList&&(e=this.addProductCodes(a.tabList,e))})),e}getProductData(a){this.productDataLoaded=!1,d(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new i(((a,e,t)=>{this.filteredProductCodes=t})),this.compareCardsFiltersHelper.initialize(this.productSACData)}handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds};renderLoader=()=>t("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>t("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem",darkTheme:this.darkMode}))));renderTabHeader(a,e){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==a?.tabs&&void 0!==a?.tabHeader)return a.tabs.map((e=>{""!==e?.title&&void 0!==e?.title&&1===a.tabs.length&&(e.disabled=!0)})),t("div",{class:"tet-compare-cards-tab__header-container"},t("tet-tab-header",{theme:this.darkHeader||this.darkMode?"dark":"light",position:a.tabHeader.position,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>t("button",{"data-name":`tab-${e}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?t("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText,loading:"lazy"}):"",a.title,a.image&&a.imagePositionRight?t("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText,loading:"lazy"}):"")))))}renderContent(a,e){return void 0!==a.compareCards?t("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):t("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>t("div",{"data-name":`tab-${e}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,e+1):"",void 0!==a.tabList?this.renderContent(a.tabList,e+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderProductFilters=()=>t("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"});renderCompareCards(a,e="",r=""){let d=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(d=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let i=[];return d.forEach((a=>{if(void 0!==a.productCode){const e=a.productCode,t=this.productSACData.products[e];t&&(a=c(a,e,t,this.theme,this.darkMode,this.isNetflixCard))}i.push(a)})),t("div",{class:"tet-compare-cards-tab__content"},t("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":e??!1,"card-script":r??!1,data:i}))}render(){return t(r,{key:"996b64a14810722581f19e5da88e9c31bdcfad75"},t("div",{key:"cae64549815ef753b2bf46279f29e94931f2ba04",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),t("div",{key:"16d63abfc621c732e82e313234efdd8ccbba9728",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}static get watchers(){return{showLoader:[{onDataChange:0}]}}};s.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:1.5rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{s as tet_compare_cards_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-BWP8psSS.js";import{t as n}from"./p-Bi5WA4Eb.js";import{a as r}from"./p-0_P3ms4p.js";import"./p-Ojgt8vhK.js";import"./p-Bvqcvhjw.js";const i=class{constructor(o){t(this,o)}isPhoneNumber=!1;inputHtmlElement;errorMessages=[];class="";placeholder="";type="text";value="";disabled=!1;readonly=!1;error=!1;label="";accessibilityLabel="";iconLeft="";iconRight="";iconLeftAccessibilityLabel;iconRightAccessibilityLabel;iconLeftClickCallback;iconRightClickCallback;validators=[];manualValidation=!1;theme="classic";autocomplete="off";maxlength;inputTabindex;isKeyboardFocus=!0;focusVisible=!1;componentDidLoad(){this.manualValidation||this.inputHtmlElement.addEventListener("input",(t=>{this.validateInputValue(t.target.value)}))}async getInputHtmlElement(){return this.inputHtmlElement}onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};async getErrors(){return this.errorMessages}async clearErrors(){this.errorMessages=[]}async validateInput(){return this.validateInputValue(this.inputHtmlElement.value),this.getErrors()}validateInputValue=t=>{this.errorMessages=(t=>this.validators.map((o=>o.validate(t)?"":o.getErrorMessage())).filter(Boolean))(t)};preventIconMouseDown(t){t.preventDefault()}renderIcon=(t,e,i)=>{const a=Boolean(i),s="left"===e?this.iconLeftAccessibilityLabel:this.iconRightAccessibilityLabel??n("components-input-icon-right-default-label");return o("tet-icon",{name:t,class:{icon:!0,"icon-left":"left"===e,"icon-right":"right"===e,clickable:a},onMouseDown:a?this.preventIconMouseDown:void 0,onClick:i,accessibilityLabel:a?s:"",onKeyDown:r})};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-input__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-input__error-message"},n(t)))));render(){const t=this.class?.split(" ").filter(Boolean)??[],n={"tet-input__base":!0,[`tet-input__${this.theme}`]:!0,"with-icon--left":!!this.iconLeft,"with-icon--right":!!this.iconRight,"with-prefix":this.isPhoneNumber,error:this.error||this.errorMessages.length>0,"keyboard-focus":this.focusVisible,...t.reduce(((t,o)=>({...t,[o]:!0})),{})};return o(e,null,o("label",{class:{[`${this.theme}`]:!0}},this.label&&o("span",{class:{"tet-input__label":!0,[`tet-input__${this.theme}`]:!0}},this.label),o("div",{class:{"input-container":!0,[`tet-input__${this.theme}`]:!0}},this.isPhoneNumber&&o("span",{class:"tet-input__prefix"},"+371 |"),o("input",{onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,class:n,placeholder:this.placeholder,type:this.type,value:this.value,ref:t=>this.inputHtmlElement=t,disabled:this.disabled,autoComplete:this.autocomplete?this.autocomplete:"off",maxlength:this.maxlength,readOnly:this.readonly,...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{},...this.inputTabindex?{tabindex:this.inputTabindex}:{}}),!!this.iconLeft&&this.renderIcon(this.iconLeft,"left",this.iconLeftClickCallback),!!this.iconRight&&this.renderIcon(this.iconRight,"right",this.iconRightClickCallback),o("slot",null))),this.errorMessages.length>0&&this.renderErrorMessages())}};i.style='.sc-tet-input-h{box-sizing:border-box}*.sc-tet-input,*.sc-tet-input:before,*.sc-tet-input:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-input-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-input::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-input::before{content:"\\e85a"}.icon.tet-close.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-input::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-input::before{content:"\\e86c"}.icon.tet-check.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-input::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-input::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-input::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-input::before{content:"\\e86a"}.icon.tet-info.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-input::before{content:"\\e81d"}.icon.tet-done.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-input::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-input-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-input-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-input:root,.sc-tet-input-h{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark.sc-tet-input,.tet-textarea__dark.sc-tet-input{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint.sc-tet-input{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light.sc-tet-input,.tet-textarea__light.sc-tet-input{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original.sc-tet-input{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base.sc-tet-input,.tet-textarea__base.sc-tet-input{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem}.tet-input__base.sc-tet-input::placeholder,.tet-textarea__base.sc-tet-input::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled].sc-tet-input,.tet-textarea__base[disabled].sc-tet-input{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base.sc-tet-input:not(:disabled).error,.tet-textarea__base.sc-tet-input:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base.sc-tet-input:not(:disabled):hover,.tet-textarea__base.sc-tet-input:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base.sc-tet-input:not(:disabled):focus,.tet-input__base.sc-tet-input:not(:disabled):active,.tet-textarea__base.sc-tet-input:not(:disabled):focus,.tet-textarea__base.sc-tet-input:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error.sc-tet-input:not(:disabled).keyboard-focus,.tet-textarea__base.error.sc-tet-input:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base.sc-tet-input{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label.sc-tet-input,.tet-textarea__label.sc-tet-input{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original.sc-tet-input,.tet-textarea__label.tet-input__mint-original.sc-tet-input{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label.sc-tet-input:has(~.input-container input[disabled]),.tet-textarea__label.sc-tet-input:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message.sc-tet-input,.tet-textarea__error-message.sc-tet-input{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors.sc-tet-input{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden.sc-tet-input{display:none}.sc-tet-input-h{display:block}.input-container.sc-tet-input{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container.sc-tet-input:focus-within .icon.sc-tet-input{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix.sc-tet-input{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:var(--input-font-size);color:var(--input-placeholder-color);background:none;user-select:none;white-space:nowrap;pointer-events:none;z-index:2}.tet-input__base.with-prefix.sc-tet-input{padding-left:4rem}.tet-input__base.with-icon--left.sc-tet-input{padding-left:2.5rem}.tet-input__base.with-icon--right.sc-tet-input{padding-right:2.5rem}.tet-input__base.sc-tet-input:disabled~tet-icon.sc-tet-input{--input-icon-color:var(--input-disabled-icon-color)}.icon.sc-tet-input{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable.sc-tet-input{cursor:pointer}.icon.clickable.sc-tet-input:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left.sc-tet-input{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right.sc-tet-input{right:0.75rem}';export{i as tet_input}
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-BGB6gNkz.js";import{t as n}from"./p-BzLFf73g.js";import{a as r}from"./p-0_P3ms4p.js";import"./p-DbJll7nz.js";import"./p-Bvqcvhjw.js";const i=class{constructor(o){t(this,o)}isPhoneNumber=!1;inputHtmlElement;errorMessages=[];class="";placeholder="";type="text";value="";disabled=!1;readonly=!1;error=!1;label="";accessibilityLabel="";iconLeft="";iconRight="";iconLeftAccessibilityLabel;iconRightAccessibilityLabel;iconLeftClickCallback;iconRightClickCallback;validators=[];manualValidation=!1;theme="classic";autocomplete="off";maxlength;inputTabindex;isKeyboardFocus=!0;focusVisible=!1;componentDidLoad(){this.manualValidation||this.inputHtmlElement.addEventListener("input",(t=>{this.validateInputValue(t.target.value)}))}async getInputHtmlElement(){return this.inputHtmlElement}onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};async getErrors(){return this.errorMessages}async clearErrors(){this.errorMessages=[]}async validateInput(){return this.validateInputValue(this.inputHtmlElement.value),this.getErrors()}validateInputValue=t=>{this.errorMessages=(t=>this.validators.map((o=>o.validate(t)?"":o.getErrorMessage())).filter(Boolean))(t)};preventIconMouseDown(t){t.preventDefault()}renderIcon=(t,e,i)=>{const a=Boolean(i),s="left"===e?this.iconLeftAccessibilityLabel:this.iconRightAccessibilityLabel??n("components-input-icon-right-default-label");return o("tet-icon",{name:t,class:{icon:!0,"icon-left":"left"===e,"icon-right":"right"===e,clickable:a},onMouseDown:a?this.preventIconMouseDown:void 0,onClick:i,accessibilityLabel:a?s:"",onKeyDown:r})};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-input__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-input__error-message"},n(t)))));render(){const t=this.class?.split(" ").filter(Boolean)??[],n={"tet-input__base":!0,[`tet-input__${this.theme}`]:!0,"with-icon--left":!!this.iconLeft,"with-icon--right":!!this.iconRight,"with-prefix":this.isPhoneNumber,error:this.error||this.errorMessages.length>0,"keyboard-focus":this.focusVisible,...t.reduce(((t,o)=>({...t,[o]:!0})),{})};return o(e,null,o("label",{class:{[`${this.theme}`]:!0}},this.label&&o("span",{class:{"tet-input__label":!0,[`tet-input__${this.theme}`]:!0}},this.label),o("div",{class:{"input-container":!0,[`tet-input__${this.theme}`]:!0}},this.isPhoneNumber&&o("span",{class:"tet-input__prefix"},"+371 |"),o("input",{onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,class:n,placeholder:this.placeholder,type:this.type,value:this.value,ref:t=>this.inputHtmlElement=t,disabled:this.disabled,autoComplete:this.autocomplete?this.autocomplete:"off",maxlength:this.maxlength,readOnly:this.readonly,...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{},...this.inputTabindex?{tabindex:this.inputTabindex}:{}}),!!this.iconLeft&&this.renderIcon(this.iconLeft,"left",this.iconLeftClickCallback),!!this.iconRight&&this.renderIcon(this.iconRight,"right",this.iconRightClickCallback),o("slot",null))),this.errorMessages.length>0&&this.renderErrorMessages())}};i.style='.sc-tet-input-h{box-sizing:border-box}*.sc-tet-input,*.sc-tet-input:before,*.sc-tet-input:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-input-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-input::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-input::before{content:"\\e85a"}.icon.tet-close.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-input::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-input::before{content:"\\e86c"}.icon.tet-check.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-input::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-input::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-input::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-input::before{content:"\\e86a"}.icon.tet-info.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-input::before{content:"\\e81d"}.icon.tet-done.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-input::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-input-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-input-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-input:root,.sc-tet-input-h{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark.sc-tet-input,.tet-textarea__dark.sc-tet-input{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint.sc-tet-input{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light.sc-tet-input,.tet-textarea__light.sc-tet-input{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original.sc-tet-input{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base.sc-tet-input,.tet-textarea__base.sc-tet-input{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem}.tet-input__base.sc-tet-input::placeholder,.tet-textarea__base.sc-tet-input::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled].sc-tet-input,.tet-textarea__base[disabled].sc-tet-input{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base.sc-tet-input:not(:disabled).error,.tet-textarea__base.sc-tet-input:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base.sc-tet-input:not(:disabled):hover,.tet-textarea__base.sc-tet-input:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base.sc-tet-input:not(:disabled):focus,.tet-input__base.sc-tet-input:not(:disabled):active,.tet-textarea__base.sc-tet-input:not(:disabled):focus,.tet-textarea__base.sc-tet-input:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error.sc-tet-input:not(:disabled).keyboard-focus,.tet-textarea__base.error.sc-tet-input:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base.sc-tet-input{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label.sc-tet-input,.tet-textarea__label.sc-tet-input{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original.sc-tet-input,.tet-textarea__label.tet-input__mint-original.sc-tet-input{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label.sc-tet-input:has(~.input-container input[disabled]),.tet-textarea__label.sc-tet-input:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message.sc-tet-input,.tet-textarea__error-message.sc-tet-input{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors.sc-tet-input{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden.sc-tet-input{display:none}.sc-tet-input-h{display:block}.input-container.sc-tet-input{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container.sc-tet-input:focus-within .icon.sc-tet-input{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix.sc-tet-input{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:var(--input-font-size);color:var(--input-placeholder-color);background:none;user-select:none;white-space:nowrap;pointer-events:none;z-index:2}.tet-input__base.with-prefix.sc-tet-input{padding-left:4rem}.tet-input__base.with-icon--left.sc-tet-input{padding-left:2.5rem}.tet-input__base.with-icon--right.sc-tet-input{padding-right:2.5rem}.tet-input__base.sc-tet-input:disabled~tet-icon.sc-tet-input{--input-icon-color:var(--input-disabled-icon-color)}.icon.sc-tet-input{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable.sc-tet-input{cursor:pointer}.icon.clickable.sc-tet-input:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left.sc-tet-input{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right.sc-tet-input{right:0.75rem}';export{i as tet_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o}from"./p-BWP8psSS.js";const r=class{constructor(o){t(this,o),this.ctaClick=e(this,"ctaClick")}buttonMobileBreakpoint=768;buttonRef=null;benefits=[];productTitle="";price;onPriceChange(){this.syncButtonSize()}oldPrice;currency;buttonLabel="";url;urlTarget="_self";ctaClick;getResolvedBenefits(){if(Array.isArray(this.benefits))return this.benefits;if("string"==typeof this.benefits)try{const t=JSON.parse(this.benefits);return Array.isArray(t)?t:[]}catch{return[]}return[]}handleCtaClick=()=>{const t=this.buttonLabel.trim();this.ctaClick.emit({productTitle:this.productTitle,buttonLabel:t,url:this.url,urlTarget:"_blank"===this.urlTarget?"_blank":"_self"})};componentDidLoad(){this.syncButtonSize(),globalThis.addEventListener("resize",this.syncButtonSize)}disconnectedCallback(){globalThis.removeEventListener("resize",this.syncButtonSize)}syncButtonSize=()=>{globalThis.innerWidth<this.buttonMobileBreakpoint?this.buttonRef?.setAttribute("size",null==this.price?"medium":"small"):this.buttonRef?.removeAttribute("size")};renderBadgeContent=()=>{const{price:t,currency:e,oldPrice:r}=this;if(null==t)return null;const i=t.toFixed(2).toString().split(".");return o("div",{class:"card__badge-content-item"},o("div",{class:"card__badge-content-item__price-container"},o("span",{class:"card__badge-content-item__price"},i[0]),o("div",{class:"card__badge-content-item__price-details"},o("span",{class:"card__badge-content-item__price-details__header"},i[1]),o("span",{class:"card__badge-content-item__price-details__description"},e))),null!=r&&o("span",{class:"card__badge-content-item__footer"},r.toFixed(2)," ",e))};render(){const t=this.getResolvedBenefits(),e=this.buttonLabel.trim(),r="_blank"===this.urlTarget?"_blank":"_self";return o("div",{key:"4bded38de598964b2465a617084e06b7a622446a",class:"card-wrapper"},!!t.length&&o("div",{key:"92a862dae2b44bc494f259eb2d45df5ae4a32d33",class:"card__list"},t.map((({iconImage:t,iconName:e,title:r})=>o("div",{class:"card__list-item"},t?o("img",{class:"card__list-item-image",src:t,alt:r,loading:"lazy"}):!!e&&o("tet-icon",{class:"card__list-item-icon",name:e}),o("p",{class:"card__list-item-title"},r))))),o("div",{key:"7acbd77edc0ecfddc287e86a792be12ac3476784",class:{card__badge:!0,"no-price":null==this.price}},o("p",{key:"57fd22df7483de8e487641cd62d062a0637b5038",class:{"card__badge-title":!0,"no-price":null==this.price}},this.productTitle),o("div",{key:"8c275beed6fd3ae971074d88900e9825bfec8282",class:"card__badge-content-wrapper"},this.renderBadgeContent(),!!e&&o("tet-button",{key:"bde07be591bfc914527585e70849aa0a48da68ad",class:"card__badge-content-item__button",clickCallback:this.handleCtaClick,ref:t=>{this.buttonRef=t},type:"primary",theme:"light",url:this.url,"url-target":r},e))))}static get watchers(){return{price:[{onPriceChange:0}]}}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-mini-compare-card-width:10.5rem;--tet-mini-compare-card-width-desktop:22.5rem;--tet-mini-compare-card-border-radius:1rem;--tet-mini-compare-card-box-shadow:var(--tc-elevation-one);--tet-mini-compare-card-list-padding:1.5rem;--tet-mini-compare-card-list-gap:0.5rem;--tet-mini-compare-card-list-background:var(--tc-layer-permanent-white);--tet-mini-compare-card-benefit-gap:0.5rem;--tet-mini-compare-card-benefit-icon-size:1.5rem;--tet-mini-compare-card-text-color:var(--tc-text-black-permanent);--tet-mini-compare-card-badge-padding:0.375rem 1rem;--tet-mini-compare-card-badge-gap:0.5rem;--tet-mini-compare-card-badge-gap-no-price:1rem;--tet-mini-compare-card-badge-background:var(--tc-background-permanent-yellow);--tet-mini-compare-card-content-gap:0.5rem;--tet-mini-compare-card-badge-padding-no-price:1rem;--tet-mini-compare-card-badge-padding-desktop:1rem 1.5rem;--tet-mini-compare-card-badge-gap-desktop:1rem;--tet-mini-compare-card-content-gap-desktop:2.5rem}.card-wrapper{display:flex;width:var(--tet-mini-compare-card-width);flex-direction:column;align-items:flex-end;border-radius:var(--tet-mini-compare-card-border-radius);box-shadow:var(--tet-mini-compare-card-box-shadow);overflow:hidden}.card__list{display:none;padding:var(--tet-mini-compare-card-list-padding);flex-direction:column;align-items:flex-start;gap:var(--tet-mini-compare-card-list-gap);align-self:stretch;background:var(--tet-mini-compare-card-list-background)}.card__list-item{display:flex;padding:0.25rem 0;align-items:flex-start;gap:var(--tet-mini-compare-card-benefit-gap);align-self:stretch}.card__list-item-icon{--icon-size:var(--tet-mini-compare-card-benefit-icon-size)}.card__list-item-image{width:var(--tet-mini-compare-card-benefit-icon-size);height:var(--tet-mini-compare-card-benefit-icon-size)}.card__list-item-title{color:var(--tet-mini-compare-card-text-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.5rem}.card__badge{display:flex;padding:var(--tet-mini-compare-card-badge-padding);flex-direction:column;justify-content:center;align-items:center;gap:var(--tet-mini-compare-card-badge-gap);align-self:stretch;background-color:var(--tet-mini-compare-card-badge-background)}.card__badge.no-price{gap:var(--tet-mini-compare-card-badge-gap-no-price);padding:var(--tet-mini-compare-card-badge-padding-no-price)}.card__badge-title{color:var(--tet-mini-compare-card-text-color);font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card__badge-title.no-price{text-align:center;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.card__badge-content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--tet-mini-compare-card-content-gap);align-self:stretch}.card__badge-content-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.card__badge-content-item__price-container{display:flex;align-items:center;gap:0.125rem}.card__badge-content-item__price{color:var(--tet-mini-compare-card-text-color);font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.card__badge-content-item__price-details{display:flex;flex-direction:column;align-items:flex-start;color:var(--tet-mini-compare-card-text-color)}.card__badge-content-item__price-details__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";align-self:stretch;align-items:center}.card__badge-content-item__price-details__description{font-size:0.5rem;line-height:1rem;font-style:normal;font-weight:500;margin-top:-0.38rem}.card__badge-content-item__footer{color:var(--tet-mini-compare-card-text-color);font-size:0.625rem;font-style:normal;font-weight:400;line-height:1rem;text-decoration-line:line-through;text-wrap:nowrap;margin-top:-0.25rem}.card__badge-content-item__button{width:100%;--button-width:100%}@media all and (min-width: 48rem){.card-wrapper{width:var(--tet-mini-compare-card-width-desktop)}.card-wrapper .card__list{display:flex}.card-wrapper .card__badge{align-items:flex-start;padding:var(--tet-mini-compare-card-badge-padding-desktop);gap:var(--tet-mini-compare-card-badge-gap-desktop)}.card-wrapper .card__badge-title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-title.no-price{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-wrapper{flex-direction:row;align-items:flex-end;gap:var(--tet-mini-compare-card-content-gap-desktop)}.card-wrapper .card__badge-content-item{display:flex;gap:0.25rem}.card-wrapper .card__badge-content-item__price{font:600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__price-details__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__price-details__description{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__footer{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:-0.5}}';export{r as tet_mini_compare_card}
|
|
1
|
+
import{r as t,c as e,h as o}from"./p-BGB6gNkz.js";const r=class{constructor(o){t(this,o),this.ctaClick=e(this,"ctaClick")}buttonMobileBreakpoint=768;buttonRef=null;benefits=[];productTitle="";price;onPriceChange(){this.syncButtonSize()}oldPrice;currency;buttonLabel="";url;urlTarget="_self";ctaClick;getResolvedBenefits(){if(Array.isArray(this.benefits))return this.benefits;if("string"==typeof this.benefits)try{const t=JSON.parse(this.benefits);return Array.isArray(t)?t:[]}catch{return[]}return[]}handleCtaClick=()=>{const t=this.buttonLabel.trim();this.ctaClick.emit({productTitle:this.productTitle,buttonLabel:t,url:this.url,urlTarget:"_blank"===this.urlTarget?"_blank":"_self"})};componentDidLoad(){this.syncButtonSize(),globalThis.addEventListener("resize",this.syncButtonSize)}disconnectedCallback(){globalThis.removeEventListener("resize",this.syncButtonSize)}syncButtonSize=()=>{globalThis.innerWidth<this.buttonMobileBreakpoint?this.buttonRef?.setAttribute("size",null==this.price?"medium":"small"):this.buttonRef?.removeAttribute("size")};renderBadgeContent=()=>{const{price:t,currency:e,oldPrice:r}=this;if(null==t)return null;const i=t.toFixed(2).toString().split(".");return o("div",{class:"card__badge-content-item"},o("div",{class:"card__badge-content-item__price-container"},o("span",{class:"card__badge-content-item__price"},i[0]),o("div",{class:"card__badge-content-item__price-details"},o("span",{class:"card__badge-content-item__price-details__header"},i[1]),o("span",{class:"card__badge-content-item__price-details__description"},e))),null!=r&&o("span",{class:"card__badge-content-item__footer"},r.toFixed(2)," ",e))};render(){const t=this.getResolvedBenefits(),e=this.buttonLabel.trim(),r="_blank"===this.urlTarget?"_blank":"_self";return o("div",{key:"4bded38de598964b2465a617084e06b7a622446a",class:"card-wrapper"},!!t.length&&o("div",{key:"92a862dae2b44bc494f259eb2d45df5ae4a32d33",class:"card__list"},t.map((({iconImage:t,iconName:e,title:r})=>o("div",{class:"card__list-item"},t?o("img",{class:"card__list-item-image",src:t,alt:r,loading:"lazy"}):!!e&&o("tet-icon",{class:"card__list-item-icon",name:e}),o("p",{class:"card__list-item-title"},r))))),o("div",{key:"7acbd77edc0ecfddc287e86a792be12ac3476784",class:{card__badge:!0,"no-price":null==this.price}},o("p",{key:"57fd22df7483de8e487641cd62d062a0637b5038",class:{"card__badge-title":!0,"no-price":null==this.price}},this.productTitle),o("div",{key:"8c275beed6fd3ae971074d88900e9825bfec8282",class:"card__badge-content-wrapper"},this.renderBadgeContent(),!!e&&o("tet-button",{key:"bde07be591bfc914527585e70849aa0a48da68ad",class:"card__badge-content-item__button",clickCallback:this.handleCtaClick,ref:t=>{this.buttonRef=t},type:"primary",theme:"light",url:this.url,"url-target":r},e))))}static get watchers(){return{price:[{onPriceChange:0}]}}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-mini-compare-card-width:10.5rem;--tet-mini-compare-card-width-desktop:22.5rem;--tet-mini-compare-card-border-radius:1rem;--tet-mini-compare-card-box-shadow:var(--tc-elevation-one);--tet-mini-compare-card-list-padding:1.5rem;--tet-mini-compare-card-list-gap:0.5rem;--tet-mini-compare-card-list-background:var(--tc-layer-permanent-white);--tet-mini-compare-card-benefit-gap:0.5rem;--tet-mini-compare-card-benefit-icon-size:1.5rem;--tet-mini-compare-card-text-color:var(--tc-text-black-permanent);--tet-mini-compare-card-badge-padding:0.375rem 1rem;--tet-mini-compare-card-badge-gap:0.5rem;--tet-mini-compare-card-badge-gap-no-price:1rem;--tet-mini-compare-card-badge-background:var(--tc-background-permanent-yellow);--tet-mini-compare-card-content-gap:0.5rem;--tet-mini-compare-card-badge-padding-no-price:1rem;--tet-mini-compare-card-badge-padding-desktop:1rem 1.5rem;--tet-mini-compare-card-badge-gap-desktop:1rem;--tet-mini-compare-card-content-gap-desktop:2.5rem}.card-wrapper{display:flex;width:var(--tet-mini-compare-card-width);flex-direction:column;align-items:flex-end;border-radius:var(--tet-mini-compare-card-border-radius);box-shadow:var(--tet-mini-compare-card-box-shadow);overflow:hidden}.card__list{display:none;padding:var(--tet-mini-compare-card-list-padding);flex-direction:column;align-items:flex-start;gap:var(--tet-mini-compare-card-list-gap);align-self:stretch;background:var(--tet-mini-compare-card-list-background)}.card__list-item{display:flex;padding:0.25rem 0;align-items:flex-start;gap:var(--tet-mini-compare-card-benefit-gap);align-self:stretch}.card__list-item-icon{--icon-size:var(--tet-mini-compare-card-benefit-icon-size)}.card__list-item-image{width:var(--tet-mini-compare-card-benefit-icon-size);height:var(--tet-mini-compare-card-benefit-icon-size)}.card__list-item-title{color:var(--tet-mini-compare-card-text-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.5rem}.card__badge{display:flex;padding:var(--tet-mini-compare-card-badge-padding);flex-direction:column;justify-content:center;align-items:center;gap:var(--tet-mini-compare-card-badge-gap);align-self:stretch;background-color:var(--tet-mini-compare-card-badge-background)}.card__badge.no-price{gap:var(--tet-mini-compare-card-badge-gap-no-price);padding:var(--tet-mini-compare-card-badge-padding-no-price)}.card__badge-title{color:var(--tet-mini-compare-card-text-color);font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card__badge-title.no-price{text-align:center;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.card__badge-content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--tet-mini-compare-card-content-gap);align-self:stretch}.card__badge-content-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.card__badge-content-item__price-container{display:flex;align-items:center;gap:0.125rem}.card__badge-content-item__price{color:var(--tet-mini-compare-card-text-color);font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.card__badge-content-item__price-details{display:flex;flex-direction:column;align-items:flex-start;color:var(--tet-mini-compare-card-text-color)}.card__badge-content-item__price-details__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";align-self:stretch;align-items:center}.card__badge-content-item__price-details__description{font-size:0.5rem;line-height:1rem;font-style:normal;font-weight:500;margin-top:-0.38rem}.card__badge-content-item__footer{color:var(--tet-mini-compare-card-text-color);font-size:0.625rem;font-style:normal;font-weight:400;line-height:1rem;text-decoration-line:line-through;text-wrap:nowrap;margin-top:-0.25rem}.card__badge-content-item__button{width:100%;--button-width:100%}@media all and (min-width: 48rem){.card-wrapper{width:var(--tet-mini-compare-card-width-desktop)}.card-wrapper .card__list{display:flex}.card-wrapper .card__badge{align-items:flex-start;padding:var(--tet-mini-compare-card-badge-padding-desktop);gap:var(--tet-mini-compare-card-badge-gap-desktop)}.card-wrapper .card__badge-title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-title.no-price{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-wrapper{flex-direction:row;align-items:flex-end;gap:var(--tet-mini-compare-card-content-gap-desktop)}.card-wrapper .card__badge-content-item{display:flex;gap:0.25rem}.card-wrapper .card__badge-content-item__price{font:600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__price-details__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__price-details__description{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.card-wrapper .card__badge-content-item__footer{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:-0.5}}';export{r as tet_mini_compare_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-
|
|
1
|
+
import{r as e,h as t}from"./p-BGB6gNkz.js";const s=class{constructor(t){e(this,t)}buttonSlotRef;linkSlotRef;mainTitle;bulletPoints=[];pricePrefix;price;currency;theme="light";hasContentInFooter=!1;checkFooterSlotContent=()=>{const e=!!this.buttonSlotRef.assignedElements()?.length,t=!!this.linkSlotRef.assignedElements()?.length;this.hasContentInFooter=e||t};render(){const{mainTitle:e,bulletPoints:s,theme:o,pricePrefix:r,price:a,currency:f}=this;return t("div",{key:"c152919860ca20e0b3f5613b3a98eb72a36aae8c",class:{"tet-business-compare-card":!0,[`theme-${o}`]:!0}},t("div",{key:"8c5e3d2d73f1db609e1b622dd663392b1884f74d",class:"tet-business-compare-card__body"},t("div",{key:"34993352ca9af2dbcbabdce88aebf181eeec92fb",class:"tet-business-compare-card__title"},t("slot",{key:"20ec3b007a70ee4f5444cd76048a79c619d3e0eb",name:"title"},t("h3",{key:"30170e4b71262550b47ac201397ab673e13dd2fc"},e))),t("div",{key:"d1478b438e899ac8ad80ace44a8533369ba13ec5",class:"tet-business-compare-card__content"},t("slot",{key:"b8762f157cf4a3d07bef94c98e807abfbb422575",name:"content"},!!s?.length&&t("tet-text-list",{key:"4446d8508e8c273771edc0e85a74029419cc4097",class:"bullet-points",theme:"dark"===this.theme?"dark":"light"},s.map((e=>t("p",null,e))))))),a&&f&&t("div",{key:"ab6bb3bc4dd40805c62c7e0f7e3fcb10641b0180",class:"tet-business-compare-card__price-wrapper"},r&&t("div",{key:"f0805bdcfccaf7fb7cf16ae9cbffb2c7e16257b2",class:"tet-business-compare-card__price"},t("span",{key:"7b85dffba1a55b11fef4f0bad8c434871dc5b473",class:"tet-business-compare-card__price-prefix"},r," "),a),!r&&t("div",{key:"a266c4056f01da19c79909c31ea9326477581371",class:"tet-business-compare-card__price"},a),t("div",{key:"4410c95b0b6d2d78548ea2a53d5e287ae467cf72",class:"tet-business-compare-card__price-currency"},f)),t("div",{key:"10042c9ae05b74beaba210488f184345e6afa7c2",class:{"tet-business-compare-card__footer":!0,"tet-business-compare-card__footer--show":this.hasContentInFooter}},t("slot",{key:"80f683734de912a663b164be88bc022f1347046e",ref:e=>this.buttonSlotRef=e,onSlotchange:this.checkFooterSlotContent,name:"button"}),t("slot",{key:"ce895affb4c999992b475dbd26b8af8935b8beb6",ref:e=>this.linkSlotRef=e,onSlotchange:this.checkFooterSlotContent,name:"link"})))}};s.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-business-compare-card-background:var(--tc-layer-tertiary);--tet-business-compare-card-text-color:var(--tc-text-primary);--tet-business-compare-card-border-radius:2rem;display:flex}.tet-business-compare-card{background:var(--tet-business-compare-card-background);border-radius:var(--tet-business-compare-card-border-radius);color:var(--tet-business-compare-card-text-color);display:flex;flex-direction:column;padding:1.5rem;gap:2rem;flex:1}.tet-business-compare-card.theme-purple{--tet-business-compare-card-background:var(--tc-violet-00)}.tet-business-compare-card.theme-green{--tet-business-compare-card-background:var(--tc-green-00)}.tet-business-compare-card.theme-red{--tet-business-compare-card-background:var(--tc-red-00)}.tet-business-compare-card.theme-yellow{--tet-business-compare-card-background:var(--tc-yellow-00)}.tet-business-compare-card.theme-blue{--tet-business-compare-card-background:var(--tc-blue-00)}.tet-business-compare-card.theme-dark{--tet-business-compare-card-background:var(--tc-layer-tertiary-dark);--tet-business-compare-card-text-color:var(--tc-text-primary-dark)}.tet-business-compare-card .bullet-points{--text-list-padding-left:1rem;--text-list-gap:0.75rem}.tet-business-compare-card__body{display:flex;flex-direction:column;gap:1.5rem}.tet-business-compare-card__title h3{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";margin:0}.tet-business-compare-card__content{display:flex;flex-direction:column;gap:1rem}.tet-business-compare-card__price{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-compare-card__price-wrapper{display:flex;margin-top:auto}.tet-business-compare-card__price-wrapper+.tet-business-compare-card__footer--show{margin-top:unset}.tet-business-compare-card__price-prefix{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-compare-card__price-currency{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";padding-left:0.375rem;padding-top:1.125rem}.tet-business-compare-card__footer{align-items:flex-start;display:none;flex-direction:column;gap:1rem;margin-top:auto}.tet-business-compare-card__footer--show{display:flex}@media all and (min-width: 31.25rem){.tet-business-compare-card{padding:2rem}.tet-business-compare-card .tet-business-compare-card__title h3{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}';export{s as tet_business_compare_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,d as n,h as o,H as i}from"./p-BWP8psSS.js";import{g as a}from"./p-SfqlfxDQ.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change"),this.afterStateChange=e(this,"after-state-change")}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}expanded=!1;hasInputValue=!1;class="";placeholder="";value="";disabled=!1;accessibilityLabel="";mode="desktop";closedWidth="18.375rem";animationDuration=300;error=!1;iconLeft="";iconRight="";iconRightClickCallback;validators=[];manualValidation=!1;theme="light";size="default";closeInputText="";darkMode=!1;onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"ebb46b7aac5e8682d98e0545969adf2a507f0e88"},o("div",{key:"6ad0bcef0564838862506d6848ca2b986b0a7799",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"c9162aabcb78ceca6dd4b9dda24421dcb539eef1",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"081590b64cf84b1fdb48e2122b635cfd867db5bf",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:[{onModeChange:0}],size:[{onSizeChange:0}]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|
|
1
|
+
import{r as t,c as e,d as n,h as o,H as i}from"./p-BGB6gNkz.js";import{g as a}from"./p-SfqlfxDQ.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change"),this.afterStateChange=e(this,"after-state-change")}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}expanded=!1;hasInputValue=!1;class="";placeholder="";value="";disabled=!1;accessibilityLabel="";mode="desktop";closedWidth="18.375rem";animationDuration=300;error=!1;iconLeft="";iconRight="";iconRightClickCallback;validators=[];manualValidation=!1;theme="light";size="default";closeInputText="";darkMode=!1;onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"ebb46b7aac5e8682d98e0545969adf2a507f0e88"},o("div",{key:"6ad0bcef0564838862506d6848ca2b986b0a7799",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"c9162aabcb78ceca6dd4b9dda24421dcb539eef1",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"081590b64cf84b1fdb48e2122b635cfd867db5bf",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:[{onModeChange:0}],size:[{onSizeChange:0}]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as i}from"./p-
|
|
1
|
+
import{r as t,c as e,h as s,H as i}from"./p-BGB6gNkz.js";import{p as o,t as a}from"./p-BzLFf73g.js";import"./p-DbJll7nz.js";import"./p-Bvqcvhjw.js";const n=class{constructor(s){t(this,s),this.closeDialog=e(this,"closeDialog"),this.openDialog=e(this,"openDialog")}stepBlocks=[];prevButton;nextButton;tetDialog;content="";steps=[];isOpen=!1;dialogDataScreenKey="";tetDialogClass="";language="lv";isKeydownFocus=!1;theme="light";closeDialog;openDialog;async componentWillLoad(){await o("tet-components",this.language)}componentDidLoad(){this.setActive(!1),this.prevButton.addEventListener("click",(()=>{this.setActive(!0),this.prevButton.shadowRoot.querySelector("button")?.blur(),this.isKeydownFocus&&("none"!==this.prevButton.style.display?this.prevButton.focus():this.nextButton.focus())})),this.nextButton.addEventListener("click",(()=>{this.setActive(!1),this.nextButton.shadowRoot.querySelector("button")?.blur(),this.isKeydownFocus&&("none"!==this.nextButton.style.display?this.nextButton.focus():this.prevButton.focus())}))}setStepBlocks=t=>{t&&this.stepBlocks.push(t)};setActive=t=>{const e=Array.from(this.stepBlocks).find((t=>t.classList.contains("active"))),s=e?Number(e.getAttribute("data-step")):0,i=t?s-1:s+1,o=Array.from(this.stepBlocks),a=o.find((t=>Number(t.getAttribute("data-step"))===i));a&&(this.stepBlocks.forEach((t=>{t.style.display="none",t.classList.remove("active")})),a.classList.add("active"),a.style.display="block",this.updateButtonVisibility(i,o))};updateButtonVisibility=(t,e)=>{const s=e.find((e=>Number(e.getAttribute("data-step"))===t+1)),i=e.find((e=>Number(e.getAttribute("data-step"))===t-1));this.nextButton.style.display=s?"block":"none",this.prevButton.style.display=i?"block":"none",this.tetDialog.setAttribute("footer-display",s?i?"between":"right":"left")};handleKeydownEvent=t=>{["Enter"," "].includes(t.key)&&(this.isKeydownFocus=!0)};handleCloseDialog=t=>{t.stopPropagation(),this.closeDialog.emit(t.detail)};handleOpenDialog=t=>{t.stopPropagation(),this.openDialog.emit(t.detail)};renderStep(t,e){return s("div",{innerHTML:t,"data-step":Number(e)+1,class:"multi-step-dialog__step",ref:this.setStepBlocks})}render(){return s(i,{key:"9ebffb3406df0416d579972f76be70b162092f11",class:"multi-step-dialog"},s("tet-dialog",{key:"888e270acf557e511b98e90bf0c2c52b42c56bcd",class:this.tetDialogClass,"is-open":this.isOpen,"data-screen-key":this.dialogDataScreenKey,"footer-display":"right",ref:t=>this.tetDialog=t,theme:this.theme,onCloseDialog:this.handleCloseDialog,onOpenDialog:this.handleOpenDialog},s("div",{key:"033609102bb4b2a30a067c12c978cf3b384770f0",innerHTML:this.content}),this.steps.map(((t,e)=>this.renderStep(t,e))),s("tet-button",{key:"814039c8b0d9f49ce73d7a8d3bbaa1df2e2eb6ad",class:"footer-button",slot:"footer",size:"medium",theme:this.theme,type:"secondary",ref:t=>this.prevButton=t,onKeyDown:t=>this.handleKeydownEvent(t)},a("components-go-back")),s("tet-button",{key:"2baa1996ed39b3aaeaf56bb1d1ea803ad908844c",class:"footer-button",slot:"footer",size:"medium",theme:this.theme,ref:t=>this.nextButton=t,onKeyDown:t=>this.handleKeydownEvent(t)},a("components-next-step"))))}};export{n as tet_multi_step_dialog}
|