@tet/tet-components 1.4.140-testing → 1.4.141-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{http-codes-C-IXSZGG.js → http-codes-M3UINy7t.js} +1 -1
- package/dist/cjs/{index-DKg1QTRW.js → index-BGnwL8G_.js} +1 -1
- package/dist/cjs/{index-Bo0hF6YQ.js → index-CabrFqSe.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{product-comparison-f-u42TDe.js → product-comparison-1cTUG5Si.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_5.cjs.entry.js +4 -4
- package/dist/cjs/tet-assembler.cjs.entry.js +14 -5
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +10 -6
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +2 -2
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-sticky-offer.cjs.entry.js +139 -72
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/{translations-f2lO6WcB.js → translations-MNaGVsId.js} +1 -1
- package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.js +41 -2
- package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.js +24 -3
- package/dist/collection/components/simple/misc/tet-sticky-offer/tet-sticky-offer.css +22 -13
- package/dist/collection/components/simple/misc/tet-sticky-offer/tet-sticky-offer.js +212 -92
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CIMNJ4X2.js → p-B36OnKxA.js} +1 -1
- package/dist/components/{p-BLY0RO0L.js → p-B5gZt66l.js} +1 -1
- package/dist/components/{p-DePtMqzY.js → p-B8FP4SAH.js} +1 -1
- package/dist/components/{p-P_J147mb.js → p-BCS3Q4O-.js} +1 -1
- package/dist/components/{p-cnUvPtFj.js → p-BFRbl437.js} +1 -1
- package/dist/components/{p-BgpTlgXX.js → p-BJyEjHQx.js} +1 -1
- package/dist/components/{p-DKavMVSi.js → p-BKPQnaRw.js} +1 -1
- package/dist/components/{p-Cwu8jtXG.js → p-BKT3j81W.js} +1 -1
- package/dist/components/{p-KBNSpMwX.js → p-BMd3uvm2.js} +1 -1
- package/dist/components/{p-Be5i4YJ4.js → p-BXDq6r9O.js} +1 -1
- package/dist/components/{p-CIPUn8d2.js → p-BtQDYhdb.js} +1 -1
- package/dist/components/{p-DgcBdohb.js → p-BtSNSrDr.js} +1 -1
- package/dist/components/{p-Bdt0k-v8.js → p-BvciW7tt.js} +1 -1
- package/dist/components/{p-DHOPNeBR.js → p-C2Vn0VjX.js} +1 -1
- package/dist/components/{p-DcqGjbQO.js → p-CDm2kZUj.js} +1 -1
- package/dist/components/{p-Cfy46lS6.js → p-CO0VSTHD.js} +1 -1
- package/dist/components/{p-CKvGKHDE.js → p-COSlMg29.js} +1 -1
- package/dist/components/{p-c36Z0_hK.js → p-CP-a_UPI.js} +1 -1
- package/dist/components/{p-D9qys4GX.js → p-CPB6HceB.js} +1 -1
- package/dist/components/{p-Dzb-TXLO.js → p-CRJmHkRm.js} +1 -1
- package/dist/components/{p-1M2reaCU.js → p-CVKvk6QH.js} +1 -1
- package/dist/components/{p-B8ElCfnM.js → p-CYfNgSDa.js} +1 -1
- package/dist/components/{p-DEbU6YKQ.js → p-Cezz6oU6.js} +1 -1
- package/dist/components/{p-CFDvtl5l.js → p-CfmV2Jgh.js} +1 -1
- package/dist/components/{p-nb3MHK7A.js → p-ChxhsA_J.js} +1 -1
- package/dist/components/{p-9ItXFJZ6.js → p-ClZGNJ8K.js} +1 -1
- package/dist/components/{p-CjOuXGOS.js → p-CrSRJXyV.js} +1 -1
- package/dist/components/{p-B2Xg3DH0.js → p-CuMXHleS.js} +1 -1
- package/dist/components/{p-BsNlQtYx.js → p-CwSl5E57.js} +1 -1
- package/dist/components/{p-zkmKLYHg.js → p-DDjtysF3.js} +1 -1
- package/dist/components/{p-B_RQCK28.js → p-DF_X_yCR.js} +1 -1
- package/dist/components/{p-BZ9cVPPC.js → p-DMha5T5b.js} +1 -1
- package/dist/components/{p-CMbAQKoe.js → p-DULF82L1.js} +1 -1
- package/dist/components/{p-B4MTqXan.js → p-DWm7jq2J.js} +1 -1
- package/dist/components/{p-DH1iZWF5.js → p-D_0fYn3l.js} +1 -1
- package/dist/components/{p-ClWTLrk_.js → p-Df7zWrR3.js} +1 -1
- package/dist/components/{p-BBMx2Nbt.js → p-DftHVfCt.js} +1 -1
- package/dist/components/{p-ChbxhvnA.js → p-DvUWnsVA.js} +1 -1
- package/dist/components/{p-lmIrgmgo.js → p-Dy5X-F_i.js} +1 -1
- package/dist/components/{p-Do_1srPW.js → p-DyW5hKus.js} +1 -1
- package/dist/components/{p-BOavyx-7.js → p-Jr4xP8U0.js} +1 -1
- package/dist/components/{p-DeFz-G5N.js → p-JxsG9Eqn.js} +1 -1
- package/dist/components/{p-CQfy7CVi.js → p-STr2Oh_2.js} +1 -1
- package/dist/components/{p-DQaNW2BX.js → p-TrvYXEJ_.js} +1 -1
- package/dist/components/{p-Bq1skzzY.js → p-Vo_9U06w.js} +1 -1
- package/dist/components/{p-BZ0uDmYr.js → p-YbtFFhcU.js} +1 -1
- package/dist/components/{p-DRJ0zjoF.js → p-cb20nj-c.js} +1 -1
- package/dist/components/{p-tQ4vjHQ1.js → p-nZe5s9iw.js} +1 -1
- package/dist/components/{p-CT-Ge0pF.js → p-nfGM0aGC.js} +1 -1
- package/dist/components/{p-BWmFtcLN.js → p-v3jmLiwp.js} +1 -1
- package/dist/components/{p-Dvk7syez.js → p-vTo56FQh.js} +1 -1
- package/dist/components/{p-Clw2OLNj.js → p-x60Po9AL.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-DchfPj1v.js → http-codes-CMh_eKUC.js} +1 -1
- package/dist/esm/{index-DfBhGuuz.js → index-DScKyiML.js} +1 -1
- package/dist/esm/{index-ClX9TYQY.js → index-st4TD55I.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{product-comparison-DJko3TwF.js → product-comparison-BHzU1-QK.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_5.entry.js +4 -4
- package/dist/esm/tet-assembler.entry.js +14 -5
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete_2.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +10 -6
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +3 -3
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio_2.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-sticky-offer.entry.js +139 -72
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/{translations-4zQUcigP.js → translations-CkBHYZxq.js} +1 -1
- package/dist/tet-components/{p-53b4947e.entry.js → p-016d6dd4.entry.js} +1 -1
- package/dist/tet-components/{p-f5315eaf.entry.js → p-041f46b1.entry.js} +1 -1
- package/dist/tet-components/{p-29948163.entry.js → p-104a465c.entry.js} +1 -1
- package/dist/tet-components/{p-517168f6.entry.js → p-1095d7d6.entry.js} +1 -1
- package/dist/tet-components/{p-eb3a8119.entry.js → p-11363389.entry.js} +1 -1
- package/dist/tet-components/{p-a2a4917a.entry.js → p-129762b3.entry.js} +1 -1
- package/dist/tet-components/{p-79e4a166.entry.js → p-1633a0b1.entry.js} +1 -1
- package/dist/tet-components/p-19a69be3.entry.js +1 -0
- package/dist/tet-components/{p-43d1f956.entry.js → p-1c627ac0.entry.js} +1 -1
- package/dist/tet-components/{p-tf8lKgfD.js → p-2BDVUFcI.js} +1 -1
- package/dist/tet-components/{p-26dd3cb0.entry.js → p-3204266c.entry.js} +1 -1
- package/dist/tet-components/p-371e754f.entry.js +1 -0
- package/dist/tet-components/p-3814dc31.entry.js +1 -0
- package/dist/tet-components/{p-B8Zjo2sa.js → p-3AR12uVQ.js} +1 -1
- package/dist/tet-components/{p-b4c45d6b.entry.js → p-3d981a11.entry.js} +1 -1
- package/dist/tet-components/{p-4aa2dbc8.entry.js → p-4051e024.entry.js} +1 -1
- package/dist/tet-components/{p-19343cc6.entry.js → p-42346043.entry.js} +1 -1
- package/dist/tet-components/{p-1d997c7d.entry.js → p-47c15f9c.entry.js} +1 -1
- package/dist/tet-components/{p-d2db496b.entry.js → p-4b7c2be5.entry.js} +1 -1
- package/dist/tet-components/{p-3ab52911.entry.js → p-4bd72575.entry.js} +1 -1
- package/dist/tet-components/{p-10e789d9.entry.js → p-4e65a282.entry.js} +1 -1
- package/dist/tet-components/{p-4a22c9a8.entry.js → p-50c5e01e.entry.js} +1 -1
- package/dist/tet-components/{p-21a59a4f.entry.js → p-52c129e9.entry.js} +1 -1
- package/dist/tet-components/{p-77ae360e.entry.js → p-537faa1c.entry.js} +1 -1
- package/dist/tet-components/{p-b5efc6d4.entry.js → p-54c98af8.entry.js} +1 -1
- package/dist/tet-components/{p-8c39d824.entry.js → p-595c36d0.entry.js} +1 -1
- package/dist/tet-components/{p-7105253e.entry.js → p-631721d5.entry.js} +1 -1
- package/dist/tet-components/{p-7fdd634a.entry.js → p-648fe9fe.entry.js} +1 -1
- package/dist/tet-components/{p-d88d8689.entry.js → p-668c2484.entry.js} +1 -1
- package/dist/tet-components/{p-9ab737dd.entry.js → p-6a2ed4f0.entry.js} +1 -1
- package/dist/tet-components/{p-47b6721e.entry.js → p-6b27edab.entry.js} +1 -1
- package/dist/tet-components/{p-b8c0433c.entry.js → p-6d7506fe.entry.js} +1 -1
- package/dist/tet-components/{p-98ae4292.entry.js → p-6f09c992.entry.js} +1 -1
- package/dist/tet-components/{p-f79c8697.entry.js → p-6fc08d81.entry.js} +1 -1
- package/dist/tet-components/{p-8436df88.entry.js → p-7366cfd6.entry.js} +1 -1
- package/dist/tet-components/{p-d2abe02d.entry.js → p-76b13aec.entry.js} +1 -1
- package/dist/tet-components/{p-2bd1b7ec.entry.js → p-79388d8a.entry.js} +1 -1
- package/dist/tet-components/{p-dca1a4c2.entry.js → p-7a9e715e.entry.js} +1 -1
- package/dist/tet-components/{p-15bddc3d.entry.js → p-7dba08b3.entry.js} +1 -1
- package/dist/tet-components/{p-d89ae495.entry.js → p-7fc4c174.entry.js} +1 -1
- package/dist/tet-components/{p-616d3818.entry.js → p-854c146d.entry.js} +1 -1
- package/dist/tet-components/{p-dfdf946f.entry.js → p-86614def.entry.js} +1 -1
- package/dist/tet-components/{p-92ef3a39.entry.js → p-87e315d4.entry.js} +1 -1
- package/dist/tet-components/{p-c32edb32.entry.js → p-891cff98.entry.js} +1 -1
- package/dist/tet-components/{p-2e7cb093.entry.js → p-8b5ee723.entry.js} +1 -1
- package/dist/tet-components/{p-93283513.entry.js → p-904ffd64.entry.js} +1 -1
- package/dist/tet-components/{p-d44bea09.entry.js → p-937c99dd.entry.js} +1 -1
- package/dist/tet-components/{p-cd267067.entry.js → p-9691d0a9.entry.js} +1 -1
- package/dist/tet-components/{p-a410109c.entry.js → p-96e57ac6.entry.js} +1 -1
- package/dist/tet-components/{p-394b9c6b.entry.js → p-9a491f9a.entry.js} +1 -1
- package/dist/tet-components/{p-3d8635c1.entry.js → p-9d704250.entry.js} +1 -1
- package/dist/tet-components/p-C8CA8-C8.js +1 -0
- package/dist/tet-components/{p-t-BNeeWq.js → p-CjkCTYSi.js} +1 -1
- package/dist/tet-components/{p-2e4e81a5.entry.js → p-a28d27a1.entry.js} +1 -1
- package/dist/tet-components/{p-7ffa074d.entry.js → p-a631d8c5.entry.js} +1 -1
- package/dist/tet-components/{p-baf6ba9e.entry.js → p-a7f8ef9f.entry.js} +1 -1
- package/dist/tet-components/{p-47484c33.entry.js → p-a86ca759.entry.js} +1 -1
- package/dist/tet-components/{p-1556076a.entry.js → p-abb2da28.entry.js} +1 -1
- package/dist/tet-components/{p-8b3ea797.entry.js → p-af0e9ee6.entry.js} +1 -1
- package/dist/tet-components/{p-306ff942.entry.js → p-b066e773.entry.js} +1 -1
- package/dist/tet-components/{p-cb1c05ab.entry.js → p-b1037e46.entry.js} +1 -1
- package/dist/tet-components/{p-73aca8b1.entry.js → p-b2d61826.entry.js} +1 -1
- package/dist/tet-components/{p-b315a1c8.entry.js → p-ba878c01.entry.js} +1 -1
- package/dist/tet-components/{p-fa381f41.entry.js → p-bad31105.entry.js} +1 -1
- package/dist/tet-components/{p-39be547b.entry.js → p-c3862ffb.entry.js} +1 -1
- package/dist/tet-components/{p-5a31f21d.entry.js → p-c7741572.entry.js} +1 -1
- package/dist/tet-components/{p-1deb89e1.entry.js → p-c7f0f9f4.entry.js} +1 -1
- package/dist/tet-components/{p-591a092a.entry.js → p-c9bc7e1c.entry.js} +1 -1
- package/dist/tet-components/{p-e13f06c4.entry.js → p-ca111c70.entry.js} +1 -1
- package/dist/tet-components/{p-3242f182.entry.js → p-cf0f0d6e.entry.js} +1 -1
- package/dist/tet-components/{p-24bdeb37.entry.js → p-d1a9ded7.entry.js} +1 -1
- package/dist/tet-components/{p-f7e3a24b.entry.js → p-d1f560a6.entry.js} +1 -1
- package/dist/tet-components/{p-5bd0a0c8.entry.js → p-dac6ad5c.entry.js} +1 -1
- package/dist/tet-components/p-e029d839.entry.js +1 -0
- package/dist/tet-components/{p-4f47079e.entry.js → p-e2d09b10.entry.js} +1 -1
- package/dist/tet-components/{p-139d4cad.entry.js → p-e624df8a.entry.js} +1 -1
- package/dist/tet-components/{p-8bdcb714.entry.js → p-e87a7b06.entry.js} +1 -1
- package/dist/tet-components/{p-bd42d182.entry.js → p-ea5a63a1.entry.js} +1 -1
- package/dist/tet-components/{p-b849774e.entry.js → p-ee844459.entry.js} +1 -1
- package/dist/tet-components/{p-bb325aa4.entry.js → p-f2bd28a0.entry.js} +1 -1
- package/dist/tet-components/{p-a0340287.entry.js → p-f4cfb3a5.entry.js} +1 -1
- package/dist/tet-components/{p-f5a86256.entry.js → p-f96c8acc.entry.js} +1 -1
- package/dist/tet-components/{p-87d015b3.entry.js → p-feccd822.entry.js} +1 -1
- package/dist/tet-components/{p-ClX9TYQY.js → p-st4TD55I.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-assembler/tet-assembler.d.ts +2 -0
- package/dist/types/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.d.ts +2 -0
- package/dist/types/components/simple/misc/tet-sticky-offer/tet-sticky-offer.d.ts +27 -13
- package/dist/types/components.d.ts +28 -7
- package/package.json +1 -1
- package/dist/tet-components/p-0690117e.entry.js +0 -1
- package/dist/tet-components/p-8a9d5ef1.entry.js +0 -1
- package/dist/tet-components/p-BGrvDoTj.js +0 -1
- package/dist/tet-components/p-b17d4f71.entry.js +0 -1
- package/dist/tet-components/p-c989a64d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,a as e,f as n,h as i,H as a}from"./p-ClX9TYQY.js";import{p as r,t as s}from"./p-t-BNeeWq.js";import"./p-tf8lKgfD.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,a as e,f as n,h as i,H as a}from"./p-st4TD55I.js";import{p as r,t as s}from"./p-CjkCTYSi.js";import"./p-2BDVUFcI.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 e,h as t}from"./p-
|
|
1
|
+
import{r as e,h as t}from"./p-st4TD55I.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 n,c as t,f as i,h as a}from"./p-
|
|
1
|
+
import{r as n,c as t,f as i,h as a}from"./p-st4TD55I.js";import{p as e,t as o}from"./p-CjkCTYSi.js";import"./p-2BDVUFcI.js";import"./p-Bvqcvhjw.js";const r=class{constructor(i){n(this,i),this.slideChange=t(this,"slideChange"),this.pauseStateChange=t(this,"pauseStateChange")}slides=4;duration=5e3;paused=!1;mobileLayout=!1;theme="light";language="lv";interactive=!0;isPaused=!1;currentSlide=0;firstLoad=!1;autoTimer;slideChange;pauseStateChange;async onLanguageChange(n){e("tet-components",n).then((()=>i(this)))}onPausedStateChange(n){n?this.pause():this.play()}onInteractiveChange(n){n?this.isPaused||this.startAutoAdvance():this.stopAutoAdvance()}async componentWillLoad(){this.isPaused=this.paused,this.firstLoad=!0,await e("tet-components",this.language)}componentDidLoad(){!this.isPaused&&this.interactive&&this.startAutoAdvance()}disconnectedCallback(){this.stopAutoAdvance()}async pause(){this.isPaused=!0,this.stopAutoAdvance(),this.pauseStateChange.emit({paused:!0})}async play(){this.isPaused=!1,this.startAutoAdvance(),this.pauseStateChange.emit({paused:!1})}async goTo(n,t){if(!this.interactive&&"user"===t)return;const i=this.currentSlide;this.currentSlide=Math.max(0,Math.min(n,this.slides-1)),this.slideChange.emit({index:this.currentSlide,previousIndex:i,source:t}),this.isPaused||this.startAutoAdvance()}async next(){this.currentSlide===this.slides-1&&(this.firstLoad=!1);const n=(this.currentSlide+1)%this.slides;await this.goTo(n,"next")}async previous(){const n=0===this.currentSlide?this.slides-1:this.currentSlide-1;await this.goTo(n,"previous")}async getCurrentSlide(){return this.currentSlide}startAutoAdvance(){this.stopAutoAdvance(),this.interactive&&(this.autoTimer=window.setInterval((()=>{this.next()}),this.duration))}stopAutoAdvance(){this.autoTimer&&(clearInterval(this.autoTimer),this.autoTimer=void 0)}handlePauseClick=()=>{this.isPaused?this.play():this.pause()};renderInteractionButton(){return this.interactive?a("button",{type:"button",class:"banner-navigation__pause",onClick:this.handlePauseClick,"aria-label":o(this.isPaused?"components-banner-nav-resume-slideshow":"components-banner-nav-pause-slideshow")},a("tet-icon",{class:"button-icon",name:this.isPaused?"tc-play":"tc-pause"})):null}render(){return 1===this.slides?null:a("div",{class:{"banner-navigation":!0,[`banner-navigation--${this.theme}`]:!0,"banner-navigation--paused":this.isPaused,"banner-navigation--mobile":this.mobileLayout},style:{"--progress-duration":`${this.duration}ms`}},!this.interactive&&a("span",{class:"sr-only",role:"status","aria-live":"polite"},`${o("components-banner-nav-slide")} ${this.currentSlide+1}/${this.slides}`),this.renderInteractionButton(),Array.from({length:this.slides},((n,t)=>a("div",{class:"banner-navigation__button-container"},a("button",{type:"button",disabled:!this.interactive,"aria-hidden":this.interactive?void 0:"true",class:{"banner-navigation__button":!0,"banner-navigation__button--interactive":this.interactive,"banner-navigation__button--active":t===this.currentSlide,"banner-navigation__button--paused":this.isPaused,"banner-navigation__button--done":t<this.currentSlide,"banner-navigation__button--resetting":!this.firstLoad&&0===this.currentSlide,"banner-navigation__button--last":!this.firstLoad&&0===this.currentSlide&&t===this.slides-1,"nav-svg--filled":t<this.currentSlide,"nav-svg--unfilled":t>this.currentSlide},onClick:()=>this.goTo(t,"user"),"aria-label":`${o(this.interactive?"components-banner-nav-go-to-slide":"components-banner-nav-slide")} ${t+1}/${this.slides}`,"aria-current":t===this.currentSlide?"true":void 0},a("div",{class:"svg-wrapper"},a("svg",{class:"nav-svg",width:"23",height:"13",viewBox:"0 0 23 12",fill:"none"},a("defs",null,a("clipPath",{id:`nav-clip-${t}`},a("rect",{class:"clip-rect",x:"0.5",y:"0.5",height:"11"}))),a("rect",{class:"rect outer-rect",x:"0.5",y:"0.5",width:"22",height:"11",rx:"5.5",stroke:"currentColor",fill:"none"}),a("rect",{class:"rect hover-rect",x:"0.5",y:"0.5",height:"11",width:"22",rx:"5.5",fill:"transparent"}),a("g",{"clip-path":`url(#nav-clip-${t})`},a("rect",{class:"rect rect-opacity",x:"0.5",y:"0.5",height:"11",width:"22",rx:"5.5",fill:"var(--fill-color)"})))))))))}static get watchers(){return{language:[{onLanguageChange:0}],paused:[{onPausedStateChange:0}],interactive:[{onInteractiveChange:0}]}}};r.style='.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.banner-navigation{display:inline-flex;align-items:flex-end;min-height:1.375rem}.banner-navigation--light{color:var(--tc-icon-primary);--fill-color:var(--tc-icon-primary);--outline-color:var(--tc-blue-40, rgba(25, 98, 212, 1));--hover-color:rgba(12, 12, 14, 0.10);--done-hover-color:var(--tc-grey-80);--pause-icon-color:var( --tc-icon-primary);--active-color:var(--tc-grey-110);--inactive-color:var(--tc-border-inverse-tertiary)}.banner-navigation--dark{color:var(--tc-icon-primary-dark);--fill-color:var(--tc-icon-primary-dark);--outline-color:var(--tc-blue-40-dark, rgba(52, 129, 247, 1));--hover-color:rgba(187, 189, 191, 0.2);--done-hover-color:var(--tc-grey-80-dark);--pause-icon-color:var(--tc-icon-primary-dark);--active-color:var(--tc-grey-110-dark);--inactive-color:var(--tc-border-inverse-tertiary-dark)}.banner-navigation__pause{display:flex;align-items:center;border:none;background:none;padding:0.125rem;margin-right:0.375rem;cursor:pointer}.banner-navigation__pause:focus-visible{outline:var(--outline-color) auto 1px}.banner-navigation__pause .button-icon{--icon-size:1rem;--icon-container-display:flex;--icon-color:var(--pause-icon-color)}.banner-navigation__pause:hover .button-icon{--icon-color:var(--done-hover-color)}.banner-navigation__button-container{margin:0 0 2px 0}.banner-navigation__button{display:flex;align-items:flex-end;justify-content:center;appearance:none;border:none;background:none;cursor:pointer;padding:0.125rem;color:var(--inactive-color)}.banner-navigation__button--interactive:hover .hover-rect{fill:var(--hover-color)}.banner-navigation__button--interactive.banner-navigation__button--done:hover .rect-opacity,.banner-navigation__button--interactive.banner-navigation__button--active:hover .rect-opacity{fill:var(--done-hover-color)}.banner-navigation__button--interactive.banner-navigation__button--done:hover .outer-rect,.banner-navigation__button--interactive.banner-navigation__button--active:hover .outer-rect{color:var(--done-hover-color)}.banner-navigation__button .clip-rect{width:22px}.banner-navigation__button--active,.banner-navigation__button--done{color:var(--active-color)}.banner-navigation__button--active .clip-rect{animation:fill-progress var(--progress-duration, 5000ms) linear forwards}.banner-navigation__button--done .clip-rect{width:22px}.banner-navigation__button--active.banner-navigation__button--paused .clip-rect{animation:none;width:0}.banner-navigation__button:not(.banner-navigation__button--interactive){cursor:default}.banner-navigation__button:not(.banner-navigation__button--interactive).banner-navigation__button--active .clip-rect{animation:none;width:22px}.banner-navigation__button:not(.banner-navigation__button--interactive).banner-navigation__button--active .rect-opacity{opacity:0}@keyframes fill-progress{from{width:0}to{width:22px}}.svg-wrapper{position:relative;display:inline-block;width:12px;height:12px;transition:width 0.2s linear;pointer-events:none}.svg-wrapper .nav-svg{position:absolute;top:50%;left:0;transform:translateY(-50%);transform-origin:left center;height:12px;pointer-events:none}.svg-wrapper .rect{transition:width 0.2s linear, rx 0.2s ease-out}.nav-svg--unfilled .rect-opacity{opacity:0;width:22px;transition:width 0.2s linear, rx 0.2s ease-out, opacity 0.2s ease-in}.nav-svg--unfilled .rect{rx:10;width:11px}.nav-svg--filled .rect-opacity{opacity:1}.nav-svg--filled .rect{width:11px;rx:10}.banner-navigation__button--active .svg-wrapper{width:23px}@media (prefers-reduced-motion: reduce){.banner-navigation__button--active .clip-rect,.rect,.rect-opacity{transition:none;width:22px}}.banner-navigation__button:focus-visible{position:relative;width:fit-content;height:fit-content;outline:none}.banner-navigation__button:focus-visible::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;scale:1.2;transform-origin:center center;outline:2px solid;outline-offset:-0.125rem;outline-color:var(--outline-color);border-radius:11px}.banner-navigation--mobile{min-height:1.625rem}.banner-navigation--mobile .banner-navigation__button{padding:0.3125rem}.banner-navigation--mobile .banner-navigation__pause{padding:0.3125rem;margin-right:0.4375rem;outline-offset:-0.25rem}.banner-navigation--mobile .banner-navigation__button:focus-visible::after{outline-offset:-0.3125rem}';export{r as tet_banner_nav}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,a as o,h as r,H as i}from"./p-ClX9TYQY.js";import{e as a,A as n}from"./p-tf8lKgfD.js";import{f as s}from"./p-B_N3UuP2.js";import{c}from"./p-B8Zjo2sa.js";import{t as l}from"./p-t-BNeeWq.js";import"./p-Bvqcvhjw.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const e=new Map(d.cart);e.delete(t),f("cart",e)},u=()=>{const t=m("cart"),e=m("productDetails"),o={};for(const[r,i]of t.entries())o[e.get(r)?.name||r]=i;return o},y=class{constructor(o){t(this,o),this.compareLinkClick=e(this,"compareLinkClick"),this.b2bConfiguratorSubmit=e(this,"b2bConfiguratorSubmit"),this.successCloseClick=e(this,"successCloseClick")}get hostElement(){return o(this)}priceSuffix="€/mēn.";cartEl;confirmationDialogEl;submissionStateDialogEl;checkoutFormEl;primaryAccordionEl;secondaryAccordionEl;primaryNavEl;secondaryNavEl;referenceElement;isLoading=!0;itemToRemove=null;checkoutAttempted=!1;formState="success";activePrimaryCategoryId=null;resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}activeSecondaryCategoryId=null;resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}selectedPrimaryCards=[];selectedSecondaryCards=[];isDesktopResolution;theme="light";stickyRefEl="";compareLinkClick;b2bConfiguratorSubmit;successCloseClick;async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){this.isLoading=!0,await(async t=>{const e="function"==typeof t?t():t,o=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([e,o]);return r})(this.fetchData),this.isLoading=!1,this.activePrimaryCategoryId=d.data.find((t=>"primary"===t.type))?.id||null,this.activeSecondaryCategoryId=d.data.find((t=>"secondary"===t.type))?.id||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){"validation-error"===t&&(this.submissionStateDialogEl.close(),this.checkoutFormEl.open()),this.formState=t}checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024};fetchData=async()=>{(t=>{f("data",t);const e=new Map;for(const o of t)for(const t of o.products){const{type:r,name:i,id:a}=o,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;e.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",e)})(await(()=>{let t;try{t=new URL(a.b2bConfigurator).href}catch(t){return console.error(t),Promise.reject("B2B configurator endpoint URL generation failed.")}return(new n).setUrl(t).setErrorFallbackValue([]).execute()})())};renderPlaceholder=()=>{const t="dark"===this.theme;return[r("div",{class:"offer placeholder"},r("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},r("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),r("div",{class:"offer__content"},r("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),r("div",{class:"offer__cards"},r("div",{class:"offer__cards-list"},r("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),r("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},r("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]};categoryClickHandler=t=>{const{id:e}=t.detail,o=this.getCategoryById(e);o&&("primary"===o.type?this.activePrimaryCategoryId=e:this.activeSecondaryCategoryId=e)};renderOffer=()=>{const t=[{name:l("components-b2b-offer-primary-title"),type:"primary"},{name:l("components-b2b-offer-secondary-title"),type:"secondary"}];return r("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const e=d.data.filter((e=>e.type===t.type)).map((t=>{const{id:e,name:o,icon:r}=t;return{id:e,name:o,icon:r,selected:e===this.activePrimaryCategoryId||e===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:e=>{"primary"===t.type?this.primaryAccordionEl=e:this.secondaryAccordionEl=e},key:t.type,class:"offer__block",isOpen:"primary"===t.type,header:t.name,withBorder:!0,theme:this.theme,transparentBackground:!0},r("div",{class:"offer__content"},r("div",{class:"offer__navigation"},r("tet-business-navigation",{ref:e=>{"primary"===t.type?this.primaryNavEl=e:this.secondaryNavEl=e},menuItems:e,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((e=>e.id===t));onCompareLinkClick=t=>{const e=this.getCategoryById(t);e&&e.modalScreenId&&this.compareLinkClick.emit(e.modalScreenId)};handleCardSelected=(t,e)=>{const o=this.getCategoryById(e);if(!o)return;const{type:r,allowMultipleChoice:i}=o;if("primary"===r){if(this.selectedPrimaryCards.includes(t))return;this.selectedPrimaryCards=i?[...this.selectedPrimaryCards,t]:[t]}else{if(this.selectedSecondaryCards.includes(t))return;this.selectedSecondaryCards=i?[...this.selectedSecondaryCards,t]:[t]}};handleProductCountChanged=async(t,e)=>{const{cardId:o,count:r}=t.detail,i=this.getCategoryById(e);if(i&&d.cart.get(o)!==r){if(!r)return this.itemToRemove=o,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==o&&h(t.productCode))),((t,e)=>{if(e<0)return;const o=new Map(d.cart);o.set(t,e),f("cart",o)})(o,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}};onConfirmationClose=()=>{this.itemToRemove=null};renderConfirmationDialog=()=>r("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"tc-attention"}),r("div",{class:"action-dialog__title"},l("components-b2b-item-remove-confirmation-title"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},l("components-b2b-item-remove-confirmation-decline")),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{h(this.itemToRemove),this.confirmationDialogEl.close()}},l("components-b2b-item-remove-confirmation-accept"))));resetState=()=>{f("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()};renderSubmissionStateDialog=()=>{const t="loading"===this.formState,e=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},o=t?r("div",{class:"action-dialog"},r("tet-spinner",{theme:this.theme}),r("div",{class:"action-dialog__title"},l("components-b2b-loading-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-loading-dialog-description"))):[r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),r("div",{class:"action-dialog__title"},l("components-b2b-success-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-success-dialog-description"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:e},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-close"))),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-start-again"))))];return r("tet-dialog",{ref:t=>this.submissionStateDialogEl=t,class:{[this.theme]:!0,"action-dialog--loading":t},closeOnOverlayClick:!1,closeOnEscape:!t,hideCloseButton:t,theme:this.theme,onCloseDialog:"success"===this.formState?e:this.submissionStateDialogEl.close},o)};renderCards=t=>{const e="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,o="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(e),{modalScreenId:a,products:n=[]}=i||{},s=n.map((t=>{const{productCode:i,name:{lv:a},description:{lv:n},amount:s,b2bConfiguratorProduct:{discountAmount:c,selectionType:l,defaultValue:f,minValue:m,maxValue:h,translationKey:u},benefits:{lv:y},contracts:p}=t,b=!!t.attributes.find((t=>"isBestChoice"===t.key))?.value,g="single"===l?void 0:{defaultValue:f,minValue:m,maxValue:h,label:u},_={id:i,title:a,subtitle:n,isBestChoice:b,price:s,discountPrice:c,benefits:y.split("\n"),contract:p[0]?.contract,counterOptions:g},v=o.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,e),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,e)})}));return r("div",{class:"offer__cards"},r("div",{class:"offer__cards-header"},r("div",{class:"offer__cards-title"},l("components-b2b-offer-product-list-title")),a&&r("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(e)}},r("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},l("components-b2b-offer-compare-link-text")),r("div",{class:"compare__icon-wrapper"},r("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),r("div",{class:"offer__cards-list"},s))};handleCartProductCountChange=(t,e,o)=>{this.handleProductCountChanged({detail:{cardId:t,count:e}},o)};goToProduct=async(t,e)=>{const o=this.getCategoryById(t);o&&("primary"===o.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===o.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(e,t)}),0))};renderCartCardsList=t=>{const e=e=>{const o=d.cart.get(e),i=d.productDetails.get(e);if(void 0===o||!i)return null;const{name:a,amount:n,description:s,discountAmount:c,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:g,maxValue:_,translationKey:v}=u;return r("tet-business-summary-card",{key:e,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:o,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(e,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(e,0,h),onEditButtonClick:()=>this.goToProduct(h,e)})};return["primary","secondary"].map((t=>{const o=[...d.cart].filter((([e])=>{const o=d.productDetails.get(e);return o&&o.categoryType===t})).map((([t])=>e(t)));return o.length?r("div",{class:"cart__card-list",slot:t},o):null}))};positionStickyCartEl=()=>{this.referenceElement&&(this.isDesktopResolution?this.hostElement.style.setProperty("--b2b-cart-sticky-top",`${this.referenceElement.offsetTop}px`):this.hostElement.style.removeProperty("--b2b-cart-sticky-top"))};renderCart=(t="edit")=>{const e=!d.cart.size;let o={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,e]of d.cart){const r=d.productDetails.get(t);r&&(o[r.categoryType]+=(r.discountAmount??r.amount)*e,i[r.categoryType]+=1,a+=r.amount*e)}const{primary:n,secondary:c}=o,f=n+c,m=a-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:s(f,{currency:""}),primaryAmount:s(n,{currency:""}),secondaryAmount:s(c,{currency:""}),primaryCount:i.primary,secondaryCount:i.secondary,summarySavings:s(m,{currency:""}),hasPrimaryNotification:y,hasSecondaryNotification:p},g="edit"===t?r("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},l("components-b2b-cart-cta-button-title")):null;return r("tet-b2b-configurator-cart",{ref:e=>"edit"===t?this.cartEl=e:null,context:t,class:{cart:!0,"cart--empty":e,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:e,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[e,o]of d.cart){const o=d.productDetails.get(e);o&&(t[o.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:e}=this.areProductsAddedToCart();t&&e&&this.checkoutFormEl.open()};submit=({detail:t})=>{const e={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(e),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()};renderCheckoutForm=()=>r("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},r("div",{slot:"cart"},this.renderCart("checkout")));render(){return r(i,{key:"ba733aab5ffe86a0fd1b38b3a2918c54fe8eec79"},r("div",{key:"6613740c6cf0382aa75f08a31a1cfe14fe660ff9",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():d.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}static get watchers(){return{activePrimaryCategoryId:[{resetSelectedPrimaryCards:0}],activeSecondaryCategoryId:[{resetSelectedSecondaryCards:0}]}}};y.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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;--b2b-cart-offset-top:0px}.light{--b2b-text-color:var(--tc-text-primary);--b2b-text-color-secondary:var(--tc-text-secondary);--b2b-background-color:var(--tc-layer-primary);--b2b-icon-background-color:var(--tc-layer-secondary);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary);--b2b-box-shadow:var(--tc-elevation-one);--b2b-border-color:var(--tc-border-quaternary);--b2b-summary-block-color:var(--tc-layer-secondary);--b2b-summary-accent-color:var(--tc-yellow-20);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40);--b2b-success-dialog-icon-color:var(--tc-green-40)}.dark{--b2b-text-color:var(--tc-text-primary-dark);--b2b-text-color-secondary:var(--tc-text-secondary-dark);--b2b-background-color:var(--tc-layer-primary-dark);--b2b-icon-background-color:var(--tc-layer-secondary-dark);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary-dark);--b2b-box-shadow:var(--tc-elevation-one-dark);--b2b-border-color:var(--tc-border-quaternary-dark);--b2b-summary-block-color:var(--tc-layer-secondary-dark);--b2b-summary-accent-color:var(--tc-grey-20-dark);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40-dark);--b2b-success-dialog-icon-color:var(--tc-green-40-dark)}button.button-reset{background:none;border:none;padding:0;color:inherit;text-align:inherit}.placeholder{--placeholder-animation-speed:5s}.configurator{display:flex;gap:1rem;flex-direction:column;color:var(--b2b-text-color)}@media screen and (min-width: 64rem){.configurator{gap:1.5rem;flex-direction:row;align-items:flex-start}}.offer{border-radius:1rem;height:fit-content;flex:0 0 calc(70% - 0.75rem);background-color:var(--b2b-background-color);box-shadow:var(--b2b-box-shadow)}.offer__block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif}.offer__block:first-child{--accordion-border-radius:1rem 1rem 0 0;--accordion-outer-border:var(--b2b-border-color)}.offer__block:last-child{--accordion-border-radius:0 0 1rem 1rem;--accordion-border-bottom-width:0}@media screen and (min-width: 64rem){.offer__block{--accordion-header-padding:1.5rem;--accordion-header-font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif}}.offer__content{overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;border-color:var(--b2b-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.offer__content{padding:1.5rem}}@media screen and (min-width: 64rem){.offer__content{flex-direction:row;gap:1.5rem;padding-bottom:2.5rem}}.offer__navigation{margin:0 -1.5rem;flex:0 0 30%}@media screen and (min-width: 64rem){.offer__navigation{max-width:20.5rem;margin:0}}.offer__cards{flex:1 1 0%}.offer__cards-header{padding:0.5rem 0 0.75rem 0;display:flex;gap:0.5rem;justify-content:space-between;align-items:center}@media screen and (min-width: 64rem){.offer__cards-header{padding:1rem 0}}.offer__cards-list{display:flex;flex-direction:column;gap:1rem}.offer__cards-title{flex:auto;font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.offer__cards-title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.compare__button{border-radius:50%;overflow:hidden;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.compare__button{border-radius:0.125rem}}.compare__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.compare__button.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.compare__button:active{--b2b-icon-background-color:var(--b2b-icon-pressed-background-color)}.compare__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:none}@media screen and (min-width: 64rem){.compare__text{display:initial}}.compare__icon-wrapper{width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--b2b-icon-background-color);cursor:pointer}@media screen and (min-width: 64rem){.compare__icon-wrapper{display:none}}.compare__icon{--icon-size:1.5rem;--icon-container-display:flex}.cart{flex:0 0 calc(30% - 0.75rem);position:sticky}.cart--edit{bottom:-1px;top:calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top))}@media screen and (min-width: 64rem){.cart--edit{max-width:calc(30% - 0.75rem)}}.cart--empty{display:none}@media screen and (min-width: 64rem){.cart--empty{display:flex}}.cart__card-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.cart__cta{display:block;align-self:center;width:stretch;--button-width:100%}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end;width:unset;--button-width:auto}}.action-dialog{display:flex;flex-direction:column;gap:0.5rem;align-items:center;margin-bottom:1.5rem}.action-dialog--loading{--dialog-footer-border-color:transparent}.action-dialog__title{text-align:center;font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.action-dialog__description{text-align:center;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.action-dialog__icon{--icon-size:3rem}.action-dialog__attention-icon{--icon-color:var(--b2b-confirmation-dialog-icon-color)}.action-dialog__success-icon{--icon-color:var(--b2b-success-dialog-icon-color)}.action-dialog__footer{display:flex;flex-direction:column;justify-content:space-between;flex:auto;gap:1rem}@media screen and (min-width: 31.25rem){.action-dialog__footer{flex-direction:row}}.action-dialog__button{--button-width:100%}.action-dialog__button-text{white-space:nowrap}';export{y as tet_b2b_configurator}
|
|
1
|
+
import{r as t,c as e,a as o,h as r,H as i}from"./p-st4TD55I.js";import{e as a,A as n}from"./p-2BDVUFcI.js";import{f as s}from"./p-B_N3UuP2.js";import{c}from"./p-3AR12uVQ.js";import{t as l}from"./p-CjkCTYSi.js";import"./p-Bvqcvhjw.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const e=new Map(d.cart);e.delete(t),f("cart",e)},u=()=>{const t=m("cart"),e=m("productDetails"),o={};for(const[r,i]of t.entries())o[e.get(r)?.name||r]=i;return o},y=class{constructor(o){t(this,o),this.compareLinkClick=e(this,"compareLinkClick"),this.b2bConfiguratorSubmit=e(this,"b2bConfiguratorSubmit"),this.successCloseClick=e(this,"successCloseClick")}get hostElement(){return o(this)}priceSuffix="€/mēn.";cartEl;confirmationDialogEl;submissionStateDialogEl;checkoutFormEl;primaryAccordionEl;secondaryAccordionEl;primaryNavEl;secondaryNavEl;referenceElement;isLoading=!0;itemToRemove=null;checkoutAttempted=!1;formState="success";activePrimaryCategoryId=null;resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}activeSecondaryCategoryId=null;resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}selectedPrimaryCards=[];selectedSecondaryCards=[];isDesktopResolution;theme="light";stickyRefEl="";compareLinkClick;b2bConfiguratorSubmit;successCloseClick;async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){this.isLoading=!0,await(async t=>{const e="function"==typeof t?t():t,o=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([e,o]);return r})(this.fetchData),this.isLoading=!1,this.activePrimaryCategoryId=d.data.find((t=>"primary"===t.type))?.id||null,this.activeSecondaryCategoryId=d.data.find((t=>"secondary"===t.type))?.id||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){"validation-error"===t&&(this.submissionStateDialogEl.close(),this.checkoutFormEl.open()),this.formState=t}checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024};fetchData=async()=>{(t=>{f("data",t);const e=new Map;for(const o of t)for(const t of o.products){const{type:r,name:i,id:a}=o,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;e.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",e)})(await(()=>{let t;try{t=new URL(a.b2bConfigurator).href}catch(t){return console.error(t),Promise.reject("B2B configurator endpoint URL generation failed.")}return(new n).setUrl(t).setErrorFallbackValue([]).execute()})())};renderPlaceholder=()=>{const t="dark"===this.theme;return[r("div",{class:"offer placeholder"},r("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},r("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),r("div",{class:"offer__content"},r("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),r("div",{class:"offer__cards"},r("div",{class:"offer__cards-list"},r("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),r("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},r("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]};categoryClickHandler=t=>{const{id:e}=t.detail,o=this.getCategoryById(e);o&&("primary"===o.type?this.activePrimaryCategoryId=e:this.activeSecondaryCategoryId=e)};renderOffer=()=>{const t=[{name:l("components-b2b-offer-primary-title"),type:"primary"},{name:l("components-b2b-offer-secondary-title"),type:"secondary"}];return r("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const e=d.data.filter((e=>e.type===t.type)).map((t=>{const{id:e,name:o,icon:r}=t;return{id:e,name:o,icon:r,selected:e===this.activePrimaryCategoryId||e===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:e=>{"primary"===t.type?this.primaryAccordionEl=e:this.secondaryAccordionEl=e},key:t.type,class:"offer__block",isOpen:"primary"===t.type,header:t.name,withBorder:!0,theme:this.theme,transparentBackground:!0},r("div",{class:"offer__content"},r("div",{class:"offer__navigation"},r("tet-business-navigation",{ref:e=>{"primary"===t.type?this.primaryNavEl=e:this.secondaryNavEl=e},menuItems:e,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((e=>e.id===t));onCompareLinkClick=t=>{const e=this.getCategoryById(t);e&&e.modalScreenId&&this.compareLinkClick.emit(e.modalScreenId)};handleCardSelected=(t,e)=>{const o=this.getCategoryById(e);if(!o)return;const{type:r,allowMultipleChoice:i}=o;if("primary"===r){if(this.selectedPrimaryCards.includes(t))return;this.selectedPrimaryCards=i?[...this.selectedPrimaryCards,t]:[t]}else{if(this.selectedSecondaryCards.includes(t))return;this.selectedSecondaryCards=i?[...this.selectedSecondaryCards,t]:[t]}};handleProductCountChanged=async(t,e)=>{const{cardId:o,count:r}=t.detail,i=this.getCategoryById(e);if(i&&d.cart.get(o)!==r){if(!r)return this.itemToRemove=o,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==o&&h(t.productCode))),((t,e)=>{if(e<0)return;const o=new Map(d.cart);o.set(t,e),f("cart",o)})(o,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}};onConfirmationClose=()=>{this.itemToRemove=null};renderConfirmationDialog=()=>r("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"tc-attention"}),r("div",{class:"action-dialog__title"},l("components-b2b-item-remove-confirmation-title"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},l("components-b2b-item-remove-confirmation-decline")),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{h(this.itemToRemove),this.confirmationDialogEl.close()}},l("components-b2b-item-remove-confirmation-accept"))));resetState=()=>{f("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()};renderSubmissionStateDialog=()=>{const t="loading"===this.formState,e=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},o=t?r("div",{class:"action-dialog"},r("tet-spinner",{theme:this.theme}),r("div",{class:"action-dialog__title"},l("components-b2b-loading-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-loading-dialog-description"))):[r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),r("div",{class:"action-dialog__title"},l("components-b2b-success-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-success-dialog-description"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:e},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-close"))),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-start-again"))))];return r("tet-dialog",{ref:t=>this.submissionStateDialogEl=t,class:{[this.theme]:!0,"action-dialog--loading":t},closeOnOverlayClick:!1,closeOnEscape:!t,hideCloseButton:t,theme:this.theme,onCloseDialog:"success"===this.formState?e:this.submissionStateDialogEl.close},o)};renderCards=t=>{const e="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,o="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(e),{modalScreenId:a,products:n=[]}=i||{},s=n.map((t=>{const{productCode:i,name:{lv:a},description:{lv:n},amount:s,b2bConfiguratorProduct:{discountAmount:c,selectionType:l,defaultValue:f,minValue:m,maxValue:h,translationKey:u},benefits:{lv:y},contracts:p}=t,b=!!t.attributes.find((t=>"isBestChoice"===t.key))?.value,g="single"===l?void 0:{defaultValue:f,minValue:m,maxValue:h,label:u},_={id:i,title:a,subtitle:n,isBestChoice:b,price:s,discountPrice:c,benefits:y.split("\n"),contract:p[0]?.contract,counterOptions:g},v=o.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,e),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,e)})}));return r("div",{class:"offer__cards"},r("div",{class:"offer__cards-header"},r("div",{class:"offer__cards-title"},l("components-b2b-offer-product-list-title")),a&&r("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(e)}},r("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},l("components-b2b-offer-compare-link-text")),r("div",{class:"compare__icon-wrapper"},r("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),r("div",{class:"offer__cards-list"},s))};handleCartProductCountChange=(t,e,o)=>{this.handleProductCountChanged({detail:{cardId:t,count:e}},o)};goToProduct=async(t,e)=>{const o=this.getCategoryById(t);o&&("primary"===o.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===o.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(e,t)}),0))};renderCartCardsList=t=>{const e=e=>{const o=d.cart.get(e),i=d.productDetails.get(e);if(void 0===o||!i)return null;const{name:a,amount:n,description:s,discountAmount:c,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:g,maxValue:_,translationKey:v}=u;return r("tet-business-summary-card",{key:e,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:o,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(e,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(e,0,h),onEditButtonClick:()=>this.goToProduct(h,e)})};return["primary","secondary"].map((t=>{const o=[...d.cart].filter((([e])=>{const o=d.productDetails.get(e);return o&&o.categoryType===t})).map((([t])=>e(t)));return o.length?r("div",{class:"cart__card-list",slot:t},o):null}))};positionStickyCartEl=()=>{this.referenceElement&&(this.isDesktopResolution?this.hostElement.style.setProperty("--b2b-cart-sticky-top",`${this.referenceElement.offsetTop}px`):this.hostElement.style.removeProperty("--b2b-cart-sticky-top"))};renderCart=(t="edit")=>{const e=!d.cart.size;let o={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,e]of d.cart){const r=d.productDetails.get(t);r&&(o[r.categoryType]+=(r.discountAmount??r.amount)*e,i[r.categoryType]+=1,a+=r.amount*e)}const{primary:n,secondary:c}=o,f=n+c,m=a-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:s(f,{currency:""}),primaryAmount:s(n,{currency:""}),secondaryAmount:s(c,{currency:""}),primaryCount:i.primary,secondaryCount:i.secondary,summarySavings:s(m,{currency:""}),hasPrimaryNotification:y,hasSecondaryNotification:p},g="edit"===t?r("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},l("components-b2b-cart-cta-button-title")):null;return r("tet-b2b-configurator-cart",{ref:e=>"edit"===t?this.cartEl=e:null,context:t,class:{cart:!0,"cart--empty":e,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:e,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[e,o]of d.cart){const o=d.productDetails.get(e);o&&(t[o.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:e}=this.areProductsAddedToCart();t&&e&&this.checkoutFormEl.open()};submit=({detail:t})=>{const e={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(e),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()};renderCheckoutForm=()=>r("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},r("div",{slot:"cart"},this.renderCart("checkout")));render(){return r(i,{key:"ba733aab5ffe86a0fd1b38b3a2918c54fe8eec79"},r("div",{key:"6613740c6cf0382aa75f08a31a1cfe14fe660ff9",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():d.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}static get watchers(){return{activePrimaryCategoryId:[{resetSelectedPrimaryCards:0}],activeSecondaryCategoryId:[{resetSelectedSecondaryCards:0}]}}};y.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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;--b2b-cart-offset-top:0px}.light{--b2b-text-color:var(--tc-text-primary);--b2b-text-color-secondary:var(--tc-text-secondary);--b2b-background-color:var(--tc-layer-primary);--b2b-icon-background-color:var(--tc-layer-secondary);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary);--b2b-box-shadow:var(--tc-elevation-one);--b2b-border-color:var(--tc-border-quaternary);--b2b-summary-block-color:var(--tc-layer-secondary);--b2b-summary-accent-color:var(--tc-yellow-20);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40);--b2b-success-dialog-icon-color:var(--tc-green-40)}.dark{--b2b-text-color:var(--tc-text-primary-dark);--b2b-text-color-secondary:var(--tc-text-secondary-dark);--b2b-background-color:var(--tc-layer-primary-dark);--b2b-icon-background-color:var(--tc-layer-secondary-dark);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary-dark);--b2b-box-shadow:var(--tc-elevation-one-dark);--b2b-border-color:var(--tc-border-quaternary-dark);--b2b-summary-block-color:var(--tc-layer-secondary-dark);--b2b-summary-accent-color:var(--tc-grey-20-dark);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40-dark);--b2b-success-dialog-icon-color:var(--tc-green-40-dark)}button.button-reset{background:none;border:none;padding:0;color:inherit;text-align:inherit}.placeholder{--placeholder-animation-speed:5s}.configurator{display:flex;gap:1rem;flex-direction:column;color:var(--b2b-text-color)}@media screen and (min-width: 64rem){.configurator{gap:1.5rem;flex-direction:row;align-items:flex-start}}.offer{border-radius:1rem;height:fit-content;flex:0 0 calc(70% - 0.75rem);background-color:var(--b2b-background-color);box-shadow:var(--b2b-box-shadow)}.offer__block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif}.offer__block:first-child{--accordion-border-radius:1rem 1rem 0 0;--accordion-outer-border:var(--b2b-border-color)}.offer__block:last-child{--accordion-border-radius:0 0 1rem 1rem;--accordion-border-bottom-width:0}@media screen and (min-width: 64rem){.offer__block{--accordion-header-padding:1.5rem;--accordion-header-font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif}}.offer__content{overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;border-color:var(--b2b-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.offer__content{padding:1.5rem}}@media screen and (min-width: 64rem){.offer__content{flex-direction:row;gap:1.5rem;padding-bottom:2.5rem}}.offer__navigation{margin:0 -1.5rem;flex:0 0 30%}@media screen and (min-width: 64rem){.offer__navigation{max-width:20.5rem;margin:0}}.offer__cards{flex:1 1 0%}.offer__cards-header{padding:0.5rem 0 0.75rem 0;display:flex;gap:0.5rem;justify-content:space-between;align-items:center}@media screen and (min-width: 64rem){.offer__cards-header{padding:1rem 0}}.offer__cards-list{display:flex;flex-direction:column;gap:1rem}.offer__cards-title{flex:auto;font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.offer__cards-title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.compare__button{border-radius:50%;overflow:hidden;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.compare__button{border-radius:0.125rem}}.compare__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.compare__button.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.compare__button:active{--b2b-icon-background-color:var(--b2b-icon-pressed-background-color)}.compare__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:none}@media screen and (min-width: 64rem){.compare__text{display:initial}}.compare__icon-wrapper{width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--b2b-icon-background-color);cursor:pointer}@media screen and (min-width: 64rem){.compare__icon-wrapper{display:none}}.compare__icon{--icon-size:1.5rem;--icon-container-display:flex}.cart{flex:0 0 calc(30% - 0.75rem);position:sticky}.cart--edit{bottom:-1px;top:calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top))}@media screen and (min-width: 64rem){.cart--edit{max-width:calc(30% - 0.75rem)}}.cart--empty{display:none}@media screen and (min-width: 64rem){.cart--empty{display:flex}}.cart__card-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.cart__cta{display:block;align-self:center;width:stretch;--button-width:100%}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end;width:unset;--button-width:auto}}.action-dialog{display:flex;flex-direction:column;gap:0.5rem;align-items:center;margin-bottom:1.5rem}.action-dialog--loading{--dialog-footer-border-color:transparent}.action-dialog__title{text-align:center;font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.action-dialog__description{text-align:center;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.action-dialog__icon{--icon-size:3rem}.action-dialog__attention-icon{--icon-color:var(--b2b-confirmation-dialog-icon-color)}.action-dialog__success-icon{--icon-color:var(--b2b-success-dialog-icon-color)}.action-dialog__footer{display:flex;flex-direction:column;justify-content:space-between;flex:auto;gap:1rem}@media screen and (min-width: 31.25rem){.action-dialog__footer{flex-direction:row}}.action-dialog__button{--button-width:100%}.action-dialog__button-text{white-space:nowrap}';export{y as tet_b2b_configurator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,H as n}from"./p-ClX9TYQY.js";import{a as i}from"./p-Cqo8jFLx.js";import{n as r}from"./p-D0GJDW-O.js";import{i as a}from"./p-CfaP9ir0.js";const s=class{constructor(e){t(this,e),this.searchSubmitted=o(this,"searchSubmitted"),this.optionSelected=o(this,"optionSelected")}theme="light";minSearchLength=4;showInputLabel=!1;labels;disabled=!1;searchApiUrl="";maxSearchResults=5;preventDuplicateSubmit=!0;submitCooldownMs=700;searchQuery="";inputIconRight="";inputValueLength=0;inputValue="";isLoading=!1;searchSubmitted;optionSelected;nativeInput;inputComponent;autocompleteComponent;lastSubmittedQuery="";lastSubmittedAt=0;boundOptionsFilterFunction=this.optionsFilterFunction.bind(this);boundFinishedLoadingFunction=this.finishedLoading.bind(this);boundHandleAutocompleteOptionSelection=this.handleAutocompleteOptionSelection.bind(this);boundHandleAutocompleteSearchSubmit=this.handleAutocompleteSearchSubmit.bind(this);boundHandleClearInput=this.handleClearInput.bind(this);boundHandleSearchSubmit=this.handleSearchSubmit.bind(this);boundHandleInputRightIcon=this.handleInputRightIcon.bind(this);boundRenderOption=this.renderOption.bind(this);onDisabledStateChange(){this.disabled?this.removeIconRight():this.inputValueLength&&this.addClearIcon()}async resetInputState(){this.nativeInput&&(this.nativeInput.value=""),this.inputValue="",this.inputValueLength=0,this.isLoading=!1,this.removeIconRight()}componentWillLoad(){this.initializeInputValue()}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.boundHandleInputRightIcon)}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.boundHandleInputRightIcon)}initializeInputValue(){this.inputValue=this.searchQuery;const t=r(this.inputValue);this.inputValueLength=t.length,t.length>0&&this.addClearIcon()}handleInputRightIcon({target:t}){const o=t.value;this.inputValue=o;const e=r(o);if(this.inputValueLength=e.length,this.inputValueLength>=this.minSearchLength)return this.addLoadIcon(),void this.removeIconRight();e&&!this.inputIconRight&&this.addClearIcon(),!e&&this.inputIconRight&&this.removeIconRight()}async optionsFilterFunction(t){if(t.length<this.minSearchLength||!this.searchApiUrl)return[];const o=await((t,o)=>{if(!o?.trim()||!t?.trim())return Promise.resolve([]);const e=new URL(t);return e.searchParams.set("query",o),fetch(e).then((t=>t.json())).catch((()=>[]))})(this.searchApiUrl,t),e=o.slice(0,this.maxSearchResults).map((({title:t,id:o,description:e,categories:n,url:i},r)=>({label:a(t),value:{id:o,description:e,categories:n,url:i,htmlLabel:t,index:r}})));return e.length>0&&e.push({label:this.labels.moreResultsLabel,value:"more-results",clickCallback:this.boundHandleSearchSubmit,ignoreHighlighting:!0,cssPart:"more-results"}),e}debounceOptionsFilter=i(this.boundOptionsFilterFunction,300);removeIconRight(){this.inputIconRight=""}addClearIcon(){this.isLoading=!1,this.inputIconRight="tc-close"}finishedLoading(){this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon()}addLoadIcon(){this.isLoading=!0}handleAutocompleteOptionSelection(t){t.stopPropagation();const{label:o,value:e,_originalEvent:n}=t.detail;this.inputValue=o,this.inputValueLength=r(o).length,this.addClearIcon(),this.optionSelected.emit({label:o,id:e.id,url:e.url,index:"number"==typeof e?.index?e.index:-1,originalEvent:n})}handleSearchSubmit(){const t=this.nativeInput?.value??this.inputValue??"",o=r(t);if(!o)return;const e=Date.now(),n=Math.max(this.submitCooldownMs,0);e-this.lastSubmittedAt<n||this.preventDuplicateSubmit&&o===this.lastSubmittedQuery||(this.lastSubmittedAt=e,this.lastSubmittedQuery=o,this.searchSubmitted.emit(t))}handleAutocompleteSearchSubmit(t){t.stopPropagation(),this.handleSearchSubmit()}async handleClearInput(){"function"!=typeof this.autocompleteComponent?.clear?await this.resetInputState():await this.autocompleteComponent.clear(!1)}renderOption(t){const{description:o,categories:n,htmlLabel:i}=t.value;return e("div",{part:"dropdown-option"},e("tet-icon",{part:"option-icon",class:"icon",name:"tc-arrow-right"}),e("div",{part:"dropdown-option-content"},e("div",{part:"option-label",innerHTML:i}),o&&e("div",{part:"option-description",innerHTML:o}),n?.length>0&&e("div",{part:"option-categories"},n.map(((t,o)=>[e("span",{innerHTML:t}),o<n.length-1&&e("tet-icon",{name:"tc-chevron-right-small",theme:this.theme,type:"secondary",part:"option-category-separator"})])))))}render(){return e(n,{key:"ed69a47682599682f5c98ba2d6da05d46c2243a7",class:{"search-container":!0,[this.theme]:!0}},e("div",{key:"2ab1585777ee8e2ed2abd60bc72e36ad1e95a305",class:"search-container__inner-wrapper"},e("tet-autocomplete",{key:"8b95f3bef9149e8a6dbbc91b5756b88c694034dc",optionsFilterAction:this.debounceOptionsFilter,onOptionSelected:this.boundHandleAutocompleteOptionSelection,onSearchTextSubmitted:this.boundHandleAutocompleteSearchSubmit,noOptionsMessage:this.labels.notFoundMessage,customOptionRenderFunction:this.boundRenderOption,finishedLoading:this.boundFinishedLoadingFunction,clearCallback:()=>this.resetInputState(),darkTheme:"dark"===this.theme,newStyle:!0,ref:t=>this.autocompleteComponent=t},e("tet-input",{key:"2cf08ee1f53969709f7e38afb9099619db5e1d38",class:"search-container__input","input-class":"autocomplete-input search-container__input "+(this.isLoading?"with-loader":""),"input-placeholder":this.labels.placeholder,"input-disabled":this.disabled,label:this.showInputLabel?this.labels.label:void 0,accessibilityLabel:this.showInputLabel?void 0:this.labels.label,iconLeft:"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.boundHandleClearInput,iconRightAccessibilityLabel:this.labels.clearButtonLabel,theme:this.theme,ref:t=>this.inputComponent=t,autocomplete:"off","input-value":this.inputValue},this.isLoading&&e("tet-spinner",{key:"22708d2f4e350470fd584c2a69a18455ee0a444f",theme:this.theme,class:"search-container__spinner",size:"small"}))),e("tet-button",{key:"3ec742f360d78e5d1816cee9d04aa3dc9ef56393",class:"search-container__button search-container__button--mobile",theme:this.theme,size:"small","accessibility-label":this.labels.searchButtonLabel,iconName:"tc-arrow-right",iconMode:!0,disabled:this.disabled,onClick:this.boundHandleSearchSubmit}),e("tet-button",{key:"395b02678705a1f847078676d62b87f948bd3978",class:"search-container__button search-container__button--desktop",theme:this.theme,size:"medium",disabled:this.disabled,onClick:this.boundHandleSearchSubmit},this.labels.searchButtonLabel)))}static get watchers(){return{disabled:[{onDisabledStateChange: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;--input-field-icon-color:var(--tc-icon-secondary);--dropdown-option-text-color-secondary:var(--tc-text-secondary);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary);--dropdown-more-results-option-background-color:var(--tc-layer-secondary)}:host(.dark){--input-field-icon-color:var(--tc-icon-secondary-dark);--dropdown-option-text-color-secondary:var(--tc-text-secondary-dark);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary-dark);--dropdown-more-results-option-background-color:var(--tc-layer-secondary-dark)}::part(dropdown-option){display:flex;align-items:center;gap:0.5rem;overflow:hidden}::part(option-icon){--icon-size:1rem;--icon-container-display:flex}::part(dropdown-option-content){display:flex;flex-direction:column;overflow:hidden}::part(option-label){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-description){font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.125rem;color:var(--dropdown-option-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-categories){font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--dropdown-option-text-color-tertiary);margin-top:0.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-category-separator){--icon-size:0.90625rem;--icon-container-display:flex;margin:0 0.0625rem}::part(more-results){font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";position:sticky;bottom:0;background-color:var(--dropdown-more-results-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}tet-autocomplete{--options-max-height-new-style:27.25rem;width:100%}.search-container__inner-wrapper{display:flex;gap:0.5rem}@media screen and (min-width: 48rem){.search-container__inner-wrapper{gap:1rem}}.search-container__button{align-self:flex-end}.search-container__button--desktop{display:none}@media screen and (min-width: 48rem){.search-container__button--desktop{display:flex}.search-container__button--mobile{display:none}}.search-container__input{--input-border-radius:1.375rem;--input-font-size:0.875rem}.search-container__input.tet-input__base{--input-height:2.25rem;--input-padding:0.5rem 1rem}@media screen and (min-width: 48rem){.search-container__input.tet-input__base{--input-height:2.75rem;--input-padding:0.75rem 1rem}}.search-container__input.tet-input__base.with-icon--left{padding-left:2.75rem}.search-container__input.tet-input__base.with-icon--right,.search-container__input.tet-input__base.with-loader{padding-right:2.75rem}.search-container__input~.icon{--input-icon-color:var(--input-field-icon-color);--icon-size:1.25rem;--input-icon-left-position:1rem}.search-container__input~.icon.icon-right{right:1rem}.search-container__spinner{--spinner-size:1.25rem;position:absolute;right:1rem}';export{s as tet_support_search}
|
|
1
|
+
import{r as t,c as o,h as e,H as n}from"./p-st4TD55I.js";import{a as i}from"./p-Cqo8jFLx.js";import{n as r}from"./p-D0GJDW-O.js";import{i as a}from"./p-CfaP9ir0.js";const s=class{constructor(e){t(this,e),this.searchSubmitted=o(this,"searchSubmitted"),this.optionSelected=o(this,"optionSelected")}theme="light";minSearchLength=4;showInputLabel=!1;labels;disabled=!1;searchApiUrl="";maxSearchResults=5;preventDuplicateSubmit=!0;submitCooldownMs=700;searchQuery="";inputIconRight="";inputValueLength=0;inputValue="";isLoading=!1;searchSubmitted;optionSelected;nativeInput;inputComponent;autocompleteComponent;lastSubmittedQuery="";lastSubmittedAt=0;boundOptionsFilterFunction=this.optionsFilterFunction.bind(this);boundFinishedLoadingFunction=this.finishedLoading.bind(this);boundHandleAutocompleteOptionSelection=this.handleAutocompleteOptionSelection.bind(this);boundHandleAutocompleteSearchSubmit=this.handleAutocompleteSearchSubmit.bind(this);boundHandleClearInput=this.handleClearInput.bind(this);boundHandleSearchSubmit=this.handleSearchSubmit.bind(this);boundHandleInputRightIcon=this.handleInputRightIcon.bind(this);boundRenderOption=this.renderOption.bind(this);onDisabledStateChange(){this.disabled?this.removeIconRight():this.inputValueLength&&this.addClearIcon()}async resetInputState(){this.nativeInput&&(this.nativeInput.value=""),this.inputValue="",this.inputValueLength=0,this.isLoading=!1,this.removeIconRight()}componentWillLoad(){this.initializeInputValue()}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.boundHandleInputRightIcon)}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.boundHandleInputRightIcon)}initializeInputValue(){this.inputValue=this.searchQuery;const t=r(this.inputValue);this.inputValueLength=t.length,t.length>0&&this.addClearIcon()}handleInputRightIcon({target:t}){const o=t.value;this.inputValue=o;const e=r(o);if(this.inputValueLength=e.length,this.inputValueLength>=this.minSearchLength)return this.addLoadIcon(),void this.removeIconRight();e&&!this.inputIconRight&&this.addClearIcon(),!e&&this.inputIconRight&&this.removeIconRight()}async optionsFilterFunction(t){if(t.length<this.minSearchLength||!this.searchApiUrl)return[];const o=await((t,o)=>{if(!o?.trim()||!t?.trim())return Promise.resolve([]);const e=new URL(t);return e.searchParams.set("query",o),fetch(e).then((t=>t.json())).catch((()=>[]))})(this.searchApiUrl,t),e=o.slice(0,this.maxSearchResults).map((({title:t,id:o,description:e,categories:n,url:i},r)=>({label:a(t),value:{id:o,description:e,categories:n,url:i,htmlLabel:t,index:r}})));return e.length>0&&e.push({label:this.labels.moreResultsLabel,value:"more-results",clickCallback:this.boundHandleSearchSubmit,ignoreHighlighting:!0,cssPart:"more-results"}),e}debounceOptionsFilter=i(this.boundOptionsFilterFunction,300);removeIconRight(){this.inputIconRight=""}addClearIcon(){this.isLoading=!1,this.inputIconRight="tc-close"}finishedLoading(){this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon()}addLoadIcon(){this.isLoading=!0}handleAutocompleteOptionSelection(t){t.stopPropagation();const{label:o,value:e,_originalEvent:n}=t.detail;this.inputValue=o,this.inputValueLength=r(o).length,this.addClearIcon(),this.optionSelected.emit({label:o,id:e.id,url:e.url,index:"number"==typeof e?.index?e.index:-1,originalEvent:n})}handleSearchSubmit(){const t=this.nativeInput?.value??this.inputValue??"",o=r(t);if(!o)return;const e=Date.now(),n=Math.max(this.submitCooldownMs,0);e-this.lastSubmittedAt<n||this.preventDuplicateSubmit&&o===this.lastSubmittedQuery||(this.lastSubmittedAt=e,this.lastSubmittedQuery=o,this.searchSubmitted.emit(t))}handleAutocompleteSearchSubmit(t){t.stopPropagation(),this.handleSearchSubmit()}async handleClearInput(){"function"!=typeof this.autocompleteComponent?.clear?await this.resetInputState():await this.autocompleteComponent.clear(!1)}renderOption(t){const{description:o,categories:n,htmlLabel:i}=t.value;return e("div",{part:"dropdown-option"},e("tet-icon",{part:"option-icon",class:"icon",name:"tc-arrow-right"}),e("div",{part:"dropdown-option-content"},e("div",{part:"option-label",innerHTML:i}),o&&e("div",{part:"option-description",innerHTML:o}),n?.length>0&&e("div",{part:"option-categories"},n.map(((t,o)=>[e("span",{innerHTML:t}),o<n.length-1&&e("tet-icon",{name:"tc-chevron-right-small",theme:this.theme,type:"secondary",part:"option-category-separator"})])))))}render(){return e(n,{key:"ed69a47682599682f5c98ba2d6da05d46c2243a7",class:{"search-container":!0,[this.theme]:!0}},e("div",{key:"2ab1585777ee8e2ed2abd60bc72e36ad1e95a305",class:"search-container__inner-wrapper"},e("tet-autocomplete",{key:"8b95f3bef9149e8a6dbbc91b5756b88c694034dc",optionsFilterAction:this.debounceOptionsFilter,onOptionSelected:this.boundHandleAutocompleteOptionSelection,onSearchTextSubmitted:this.boundHandleAutocompleteSearchSubmit,noOptionsMessage:this.labels.notFoundMessage,customOptionRenderFunction:this.boundRenderOption,finishedLoading:this.boundFinishedLoadingFunction,clearCallback:()=>this.resetInputState(),darkTheme:"dark"===this.theme,newStyle:!0,ref:t=>this.autocompleteComponent=t},e("tet-input",{key:"2cf08ee1f53969709f7e38afb9099619db5e1d38",class:"search-container__input","input-class":"autocomplete-input search-container__input "+(this.isLoading?"with-loader":""),"input-placeholder":this.labels.placeholder,"input-disabled":this.disabled,label:this.showInputLabel?this.labels.label:void 0,accessibilityLabel:this.showInputLabel?void 0:this.labels.label,iconLeft:"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.boundHandleClearInput,iconRightAccessibilityLabel:this.labels.clearButtonLabel,theme:this.theme,ref:t=>this.inputComponent=t,autocomplete:"off","input-value":this.inputValue},this.isLoading&&e("tet-spinner",{key:"22708d2f4e350470fd584c2a69a18455ee0a444f",theme:this.theme,class:"search-container__spinner",size:"small"}))),e("tet-button",{key:"3ec742f360d78e5d1816cee9d04aa3dc9ef56393",class:"search-container__button search-container__button--mobile",theme:this.theme,size:"small","accessibility-label":this.labels.searchButtonLabel,iconName:"tc-arrow-right",iconMode:!0,disabled:this.disabled,onClick:this.boundHandleSearchSubmit}),e("tet-button",{key:"395b02678705a1f847078676d62b87f948bd3978",class:"search-container__button search-container__button--desktop",theme:this.theme,size:"medium",disabled:this.disabled,onClick:this.boundHandleSearchSubmit},this.labels.searchButtonLabel)))}static get watchers(){return{disabled:[{onDisabledStateChange: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;--input-field-icon-color:var(--tc-icon-secondary);--dropdown-option-text-color-secondary:var(--tc-text-secondary);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary);--dropdown-more-results-option-background-color:var(--tc-layer-secondary)}:host(.dark){--input-field-icon-color:var(--tc-icon-secondary-dark);--dropdown-option-text-color-secondary:var(--tc-text-secondary-dark);--dropdown-option-text-color-tertiary:var(--tc-text-tertiary-dark);--dropdown-more-results-option-background-color:var(--tc-layer-secondary-dark)}::part(dropdown-option){display:flex;align-items:center;gap:0.5rem;overflow:hidden}::part(option-icon){--icon-size:1rem;--icon-container-display:flex}::part(dropdown-option-content){display:flex;flex-direction:column;overflow:hidden}::part(option-label){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-description){font:400 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.125rem;color:var(--dropdown-option-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-categories){font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--dropdown-option-text-color-tertiary);margin-top:0.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::part(option-category-separator){--icon-size:0.90625rem;--icon-container-display:flex;margin:0 0.0625rem}::part(more-results){font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";position:sticky;bottom:0;background-color:var(--dropdown-more-results-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}tet-autocomplete{--options-max-height-new-style:27.25rem;width:100%}.search-container__inner-wrapper{display:flex;gap:0.5rem}@media screen and (min-width: 48rem){.search-container__inner-wrapper{gap:1rem}}.search-container__button{align-self:flex-end}.search-container__button--desktop{display:none}@media screen and (min-width: 48rem){.search-container__button--desktop{display:flex}.search-container__button--mobile{display:none}}.search-container__input{--input-border-radius:1.375rem;--input-font-size:0.875rem}.search-container__input.tet-input__base{--input-height:2.25rem;--input-padding:0.5rem 1rem}@media screen and (min-width: 48rem){.search-container__input.tet-input__base{--input-height:2.75rem;--input-padding:0.75rem 1rem}}.search-container__input.tet-input__base.with-icon--left{padding-left:2.75rem}.search-container__input.tet-input__base.with-icon--right,.search-container__input.tet-input__base.with-loader{padding-right:2.75rem}.search-container__input~.icon{--input-icon-color:var(--input-field-icon-color);--icon-size:1.25rem;--input-icon-left-position:1rem}.search-container__input~.icon.icon-right{right:1rem}.search-container__spinner{--spinner-size:1.25rem;position:absolute;right:1rem}';export{s as tet_support_search}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,a as e,h as o,H as n}from"./p-ClX9TYQY.js";const r=class{constructor(e){t(this,e)}get element(){return e(this)}lazyImageObserver;items=[];withControls=!0;scrollFullWidth=!1;controlScrollAmount=350;initialScrollAmount=0;disableScroll=!1;withScrollbar=!0;withMouseDrag=!1;withVirtualScroll=!1;theme="light";enableImageLazyload=!0;componentDidLoad(){this.observeLazyImages()}componentDidUpdate(){this.observeLazyImages()}disconnectedCallback(){this.lazyImageObserver?.disconnect()}disableImageEvents=t=>{t.preventDefault()};loadImage(t){const e=t.dataset.src;e&&(t.src=e,delete t.dataset.src,this.lazyImageObserver?.unobserve(t))}observeLazyImages(){if(!this.enableImageLazyload)return;const t=this.element.shadowRoot?.querySelectorAll("img[data-src]");t?.length&&(globalThis.IntersectionObserver?(this.lazyImageObserver??=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&this.loadImage(t.target)}))}),{rootMargin:"300px"}),t.forEach((t=>this.lazyImageObserver?.observe(t)))):t.forEach((t=>this.loadImage(t))))}onEnableImageLazyloadChange(t){t?this.observeLazyImages():(this.lazyImageObserver?.disconnect(),this.lazyImageObserver=void 0)}handleCardMouseOver=t=>{t.currentTarget.closest(".tet-news-card").classList.add("hover")};handleCardMouseLeave=t=>{t.currentTarget.closest(".tet-news-card").classList.remove("hover")};renderListCard=(t,e)=>o("div",{class:{"tet-news-card":!0,[this.theme]:!0},part:"card-list-item"},o("a",{class:"tet-news-card__link-container","data-index":e,href:t.redirectHref,target:t.redirectNewTab?"_blank":"",onMouseOver:this.handleCardMouseOver,onMouseLeave:this.handleCardMouseLeave,onFocus:this.handleCardMouseOver,onBlur:this.handleCardMouseLeave,onClick:t.clickCallback},o("div",{class:"tet-news-card__image__container"},o("div",{class:"tet-news-card__image",onMouseDown:this.disableImageEvents},o("img",this.enableImageLazyload?{"data-src":t.imageSrc,alt:t.imageAlt??"",decoding:"async"}:{src:t.imageSrc,alt:t.imageAlt??"",decoding:"async"}))),t.date&&o("span",{class:"tet-news-card__date"},t.date),o("span",{class:"tet-news-card__title"},t.title),o("span",{class:"tet-news-card__divider"}),o("div",{class:"tet-news-card__link"},o("span",{class:"tet-news-card__underline"},t.redirectText)," ",o("tet-icon",{class:"tet-news-card__link-icon",name:"tc-chevron-right"}))));render(){const{withControls:t,withMouseDrag:e,withScrollbar:r,withVirtualScroll:i,initialScrollAmount:a,disableScroll:s,scrollFullWidth:l,controlScrollAmount:f}=this;return o(n,{key:"aca8abd8ecf1734d2ee8dda9d18f67c5b652b616"},o("tet-card-list",{key:"9a9cb346617ce592b8c1639252632d65affe699a",theme:this.theme,part:"card-list-component",exportparts:"card-list, card-list-container",withOverflowOpacity:!0,withControls:t,withMouseDrag:e,withScrollbar:r,withVirtualScroll:i,initialScrollAmount:a,disableScroll:s,scrollFullWidth:l,controlScrollAmount:f},this.items.map(((t,e)=>this.renderListCard(t,e)))))}static get watchers(){return{enableImageLazyload:[{onEnableImageLazyloadChange: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{--news-card-width:21.875rem;--news-card-tablet-width:20rem;--news-card-mobile-width:18.125rem;--news-card-image-height:14.375rem;--news-card-image-tablet-height:13.125rem;--news-card-image-mobile-height:11.875rem;--news-card-image-width:var(--news-card-width);--news-card-image-tablet-width:var(--news-card-tablet-width);--news-card-image-mobile-width:var(--news-card-mobile-width);--news-card-primary-text-color:var(--tc-text-primary);--news-card-date-text-color:var(--tc-text-secondary);--news-card-link-text-color:var(--tc-text-secondary);--news-card-link-hover-text-color:var(--tc-text-primary);--news-card-link-icon-color:var(--tc-icon-secondary)}tet-card-list{--card-list-control-height:var(--news-card-image-height);--card-list-horizontal-margin:12rem}.tet-news-card{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;isolation:isolate;padding:0;width:var(--news-card-width);margin:0.25rem 0}.tet-news-card.dark{--news-card-primary-text-color:var(--tc-text-primary-dark);--news-card-date-text-color:var(--tc-text-secondary-dark);--news-card-link-text-color:var(--tc-text-secondary-dark);--news-card-link-hover-text-color:var(--tc-text-primary-dark);--news-card-link-icon-color:var(--tc-icon-secondary-dark)}.tet-news-card.dark .tet-news-card__link-container:focus-visible{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-news-card__image__container{box-sizing:border-box;overflow:hidden;margin-bottom:1rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;width:var(--news-card-image-width);height:var(--news-card-image-height);z-index:1}.tet-news-card__image{background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 0.3s;width:100%;z-index:10;height:100%}.hover .tet-news-card__image{transform:scale(1.05)}.tet-news-card__image img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.tet-news-card__date{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--news-card-date-text-color);letter-spacing:-0.005625rem;margin-bottom:0.25rem;text-align:left}.tet-news-card__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:left;color:var(--news-card-primary-text-color)}.tet-news-card__divider{flex:1}.tet-news-card__link{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--news-card-link-text-color);letter-spacing:-0.01125rem;margin-top:0.75rem;display:inline-flex;align-items:center;text-decoration-line:none}.hover .tet-news-card__link{color:var(--news-card-link-hover-text-color)}.tet-news-card__link-container{border-radius:0.125rem}.tet-news-card__link-container:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.tet-news-card__link-container{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;flex-direction:column;text-decoration:none;color:var(--news-card-primary-text-color);height:100%}.tet-news-card__link-icon{--icon-size:1rem;--icon-color:var(--news-card-link-icon-color);margin-left:0.25rem;display:inline-flex;align-items:center}.tet-news-card__underline{text-decoration-line:underline}@media only screen and (max-width: 48rem){.tet-news-card{width:var(--news-card-tablet-width)}.tet-news-card__image__container{height:var(--news-card-image-tablet-height);width:var(--news-card-image-tablet-width)}}@media only screen and (max-width: 22.5rem){.tet-news-card{width:var(--news-card-mobile-width)}.tet-news-card__image__container{height:var(--news-card-image-mobile-height);width:var(--news-card-image-mobile-width)}}';export{r as tet_news_card_list}
|
|
1
|
+
import{r as t,a as e,h as o,H as n}from"./p-st4TD55I.js";const r=class{constructor(e){t(this,e)}get element(){return e(this)}lazyImageObserver;items=[];withControls=!0;scrollFullWidth=!1;controlScrollAmount=350;initialScrollAmount=0;disableScroll=!1;withScrollbar=!0;withMouseDrag=!1;withVirtualScroll=!1;theme="light";enableImageLazyload=!0;componentDidLoad(){this.observeLazyImages()}componentDidUpdate(){this.observeLazyImages()}disconnectedCallback(){this.lazyImageObserver?.disconnect()}disableImageEvents=t=>{t.preventDefault()};loadImage(t){const e=t.dataset.src;e&&(t.src=e,delete t.dataset.src,this.lazyImageObserver?.unobserve(t))}observeLazyImages(){if(!this.enableImageLazyload)return;const t=this.element.shadowRoot?.querySelectorAll("img[data-src]");t?.length&&(globalThis.IntersectionObserver?(this.lazyImageObserver??=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&this.loadImage(t.target)}))}),{rootMargin:"300px"}),t.forEach((t=>this.lazyImageObserver?.observe(t)))):t.forEach((t=>this.loadImage(t))))}onEnableImageLazyloadChange(t){t?this.observeLazyImages():(this.lazyImageObserver?.disconnect(),this.lazyImageObserver=void 0)}handleCardMouseOver=t=>{t.currentTarget.closest(".tet-news-card").classList.add("hover")};handleCardMouseLeave=t=>{t.currentTarget.closest(".tet-news-card").classList.remove("hover")};renderListCard=(t,e)=>o("div",{class:{"tet-news-card":!0,[this.theme]:!0},part:"card-list-item"},o("a",{class:"tet-news-card__link-container","data-index":e,href:t.redirectHref,target:t.redirectNewTab?"_blank":"",onMouseOver:this.handleCardMouseOver,onMouseLeave:this.handleCardMouseLeave,onFocus:this.handleCardMouseOver,onBlur:this.handleCardMouseLeave,onClick:t.clickCallback},o("div",{class:"tet-news-card__image__container"},o("div",{class:"tet-news-card__image",onMouseDown:this.disableImageEvents},o("img",this.enableImageLazyload?{"data-src":t.imageSrc,alt:t.imageAlt??"",decoding:"async"}:{src:t.imageSrc,alt:t.imageAlt??"",decoding:"async"}))),t.date&&o("span",{class:"tet-news-card__date"},t.date),o("span",{class:"tet-news-card__title"},t.title),o("span",{class:"tet-news-card__divider"}),o("div",{class:"tet-news-card__link"},o("span",{class:"tet-news-card__underline"},t.redirectText)," ",o("tet-icon",{class:"tet-news-card__link-icon",name:"tc-chevron-right"}))));render(){const{withControls:t,withMouseDrag:e,withScrollbar:r,withVirtualScroll:i,initialScrollAmount:a,disableScroll:s,scrollFullWidth:l,controlScrollAmount:f}=this;return o(n,{key:"aca8abd8ecf1734d2ee8dda9d18f67c5b652b616"},o("tet-card-list",{key:"9a9cb346617ce592b8c1639252632d65affe699a",theme:this.theme,part:"card-list-component",exportparts:"card-list, card-list-container",withOverflowOpacity:!0,withControls:t,withMouseDrag:e,withScrollbar:r,withVirtualScroll:i,initialScrollAmount:a,disableScroll:s,scrollFullWidth:l,controlScrollAmount:f},this.items.map(((t,e)=>this.renderListCard(t,e)))))}static get watchers(){return{enableImageLazyload:[{onEnableImageLazyloadChange: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{--news-card-width:21.875rem;--news-card-tablet-width:20rem;--news-card-mobile-width:18.125rem;--news-card-image-height:14.375rem;--news-card-image-tablet-height:13.125rem;--news-card-image-mobile-height:11.875rem;--news-card-image-width:var(--news-card-width);--news-card-image-tablet-width:var(--news-card-tablet-width);--news-card-image-mobile-width:var(--news-card-mobile-width);--news-card-primary-text-color:var(--tc-text-primary);--news-card-date-text-color:var(--tc-text-secondary);--news-card-link-text-color:var(--tc-text-secondary);--news-card-link-hover-text-color:var(--tc-text-primary);--news-card-link-icon-color:var(--tc-icon-secondary)}tet-card-list{--card-list-control-height:var(--news-card-image-height);--card-list-horizontal-margin:12rem}.tet-news-card{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;isolation:isolate;padding:0;width:var(--news-card-width);margin:0.25rem 0}.tet-news-card.dark{--news-card-primary-text-color:var(--tc-text-primary-dark);--news-card-date-text-color:var(--tc-text-secondary-dark);--news-card-link-text-color:var(--tc-text-secondary-dark);--news-card-link-hover-text-color:var(--tc-text-primary-dark);--news-card-link-icon-color:var(--tc-icon-secondary-dark)}.tet-news-card.dark .tet-news-card__link-container:focus-visible{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-news-card__image__container{box-sizing:border-box;overflow:hidden;margin-bottom:1rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;width:var(--news-card-image-width);height:var(--news-card-image-height);z-index:1}.tet-news-card__image{background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 0.3s;width:100%;z-index:10;height:100%}.hover .tet-news-card__image{transform:scale(1.05)}.tet-news-card__image img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.tet-news-card__date{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--news-card-date-text-color);letter-spacing:-0.005625rem;margin-bottom:0.25rem;text-align:left}.tet-news-card__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:left;color:var(--news-card-primary-text-color)}.tet-news-card__divider{flex:1}.tet-news-card__link{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--news-card-link-text-color);letter-spacing:-0.01125rem;margin-top:0.75rem;display:inline-flex;align-items:center;text-decoration-line:none}.hover .tet-news-card__link{color:var(--news-card-link-hover-text-color)}.tet-news-card__link-container{border-radius:0.125rem}.tet-news-card__link-container:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.tet-news-card__link-container{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;flex-direction:column;text-decoration:none;color:var(--news-card-primary-text-color);height:100%}.tet-news-card__link-icon{--icon-size:1rem;--icon-color:var(--news-card-link-icon-color);margin-left:0.25rem;display:inline-flex;align-items:center}.tet-news-card__underline{text-decoration-line:underline}@media only screen and (max-width: 48rem){.tet-news-card{width:var(--news-card-tablet-width)}.tet-news-card__image__container{height:var(--news-card-image-tablet-height);width:var(--news-card-image-tablet-width)}}@media only screen and (max-width: 22.5rem){.tet-news-card{width:var(--news-card-mobile-width)}.tet-news-card__image__container{height:var(--news-card-image-mobile-height);width:var(--news-card-image-mobile-width)}}';export{r as tet_news_card_list}
|