@tet/tet-components 1.4.141-testing → 1.4.142-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-Dr-iFaJ9.js} +1 -1
- package/dist/cjs/{index-Bo0hF6YQ.js → index-BEOR8cIU.js} +1 -1
- package/dist/cjs/{index-DKg1QTRW.js → index-DRNSo5RU.js} +338 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{product-comparison-f-u42TDe.js → product-comparison-_8BsEWy8.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_5.cjs.entry.js +4 -4
- package/dist/cjs/tet-assembler.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +22 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio_2.cjs.entry.js +8 -8
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-sticky-offer.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/{translations-f2lO6WcB.js → translations-Dgrvj2-A.js} +1 -1
- package/dist/collection/components/basic/buttons/tet-radio/tet-radio.js +7 -7
- package/dist/components/index.js +1 -1
- package/dist/components/{p-zkmKLYHg.js → p-1p6NLY3L.js} +1 -1
- package/dist/components/{p-CFDvtl5l.js → p-3yD-8Tmz.js} +1 -1
- package/dist/components/{p-DcqGjbQO.js → p-AjTuAw1s.js} +1 -1
- package/dist/components/{p-DHOPNeBR.js → p-B1XYlnsO.js} +1 -1
- package/dist/components/{p-Cwu8jtXG.js → p-B73TDo-k.js} +1 -1
- package/dist/components/{p-BZ0uDmYr.js → p-B7f6XRIi.js} +1 -1
- package/dist/components/{p-ClWTLrk_.js → p-BB6m7KcH.js} +1 -1
- package/dist/components/{p-BWmFtcLN.js → p-BHahEQ8o.js} +1 -1
- package/dist/components/{p-1M2reaCU.js → p-BSQL7K3K.js} +1 -1
- package/dist/components/{p-CQfy7CVi.js → p-BXOKIT0e.js} +1 -1
- package/dist/components/{p-Dvk7syez.js → p-BkzR7Tya.js} +1 -1
- package/dist/components/{p-BOavyx-7.js → p-By3ljsXC.js} +1 -1
- package/dist/components/{p-BsNlQtYx.js → p-C0Mqt63Q.js} +1 -1
- package/dist/components/{p-Be5i4YJ4.js → p-C3SV5T_q.js} +1 -1
- package/dist/components/{p-CT-Ge0pF.js → p-CAGzjYiF.js} +1 -1
- package/dist/components/{p-Clw2OLNj.js → p-CAXkylRm.js} +1 -1
- package/dist/components/{p-DEbU6YKQ.js → p-CDFYJWVh.js} +1 -1
- package/dist/components/{p-B2Xg3DH0.js → p-CFBQ-_AF.js} +1 -1
- package/dist/components/{p-BgpTlgXX.js → p-CIkdXj6f.js} +1 -1
- package/dist/components/{p-B_RQCK28.js → p-CP4sqVXo.js} +1 -1
- package/dist/components/{p-DeFz-G5N.js → p-CS1cYeFO.js} +1 -1
- package/dist/components/{p-DgcBdohb.js → p-CSHiKkxK.js} +1 -1
- package/dist/components/{p-DRJ0zjoF.js → p-CXP2jsSO.js} +1 -1
- package/dist/components/{p-Cfy46lS6.js → p-CYa2HlYX.js} +1 -1
- package/dist/components/{p-P_J147mb.js → p-CfgD6-zK.js} +1 -1
- package/dist/components/{p-CMbAQKoe.js → p-CpLfddvj.js} +1 -1
- package/dist/components/{p-DH1iZWF5.js → p-CtuAONCB.js} +1 -1
- package/dist/components/{p-Do_1srPW.js → p-CwGM5Ts-.js} +1 -1
- package/dist/components/{p-9ItXFJZ6.js → p-D4pVUZud.js} +1 -1
- package/dist/components/{p-c36Z0_hK.js → p-D9H54BhC.js} +1 -1
- package/dist/components/{p-B4MTqXan.js → p-D9OY10TQ.js} +1 -1
- package/dist/components/{p-tQ4vjHQ1.js → p-DAoJRuQX.js} +1 -1
- package/dist/components/p-DIyhqSTP.js +1 -0
- package/dist/components/{p-cnUvPtFj.js → p-DLPhWYRd.js} +1 -1
- package/dist/components/{p-lmIrgmgo.js → p-DQvcXOji.js} +1 -1
- package/dist/components/{p-BZ9cVPPC.js → p-DTa9ZfrF.js} +1 -1
- package/dist/components/{p-DePtMqzY.js → p-DZ6ri3Ez.js} +1 -1
- package/dist/components/{p-CIPUn8d2.js → p-DhZEc679.js} +1 -1
- package/dist/components/{p-Bdt0k-v8.js → p-Dip_Lp8M.js} +1 -1
- package/dist/components/{p-BLY0RO0L.js → p-DiwdCJxz.js} +1 -1
- package/dist/components/{p-CIMNJ4X2.js → p-Dp-2og5G.js} +1 -1
- package/dist/components/{p-D9qys4GX.js → p-DqodZ4ND.js} +1 -1
- package/dist/components/{p-CKvGKHDE.js → p-DsIzsdJ8.js} +1 -1
- package/dist/components/{p-BBMx2Nbt.js → p-DupIaie7.js} +1 -1
- package/dist/components/{p-Dzb-TXLO.js → p-DzPdEZHf.js} +1 -1
- package/dist/components/{p-CjOuXGOS.js → p-EuuHQDow.js} +1 -1
- package/dist/components/{p-Bq1skzzY.js → p-_vjwjrM9.js} +1 -1
- package/dist/components/{p-KBNSpMwX.js → p-dg7EpwKx.js} +1 -1
- package/dist/components/p-e-eXFSPT.js +1 -0
- package/dist/components/{p-B8ElCfnM.js → p-hddOTT87.js} +1 -1
- package/dist/components/{p-DQaNW2BX.js → p-sKlTv2j2.js} +1 -1
- package/dist/components/{p-ChbxhvnA.js → p-t1QSVn3y.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-DP6cQyLI.js} +1 -1
- package/dist/esm/{index-DfBhGuuz.js → index-BTdj-C2n.js} +1 -1
- package/dist/esm/{index-ClX9TYQY.js → index-BWP8psSS.js} +338 -3
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{product-comparison-DJko3TwF.js → product-comparison-CBuVYKp-.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_5.entry.js +4 -4
- package/dist/esm/tet-assembler.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete_2.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +23 -2
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio_2.entry.js +8 -8
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-sticky-offer.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/{translations-4zQUcigP.js → translations-BxuQY6H_.js} +1 -1
- package/dist/tet-components/{p-77ae360e.entry.js → p-0564a3a7.entry.js} +1 -1
- package/dist/tet-components/{p-73aca8b1.entry.js → p-0bb47e76.entry.js} +1 -1
- package/dist/tet-components/{p-79e4a166.entry.js → p-0e9ae429.entry.js} +1 -1
- package/dist/tet-components/{p-517168f6.entry.js → p-0f616426.entry.js} +1 -1
- package/dist/tet-components/{p-755491fc.entry.js → p-12326ed2.entry.js} +1 -1
- package/dist/tet-components/{p-b849774e.entry.js → p-156bb292.entry.js} +1 -1
- package/dist/tet-components/{p-8bdcb714.entry.js → p-1a00251e.entry.js} +1 -1
- package/dist/tet-components/{p-f5a86256.entry.js → p-2554725a.entry.js} +1 -1
- package/dist/tet-components/{p-1556076a.entry.js → p-261a3dcf.entry.js} +1 -1
- package/dist/tet-components/{p-591a092a.entry.js → p-27213d06.entry.js} +1 -1
- package/dist/tet-components/{p-f7e3a24b.entry.js → p-28456488.entry.js} +1 -1
- package/dist/tet-components/{p-e13f06c4.entry.js → p-2e5144eb.entry.js} +1 -1
- package/dist/tet-components/{p-7105253e.entry.js → p-32492c9c.entry.js} +1 -1
- package/dist/tet-components/{p-f79c8697.entry.js → p-3556eb79.entry.js} +1 -1
- package/dist/tet-components/{p-21a59a4f.entry.js → p-35d587d8.entry.js} +1 -1
- package/dist/tet-components/{p-b5efc6d4.entry.js → p-35f0994e.entry.js} +1 -1
- package/dist/tet-components/{p-a2a4917a.entry.js → p-3791cf26.entry.js} +1 -1
- package/dist/tet-components/{p-87d015b3.entry.js → p-3f0547b8.entry.js} +1 -1
- package/dist/tet-components/{p-a0340287.entry.js → p-461b9623.entry.js} +1 -1
- package/dist/tet-components/{p-dca1a4c2.entry.js → p-4dd02c45.entry.js} +1 -1
- package/dist/tet-components/{p-b315a1c8.entry.js → p-4f339642.entry.js} +1 -1
- package/dist/tet-components/{p-4f47079e.entry.js → p-4fb578db.entry.js} +1 -1
- package/dist/tet-components/{p-92ef3a39.entry.js → p-52cc694d.entry.js} +1 -1
- package/dist/tet-components/{p-77fb52c5.entry.js → p-571d6428.entry.js} +1 -1
- package/dist/tet-components/{p-2e7cb093.entry.js → p-5883cc02.entry.js} +1 -1
- package/dist/tet-components/{p-bb325aa4.entry.js → p-5aa46cbe.entry.js} +1 -1
- package/dist/tet-components/{p-47484c33.entry.js → p-5dff0e20.entry.js} +1 -1
- package/dist/tet-components/{p-4aa2dbc8.entry.js → p-5f5c3f8e.entry.js} +1 -1
- package/dist/tet-components/{p-2bd1b7ec.entry.js → p-62e35581.entry.js} +1 -1
- package/dist/tet-components/{p-dfdf946f.entry.js → p-63238349.entry.js} +1 -1
- package/dist/tet-components/p-6bc0444a.entry.js +1 -0
- package/dist/tet-components/p-717cdd65.entry.js +1 -0
- package/dist/tet-components/{p-394b9c6b.entry.js → p-72306953.entry.js} +1 -1
- package/dist/tet-components/{p-47b6721e.entry.js → p-76e598e5.entry.js} +1 -1
- package/dist/tet-components/{p-1deb89e1.entry.js → p-77a8a330.entry.js} +1 -1
- package/dist/tet-components/{p-cb1c05ab.entry.js → p-8148aabf.entry.js} +1 -1
- package/dist/tet-components/{p-fa381f41.entry.js → p-854d09d1.entry.js} +1 -1
- package/dist/tet-components/{p-d2abe02d.entry.js → p-8a7a46f5.entry.js} +1 -1
- package/dist/tet-components/{p-7ffa074d.entry.js → p-8ae75070.entry.js} +1 -1
- package/dist/tet-components/{p-9ab737dd.entry.js → p-8fec40e7.entry.js} +1 -1
- package/dist/tet-components/{p-baf6ba9e.entry.js → p-908713dc.entry.js} +1 -1
- package/dist/tet-components/{p-43d1f956.entry.js → p-933a6d56.entry.js} +1 -1
- package/dist/tet-components/{p-8436df88.entry.js → p-98161671.entry.js} +1 -1
- package/dist/tet-components/p-BWP8psSS.js +3 -0
- package/dist/tet-components/{p-t-BNeeWq.js → p-Bi5WA4Eb.js} +1 -1
- package/dist/tet-components/{p-B8Zjo2sa.js → p-CEkiSmjX.js} +1 -1
- package/dist/tet-components/{p-BGrvDoTj.js → p-D5A3ic42.js} +1 -1
- package/dist/tet-components/{p-tf8lKgfD.js → p-Ojgt8vhK.js} +1 -1
- package/dist/tet-components/{p-5bd0a0c8.entry.js → p-a2104cad.entry.js} +1 -1
- package/dist/tet-components/{p-26dd3cb0.entry.js → p-aad1b69d.entry.js} +1 -1
- package/dist/tet-components/{p-d2db496b.entry.js → p-ad206225.entry.js} +1 -1
- package/dist/tet-components/{p-b4c45d6b.entry.js → p-ad89b9d6.entry.js} +1 -1
- package/dist/tet-components/{p-b8c0433c.entry.js → p-b1839d78.entry.js} +1 -1
- package/dist/tet-components/{p-15bddc3d.entry.js → p-b362a81e.entry.js} +1 -1
- package/dist/tet-components/{p-139d4cad.entry.js → p-b64f4147.entry.js} +1 -1
- package/dist/tet-components/{p-f5315eaf.entry.js → p-b7538f5c.entry.js} +1 -1
- package/dist/tet-components/{p-3ab52911.entry.js → p-b8a9e613.entry.js} +1 -1
- package/dist/tet-components/{p-24bdeb37.entry.js → p-ba69de46.entry.js} +1 -1
- package/dist/tet-components/{p-19343cc6.entry.js → p-bb961658.entry.js} +1 -1
- package/dist/tet-components/{p-cd267067.entry.js → p-bbfe168a.entry.js} +1 -1
- package/dist/tet-components/{p-306ff942.entry.js → p-c1a67216.entry.js} +1 -1
- package/dist/tet-components/{p-c32edb32.entry.js → p-c31ded4f.entry.js} +1 -1
- package/dist/tet-components/{p-3d8635c1.entry.js → p-c503fd7a.entry.js} +1 -1
- package/dist/tet-components/{p-bd42d182.entry.js → p-c97b0d44.entry.js} +1 -1
- package/dist/tet-components/{p-d44bea09.entry.js → p-ce34b837.entry.js} +1 -1
- package/dist/tet-components/{p-5a31f21d.entry.js → p-ce5b5cc5.entry.js} +1 -1
- package/dist/tet-components/{p-8b3ea797.entry.js → p-cfa1ad4d.entry.js} +1 -1
- package/dist/tet-components/{p-29948163.entry.js → p-cfa89a0a.entry.js} +1 -1
- package/dist/tet-components/{p-616d3818.entry.js → p-d056d09b.entry.js} +1 -1
- package/dist/tet-components/{p-53b4947e.entry.js → p-d1488a3a.entry.js} +1 -1
- package/dist/tet-components/{p-10e789d9.entry.js → p-d2179734.entry.js} +1 -1
- package/dist/tet-components/{p-a410109c.entry.js → p-d6058854.entry.js} +1 -1
- package/dist/tet-components/{p-2e4e81a5.entry.js → p-d82cac78.entry.js} +1 -1
- package/dist/tet-components/{p-7da3d5fb.entry.js → p-ddc1d183.entry.js} +1 -1
- package/dist/tet-components/{p-39be547b.entry.js → p-defc34c9.entry.js} +1 -1
- package/dist/tet-components/{p-3242f182.entry.js → p-e068d247.entry.js} +1 -1
- package/dist/tet-components/{p-d89ae495.entry.js → p-e153ba4f.entry.js} +1 -1
- package/dist/tet-components/{p-98ae4292.entry.js → p-e5d1e096.entry.js} +1 -1
- package/dist/tet-components/{p-eb3a8119.entry.js → p-eb219b3a.entry.js} +1 -1
- package/dist/tet-components/{p-8c39d824.entry.js → p-eda71185.entry.js} +1 -1
- package/dist/tet-components/{p-4a22c9a8.entry.js → p-edcd3af7.entry.js} +1 -1
- package/dist/tet-components/{p-7fdd634a.entry.js → p-f12f4f25.entry.js} +1 -1
- package/dist/tet-components/{p-1d997c7d.entry.js → p-f6d3abd5.entry.js} +1 -1
- package/dist/tet-components/{p-d88d8689.entry.js → p-fa9dfca2.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +2 -1
- package/dist/components/p-DKavMVSi.js +0 -1
- package/dist/components/p-nb3MHK7A.js +0 -1
- package/dist/tet-components/p-93283513.entry.js +0 -1
- package/dist/tet-components/p-ClX9TYQY.js +0 -3
- package/dist/tet-components/p-c989a64d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,d as i,h as a,c as n,t as s}from"./p-
|
|
1
|
+
import{p as t,H as e,d as i,h as a,c as n,t as s}from"./p-DIyhqSTP.js";const o=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","iframe",'[tabindex]:not([tabindex="-1"])',"audio[controls]","video[controls]","[contenteditable]","[data-contains-focusable-content]"],r=t=>{if(!t)return!1;if((t=>t.matches(o.join(",")))(t))return!0;if(t instanceof HTMLElement&&t.shadowRoot&&t.shadowRoot.querySelectorAll(o.join(",")).length>0)return!0;for(const e of Array.from(t.children))if(r(e))return!0;return!1},d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.select=i(this,"tabSelected")}get element(){return this}tabContentSlides=[];dataName;defaultTab=0;parentContainer=document;useVisibility=!1;select;selectedId;previousDataName;previousParentContainer;theme;themeObserver;componentWillLoad(){this.previousDataName=this.dataName,this.previousParentContainer=this.parentContainer}componentDidLoad(){this.init(),this.selectTab(this.defaultTab)}onDataNameChange(t){t&&(this.detachOldListeners(),this.previousDataName=this.dataName,this.initTabEventHandler())}onParentContainerChange(){this.detachOldListeners(),this.previousParentContainer=this.parentContainer,this.initTabEventHandler()}async init(){this.initTabContentSlides(),this.initTabEventHandler(),this.initParentTheme()}initParentTheme(){const t=this.parentContainer.querySelector(`tet-tab-header[data-name="${this.dataName}"]`);this.theme=t?.getAttribute("theme")??""}initTabContentSlides(){this.tabContentSlides=Array.from(this.element.children);const t=this.parentContainer.querySelector(`tet-tab-header[data-name="${this.dataName}"]`),e=t?.getAttribute("data-id-suffix")??"";this.tabContentSlides.forEach(((t,i)=>{const a=t.firstElementChild;let n=!1;a&&(n=r(a)),t.setAttribute("role","tabpanel"),t.setAttribute("tabindex",n?"-1":"0"),t.setAttribute("id",`tabpanel-${i+1}-${e}`),t.setAttribute("aria-labelledby",`tab-${i+1}-${e}`),t.setAttribute("aria-hidden","true")}))}initTabEventHandler(){this.parentContainer.querySelectorAll(`tet-tab-header[data-name="${this.dataName}"]`).forEach(((t,e)=>{t.addEventListener("tabSelected",this.onTabSelect),0===e&&(this.themeObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"theme"===t.attributeName&&this.initParentTheme()}))})),this.themeObserver.observe(t,{attributes:!0,attributeFilter:["theme"]}))}))}detachOldListeners(){this.themeObserver&&this.themeObserver.disconnect(),this.previousParentContainer.querySelectorAll(`tet-tab-header[data-name="${this.previousDataName}"]`).forEach((t=>{t.removeEventListener("tabSelected",this.onTabSelect)}))}onTabSelect=t=>{this.selectTab(t.detail.new)};onSlotChange=()=>{this.initTabContentSlides(),this.selectTab(this.selectedId??this.defaultTab)};async selectTab(t){if(!this.tabContentSlides.length)return void(this.selectedId=t);const e=Number.parseInt(t.toString());e.toString()===t.toString()&&(t=e),this.tabContentSlides.forEach((t=>{t.classList.remove("active"),t.setAttribute("aria-hidden","true")}));let i=this.tabContentSlides[0];if("number"==typeof t)this.tabContentSlides[t]&&(i=this.tabContentSlides[t]);else{const e=this.tabContentSlides.find((e=>e.getAttribute("data-name")===t));e&&(i=e)}i.classList.add("active"),i.setAttribute("aria-hidden","false"),this.select.emit({new:t,old:this.selectedId}),this.selectedId=t}render(){return a(n,{key:"1a33fac0508fcf05084dfca35cc78791b707db5f"},a("div",{key:"9062468220e0d285cdce47f8c765f36a014925fc",class:{"tet-tab-content":!0,"use-visibility":this.useVisibility,[this.theme]:!0}},a("slot",{key:"0979ecd66b56108949abaad0dd33798889acdfe0",onSlotchange:this.onSlotChange})))}static get watchers(){return{dataName:[{onDataNameChange:0}],parentContainer:[{onParentContainerChange:0}]}}static get style(){return".tet-tab-content ::slotted(*){display:none}.tet-tab-content ::slotted(.active){display:block}.tet-tab-content ::slotted(.active:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem}.tet-tab-content.dark ::slotted(.active: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-tab-content.use-visibility ::slotted(*){visibility:hidden;position:absolute;top:-9999px;left:-9999px;right:9999px;display:block}.tet-tab-content.use-visibility ::slotted(.active){visibility:revert;position:relative;top:0;left:0}"}},[769,"tet-tab-content",{dataName:[1,"data-name"],defaultTab:[8,"default-tab"],parentContainer:[16],useVisibility:[4,"use-visibility"],selectedId:[32],previousDataName:[32],previousParentContainer:[32],theme:[32],init:[64],selectTab:[64]},void 0,{dataName:[{onDataNameChange:0}],parentContainer:[{onParentContainerChange:0}]}]);function h(){"undefined"!=typeof customElements&&["tet-tab-content"].forEach((t=>{"tet-tab-content"===t&&(customElements.get(s(t))||customElements.define(s(t),d))}))}export{d as T,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,d as a,h as r,c as o,t as s}from"./p-nb3MHK7A.js";import{a as i}from"./p-BVdI6xyV.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=a(this,"tabSelected")}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;hasLoaded=!1;autoplayInitialized=!1;animationObserver;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return this}theme="light";type;position;sizing="web";defaultTab=0;segmented=!1;disabled=!1;mode="tab-header";accessibilityLabel="";hideHeaderUnderline=!1;hideActiveHeaderUnderline=!1;autoplayDelay=0;stopAutoplayOnHeaderHover=!1;stopAutoplayOnContentHover=!1;showOverflowGradients=!1;select;selectedId;positions={scrollLeft:0,mouseX:0};dataName;autoplay;effectivePosition="left";hasOverflowLeft=!1;hasOverflowRight=!1;idSuffix=(()=>"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10))();segmentAnimation={width:"0px",position:"0px",transition:""};async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(!this.autoplayInitialized&&this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplayInitialized=!0,this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement?.querySelector(`tet-tab-content[data-name="${this.dataName}"]`);e?.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e?.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.hasLoaded=!0,this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")||(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}onSlotChange=()=>{if(!this.hasLoaded)return;const e=Array.from(this.element.children);e.length!==this.tabHeaders.length||e.some(((e,t)=>e!==this.tabHeaders[t]))?(this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.selectedId??this.defaultTab,!1,!1),this.initAutoplay()):this.updatePositionClass()};disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type||"square-detached"===this.type}get isSwitchMode(){return"switch"===this.mode}get isSwitchDisabled(){return this.isSwitchMode&&this.disabled}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}onDisabledChange(){this.initTabHeaders()}setTabAccessibility(e,t,a){const r=this.isSwitchMode&&(this.isSwitchDisabled||e.classList.contains("disabled"));if(e.setAttribute("tabIndex",a&&!r?"0":"-1"),this.isSwitchMode)return e.setAttribute("role","radio"),e.setAttribute("aria-checked",`${a}`),r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.removeAttribute("aria-selected"),void e.removeAttribute("aria-controls");e.setAttribute("role","tab"),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`),e.setAttribute("aria-selected",`${a}`),e.removeAttribute("aria-checked")}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`);const a=this.isSwitchDisabled||e.classList.contains("disabled"),r=e.classList.contains("active");if(this.setTabAccessibility(e,t,r),!a&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const a=()=>{this.isDragging||this.selectTab(e.getAttribute("data-name")||t)},r=t=>{const{key:a}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(a)){t.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(e);let o;switch(a){case"ArrowRight":o=r+1,o>=this.tabHeadersNotDisabled.length&&(o=0);break;case"ArrowLeft":o=r-1,o<0&&(o=this.tabHeadersNotDisabled.length-1);break;case"Home":o=0;break;case"End":o=this.tabHeadersNotDisabled.length-1}const s=this.tabHeadersNotDisabled[o];s.focus(),s.click()}};e.addEventListener("click",a),e.addEventListener("keydown",r),this.tabListeners.set(e,{click:a,keydown:r})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t&&!e.querySelector("img.tab-header-image")){const a=e.getAttribute("data-image-active"),r=e.getAttribute("data-image-alt")??"",o=document.createElement("img");if(o.loading="lazy",o.src=t,o.alt=r,o.draggable=!1,o.classList.add("tab-header-image"),"square-detached"===this.type?(o.style.filter="var(--square-detached-img-filter, none)",o.style.maxWidth="var(--square-detached-logo-max-w, 100%)",o.style.maxHeight="var(--square-detached-logo-max-h, 100%)",o.style.objectFit="contain"):o.style.maxHeight="1.5rem",e.appendChild(o),a){const t=document.createElement("img");t.loading="lazy",t.src=a,t.alt=r,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),o.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented||!this.tabContainer||!this.tabElement)return;const t=this.getTabElement(this.selectedId),a=t?.parentElement;if(!t||!a)return;const r=a.getBoundingClientRect(),o=t.getBoundingClientRect();if(this.segmentAnimation={width:`${o.width}px`,position:`${o.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":"none"},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,a=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(a.width/2+a.left)})}}async selectTab(e,t=!0,a=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach(((e,t)=>{e.classList.remove("active"),this.setTabAccessibility(e,t,!1);const a=e.querySelector("img.tab-header-image.active");a&&(a.style.display="none");const r=e.querySelector("img.tab-header-image.default");r&&(r.style.display="inline-block")}));const r=this.getTabElement(e);if(null===r)return;if(a&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}r.classList.add("active"),this.setTabAccessibility(r,this.tabHeaders.indexOf(r),!0),this.applyPillIconColor();const o=r.querySelector("img.tab-header-image.active");if(o){o.style.display="inline-block";const e=r.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=i(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:a}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":a}}return{}}render(){const e=this.showOverflowGradients;return r(o,{key:"48e69d36927e3271599bd0458eb4f3524a47216a","data-id-suffix":this.idSuffix},r("div",{key:"8a2ee7ac40c646ab58b5240a97cea7158bb7a4a2",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--disabled":this.isSwitchDisabled,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:this.isSwitchMode?"radiogroup":"tablist","aria-label":this.isSwitchMode&&this.accessibilityLabel?this.accessibilityLabel:void 0,"aria-orientation":this.isSwitchMode?"horizontal":void 0,"aria-disabled":this.isSwitchDisabled?"true":void 0},e&&r("div",{key:"37ff83bb7aa351a4ac44f9831d4049abef5cc3ad",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),r("slot",{key:"991e90e6c4f579b348d61e3c0ba0b5163a71813e",onSlotchange:this.onSlotChange,ref:e=>this.tabContainer=e}),e&&r("div",{key:"8f048c831e9308efb3b57dc53e75e7cab363b9d4",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),r("div",{key:"3e0c7791cb52eab4d7be190689499ef4814c6534",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:[{showActiveHeaderUnderline:0}],autoplayDelay:[{onAutoplayDelayChange:0}],segmented:[{onSegmentedChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return':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{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);--tabs-headers-square-detached-button-max-width-default:7rem;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark);--tabs-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs *{box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(*){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin);transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem}.tabs.square-detached ::slotted(*){display:flex;flex:1;min-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));max-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:unset}.tabs.square-detached ::slotted(:last-child){margin-right:unset}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(*){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(*){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;--tabs-headers-square-detached-button-max-width-default:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(*){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;--tabs-headers-square-detached-button-max-width-default:17.25rem;min-width:12.25rem !important;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08), 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color);cursor:not-allowed}.tabs--segmented.tabs--disabled{border:none;--tabs-headers-segmented-background-color:var(--tc-layer-secondary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:none}.tabs--segmented.tabs--disabled ::slotted(*){color:var(--tc-grey-40);cursor:not-allowed}.tabs--segmented.tabs--disabled ::slotted(.active){color:var(--tc-grey-50)}.tabs--segmented.tabs--disabled.dark,.tabs--segmented.tabs--disabled.dark-gray{--tabs-headers-segmented-background-color:var(--tc-layer-secondary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(*),.tabs--segmented.tabs--disabled.dark-gray ::slotted(*){color:var(--tc-grey-40-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(.active),.tabs--segmented.tabs--disabled.dark-gray ::slotted(.active){color:var(--tc-grey-50-dark)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}'}},[769,"tet-tab-header",{theme:[1],type:[1],position:[1],sizing:[1],defaultTab:[8,"default-tab"],segmented:[4],disabled:[4],mode:[1],accessibilityLabel:[1,"accessibility-label"],hideHeaderUnderline:[4,"hide-header-underline"],hideActiveHeaderUnderline:[4,"hide-active-header-underline"],autoplayDelay:[2,"autoplay-delay"],stopAutoplayOnHeaderHover:[4,"stop-autoplay-on-header-hover"],stopAutoplayOnContentHover:[4,"stop-autoplay-on-content-hover"],showOverflowGradients:[4,"show-overflow-gradients"],dataName:[1,"data-name"],selectedId:[32],positions:[32],autoplay:[32],effectivePosition:[32],hasOverflowLeft:[32],hasOverflowRight:[32],idSuffix:[32],segmentAnimation:[32],toggleAutoplay:[64],stopAutoplay:[64],startAutoplay:[64],selectTab:[64]},void 0,{hideActiveHeaderUnderline:[{showActiveHeaderUnderline:0}],autoplayDelay:[{onAutoplayDelayChange:0}],segmented:[{onSegmentedChange:0}],disabled:[{onDisabledChange:0}]}]);function d(){"undefined"!=typeof customElements&&["tet-tab-header"].forEach((e=>{"tet-tab-header"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))}export{n as T,d}
|
|
1
|
+
import{p as e,H as t,d as a,h as r,c as o,t as s}from"./p-DIyhqSTP.js";import{a as i}from"./p-BVdI6xyV.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=a(this,"tabSelected")}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;hasLoaded=!1;autoplayInitialized=!1;animationObserver;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return this}theme="light";type;position;sizing="web";defaultTab=0;segmented=!1;disabled=!1;mode="tab-header";accessibilityLabel="";hideHeaderUnderline=!1;hideActiveHeaderUnderline=!1;autoplayDelay=0;stopAutoplayOnHeaderHover=!1;stopAutoplayOnContentHover=!1;showOverflowGradients=!1;select;selectedId;positions={scrollLeft:0,mouseX:0};dataName;autoplay;effectivePosition="left";hasOverflowLeft=!1;hasOverflowRight=!1;idSuffix=(()=>"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10))();segmentAnimation={width:"0px",position:"0px",transition:""};async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(!this.autoplayInitialized&&this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplayInitialized=!0,this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement?.querySelector(`tet-tab-content[data-name="${this.dataName}"]`);e?.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e?.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.hasLoaded=!0,this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")||(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}onSlotChange=()=>{if(!this.hasLoaded)return;const e=Array.from(this.element.children);e.length!==this.tabHeaders.length||e.some(((e,t)=>e!==this.tabHeaders[t]))?(this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.selectedId??this.defaultTab,!1,!1),this.initAutoplay()):this.updatePositionClass()};disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type||"square-detached"===this.type}get isSwitchMode(){return"switch"===this.mode}get isSwitchDisabled(){return this.isSwitchMode&&this.disabled}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}onDisabledChange(){this.initTabHeaders()}setTabAccessibility(e,t,a){const r=this.isSwitchMode&&(this.isSwitchDisabled||e.classList.contains("disabled"));if(e.setAttribute("tabIndex",a&&!r?"0":"-1"),this.isSwitchMode)return e.setAttribute("role","radio"),e.setAttribute("aria-checked",`${a}`),r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.removeAttribute("aria-selected"),void e.removeAttribute("aria-controls");e.setAttribute("role","tab"),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`),e.setAttribute("aria-selected",`${a}`),e.removeAttribute("aria-checked")}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`);const a=this.isSwitchDisabled||e.classList.contains("disabled"),r=e.classList.contains("active");if(this.setTabAccessibility(e,t,r),!a&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const a=()=>{this.isDragging||this.selectTab(e.getAttribute("data-name")||t)},r=t=>{const{key:a}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(a)){t.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(e);let o;switch(a){case"ArrowRight":o=r+1,o>=this.tabHeadersNotDisabled.length&&(o=0);break;case"ArrowLeft":o=r-1,o<0&&(o=this.tabHeadersNotDisabled.length-1);break;case"Home":o=0;break;case"End":o=this.tabHeadersNotDisabled.length-1}const s=this.tabHeadersNotDisabled[o];s.focus(),s.click()}};e.addEventListener("click",a),e.addEventListener("keydown",r),this.tabListeners.set(e,{click:a,keydown:r})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t&&!e.querySelector("img.tab-header-image")){const a=e.getAttribute("data-image-active"),r=e.getAttribute("data-image-alt")??"",o=document.createElement("img");if(o.loading="lazy",o.src=t,o.alt=r,o.draggable=!1,o.classList.add("tab-header-image"),"square-detached"===this.type?(o.style.filter="var(--square-detached-img-filter, none)",o.style.maxWidth="var(--square-detached-logo-max-w, 100%)",o.style.maxHeight="var(--square-detached-logo-max-h, 100%)",o.style.objectFit="contain"):o.style.maxHeight="1.5rem",e.appendChild(o),a){const t=document.createElement("img");t.loading="lazy",t.src=a,t.alt=r,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),o.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented||!this.tabContainer||!this.tabElement)return;const t=this.getTabElement(this.selectedId),a=t?.parentElement;if(!t||!a)return;const r=a.getBoundingClientRect(),o=t.getBoundingClientRect();if(this.segmentAnimation={width:`${o.width}px`,position:`${o.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":"none"},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,a=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(a.width/2+a.left)})}}async selectTab(e,t=!0,a=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach(((e,t)=>{e.classList.remove("active"),this.setTabAccessibility(e,t,!1);const a=e.querySelector("img.tab-header-image.active");a&&(a.style.display="none");const r=e.querySelector("img.tab-header-image.default");r&&(r.style.display="inline-block")}));const r=this.getTabElement(e);if(null===r)return;if(a&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}r.classList.add("active"),this.setTabAccessibility(r,this.tabHeaders.indexOf(r),!0),this.applyPillIconColor();const o=r.querySelector("img.tab-header-image.active");if(o){o.style.display="inline-block";const e=r.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=i(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:a}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":a}}return{}}render(){const e=this.showOverflowGradients;return r(o,{key:"48e69d36927e3271599bd0458eb4f3524a47216a","data-id-suffix":this.idSuffix},r("div",{key:"8a2ee7ac40c646ab58b5240a97cea7158bb7a4a2",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--disabled":this.isSwitchDisabled,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:this.isSwitchMode?"radiogroup":"tablist","aria-label":this.isSwitchMode&&this.accessibilityLabel?this.accessibilityLabel:void 0,"aria-orientation":this.isSwitchMode?"horizontal":void 0,"aria-disabled":this.isSwitchDisabled?"true":void 0},e&&r("div",{key:"37ff83bb7aa351a4ac44f9831d4049abef5cc3ad",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),r("slot",{key:"991e90e6c4f579b348d61e3c0ba0b5163a71813e",onSlotchange:this.onSlotChange,ref:e=>this.tabContainer=e}),e&&r("div",{key:"8f048c831e9308efb3b57dc53e75e7cab363b9d4",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),r("div",{key:"3e0c7791cb52eab4d7be190689499ef4814c6534",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:[{showActiveHeaderUnderline:0}],autoplayDelay:[{onAutoplayDelayChange:0}],segmented:[{onSegmentedChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return':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{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);--tabs-headers-square-detached-button-max-width-default:7rem;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark);--tabs-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs *{box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(*){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin);transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem}.tabs.square-detached ::slotted(*){display:flex;flex:1;min-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));max-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:unset}.tabs.square-detached ::slotted(:last-child){margin-right:unset}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(*){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(*){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;--tabs-headers-square-detached-button-max-width-default:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(*){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;--tabs-headers-square-detached-button-max-width-default:17.25rem;min-width:12.25rem !important;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08), 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color);cursor:not-allowed}.tabs--segmented.tabs--disabled{border:none;--tabs-headers-segmented-background-color:var(--tc-layer-secondary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:none}.tabs--segmented.tabs--disabled ::slotted(*){color:var(--tc-grey-40);cursor:not-allowed}.tabs--segmented.tabs--disabled ::slotted(.active){color:var(--tc-grey-50)}.tabs--segmented.tabs--disabled.dark,.tabs--segmented.tabs--disabled.dark-gray{--tabs-headers-segmented-background-color:var(--tc-layer-secondary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(*),.tabs--segmented.tabs--disabled.dark-gray ::slotted(*){color:var(--tc-grey-40-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(.active),.tabs--segmented.tabs--disabled.dark-gray ::slotted(.active){color:var(--tc-grey-50-dark)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}'}},[769,"tet-tab-header",{theme:[1],type:[1],position:[1],sizing:[1],defaultTab:[8,"default-tab"],segmented:[4],disabled:[4],mode:[1],accessibilityLabel:[1,"accessibility-label"],hideHeaderUnderline:[4,"hide-header-underline"],hideActiveHeaderUnderline:[4,"hide-active-header-underline"],autoplayDelay:[2,"autoplay-delay"],stopAutoplayOnHeaderHover:[4,"stop-autoplay-on-header-hover"],stopAutoplayOnContentHover:[4,"stop-autoplay-on-content-hover"],showOverflowGradients:[4,"show-overflow-gradients"],dataName:[1,"data-name"],selectedId:[32],positions:[32],autoplay:[32],effectivePosition:[32],hasOverflowLeft:[32],hasOverflowRight:[32],idSuffix:[32],segmentAnimation:[32],toggleAutoplay:[64],stopAutoplay:[64],startAutoplay:[64],selectTab:[64]},void 0,{hideActiveHeaderUnderline:[{showActiveHeaderUnderline:0}],autoplayDelay:[{onAutoplayDelayChange:0}],segmented:[{onSegmentedChange:0}],disabled:[{onDisabledChange:0}]}]);function d(){"undefined"!=typeof customElements&&["tet-tab-header"].forEach((e=>{"tet-tab-header"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))}export{n as T,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,d as o,f as r,h as i,c as n,t as s}from"./p-nb3MHK7A.js";import{s as a,o as l}from"./p-Cwu8jtXG.js";import{A as c,e as f}from"./p-KBNSpMwX.js";import{p as m,t as d}from"./p-DePtMqzY.js";import{g as h}from"./p-BjOGAbQL.js";import{f as p}from"./p-B_N3UuP2.js";import{d as g}from"./p-P_J147mb.js";import{d as u}from"./p-BsNlQtYx.js";import{d as y}from"./p-c36Z0_hK.js";import{d as b}from"./p-DgcBdohb.js";import{d as w}from"./p-CT-Ge0pF.js";import{d as k}from"./p-CFDvtl5l.js";import{d as x}from"./p-B_RQCK28.js";import{d as v}from"./p-DcqGjbQO.js";import{d as C}from"./p-Do_1srPW.js";import{d as _}from"./p-CMbAQKoe.js";var P;!function(t){t[t.TwentyFourMonth=24]="TwentyFourMonth",t[t.TwelveMonth=12]="TwelveMonth",t[t.SixMonth=6]="SixMonth",t[t.Indefinite=0]="Indefinite"}(P||(P={}));const T=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.emptyCatalog=o(this,"emptyCatalog"),this.catalogChange=o(this,"catalogChange"),this.filtersChange=o(this,"filtersChange")}translationsGroup="tet-components";allowedProductsToShowInfo=["PD_TELCO_SUPER","PD_TELCO_SUPER_PACK_A","PD_TELCO_SUPER_PACK_B","PD_TELCO_SUPER_PACK_C","PD_TELCO_SUPER_PACK_D","PD_TELCO_PACKAGE_A","PD_TELCO_PACKAGE_B","PD_TELCO_PACKAGE_C","PD_TELCO_PACKAGE_D","PD_TELCO_NETFLIX_PACKAGE_A_ITV_SUPER","PD_TELCO_HBOMAX_IPTV_PACK_A","PD_TELCO_HBOMAX_IPTV_PACK_B","PD_TELCO_HBOMAX_IPTV_PACK_C","PD_TELCO_NETFLIX_PACKAGE_A_SUPER","PD_TELCO_HBOMAX_OTT_PACK_A_SUPER","PD_TELCO_HBOMAX_OTT_PACK_B_SUPER","PD_TELCO_HBOMAX_OTT_PACK_C_SUPER"];get element(){return this}addressKey;catalog;theme="light";darkMode=!1;termText;formParameters="";language="lv";allowedTvProductCodes=[];showLoader=!0;subcategoryProductFilters={};emptyCatalog;catalogChange;filtersChange;async onAddressKeyChange(){await this.loadCatalogData()}async onLanguageChanged(t){await m(this.translationsGroup,t),r(this)}handleFilteredProductsChanged(t){this.subcategoryProductFilters={...this.subcategoryProductFilters,[t.detail.subcategoryId]:t.detail.filteredProductIds}}async componentWillLoad(){await m(this.translationsGroup,this.language)}async componentDidLoad(){await this.loadCatalogData(),this.initFilterChangeEvent()}initFilterChangeEvent(){const t=a.availableFilters.map((t=>(t.title=d(t.title),t)));l("activeFilters",(()=>{this.filtersChange.emit({activeFilters:a.activeFilters,availableFilters:t})}))}async loadCatalogData(){this.showLoader=!0,a.availableFilters=[];try{const t=await(t=>{const e=f.serviceAvailabilityServices;return(new c).setUrl(e+"?addressKey="+t).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()})(this.addressKey);this.catalog=t,a.catalog=t,this.catalogChange.emit({catalog:t,activeFilters:a.activeFilters,availableFilters:a.availableFilters})}catch(t){this.emptyCatalog.emit()}a.catalog instanceof Array&&!a.catalog.length&&this.emptyCatalog.emit(),this.showLoader=!1}filterCategoryProducts=t=>{const e=this.subcategoryProductFilters[t.key]||[];if(e.length>0)return t.products.filter((t=>e.includes(t.productCode)));const{activeFilters:o}=a;return o.includes("promotions")?t.products.filter(this.productHasPromotion.bind(this)):t.products};translateProperty(t){return t?.[this.language]||""}showCategory=t=>{if(t.subgroups?.length>0)return t.subgroups.some(this.showCategory);const{activeFilters:e}=a;return(!t.tag||["all",t.tag??""].some((t=>e.includes(t)))||e.includes("promotions")&&this.categoryContainsPromotions(t))&&this.categoryContainsContractTerms(t)&&this.filterCategoryProducts(t).length>0};categoryContainsPromotions({products:t=[]}){return t?.some((t=>this.productHasPromotion(t)))}productHasPromotion(t){return t?.contractTerms?.some((({promotionCode:t})=>t))}categoryContainsContractTerms({products:t=[]}){return t?.some((t=>this.productHasContractTerms(t)))}productHasContractTerms(t){return!!t?.contractTerms?.length}renderTopCategories(){return a.catalog?.structure?.filter(this.showCategory).map((t=>{const e=this.translateProperty(t.name);return i("section",{class:{category:!0,[`category--${this.theme}`]:!!this.theme,[this.theme]:!0}},e&&i("h2",{class:{"category-title":!0,[`category-title--${this.theme}`]:!!this.theme,[this.theme]:!0}},e),i("div",{class:{"category-subcategories":!0,[`category-subcategories--${this.theme}`]:!!this.theme,[this.theme]:!0}},this.renderSubCategories(t.subgroups||[],a.catalog?.meta)))}))}renderSubCategories(t,e){return t.filter(this.showCategory).map((t=>i("div",{class:"subcategory"},i("div",{class:"subcategory-header"},this.renderSubCategoryHeader(t)),t.hasProductTags&&i("div",{class:"subcategory-filters"},i("tet-address-offers-filters-products",{catalog:this.catalog,class:"center",language:this.language,clearFilterButton:!0,subcategoryId:t.key,onFilteredProductsChanged:t=>this.handleFilteredProductsChanged(t),category:t,theme:this.theme})),i("div",{class:"subcategory-products"},this.filterCategoryProducts(t).map((o=>this.renderProduct(o,t.theme,e)))))))}renderSubCategoryHeader=({displayTitle:t,name:e,landingPage:o,isOneTv:r})=>{const n=this.translateProperty(e),s=this.translateProperty(o);return[i("div",{class:{"subcategory-title":!0,[`subcategory-title--${this.theme}`]:!!this.theme,[this.theme]:!0}},r&&i("tet-icon",{name:"logo-tet-tv-plus",useDefaultColor:!0}),t&&n&&i("h3",{class:{[this.theme]:!!this.theme}},n)),s&&i("a",{class:{"subcategory-offers-link":!0,[`subcategory-offers-link--${this.theme}`]:!!this.theme,[this.theme]:!0},href:s,target:"_blank"},i("span",{class:{"subcategory-offers-link-text":!0,[`subcategory-offers-link-text--${this.theme}`]:!!this.theme,[this.theme]:!0}},d("components-address-offers-view-more-link"))," --\x3e")]};renderUpsellBlock(t,e,o){let r=e.find((t=>"sac-offers-light"===t.key));const n="dark"===this.theme;return n&&(r=e.find((t=>"sac-offers-dark"===t.key))),i("div",{class:"upsell-block"},i("div",{class:{"upsell-block--title":!0,dark:n}},d("components-max-sport-upsell-title")),i("div",{class:{"upsell-block--content":!0,dark:n}},i("img",{src:r.icon,alt:"",class:{"upsell-block--icon":!0},loading:"lazy"}),i("div",{class:{"upsell-block--name":!0,dark:n}},t),i("div",{class:{"upsell-block--amount":!0,dark:n}},"+",o," ",d("components-euro")),i("div",{class:{"upsell-block--tooltip":!0}},i("tet-icon",{class:"icon",name:"tc-info-circle",focusable:!0,theme:this.theme}),i("tet-tooltip",{theme:this.theme},d("components-max-sport-upsell-tooltip-info")))))}renderProduct(t,e="light",o){if(!this.getContractTerm(t))return;const r=t=>this.translateProperty(t),n=this.darkMode?"dark":"light",s=t.amount,a=this.getContractTermProperty(t,"amount"),l=this.getContractTermProperty(t,"showDiscount"),c=this.getContractTermProperty(t,"isAlwaysOn"),f=r(this.getContractTermProperty(t,"priceTooltip")),m=r(this.getContractTermProperty(t,"priceDescription")),h=this.getContractTermProperty(t,"contract"),g=this.getAttribute(t.attributes,"isBestChoice")?.value??!1;let u=null;if(this.getAttribute(t.attributes,"showMaxSportUpsell")?.value&&"hboMaxSport"===Object.keys(o)[0]){const t=Object.values(o)[0];u=this.renderUpsellBlock(t.name?t.name[this.language]:"",t.icons?t.icons:[],t.amount?t.amount:null)}let y=null;if(this.termText){const e=this.getContractTermProperty(t,"term");0!==e&&(y=this.termText.replace("%d",String(e))),this.getAttribute(t.attributes,"availabilityTermUnlimitedOverride")?.value&&(y=d("components-indefinite"))}let b=r(t.benefits);if(c||l){const e=r(this.getContractTermProperty(t,"benefits"));e&&(b=e)}const w=b?.split("\n").filter(Boolean);let k=null;this.getAttribute(t.attributes,"isNetflixProduct")?.value?k=d("components-netflix-card-description"):this.getAttribute(t.attributes,"isNetflixMaxProduct")?.value?k=d("components-netflix-max-card-description"):this.getAttribute(t.attributes,"isMaxProduct")?.value&&(k=d("components-max-card-description"));const x={mainTitle:r(t.name),subTitle:this.getProductSubtitle(t),bestChoiceText:d("components-address-offers-best-choice"),infoItemIconName:"info-circle",infoItemTooltipContent:this.getProductInfoItem(t),bulletPoints:w,price:p(a??s,{currency:""}),oldPrice:l?p(s,{currency:""}):null,currency:d("components-euro-per-month"),priceInfoIconName:f?"info-circle":null,priceInfoTooltipContent:f||null,term:m,termText:y,helper:r(t.description),button:(v=d("components-address-offers-form-button-text"),C=this.getServiceApplicationFormUrl(t)+this.formParameters,`\n <a href="${C}" tabIndex="-1">\n <tet-button class="tet-button" style="--button-width: 10rem" theme="${n}" disabled="${!C}">\n ${v}\n </tet-button>\n </a>\n `),secondaryLink:h,secondaryLinkText:d("components-offers-contract-term-link"),secondaryLinkOpenBlank:!0,netflixProductDescription:k};var v,C;return i("tet-compare-card",{class:{product:!0,"best-choice":g},options:x,cardType:"wide60-40",minWideWidth:768,theme:e,bestChoice:g,cardList:!0,darkMode:this.darkMode},i("div",{slot:"upsell-block-slot"},u))}getProductSubtitle({productCode:t,technologySpeed:{max:e,min:o}}){if(this.allowedProductsToShowInfo.includes(t))return e&&o?d("components-max-speed-description-v2",{minSpeed:o,maxSpeed:e}):""}getProductInfoItem(t){const e=t?.bundleProducts?.split(","),o=e?.[1]??e?.[0],r=Object.values(a.catalog.structure[0].products).find((t=>t.productCode===o));if(this.allowedProductsToShowInfo.includes(t.productCode))return this.translateProperty(o?r.technologySpeed.description:t.technologySpeed.description)}getContractTermProperty(t,e){return this.getContractTerm(t)?.[e]??null}getContractTerm(t){return t.contractTerms?.find((t=>t.term===P.TwentyFourMonth))}getAttribute(t,e){return t?.find((t=>t.key===e))}getServiceApplicationFormUrl(t){const e=this.translateProperty(t.formUrl),o=this.getContractTermProperty(t,"promotionCode");let r={contractTerm:this.getContractTermProperty(t,"term")};o&&(r.promotion=o),r.addressKey=this.addressKey,r.product=t.productCode;const i=this.getAttribute(t.attributes,"availabilityFormUrlOverride")?.value??"";return i?i.toString():h(e,r)}renderLoader=()=>i("div",{class:"placeholder"},[...Array(2)].map((()=>i("div",{class:"placeholder-section"},i("tet-placeholder",{height:"3em",width:"40%",class:"placeholder-section-title",darkTheme:this.darkMode}),i("br",null),i("tet-placeholder",{height:"3em",width:"40%",class:"placeholder-subsection-title",darkTheme:this.darkMode}),i("br",null),i("tet-placeholder",{height:"1em",width:"20%",class:"placeholder-subsection-title",darkTheme:this.darkMode}),[...Array(3)].map((()=>[i("br",null),i("tet-placeholder",{height:"10em",darkTheme:this.darkMode})]))))));render(){return i(n,{key:"a90403ed6ae0cb197da686df01b82bd61f0a22ee"},this.showLoader?this.renderLoader():a.catalog&&this.renderTopCategories())}static get watchers(){return{addressKey:[{onAddressKeyChange:0}],language:[{onLanguageChanged:0}]}}static get style(){return':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;width:100%;max-width:53rem;margin:0 auto;padding:0 1rem}@media screen and (max-width: 48rem){:host{max-width:32rem}}@media only screen and (max-width: 44.9375rem){:host{padding:0 0.5rem}}*{color:rgb(10, 11, 13)}*.dark{color:var(--tc-text-primary-dark)}.category{font-family:var(--text-font);margin-bottom:7rem}@media screen and (max-width: 48rem){.category{margin-bottom:6rem}}@media only screen and (max-width: 44.9375rem){.category{margin-bottom:4rem}}.category-title{text-align:center;margin-bottom:1.5rem;font:600 3rem/3.25rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (max-width: 48rem){.category-title{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}}.category-subcategories{display:flex;flex-direction:column;gap:6.25rem}.tab-content div{box-sizing:border-box}@media screen and (max-width: 48rem){.tab-content div{max-width:32rem}}.tab-content div .subcategory-tab{width:100%;padding-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.subcategory-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:0.5rem}.subcategory-title{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif";display:flex;gap:1rem;align-items:center}.subcategory-title.dark{color:var(--tc-text-primary-dark)}@media screen and (max-width: 48rem){.subcategory-title{flex-direction:column;align-items:initial}}@media only screen and (max-width: 44.9375rem){.subcategory-title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}.subcategory-offers-link{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";max-width:fit-content;text-decoration:none}.subcategory-offers-link.dark{color:var(--tc-text-primary-dark)}.subcategory-offers-link-text{text-decoration:underline}.subcategory-offers-link-text.dark{color:var(--tc-text-primary-dark)}.subcategory-offers-link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem}.subcategory-products{display:flex;flex-direction:column;gap:1rem}.subcategory-filters{display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:1.5rem}.product{width:100%}.product::part(compare-card-title-wrapper){border-bottom:none}@media screen and (max-width: 48rem){.product::part(compare-card-title-wrapper){margin-bottom:1rem;padding:0}}.product .upsell-block{display:flex;flex-direction:column}.product .upsell-block--title{margin-bottom:0.5rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tc-text-secondary)}.product .upsell-block--title.dark{color:rgb(153, 160, 174)}.product .upsell-block--content{background:rgb(255, 255, 255);padding:0.75rem;display:flex;flex-direction:row;align-items:center;margin-bottom:1.5rem;border-radius:0.5rem}.product .upsell-block--content.dark{background:var(--tc-grey-minus-10-dark)}.product .upsell-block--icon{width:1.5rem;height:1.5rem;margin-right:0.75rem}.product .upsell-block--name{color:var(--tc-text-primary);font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;margin-right:auto}.product .upsell-block--name.dark{color:var(--tc-grey-110-dark)}.product .upsell-block--amount{color:var(--tc-text-primary);font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;background:var(--tc-background-secondary);border-radius:0.25rem;padding:0.125rem 0.25rem;margin-right:0.75rem}.product .upsell-block--amount.dark{background:var(--tc-grey-10-dark);color:var(--tc-grey-110-dark)}.product .upsell-block--tooltip{cursor:pointer}.placeholder-section{margin-bottom:2rem}.placeholder-section-title{margin:0 auto;--placeholder-animation-speed:4s}.placeholder-subsection-title{--placeholder-animation-speed:4s}.tab-header{margin-bottom:1.5rem;width:100%;max-width:24.375rem}@media screen and (max-width: 48rem){.tab-header{margin-bottom:2rem;width:100%;max-width:unset}}.header-switch .text-first{flex-direction:row;gap:0.5rem}@media screen and (max-width: 48rem){.header-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}}'}},[513,"tet-address-offers",{addressKey:[8,"address-key"],catalog:[16],theme:[1],darkMode:[4,"dark-mode"],termText:[1,"term-text"],formParameters:[1,"form-parameters"],language:[1],allowedTvProductCodes:[16],showLoader:[32],subcategoryProductFilters:[32]},void 0,{addressKey:[{onAddressKeyChange:0}],language:[{onLanguageChanged:0}]}]);function A(){"undefined"!=typeof customElements&&["tet-address-offers","tet-address-offers-filters-products","tet-button","tet-checkbox","tet-compare-card","tet-dropdown","tet-icon","tet-placeholder","tet-tag","tet-tag-group","tet-tooltip"].forEach((t=>{switch(t){case"tet-address-offers":customElements.get(s(t))||customElements.define(s(t),T);break;case"tet-address-offers-filters-products":customElements.get(s(t))||g();break;case"tet-button":customElements.get(s(t))||u();break;case"tet-checkbox":customElements.get(s(t))||y();break;case"tet-compare-card":customElements.get(s(t))||b();break;case"tet-dropdown":customElements.get(s(t))||w();break;case"tet-icon":customElements.get(s(t))||k();break;case"tet-placeholder":customElements.get(s(t))||x();break;case"tet-tag":customElements.get(s(t))||v();break;case"tet-tag-group":customElements.get(s(t))||C();break;case"tet-tooltip":customElements.get(s(t))||_()}}))}export{T,A as d}
|
|
1
|
+
import{p as t,H as e,d as o,f as r,h as i,c as n,t as s}from"./p-DIyhqSTP.js";import{s as a,o as l}from"./p-B73TDo-k.js";import{A as c,e as f}from"./p-dg7EpwKx.js";import{p as m,t as d}from"./p-DZ6ri3Ez.js";import{g as h}from"./p-BjOGAbQL.js";import{f as p}from"./p-B_N3UuP2.js";import{d as g}from"./p-CfgD6-zK.js";import{d as u}from"./p-C0Mqt63Q.js";import{d as y}from"./p-D9H54BhC.js";import{d as w}from"./p-CSHiKkxK.js";import{d as b}from"./p-CAGzjYiF.js";import{d as k}from"./p-3yD-8Tmz.js";import{d as x}from"./p-CP4sqVXo.js";import{d as v}from"./p-AjTuAw1s.js";import{d as C}from"./p-CwGM5Ts-.js";import{d as _}from"./p-CpLfddvj.js";var P;!function(t){t[t.TwentyFourMonth=24]="TwentyFourMonth",t[t.TwelveMonth=12]="TwelveMonth",t[t.SixMonth=6]="SixMonth",t[t.Indefinite=0]="Indefinite"}(P||(P={}));const T=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.emptyCatalog=o(this,"emptyCatalog"),this.catalogChange=o(this,"catalogChange"),this.filtersChange=o(this,"filtersChange")}translationsGroup="tet-components";allowedProductsToShowInfo=["PD_TELCO_SUPER","PD_TELCO_SUPER_PACK_A","PD_TELCO_SUPER_PACK_B","PD_TELCO_SUPER_PACK_C","PD_TELCO_SUPER_PACK_D","PD_TELCO_PACKAGE_A","PD_TELCO_PACKAGE_B","PD_TELCO_PACKAGE_C","PD_TELCO_PACKAGE_D","PD_TELCO_NETFLIX_PACKAGE_A_ITV_SUPER","PD_TELCO_HBOMAX_IPTV_PACK_A","PD_TELCO_HBOMAX_IPTV_PACK_B","PD_TELCO_HBOMAX_IPTV_PACK_C","PD_TELCO_NETFLIX_PACKAGE_A_SUPER","PD_TELCO_HBOMAX_OTT_PACK_A_SUPER","PD_TELCO_HBOMAX_OTT_PACK_B_SUPER","PD_TELCO_HBOMAX_OTT_PACK_C_SUPER"];get element(){return this}addressKey;catalog;theme="light";darkMode=!1;termText;formParameters="";language="lv";allowedTvProductCodes=[];showLoader=!0;subcategoryProductFilters={};emptyCatalog;catalogChange;filtersChange;async onAddressKeyChange(){await this.loadCatalogData()}async onLanguageChanged(t){await m(this.translationsGroup,t),r(this)}handleFilteredProductsChanged(t){this.subcategoryProductFilters={...this.subcategoryProductFilters,[t.detail.subcategoryId]:t.detail.filteredProductIds}}async componentWillLoad(){await m(this.translationsGroup,this.language)}async componentDidLoad(){await this.loadCatalogData(),this.initFilterChangeEvent()}initFilterChangeEvent(){const t=a.availableFilters.map((t=>(t.title=d(t.title),t)));l("activeFilters",(()=>{this.filtersChange.emit({activeFilters:a.activeFilters,availableFilters:t})}))}async loadCatalogData(){this.showLoader=!0,a.availableFilters=[];try{const t=await(t=>{const e=f.serviceAvailabilityServices;return(new c).setUrl(e+"?addressKey="+t).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()})(this.addressKey);this.catalog=t,a.catalog=t,this.catalogChange.emit({catalog:t,activeFilters:a.activeFilters,availableFilters:a.availableFilters})}catch(t){this.emptyCatalog.emit()}a.catalog instanceof Array&&!a.catalog.length&&this.emptyCatalog.emit(),this.showLoader=!1}filterCategoryProducts=t=>{const e=this.subcategoryProductFilters[t.key]||[];if(e.length>0)return t.products.filter((t=>e.includes(t.productCode)));const{activeFilters:o}=a;return o.includes("promotions")?t.products.filter(this.productHasPromotion.bind(this)):t.products};translateProperty(t){return t?.[this.language]||""}showCategory=t=>{if(t.subgroups?.length>0)return t.subgroups.some(this.showCategory);const{activeFilters:e}=a;return(!t.tag||["all",t.tag??""].some((t=>e.includes(t)))||e.includes("promotions")&&this.categoryContainsPromotions(t))&&this.categoryContainsContractTerms(t)&&this.filterCategoryProducts(t).length>0};categoryContainsPromotions({products:t=[]}){return t?.some((t=>this.productHasPromotion(t)))}productHasPromotion(t){return t?.contractTerms?.some((({promotionCode:t})=>t))}categoryContainsContractTerms({products:t=[]}){return t?.some((t=>this.productHasContractTerms(t)))}productHasContractTerms(t){return!!t?.contractTerms?.length}renderTopCategories(){return a.catalog?.structure?.filter(this.showCategory).map((t=>{const e=this.translateProperty(t.name);return i("section",{class:{category:!0,[`category--${this.theme}`]:!!this.theme,[this.theme]:!0}},e&&i("h2",{class:{"category-title":!0,[`category-title--${this.theme}`]:!!this.theme,[this.theme]:!0}},e),i("div",{class:{"category-subcategories":!0,[`category-subcategories--${this.theme}`]:!!this.theme,[this.theme]:!0}},this.renderSubCategories(t.subgroups||[],a.catalog?.meta)))}))}renderSubCategories(t,e){return t.filter(this.showCategory).map((t=>i("div",{class:"subcategory"},i("div",{class:"subcategory-header"},this.renderSubCategoryHeader(t)),t.hasProductTags&&i("div",{class:"subcategory-filters"},i("tet-address-offers-filters-products",{catalog:this.catalog,class:"center",language:this.language,clearFilterButton:!0,subcategoryId:t.key,onFilteredProductsChanged:t=>this.handleFilteredProductsChanged(t),category:t,theme:this.theme})),i("div",{class:"subcategory-products"},this.filterCategoryProducts(t).map((o=>this.renderProduct(o,t.theme,e)))))))}renderSubCategoryHeader=({displayTitle:t,name:e,landingPage:o,isOneTv:r})=>{const n=this.translateProperty(e),s=this.translateProperty(o);return[i("div",{class:{"subcategory-title":!0,[`subcategory-title--${this.theme}`]:!!this.theme,[this.theme]:!0}},r&&i("tet-icon",{name:"logo-tet-tv-plus",useDefaultColor:!0}),t&&n&&i("h3",{class:{[this.theme]:!!this.theme}},n)),s&&i("a",{class:{"subcategory-offers-link":!0,[`subcategory-offers-link--${this.theme}`]:!!this.theme,[this.theme]:!0},href:s,target:"_blank"},i("span",{class:{"subcategory-offers-link-text":!0,[`subcategory-offers-link-text--${this.theme}`]:!!this.theme,[this.theme]:!0}},d("components-address-offers-view-more-link"))," --\x3e")]};renderUpsellBlock(t,e,o){let r=e.find((t=>"sac-offers-light"===t.key));const n="dark"===this.theme;return n&&(r=e.find((t=>"sac-offers-dark"===t.key))),i("div",{class:"upsell-block"},i("div",{class:{"upsell-block--title":!0,dark:n}},d("components-max-sport-upsell-title")),i("div",{class:{"upsell-block--content":!0,dark:n}},i("img",{src:r.icon,alt:"",class:{"upsell-block--icon":!0},loading:"lazy"}),i("div",{class:{"upsell-block--name":!0,dark:n}},t),i("div",{class:{"upsell-block--amount":!0,dark:n}},"+",o," ",d("components-euro")),i("div",{class:{"upsell-block--tooltip":!0}},i("tet-icon",{class:"icon",name:"tc-info-circle",focusable:!0,theme:this.theme}),i("tet-tooltip",{theme:this.theme},d("components-max-sport-upsell-tooltip-info")))))}renderProduct(t,e="light",o){if(!this.getContractTerm(t))return;const r=t=>this.translateProperty(t),n=this.darkMode?"dark":"light",s=t.amount,a=this.getContractTermProperty(t,"amount"),l=this.getContractTermProperty(t,"showDiscount"),c=this.getContractTermProperty(t,"isAlwaysOn"),f=r(this.getContractTermProperty(t,"priceTooltip")),m=r(this.getContractTermProperty(t,"priceDescription")),h=this.getContractTermProperty(t,"contract"),g=this.getAttribute(t.attributes,"isBestChoice")?.value??!1;let u=null;if(this.getAttribute(t.attributes,"showMaxSportUpsell")?.value&&"hboMaxSport"===Object.keys(o)[0]){const t=Object.values(o)[0];u=this.renderUpsellBlock(t.name?t.name[this.language]:"",t.icons?t.icons:[],t.amount?t.amount:null)}let y=null;if(this.termText){const e=this.getContractTermProperty(t,"term");0!==e&&(y=this.termText.replace("%d",String(e))),this.getAttribute(t.attributes,"availabilityTermUnlimitedOverride")?.value&&(y=d("components-indefinite"))}let w=r(t.benefits);if(c||l){const e=r(this.getContractTermProperty(t,"benefits"));e&&(w=e)}const b=w?.split("\n").filter(Boolean);let k=null;this.getAttribute(t.attributes,"isNetflixProduct")?.value?k=d("components-netflix-card-description"):this.getAttribute(t.attributes,"isNetflixMaxProduct")?.value?k=d("components-netflix-max-card-description"):this.getAttribute(t.attributes,"isMaxProduct")?.value&&(k=d("components-max-card-description"));const x={mainTitle:r(t.name),subTitle:this.getProductSubtitle(t),bestChoiceText:d("components-address-offers-best-choice"),infoItemIconName:"info-circle",infoItemTooltipContent:this.getProductInfoItem(t),bulletPoints:b,price:p(a??s,{currency:""}),oldPrice:l?p(s,{currency:""}):null,currency:d("components-euro-per-month"),priceInfoIconName:f?"info-circle":null,priceInfoTooltipContent:f||null,term:m,termText:y,helper:r(t.description),button:(v=d("components-address-offers-form-button-text"),C=this.getServiceApplicationFormUrl(t)+this.formParameters,`\n <a href="${C}" tabIndex="-1">\n <tet-button class="tet-button" style="--button-width: 10rem" theme="${n}" disabled="${!C}">\n ${v}\n </tet-button>\n </a>\n `),secondaryLink:h,secondaryLinkText:d("components-offers-contract-term-link"),secondaryLinkOpenBlank:!0,netflixProductDescription:k};var v,C;return i("tet-compare-card",{class:{product:!0,"best-choice":g},options:x,cardType:"wide60-40",minWideWidth:768,theme:e,bestChoice:g,cardList:!0,darkMode:this.darkMode},i("div",{slot:"upsell-block-slot"},u))}getProductSubtitle({productCode:t,technologySpeed:{max:e,min:o}}){if(this.allowedProductsToShowInfo.includes(t))return e&&o?d("components-max-speed-description-v2",{minSpeed:o,maxSpeed:e}):""}getProductInfoItem(t){const e=t?.bundleProducts?.split(","),o=e?.[1]??e?.[0],r=Object.values(a.catalog.structure[0].products).find((t=>t.productCode===o));if(this.allowedProductsToShowInfo.includes(t.productCode))return this.translateProperty(o?r.technologySpeed.description:t.technologySpeed.description)}getContractTermProperty(t,e){return this.getContractTerm(t)?.[e]??null}getContractTerm(t){return t.contractTerms?.find((t=>t.term===P.TwentyFourMonth))}getAttribute(t,e){return t?.find((t=>t.key===e))}getServiceApplicationFormUrl(t){const e=this.translateProperty(t.formUrl),o=this.getContractTermProperty(t,"promotionCode");let r={contractTerm:this.getContractTermProperty(t,"term")};o&&(r.promotion=o),r.addressKey=this.addressKey,r.product=t.productCode;const i=this.getAttribute(t.attributes,"availabilityFormUrlOverride")?.value??"";return i?i.toString():h(e,r)}renderLoader=()=>i("div",{class:"placeholder"},[...Array(2)].map((()=>i("div",{class:"placeholder-section"},i("tet-placeholder",{height:"3em",width:"40%",class:"placeholder-section-title",darkTheme:this.darkMode}),i("br",null),i("tet-placeholder",{height:"3em",width:"40%",class:"placeholder-subsection-title",darkTheme:this.darkMode}),i("br",null),i("tet-placeholder",{height:"1em",width:"20%",class:"placeholder-subsection-title",darkTheme:this.darkMode}),[...Array(3)].map((()=>[i("br",null),i("tet-placeholder",{height:"10em",darkTheme:this.darkMode})]))))));render(){return i(n,{key:"a90403ed6ae0cb197da686df01b82bd61f0a22ee"},this.showLoader?this.renderLoader():a.catalog&&this.renderTopCategories())}static get watchers(){return{addressKey:[{onAddressKeyChange:0}],language:[{onLanguageChanged:0}]}}static get style(){return':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;width:100%;max-width:53rem;margin:0 auto;padding:0 1rem}@media screen and (max-width: 48rem){:host{max-width:32rem}}@media only screen and (max-width: 44.9375rem){:host{padding:0 0.5rem}}*{color:rgb(10, 11, 13)}*.dark{color:var(--tc-text-primary-dark)}.category{font-family:var(--text-font);margin-bottom:7rem}@media screen and (max-width: 48rem){.category{margin-bottom:6rem}}@media only screen and (max-width: 44.9375rem){.category{margin-bottom:4rem}}.category-title{text-align:center;margin-bottom:1.5rem;font:600 3rem/3.25rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (max-width: 48rem){.category-title{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}}.category-subcategories{display:flex;flex-direction:column;gap:6.25rem}.tab-content div{box-sizing:border-box}@media screen and (max-width: 48rem){.tab-content div{max-width:32rem}}.tab-content div .subcategory-tab{width:100%;padding-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.subcategory-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:0.5rem}.subcategory-title{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif";display:flex;gap:1rem;align-items:center}.subcategory-title.dark{color:var(--tc-text-primary-dark)}@media screen and (max-width: 48rem){.subcategory-title{flex-direction:column;align-items:initial}}@media only screen and (max-width: 44.9375rem){.subcategory-title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}.subcategory-offers-link{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";max-width:fit-content;text-decoration:none}.subcategory-offers-link.dark{color:var(--tc-text-primary-dark)}.subcategory-offers-link-text{text-decoration:underline}.subcategory-offers-link-text.dark{color:var(--tc-text-primary-dark)}.subcategory-offers-link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem}.subcategory-products{display:flex;flex-direction:column;gap:1rem}.subcategory-filters{display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:1.5rem}.product{width:100%}.product::part(compare-card-title-wrapper){border-bottom:none}@media screen and (max-width: 48rem){.product::part(compare-card-title-wrapper){margin-bottom:1rem;padding:0}}.product .upsell-block{display:flex;flex-direction:column}.product .upsell-block--title{margin-bottom:0.5rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tc-text-secondary)}.product .upsell-block--title.dark{color:rgb(153, 160, 174)}.product .upsell-block--content{background:rgb(255, 255, 255);padding:0.75rem;display:flex;flex-direction:row;align-items:center;margin-bottom:1.5rem;border-radius:0.5rem}.product .upsell-block--content.dark{background:var(--tc-grey-minus-10-dark)}.product .upsell-block--icon{width:1.5rem;height:1.5rem;margin-right:0.75rem}.product .upsell-block--name{color:var(--tc-text-primary);font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;margin-right:auto}.product .upsell-block--name.dark{color:var(--tc-grey-110-dark)}.product .upsell-block--amount{color:var(--tc-text-primary);font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;background:var(--tc-background-secondary);border-radius:0.25rem;padding:0.125rem 0.25rem;margin-right:0.75rem}.product .upsell-block--amount.dark{background:var(--tc-grey-10-dark);color:var(--tc-grey-110-dark)}.product .upsell-block--tooltip{cursor:pointer}.placeholder-section{margin-bottom:2rem}.placeholder-section-title{margin:0 auto;--placeholder-animation-speed:4s}.placeholder-subsection-title{--placeholder-animation-speed:4s}.tab-header{margin-bottom:1.5rem;width:100%;max-width:24.375rem}@media screen and (max-width: 48rem){.tab-header{margin-bottom:2rem;width:100%;max-width:unset}}.header-switch .text-first{flex-direction:row;gap:0.5rem}@media screen and (max-width: 48rem){.header-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}}'}},[513,"tet-address-offers",{addressKey:[8,"address-key"],catalog:[16],theme:[1],darkMode:[4,"dark-mode"],termText:[1,"term-text"],formParameters:[1,"form-parameters"],language:[1],allowedTvProductCodes:[16],showLoader:[32],subcategoryProductFilters:[32]},void 0,{addressKey:[{onAddressKeyChange:0}],language:[{onLanguageChanged:0}]}]);function A(){"undefined"!=typeof customElements&&["tet-address-offers","tet-address-offers-filters-products","tet-button","tet-checkbox","tet-compare-card","tet-dropdown","tet-icon","tet-placeholder","tet-tag","tet-tag-group","tet-tooltip"].forEach((t=>{switch(t){case"tet-address-offers":customElements.get(s(t))||customElements.define(s(t),T);break;case"tet-address-offers-filters-products":customElements.get(s(t))||g();break;case"tet-button":customElements.get(s(t))||u();break;case"tet-checkbox":customElements.get(s(t))||y();break;case"tet-compare-card":customElements.get(s(t))||w();break;case"tet-dropdown":customElements.get(s(t))||b();break;case"tet-icon":customElements.get(s(t))||k();break;case"tet-placeholder":customElements.get(s(t))||x();break;case"tet-tag":customElements.get(s(t))||v();break;case"tet-tag-group":customElements.get(s(t))||C();break;case"tet-tooltip":customElements.get(s(t))||_()}}))}export{T,A as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as t,h as e,c as n,t as r}from"./p-
|
|
1
|
+
import{p as o,H as t,h as e,c as n,t as r}from"./p-DIyhqSTP.js";const i=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}width="100%";height="auto";darkTheme=!1;render(){return e(n,{key:"2663825bcb8c6c240fdc0c6dfb32ed3561a6d42a",style:{width:this.width,height:this.height}},e("div",{key:"b4db1824d2dfec1162df816259dfa6181b190c13",class:{placeholder:!0,"dark-theme":this.darkTheme},style:{height:this.height}}))}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--placeholder-primary-background-color:#eeeeee;--placeholder-secondary-background-color:#dddddd;--placeholder-animation-speed:2s;--placeholder-border-radius:0.3125rem;--placeholder-min-height:2em;display:block;min-height:var(--placeholder-min-height)}.dark-theme{--placeholder-primary-background-color:#111111;--placeholder-secondary-background-color:#222222}@keyframes animatedBackground{from{background-position-x:-100vw}to{background-position-x:100vw}}.placeholder{display:block;min-height:var(--placeholder-min-height);border-radius:var(--placeholder-border-radius);background-image:linear-gradient(90deg, var(--placeholder-primary-background-color) 0%, var(--placeholder-secondary-background-color) 50%, var(--placeholder-primary-background-color) 100%);background-position:0 0;background-repeat:repeat;animation:animatedBackground var(--placeholder-animation-speed) linear infinite}'}},[513,"tet-placeholder",{width:[1],height:[1],darkTheme:[4,"dark-theme"]}]);function a(){"undefined"!=typeof customElements&&["tet-placeholder"].forEach((o=>{"tet-placeholder"===o&&(customElements.get(r(o))||customElements.define(r(o),i))}))}export{i as T,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,d as o,h as r,t as n}from"./p-nb3MHK7A.js";import{p as a,t as s}from"./p-DePtMqzY.js";import{a as i,d as c}from"./p-Clw2OLNj.js";import{f as l}from"./p-B_N3UuP2.js";import{d as f}from"./p-BsNlQtYx.js";import{d as m}from"./p-CFDvtl5l.js";import{d}from"./p-Dvk7syez.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.editButtonClick=o(this,"editButtonClick"),this.deleteButtonClick=o(this,"deleteButtonClick"),this.amountChange=o(this,"amountChange")}productName;price;productDescription;discountPrice;currency;contractTerm;theme="light";withStepper=!1;value;minValue;maxValue;stepperLabel;context="edit";language="lv";editButtonClick;deleteButtonClick;amountChange;async componentWillLoad(){await a("tet-components",this.language)}renderLabel=t=>{const{stepperLabel:e,value:o}=this;if(e)return t?r("span",{class:"contract-term"},e,": ",o):r("span",{class:"stepper-label"},e)};renderStepper=()=>{const{withStepper:t,theme:e,value:o,minValue:n,maxValue:a}=this;if(t)return r("div",{class:"stepper-wrapper"},this.renderLabel(!1),r("tet-stepper-input",{class:"business-summary-card__stepper",theme:e,value:o,step:1,min:n,max:a,onInputValueChanged:t=>{this.value=t.detail,this.amountChange.emit(t.detail)}}))};renderIconButton=t=>{const e=e=>{"tc-edit-box"===t?this.editButtonClick.emit(e):this.deleteButtonClick.emit(e)};return r("button",{class:"icon-button",onClick:t=>e(t),onKeyDown:i},r("tet-icon",{class:"tc-edit-box"===t?"edit":"delete",name:t,focusable:!1}))};render(){const{productName:t,price:e,productDescription:o,discountPrice:n,currency:a,contractTerm:i,theme:c}=this,f=i?s("components-term-month-"+(i%10==1&&11!==i?"single":"plural"),{term:i}):s("components-term-month-indefinite");return r("div",{key:"b2ca8dd11f65b985a8912f5106c8db1142d696be",class:{"business-summary-card":!0,[`theme-${c}`]:!0}},r("div",{key:"e54981477c3304f9242f9c65921952f03365aae8",class:"business-summary-card-content"},r("div",{key:"79497177bf232a2bb026fa63e94f0bebc87cb260",class:"business-summary-card-content__left"},r("div",{key:"06cd42c2c4320f40d70b5a49b0816232c22dce48",class:"content-wrapper"},r("div",{key:"2687c3806f3646303687cdab4e497679a55c48c4",class:"title"},t),r("div",{key:"3a81be97434f02b2b59f4ceee04b7366baee3596",class:"description"},o))),r("div",{key:"d51853be94ab6f98bd9bed835a7d95ed077bdfa2",class:"business-summary-card-content__right"},r("div",{key:"1b5fd3a388e603ada3962053e5c74541e208da5c",class:"content-wrapper"},r("div",{key:"d63f954fc3d02e82bd6b2c57c5f17a8f646f0df5",class:"title title--end"},`${l(n||e,{currency:""})} ${a}`),!!n&&r("div",{key:"1cc3e112420f09a074562e0999cc699a701165d6",class:{description:!0,price:!!n}},`${l(e,{currency:""})} ${a}`)))),r("div",{key:"611093907f61cdedabee5ba970bc846829c67a6b",class:"business-summary-card-content"},r("span",{key:"dcba98fb25981dc54b51d5e82741e30bed72be87",class:"contract-term"},s("components-offers-contract-terms-label"),": ",f),"checkout"===this.context&&this.renderLabel(!0)),"edit"===this.context&&r("div",{key:"0c6f7da1e96ae83a3869b7faae52b76199def1da",class:"business-summary-card-content"},r("div",{key:"9581748f6c76af9612777f13e2054e1cd93af023",class:"business-summary-card-content__left"},this.renderStepper()),r("div",{key:"e6de879568f75fa10a44949d64679f5fddd3433b",class:"business-summary-card-content__right"},r("div",{key:"0354b5432db658e22575ad6e56f256bff9092a98",class:"button-wrapper"},this.renderIconButton("tc-edit-box"),this.renderIconButton("tc-trash-can")))))}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-business-summary-card-icon-button-size:2.75rem;display:flex}.business-summary-card{display:flex;flex-direction:column;padding:1rem 1rem 0 1rem;background-color:var(--tet-business-summary-card-background-color);border:0.03125rem solid var(--tet-business-summary-card-border-color);border-radius:0.375rem;width:100%;justify-content:space-between;color:var(--tet-business-summary-card-text-color);box-shadow:var(--tet-business-summary-card-border-shadow);container-type:inline-size}.business-summary-card.theme-light{--tet-business-summary-card-text-color:var(--tc-text-primary);--tet-business-summary-card-contract-text-color:var(--tc-text-secondary);--tet-business-summary-card-border-color:var(--tc-border-quaternary);--tet-business-summary-card-border-shadow:var(--tc-elevation-one);--tet-business-summary-card-icon-button-background:var(--tc-layer-secondary);--tet-business-summary-card-hover-icon-button-background:var(--tc-layer-tertiary);--tet-business-summary-card-active-icon-button-background:var(--tc-layer-quaternary);--tet-business-summary-card-background-color:var(--tc-layer-primary);--tet-business-summary-card-icon-color:var(--tc-icon-primary);--tet-business-summary-card-hover-delete-icon-color:var(--tc-red-40);--tet-business-summary-card-hover-edit-icon-color:var(--tc-blue-40)}.business-summary-card.theme-light .icon-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.business-summary-card.theme-light .delete span.icon-container.light.primary{--icon-color:var(--tc-red-40)}.business-summary-card.theme-dark{--tet-business-summary-card-text-color:var(--tc-text-primary-dark);--tet-business-summary-card-contract-text-color:var(--tc-text-secondary-dark);--tet-business-summary-card-border-color:var(--tc-border-quaternary-dark);--tet-business-summary-card-border-shadow:var(--tc-elevation-one-dark);--tet-business-summary-card-icon-button-background:var(--tc-layer-secondary-dark);--tet-business-summary-card-hover-icon-button-background:var(--tc-layer-tertiary-dark);--tet-business-summary-card-active-icon-button-background:var(--tc-layer-quaternary-dark);--tet-business-summary-card-background-color:var(--tc-layer-primary-dark);--tet-business-summary-card-icon-color:var(--tc-icon-primary-dark);--tet-business-summary-card-hover-delete-icon-color:var(--tc-red-40-dark);--tet-business-summary-card-hover-edit-icon-color:var(--tc-blue-40-dark)}.business-summary-card.theme-dark .icon-button: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}.business-summary-card-content{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;padding-bottom:1rem}@container (max-width:18.75rem){.business-summary-card-content:has(.stepper-wrapper){flex-direction:column;align-items:center}.business-summary-card-content .stepper-wrapper{align-items:center}}@media only screen and (max-width: 22.5rem){.business-summary-card-content{flex-direction:column}}.business-summary-card-content__left{display:flex;flex-direction:column;align-items:flex-start}.business-summary-card-content__right{display:flex;flex-direction:column;align-items:flex-end}@media only screen and (max-width: 22.5rem){.business-summary-card-content__right{align-items:flex-start;flex-direction:row;justify-content:flex-start}}.business-summary-card-content__right:has(.button-wrapper){justify-content:flex-end}@media only screen and (max-width: 22.5rem){.business-summary-card-content__right:has(.button-wrapper){justify-content:center}}.business-summary-card-content:has(.content-wrapper){padding-bottom:0}.business-summary-card__stepper{--stepper-value-color:var(--tet-business-summary-card-text-color);--stepper-input-control-background-color:var(--tet-business-summary-card-background-color)}.stepper-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:0.125rem;align-self:stretch}.stepper-label{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0 0.25rem 0.25rem 0.25rem}@media screen and (min-width: 64rem){.stepper-label{display:none}}.content-wrapper{display:flex;flex-direction:column}.content-wrapper .title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.content-wrapper .title--end{text-align:end}@media only screen and (max-width: 22.5rem){.content-wrapper .title--end{text-align:start}}.content-wrapper .description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.content-wrapper .description.price{align-self:end;text-align:end;text-decoration-line:line-through}@media only screen and (max-width: 22.5rem){.content-wrapper:has(.description.price){flex-direction:row;align-items:center;padding-top:0.25rem;gap:0.5rem}}.contract-term{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--tet-business-summary-card-contract-text-color)}.button-wrapper{display:flex;flex-direction:row;align-items:flex-end;gap:0.5rem}@media only screen and (max-width: 22.5rem){.button-wrapper{align-self:center}}.icon-button{display:flex;width:var(--tet-business-summary-card-icon-button-size);height:var(--tet-business-summary-card-icon-button-size);padding:0.625rem;justify-content:center;align-items:center;border-radius:2.5rem;border:none;background:var(--tet-business-summary-card-icon-button-background);cursor:pointer}.icon-button .edit,.icon-button .delete{--icon-color:var(--tet-business-summary-card-icon-color)}.icon-button:hover .edit,.icon-button:active .edit{--icon-color:var(--tet-business-summary-card-hover-edit-icon-color)}.icon-button:hover .delete,.icon-button:active .delete{--icon-color:var(--tet-business-summary-card-hover-delete-icon-color)}.icon-button:hover{background:var(--tet-business-summary-card-hover-icon-button-background)}.icon-button:active,.icon-button:focus:not(:focus-visible){background:var(--tet-business-summary-card-active-icon-button-background)}'}},[513,"tet-business-summary-card",{productName:[1,"product-name"],price:[2],productDescription:[1,"product-description"],discountPrice:[2,"discount-price"],currency:[1],contractTerm:[2,"contract-term"],theme:[1],withStepper:[4,"with-stepper"],value:[2],minValue:[2,"min-value"],maxValue:[2,"max-value"],stepperLabel:[1,"stepper-label"],context:[1],language:[1]}]);function p(){"undefined"!=typeof customElements&&["tet-business-summary-card","tet-button","tet-icon","tet-input","tet-stepper-input"].forEach((t=>{switch(t){case"tet-business-summary-card":customElements.get(n(t))||customElements.define(n(t),u);break;case"tet-button":customElements.get(n(t))||f();break;case"tet-icon":customElements.get(n(t))||m();break;case"tet-input":customElements.get(n(t))||c();break;case"tet-stepper-input":customElements.get(n(t))||d()}}))}export{u as T,p as d}
|
|
1
|
+
import{p as t,H as e,d as o,h as r,t as n}from"./p-DIyhqSTP.js";import{p as a,t as s}from"./p-DZ6ri3Ez.js";import{a as i,d as c}from"./p-CAXkylRm.js";import{f as l}from"./p-B_N3UuP2.js";import{d as f}from"./p-C0Mqt63Q.js";import{d as m}from"./p-3yD-8Tmz.js";import{d}from"./p-BkzR7Tya.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.editButtonClick=o(this,"editButtonClick"),this.deleteButtonClick=o(this,"deleteButtonClick"),this.amountChange=o(this,"amountChange")}productName;price;productDescription;discountPrice;currency;contractTerm;theme="light";withStepper=!1;value;minValue;maxValue;stepperLabel;context="edit";language="lv";editButtonClick;deleteButtonClick;amountChange;async componentWillLoad(){await a("tet-components",this.language)}renderLabel=t=>{const{stepperLabel:e,value:o}=this;if(e)return t?r("span",{class:"contract-term"},e,": ",o):r("span",{class:"stepper-label"},e)};renderStepper=()=>{const{withStepper:t,theme:e,value:o,minValue:n,maxValue:a}=this;if(t)return r("div",{class:"stepper-wrapper"},this.renderLabel(!1),r("tet-stepper-input",{class:"business-summary-card__stepper",theme:e,value:o,step:1,min:n,max:a,onInputValueChanged:t=>{this.value=t.detail,this.amountChange.emit(t.detail)}}))};renderIconButton=t=>{const e=e=>{"tc-edit-box"===t?this.editButtonClick.emit(e):this.deleteButtonClick.emit(e)};return r("button",{class:"icon-button",onClick:t=>e(t),onKeyDown:i},r("tet-icon",{class:"tc-edit-box"===t?"edit":"delete",name:t,focusable:!1}))};render(){const{productName:t,price:e,productDescription:o,discountPrice:n,currency:a,contractTerm:i,theme:c}=this,f=i?s("components-term-month-"+(i%10==1&&11!==i?"single":"plural"),{term:i}):s("components-term-month-indefinite");return r("div",{key:"b2ca8dd11f65b985a8912f5106c8db1142d696be",class:{"business-summary-card":!0,[`theme-${c}`]:!0}},r("div",{key:"e54981477c3304f9242f9c65921952f03365aae8",class:"business-summary-card-content"},r("div",{key:"79497177bf232a2bb026fa63e94f0bebc87cb260",class:"business-summary-card-content__left"},r("div",{key:"06cd42c2c4320f40d70b5a49b0816232c22dce48",class:"content-wrapper"},r("div",{key:"2687c3806f3646303687cdab4e497679a55c48c4",class:"title"},t),r("div",{key:"3a81be97434f02b2b59f4ceee04b7366baee3596",class:"description"},o))),r("div",{key:"d51853be94ab6f98bd9bed835a7d95ed077bdfa2",class:"business-summary-card-content__right"},r("div",{key:"1b5fd3a388e603ada3962053e5c74541e208da5c",class:"content-wrapper"},r("div",{key:"d63f954fc3d02e82bd6b2c57c5f17a8f646f0df5",class:"title title--end"},`${l(n||e,{currency:""})} ${a}`),!!n&&r("div",{key:"1cc3e112420f09a074562e0999cc699a701165d6",class:{description:!0,price:!!n}},`${l(e,{currency:""})} ${a}`)))),r("div",{key:"611093907f61cdedabee5ba970bc846829c67a6b",class:"business-summary-card-content"},r("span",{key:"dcba98fb25981dc54b51d5e82741e30bed72be87",class:"contract-term"},s("components-offers-contract-terms-label"),": ",f),"checkout"===this.context&&this.renderLabel(!0)),"edit"===this.context&&r("div",{key:"0c6f7da1e96ae83a3869b7faae52b76199def1da",class:"business-summary-card-content"},r("div",{key:"9581748f6c76af9612777f13e2054e1cd93af023",class:"business-summary-card-content__left"},this.renderStepper()),r("div",{key:"e6de879568f75fa10a44949d64679f5fddd3433b",class:"business-summary-card-content__right"},r("div",{key:"0354b5432db658e22575ad6e56f256bff9092a98",class:"button-wrapper"},this.renderIconButton("tc-edit-box"),this.renderIconButton("tc-trash-can")))))}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-business-summary-card-icon-button-size:2.75rem;display:flex}.business-summary-card{display:flex;flex-direction:column;padding:1rem 1rem 0 1rem;background-color:var(--tet-business-summary-card-background-color);border:0.03125rem solid var(--tet-business-summary-card-border-color);border-radius:0.375rem;width:100%;justify-content:space-between;color:var(--tet-business-summary-card-text-color);box-shadow:var(--tet-business-summary-card-border-shadow);container-type:inline-size}.business-summary-card.theme-light{--tet-business-summary-card-text-color:var(--tc-text-primary);--tet-business-summary-card-contract-text-color:var(--tc-text-secondary);--tet-business-summary-card-border-color:var(--tc-border-quaternary);--tet-business-summary-card-border-shadow:var(--tc-elevation-one);--tet-business-summary-card-icon-button-background:var(--tc-layer-secondary);--tet-business-summary-card-hover-icon-button-background:var(--tc-layer-tertiary);--tet-business-summary-card-active-icon-button-background:var(--tc-layer-quaternary);--tet-business-summary-card-background-color:var(--tc-layer-primary);--tet-business-summary-card-icon-color:var(--tc-icon-primary);--tet-business-summary-card-hover-delete-icon-color:var(--tc-red-40);--tet-business-summary-card-hover-edit-icon-color:var(--tc-blue-40)}.business-summary-card.theme-light .icon-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.business-summary-card.theme-light .delete span.icon-container.light.primary{--icon-color:var(--tc-red-40)}.business-summary-card.theme-dark{--tet-business-summary-card-text-color:var(--tc-text-primary-dark);--tet-business-summary-card-contract-text-color:var(--tc-text-secondary-dark);--tet-business-summary-card-border-color:var(--tc-border-quaternary-dark);--tet-business-summary-card-border-shadow:var(--tc-elevation-one-dark);--tet-business-summary-card-icon-button-background:var(--tc-layer-secondary-dark);--tet-business-summary-card-hover-icon-button-background:var(--tc-layer-tertiary-dark);--tet-business-summary-card-active-icon-button-background:var(--tc-layer-quaternary-dark);--tet-business-summary-card-background-color:var(--tc-layer-primary-dark);--tet-business-summary-card-icon-color:var(--tc-icon-primary-dark);--tet-business-summary-card-hover-delete-icon-color:var(--tc-red-40-dark);--tet-business-summary-card-hover-edit-icon-color:var(--tc-blue-40-dark)}.business-summary-card.theme-dark .icon-button: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}.business-summary-card-content{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;padding-bottom:1rem}@container (max-width:18.75rem){.business-summary-card-content:has(.stepper-wrapper){flex-direction:column;align-items:center}.business-summary-card-content .stepper-wrapper{align-items:center}}@media only screen and (max-width: 22.5rem){.business-summary-card-content{flex-direction:column}}.business-summary-card-content__left{display:flex;flex-direction:column;align-items:flex-start}.business-summary-card-content__right{display:flex;flex-direction:column;align-items:flex-end}@media only screen and (max-width: 22.5rem){.business-summary-card-content__right{align-items:flex-start;flex-direction:row;justify-content:flex-start}}.business-summary-card-content__right:has(.button-wrapper){justify-content:flex-end}@media only screen and (max-width: 22.5rem){.business-summary-card-content__right:has(.button-wrapper){justify-content:center}}.business-summary-card-content:has(.content-wrapper){padding-bottom:0}.business-summary-card__stepper{--stepper-value-color:var(--tet-business-summary-card-text-color);--stepper-input-control-background-color:var(--tet-business-summary-card-background-color)}.stepper-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:0.125rem;align-self:stretch}.stepper-label{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0 0.25rem 0.25rem 0.25rem}@media screen and (min-width: 64rem){.stepper-label{display:none}}.content-wrapper{display:flex;flex-direction:column}.content-wrapper .title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.content-wrapper .title--end{text-align:end}@media only screen and (max-width: 22.5rem){.content-wrapper .title--end{text-align:start}}.content-wrapper .description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.content-wrapper .description.price{align-self:end;text-align:end;text-decoration-line:line-through}@media only screen and (max-width: 22.5rem){.content-wrapper:has(.description.price){flex-direction:row;align-items:center;padding-top:0.25rem;gap:0.5rem}}.contract-term{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--tet-business-summary-card-contract-text-color)}.button-wrapper{display:flex;flex-direction:row;align-items:flex-end;gap:0.5rem}@media only screen and (max-width: 22.5rem){.button-wrapper{align-self:center}}.icon-button{display:flex;width:var(--tet-business-summary-card-icon-button-size);height:var(--tet-business-summary-card-icon-button-size);padding:0.625rem;justify-content:center;align-items:center;border-radius:2.5rem;border:none;background:var(--tet-business-summary-card-icon-button-background);cursor:pointer}.icon-button .edit,.icon-button .delete{--icon-color:var(--tet-business-summary-card-icon-color)}.icon-button:hover .edit,.icon-button:active .edit{--icon-color:var(--tet-business-summary-card-hover-edit-icon-color)}.icon-button:hover .delete,.icon-button:active .delete{--icon-color:var(--tet-business-summary-card-hover-delete-icon-color)}.icon-button:hover{background:var(--tet-business-summary-card-hover-icon-button-background)}.icon-button:active,.icon-button:focus:not(:focus-visible){background:var(--tet-business-summary-card-active-icon-button-background)}'}},[513,"tet-business-summary-card",{productName:[1,"product-name"],price:[2],productDescription:[1,"product-description"],discountPrice:[2,"discount-price"],currency:[1],contractTerm:[2,"contract-term"],theme:[1],withStepper:[4,"with-stepper"],value:[2],minValue:[2,"min-value"],maxValue:[2,"max-value"],stepperLabel:[1,"stepper-label"],context:[1],language:[1]}]);function p(){"undefined"!=typeof customElements&&["tet-business-summary-card","tet-button","tet-icon","tet-input","tet-stepper-input"].forEach((t=>{switch(t){case"tet-business-summary-card":customElements.get(n(t))||customElements.define(n(t),u);break;case"tet-button":customElements.get(n(t))||f();break;case"tet-icon":customElements.get(n(t))||m();break;case"tet-input":customElements.get(n(t))||c();break;case"tet-stepper-input":customElements.get(n(t))||d()}}))}export{u as T,p as d}
|