@tet/tet-components 1.4.135-testing → 1.4.136-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{http-codes-C-IXSZGG.js → http-codes-M3UINy7t.js} +1 -1
- package/dist/cjs/{index-DKg1QTRW.js → index-BGnwL8G_.js} +1 -1
- package/dist/cjs/{index-Bo0hF6YQ.js → index-CabrFqSe.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{product-comparison-f-u42TDe.js → product-comparison-1cTUG5Si.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_5.cjs.entry.js +4 -4
- package/dist/cjs/tet-assembler.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +3 -3
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-sticky-offer.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/{translations-f2lO6WcB.js → translations-MNaGVsId.js} +1 -1
- package/dist/collection/assets/icons/tc/tc-credit-card.svg +6 -0
- package/dist/collection/assets/icons/tc/tc-pay.svg +6 -0
- package/dist/collection/assets/icons/tc/tc-stats.svg +3 -0
- package/dist/collection/assets/icons/tc-icons.svg +12 -0
- package/dist/components/assets/icons/tc/tc-credit-card.svg +6 -0
- package/dist/components/assets/icons/tc/tc-pay.svg +6 -0
- package/dist/components/assets/icons/tc/tc-stats.svg +3 -0
- package/dist/components/assets/icons/tc-icons.svg +12 -0
- package/dist/components/index.js +1 -1
- package/dist/components/{p-KLAzfxVo.js → p-5UJFxezd.js} +1 -1
- package/dist/components/{p-B0yDw7Me.js → p-B-NrbQQs.js} +1 -1
- package/dist/components/{p-CBm8zIRJ.js → p-B0hANxhW.js} +1 -1
- package/dist/components/{p-D5plublb.js → p-B2arF32p.js} +1 -1
- package/dist/components/{p-j3gczqFU.js → p-B6g2Jx1g.js} +1 -1
- package/dist/components/{p-DePtMqzY.js → p-B8FP4SAH.js} +1 -1
- package/dist/components/{p-D56nNU-Z.js → p-BApdvyGP.js} +1 -1
- package/dist/components/{p-C9c0OPW9.js → p-BJO-9BKk.js} +1 -1
- package/dist/components/{p-CwXqN-k6.js → p-BMZXNpgZ.js} +1 -1
- package/dist/components/{p-KBNSpMwX.js → p-BMd3uvm2.js} +1 -1
- package/dist/components/{p-BW48_rii.js → p-BNvUtvgM.js} +1 -1
- package/dist/components/{p-D4mimikO.js → p-BgUiklHX.js} +1 -1
- package/dist/components/{p-CfIyvV8F.js → p-BgVRLqkI.js} +1 -1
- package/dist/components/p-Bn-5RqMx.js +1 -0
- package/dist/components/{p-0m6VLm4E.js → p-BxnOoPxY.js} +1 -1
- package/dist/components/{p-DHOPNeBR.js → p-C2Vn0VjX.js} +1 -1
- package/dist/components/{p-BXZCgW0z.js → p-C6E2NzMm.js} +1 -1
- package/dist/components/{p-CDTZ2TSu.js → p-CQ7TBPB5.js} +1 -1
- package/dist/components/{p-D0VEBguO.js → p-CTPFIY0E.js} +1 -1
- package/dist/components/{p-1M2reaCU.js → p-CVKvk6QH.js} +1 -1
- package/dist/components/{p-B8ElCfnM.js → p-CYfNgSDa.js} +1 -1
- package/dist/components/{p-nb3MHK7A.js → p-ChxhsA_J.js} +1 -1
- package/dist/components/{p-9ItXFJZ6.js → p-ClZGNJ8K.js} +1 -1
- package/dist/components/{p-gpfz6eY4.js → p-Coxpruga.js} +1 -1
- package/dist/components/{p-CZWykfnF.js → p-CphhVM89.js} +1 -1
- package/dist/components/{p-tSLI82NY.js → p-CreL0Pyq.js} +1 -1
- package/dist/components/{p-LkN4wIlk.js → p-CxbzmlPi.js} +1 -1
- package/dist/components/{p-B70tbyf1.js → p-D0JPmqoE.js} +1 -1
- package/dist/components/{p-CbJNzsI-.js → p-D1D1bR1i.js} +1 -1
- package/dist/components/{p-DJQWSjRR.js → p-D7yVtwIG.js} +1 -1
- package/dist/components/{p-zkmKLYHg.js → p-DDjtysF3.js} +1 -1
- package/dist/components/{p-B4fOuNpD.js → p-DDpJSNPZ.js} +1 -1
- package/dist/components/{p-B_RQCK28.js → p-DF_X_yCR.js} +1 -1
- package/dist/components/{p-H56BMng-.js → p-DFo9VWNT.js} +1 -1
- package/dist/components/{p-BZ9cVPPC.js → p-DMha5T5b.js} +1 -1
- package/dist/components/{p-CMbAQKoe.js → p-DULF82L1.js} +1 -1
- package/dist/components/{p-BBMx2Nbt.js → p-DftHVfCt.js} +1 -1
- package/dist/components/{p-B-nwyAfL.js → p-DnjC97RU.js} +1 -1
- package/dist/components/{p-gxqUI4FR.js → p-FDWBUUdX.js} +1 -1
- package/dist/components/{p-BwuKRxa0.js → p-FFUubzfa.js} +1 -1
- package/dist/components/{p-DQ-DPsSd.js → p-JU3b-QyD.js} +1 -1
- package/dist/components/{p-Dp6LvdrN.js → p-MYt8GUyx.js} +1 -1
- package/dist/components/{p-xe9nUZtg.js → p-Qn15HKpI.js} +1 -1
- package/dist/components/{p-CQfy7CVi.js → p-STr2Oh_2.js} +1 -1
- package/dist/components/{p-BZ0uDmYr.js → p-YbtFFhcU.js} +1 -1
- package/dist/components/{p-DRJ0zjoF.js → p-cb20nj-c.js} +1 -1
- package/dist/components/{p-DLBQ7YzN.js → p-ddXYBbI8.js} +1 -1
- package/dist/components/{p-5bU9w0Qe.js → p-hi2u0COX.js} +1 -1
- package/dist/components/{p-4OtGLxTM.js → p-ro9Xo95n.js} +1 -1
- package/dist/components/{p-C6vabTqq.js → p-ui757JkM.js} +1 -1
- package/dist/components/{p-BWmFtcLN.js → p-v3jmLiwp.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +1 -1
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-assembler.js +1 -1
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +1 -1
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +1 -1
- package/dist/components/tet-banner-nav.js +1 -1
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +1 -1
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +1 -1
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +1 -1
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +1 -1
- package/dist/components/tet-cloud-configurator.js +1 -1
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +1 -1
- package/dist/components/tet-compare-card-v3.js +1 -1
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +1 -1
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +1 -1
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +1 -1
- package/dist/components/tet-divider.js +1 -1
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +1 -1
- package/dist/components/tet-expandable-input.js +1 -1
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +1 -1
- package/dist/components/tet-filter.js +1 -1
- package/dist/components/tet-floating-block.js +1 -1
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +1 -1
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-menu-mobile.js +1 -1
- package/dist/components/tet-menu.js +1 -1
- package/dist/components/tet-mini-compare-card.js +1 -1
- package/dist/components/tet-multi-step-dialog.js +1 -1
- package/dist/components/tet-navigation-mobile.js +1 -1
- package/dist/components/tet-news-card-list.js +1 -1
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +1 -1
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-round-stepper.js +1 -1
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +1 -1
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-sticky-offer.js +1 -1
- package/dist/components/tet-support-search.js +1 -1
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +1 -1
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +1 -1
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v3.js +1 -1
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/esm/{http-codes-DchfPj1v.js → http-codes-CMh_eKUC.js} +1 -1
- package/dist/esm/{index-DfBhGuuz.js → index-DScKyiML.js} +1 -1
- package/dist/esm/{index-ClX9TYQY.js → index-st4TD55I.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{product-comparison-DJko3TwF.js → product-comparison-BHzU1-QK.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_5.entry.js +4 -4
- package/dist/esm/tet-assembler.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete_2.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +3 -3
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio_2.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-sticky-offer.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/{translations-4zQUcigP.js → translations-CkBHYZxq.js} +1 -1
- package/dist/tet-components/assets/icons/tc/tc-credit-card.svg +6 -0
- package/dist/tet-components/assets/icons/tc/tc-pay.svg +6 -0
- package/dist/tet-components/assets/icons/tc/tc-stats.svg +3 -0
- package/dist/tet-components/assets/icons/tc-icons.svg +12 -0
- package/dist/tet-components/{p-53b4947e.entry.js → p-016d6dd4.entry.js} +1 -1
- package/dist/tet-components/{p-f5315eaf.entry.js → p-041f46b1.entry.js} +1 -1
- package/dist/tet-components/{p-29948163.entry.js → p-104a465c.entry.js} +1 -1
- package/dist/tet-components/{p-517168f6.entry.js → p-1095d7d6.entry.js} +1 -1
- package/dist/tet-components/{p-eb3a8119.entry.js → p-11363389.entry.js} +1 -1
- package/dist/tet-components/{p-79e4a166.entry.js → p-1633a0b1.entry.js} +1 -1
- package/dist/tet-components/{p-e5c07d62.entry.js → p-16c536a8.entry.js} +1 -1
- package/dist/tet-components/{p-43d1f956.entry.js → p-1c627ac0.entry.js} +1 -1
- package/dist/tet-components/{p-eca2fc2f.entry.js → p-259dfc83.entry.js} +1 -1
- package/dist/tet-components/{p-tf8lKgfD.js → p-2BDVUFcI.js} +1 -1
- package/dist/tet-components/{p-26dd3cb0.entry.js → p-3204266c.entry.js} +1 -1
- package/dist/tet-components/p-371e754f.entry.js +1 -0
- package/dist/tet-components/{p-B8Zjo2sa.js → p-3AR12uVQ.js} +1 -1
- package/dist/tet-components/{p-b4c45d6b.entry.js → p-3d981a11.entry.js} +1 -1
- package/dist/tet-components/{p-4aa2dbc8.entry.js → p-4051e024.entry.js} +1 -1
- package/dist/tet-components/{p-19343cc6.entry.js → p-42346043.entry.js} +1 -1
- package/dist/tet-components/{p-1d997c7d.entry.js → p-47c15f9c.entry.js} +1 -1
- package/dist/tet-components/{p-d2db496b.entry.js → p-4b7c2be5.entry.js} +1 -1
- package/dist/tet-components/{p-3ab52911.entry.js → p-4bd72575.entry.js} +1 -1
- package/dist/tet-components/{p-10e789d9.entry.js → p-4e65a282.entry.js} +1 -1
- package/dist/tet-components/{p-4a22c9a8.entry.js → p-50c5e01e.entry.js} +1 -1
- package/dist/tet-components/{p-21a59a4f.entry.js → p-52c129e9.entry.js} +1 -1
- package/dist/tet-components/{p-77ae360e.entry.js → p-537faa1c.entry.js} +1 -1
- package/dist/tet-components/{p-b5efc6d4.entry.js → p-54c98af8.entry.js} +1 -1
- package/dist/tet-components/{p-7105253e.entry.js → p-631721d5.entry.js} +1 -1
- package/dist/tet-components/{p-7fdd634a.entry.js → p-648fe9fe.entry.js} +1 -1
- package/dist/tet-components/{p-d88d8689.entry.js → p-668c2484.entry.js} +1 -1
- package/dist/tet-components/{p-9ab737dd.entry.js → p-6a2ed4f0.entry.js} +1 -1
- package/dist/tet-components/{p-47b6721e.entry.js → p-6b27edab.entry.js} +1 -1
- package/dist/tet-components/{p-b8c0433c.entry.js → p-6d7506fe.entry.js} +1 -1
- package/dist/tet-components/{p-98ae4292.entry.js → p-6f09c992.entry.js} +1 -1
- package/dist/tet-components/{p-f79c8697.entry.js → p-6fc08d81.entry.js} +1 -1
- package/dist/tet-components/{p-8436df88.entry.js → p-7366cfd6.entry.js} +1 -1
- package/dist/tet-components/{p-d2abe02d.entry.js → p-76b13aec.entry.js} +1 -1
- package/dist/tet-components/{p-8a9d5ef1.entry.js → p-76d6013c.entry.js} +1 -1
- package/dist/tet-components/{p-2bd1b7ec.entry.js → p-79388d8a.entry.js} +1 -1
- package/dist/tet-components/{p-dca1a4c2.entry.js → p-7a9e715e.entry.js} +1 -1
- package/dist/tet-components/{p-15bddc3d.entry.js → p-7dba08b3.entry.js} +1 -1
- package/dist/tet-components/{p-d89ae495.entry.js → p-7fc4c174.entry.js} +1 -1
- package/dist/tet-components/{p-616d3818.entry.js → p-854c146d.entry.js} +1 -1
- package/dist/tet-components/{p-dfdf946f.entry.js → p-86614def.entry.js} +1 -1
- package/dist/tet-components/{p-92ef3a39.entry.js → p-87e315d4.entry.js} +1 -1
- package/dist/tet-components/{p-c32edb32.entry.js → p-891cff98.entry.js} +1 -1
- package/dist/tet-components/{p-2e7cb093.entry.js → p-8b5ee723.entry.js} +1 -1
- package/dist/tet-components/{p-d44bea09.entry.js → p-937c99dd.entry.js} +1 -1
- package/dist/tet-components/{p-cd267067.entry.js → p-9691d0a9.entry.js} +1 -1
- package/dist/tet-components/{p-a410109c.entry.js → p-96e57ac6.entry.js} +1 -1
- package/dist/tet-components/{p-394b9c6b.entry.js → p-9a491f9a.entry.js} +1 -1
- package/dist/tet-components/{p-8091cf4b.entry.js → p-9a5ddf08.entry.js} +1 -1
- package/dist/tet-components/{p-3d8635c1.entry.js → p-9d704250.entry.js} +1 -1
- package/dist/tet-components/p-C8CA8-C8.js +1 -0
- package/dist/tet-components/{p-t-BNeeWq.js → p-CjkCTYSi.js} +1 -1
- package/dist/tet-components/{p-2e4e81a5.entry.js → p-a28d27a1.entry.js} +1 -1
- package/dist/tet-components/{p-7ffa074d.entry.js → p-a631d8c5.entry.js} +1 -1
- package/dist/tet-components/{p-baf6ba9e.entry.js → p-a7f8ef9f.entry.js} +1 -1
- package/dist/tet-components/{p-47484c33.entry.js → p-a86ca759.entry.js} +1 -1
- package/dist/tet-components/{p-1556076a.entry.js → p-abb2da28.entry.js} +1 -1
- package/dist/tet-components/{p-8b3ea797.entry.js → p-af0e9ee6.entry.js} +1 -1
- package/dist/tet-components/{p-306ff942.entry.js → p-b066e773.entry.js} +1 -1
- package/dist/tet-components/{p-cb1c05ab.entry.js → p-b1037e46.entry.js} +1 -1
- package/dist/tet-components/{p-499ff632.entry.js → p-b2798ef1.entry.js} +1 -1
- package/dist/tet-components/{p-73aca8b1.entry.js → p-b2d61826.entry.js} +1 -1
- package/dist/tet-components/{p-b315a1c8.entry.js → p-ba878c01.entry.js} +1 -1
- package/dist/tet-components/{p-9b624822.entry.js → p-bc53972c.entry.js} +1 -1
- package/dist/tet-components/{p-39be547b.entry.js → p-c3862ffb.entry.js} +1 -1
- package/dist/tet-components/{p-5a31f21d.entry.js → p-c7741572.entry.js} +1 -1
- package/dist/tet-components/{p-1deb89e1.entry.js → p-c7f0f9f4.entry.js} +1 -1
- package/dist/tet-components/{p-591a092a.entry.js → p-c9bc7e1c.entry.js} +1 -1
- package/dist/tet-components/{p-e13f06c4.entry.js → p-ca111c70.entry.js} +1 -1
- package/dist/tet-components/{p-3242f182.entry.js → p-cf0f0d6e.entry.js} +1 -1
- package/dist/tet-components/{p-24bdeb37.entry.js → p-d1a9ded7.entry.js} +1 -1
- package/dist/tet-components/{p-f7e3a24b.entry.js → p-d1f560a6.entry.js} +1 -1
- package/dist/tet-components/{p-5bd0a0c8.entry.js → p-dac6ad5c.entry.js} +1 -1
- package/dist/tet-components/{p-4f47079e.entry.js → p-e2d09b10.entry.js} +1 -1
- package/dist/tet-components/{p-139d4cad.entry.js → p-e624df8a.entry.js} +1 -1
- package/dist/tet-components/{p-8bdcb714.entry.js → p-e87a7b06.entry.js} +1 -1
- package/dist/tet-components/{p-bd42d182.entry.js → p-ea5a63a1.entry.js} +1 -1
- package/dist/tet-components/{p-b849774e.entry.js → p-ee844459.entry.js} +1 -1
- package/dist/tet-components/p-f1032caa.entry.js +1 -0
- package/dist/tet-components/{p-bb325aa4.entry.js → p-f2bd28a0.entry.js} +1 -1
- package/dist/tet-components/{p-a0340287.entry.js → p-f4cfb3a5.entry.js} +1 -1
- package/dist/tet-components/{p-f5a86256.entry.js → p-f96c8acc.entry.js} +1 -1
- package/dist/tet-components/{p-87d015b3.entry.js → p-feccd822.entry.js} +1 -1
- package/dist/tet-components/{p-ClX9TYQY.js → p-st4TD55I.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-85IQWbFs.js +0 -1
- package/dist/tet-components/p-5fcc2e1e.entry.js +0 -1
- package/dist/tet-components/p-BGrvDoTj.js +0 -1
- package/dist/tet-components/p-c989a64d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as o,d as
|
|
1
|
+
import{T as o,d as s}from"./p-YbtFFhcU.js";const t=o,p=s;export{t as TetPriceView,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as t,d as e,h as r,c as a,t as i}from"./p-nb3MHK7A.js";import{d as n}from"./p-85IQWbFs.js";const l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.check=e(this,"check")}check;blocks;blocksPerRow=2;blockType="small";theme="light";accessibilityLabel="";checked;async setChecked(o,t){this.blocks.forEach((t=>{t.checked=t.id===o,this.checked=o})),this.check.emit({id:o,value:t})}componentWillLoad(){this.blocks.forEach((o=>{o.checked&&(this.checked=o.id)}))}renderIcon(o){return"large"!==this.blockType&&o?r("tet-icon",{class:"radio-block__icon",name:o,theme:this.theme}):null}renderDescription(o){return"small"!==this.blockType&&o?r("span",{class:"radio-block__description"},o):""}renderSingleBlock(o){const{id:t,value:e,iconName:a,label:i,description:n}=o;return r("button",{class:{"radio-block":!0,[this.blockType]:!0,checked:this.checked===t},onClick:()=>this.setChecked(t,e)},this.renderIcon(a),r("span",{class:"radio-block__label"},i),this.renderDescription(n))}render(){const{theme:o,blocks:t}=this;return r(a,{key:"9d5566ae86d83b32f964fe3a809c137b68dc323e"},r("div",{key:"669855a39a00bdf352bc4f98dfe8f9f2a667ac20",class:{"radio-block__container":!0,[`radio-block-${o}-theme`]:!0,["row-of-"+this.blocksPerRow]:!!this.blocksPerRow}},t.map((o=>this.renderSingleBlock(o)))))}static get style(){return'.sc-tet-radio-blocks-h{box-sizing:border-box}*.sc-tet-radio-blocks,*.sc-tet-radio-blocks:before,*.sc-tet-radio-blocks:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-radio-blocks-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-radio-blocks::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-radio-blocks::before{content:"\\e85a"}.icon.tet-close.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-radio-blocks::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-radio-blocks::before{content:"\\e86c"}.icon.tet-check.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-radio-blocks::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-radio-blocks::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-radio-blocks::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-radio-blocks::before{content:"\\e86a"}.icon.tet-info.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-radio-blocks::before{content:"\\e81d"}.icon.tet-done.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-radio-blocks::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-radio-blocks-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-radio-blocks-h{display:block;position:relative}.radio-block.sc-tet-radio-blocks{display:flex;width:100%;align-items:center;gap:0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--radio-block-border-color);background-color:var(--radio-block-background-color);cursor:pointer}.radio-block-dark-theme.sc-tet-radio-blocks{--radio-block-text-color:var(--tc-text-primary-dark);--radio-block-border-color:var(--tc-border-quaternary-dark);--radio-block-background-color:var(--tc-layer-permanent-black-dark);--radio-block-hover-border-color:var(--tc-border-tertiary-dark);--radio-block-hover-background-color:var(--tc-brown-80);--radio-block-pressed-border-color:var(--tc-border-secondary-dark);--radio-block-pressed-background-color:var(--tc-brown-60);--radio-block-checked-border-color:var(--tc-brown-30);--radio-block-checked-background-color:var(--tc-brown-50-dark);--radio-block-focused-border-color:var(--tc-blue-40-dark)}.radio-block-light-theme.sc-tet-radio-blocks{--radio-block-text-color:var(--tc-text-primary);--radio-block-border-color:var(--tc-border-quaternary);--radio-block-background-color:var(--tc-layer-permanent-white);--radio-block-hover-border-color:var(--tc-border-tertiary);--radio-block-hover-background-color:var(--tc-yellow-10);--radio-block-pressed-border-color:var(--tc-border-secondary);--radio-block-pressed-background-color:var(--tc-yellow-20);--radio-block-checked-border-color:var(--tc-yellow-60);--radio-block-checked-background-color:var(--tc-yellow-40);--radio-block-focused-border-color:var(--tc-blue-40)}.radio-block.small.sc-tet-radio-blocks{padding:1.25rem 0.75rem;flex-direction:row;gap:0.75rem}.radio-block.large.sc-tet-radio-blocks{align-items:flex-start;padding:1.25rem;flex-direction:column;gap:1rem}.radio-block__container.sc-tet-radio-blocks{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}@media screen and (min-width: 31.25rem){.radio-block__container.row-of-2.sc-tet-radio-blocks{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 31.25rem){.radio-block__container.row-of-3.sc-tet-radio-blocks{grid-template-columns:repeat(3, 1fr)}}.radio-block__icon.sc-tet-radio-blocks{--icon-size:1.5rem}.radio-block__label.sc-tet-radio-blocks{font:500 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color)}@media screen and (min-width: 31.25rem){.radio-block__label.sc-tet-radio-blocks{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.radio-block__description.sc-tet-radio-blocks{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color);text-align:start}.radio-block.sc-tet-radio-blocks:hover{border-color:var(--radio-block-hover-border-color);background-color:var(--radio-block-hover-background-color)}.radio-block.sc-tet-radio-blocks:active{border-color:var(--radio-block-pressed-border-color);background-color:var(--radio-block-pressed-background-color)}.radio-block.checked.sc-tet-radio-blocks{border-color:var(--radio-block-checked-border-color);background-color:var(--radio-block-checked-background-color)}.radio-block.sc-tet-radio-blocks:focus-visible{border:0.125rem solid var(--radio-block-focused-border-color)}'}},[514,"tet-radio-blocks",{blocks:[16],blocksPerRow:[2,"blocks-per-row"],blockType:[1,"block-type"],theme:[1],accessibilityLabel:[1,"accessibility-label"],checked:[32],setChecked:[64]}]),s=l,c=function(){"undefined"!=typeof customElements&&["tet-radio-blocks","tet-icon"].forEach((o=>{switch(o){case"tet-radio-blocks":customElements.get(i(o))||customElements.define(i(o),l);break;case"tet-icon":customElements.get(i(o))||n()}}))};export{s as TetRadioBlocks,c as defineCustomElement}
|
|
1
|
+
import{p as o,H as t,d as e,h as r,c as a,t as i}from"./p-ChxhsA_J.js";import{d as n}from"./p-Bn-5RqMx.js";const l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.check=e(this,"check")}check;blocks;blocksPerRow=2;blockType="small";theme="light";accessibilityLabel="";checked;async setChecked(o,t){this.blocks.forEach((t=>{t.checked=t.id===o,this.checked=o})),this.check.emit({id:o,value:t})}componentWillLoad(){this.blocks.forEach((o=>{o.checked&&(this.checked=o.id)}))}renderIcon(o){return"large"!==this.blockType&&o?r("tet-icon",{class:"radio-block__icon",name:o,theme:this.theme}):null}renderDescription(o){return"small"!==this.blockType&&o?r("span",{class:"radio-block__description"},o):""}renderSingleBlock(o){const{id:t,value:e,iconName:a,label:i,description:n}=o;return r("button",{class:{"radio-block":!0,[this.blockType]:!0,checked:this.checked===t},onClick:()=>this.setChecked(t,e)},this.renderIcon(a),r("span",{class:"radio-block__label"},i),this.renderDescription(n))}render(){const{theme:o,blocks:t}=this;return r(a,{key:"9d5566ae86d83b32f964fe3a809c137b68dc323e"},r("div",{key:"669855a39a00bdf352bc4f98dfe8f9f2a667ac20",class:{"radio-block__container":!0,[`radio-block-${o}-theme`]:!0,["row-of-"+this.blocksPerRow]:!!this.blocksPerRow}},t.map((o=>this.renderSingleBlock(o)))))}static get style(){return'.sc-tet-radio-blocks-h{box-sizing:border-box}*.sc-tet-radio-blocks,*.sc-tet-radio-blocks:before,*.sc-tet-radio-blocks:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-radio-blocks-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-radio-blocks::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-radio-blocks::before{content:"\\e85a"}.icon.tet-close.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-radio-blocks::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-radio-blocks::before{content:"\\e86c"}.icon.tet-check.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-radio-blocks::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-radio-blocks::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-radio-blocks::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-radio-blocks::before{content:"\\e86a"}.icon.tet-info.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-radio-blocks::before{content:"\\e81d"}.icon.tet-done.sc-tet-radio-blocks{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-radio-blocks::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-radio-blocks-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-radio-blocks-h{display:block;position:relative}.radio-block.sc-tet-radio-blocks{display:flex;width:100%;align-items:center;gap:0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--radio-block-border-color);background-color:var(--radio-block-background-color);cursor:pointer}.radio-block-dark-theme.sc-tet-radio-blocks{--radio-block-text-color:var(--tc-text-primary-dark);--radio-block-border-color:var(--tc-border-quaternary-dark);--radio-block-background-color:var(--tc-layer-permanent-black-dark);--radio-block-hover-border-color:var(--tc-border-tertiary-dark);--radio-block-hover-background-color:var(--tc-brown-80);--radio-block-pressed-border-color:var(--tc-border-secondary-dark);--radio-block-pressed-background-color:var(--tc-brown-60);--radio-block-checked-border-color:var(--tc-brown-30);--radio-block-checked-background-color:var(--tc-brown-50-dark);--radio-block-focused-border-color:var(--tc-blue-40-dark)}.radio-block-light-theme.sc-tet-radio-blocks{--radio-block-text-color:var(--tc-text-primary);--radio-block-border-color:var(--tc-border-quaternary);--radio-block-background-color:var(--tc-layer-permanent-white);--radio-block-hover-border-color:var(--tc-border-tertiary);--radio-block-hover-background-color:var(--tc-yellow-10);--radio-block-pressed-border-color:var(--tc-border-secondary);--radio-block-pressed-background-color:var(--tc-yellow-20);--radio-block-checked-border-color:var(--tc-yellow-60);--radio-block-checked-background-color:var(--tc-yellow-40);--radio-block-focused-border-color:var(--tc-blue-40)}.radio-block.small.sc-tet-radio-blocks{padding:1.25rem 0.75rem;flex-direction:row;gap:0.75rem}.radio-block.large.sc-tet-radio-blocks{align-items:flex-start;padding:1.25rem;flex-direction:column;gap:1rem}.radio-block__container.sc-tet-radio-blocks{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}@media screen and (min-width: 31.25rem){.radio-block__container.row-of-2.sc-tet-radio-blocks{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 31.25rem){.radio-block__container.row-of-3.sc-tet-radio-blocks{grid-template-columns:repeat(3, 1fr)}}.radio-block__icon.sc-tet-radio-blocks{--icon-size:1.5rem}.radio-block__label.sc-tet-radio-blocks{font:500 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color)}@media screen and (min-width: 31.25rem){.radio-block__label.sc-tet-radio-blocks{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.radio-block__description.sc-tet-radio-blocks{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color);text-align:start}.radio-block.sc-tet-radio-blocks:hover{border-color:var(--radio-block-hover-border-color);background-color:var(--radio-block-hover-background-color)}.radio-block.sc-tet-radio-blocks:active{border-color:var(--radio-block-pressed-border-color);background-color:var(--radio-block-pressed-background-color)}.radio-block.checked.sc-tet-radio-blocks{border-color:var(--radio-block-checked-border-color);background-color:var(--radio-block-checked-background-color)}.radio-block.sc-tet-radio-blocks:focus-visible{border:0.125rem solid var(--radio-block-focused-border-color)}'}},[514,"tet-radio-blocks",{blocks:[16],blocksPerRow:[2,"blocks-per-row"],blockType:[1,"block-type"],theme:[1],accessibilityLabel:[1,"accessibility-label"],checked:[32],setChecked:[64]}]),s=l,c=function(){"undefined"!=typeof customElements&&["tet-radio-blocks","tet-icon"].forEach((o=>{switch(o){case"tet-radio-blocks":customElements.get(i(o))||customElements.define(i(o),l);break;case"tet-icon":customElements.get(i(o))||n()}}))};export{s as TetRadioBlocks,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as
|
|
1
|
+
import{T as s,d as o}from"./p-B-NrbQQs.js";const r=s,p=o;export{r as TetRadio,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,d as r,h as i,c as s,t as a}from"./p-nb3MHK7A.js";import{a as o}from"./p-BVdI6xyV.js";import{a as n}from"./p-SfqlfxDQ.js";import{d as l}from"./p-B-nwyAfL.js";import{d}from"./p-85IQWbFs.js";import{d as c}from"./p-D4mimikO.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sliderInput=r(this,"slider-input"),this.sliderChange=r(this,"slider-change")}inputRef;sliderRef;sliderContainerRef;dataLabelRef;tickContainerRef;progressTrackRef;tooltipHandleRef;sliderResizeObserver;scrollToThumbCenterTimeout;get element(){return this}parentContainer=null;minValue=1;maxValue=500;inputMaxValue=1e3;defaultValue=0;step=1;dataPoints=[];displayDataPoints=[];lockToDataPoint=!0;type="secondary";withControls=!0;withInput=!0;withCurrentStepCounter=!1;dataUnits="";size="auto";reduceButtonAccessibilityLabel="";addButtonAccessibilityLabel="";numberInputAccessibilityLabel="";sliderInputAccessibilityLabel="";theme="light";currentValue=0;dataSet=[];containerSize="large";tooltipOffset=0;isSliding=!1;isPointerDown=!1;positions={scrollLeft:0,mouseX:0};sliderInput;sliderChange;onDataPointsChange(){this.calculateDataSet(),this.renderDataLabels()}onTypeChange(){this.renderDataLabels()}onCurrentValueChange(){this.sliderInput.emit(this.currentValue)}onWindowResize(){this.autoSetContainerSize()}onSizeChange(e){"auto"===e?this.autoSetContainerSize():this.containerSize=e}onSliderInput=e=>{this.updateProgress();const t=parseFloat(e.target.value),r=this.getClosestOriginalDataPoint(t),i=this.dataSet.indexOf(r),s=parseFloat(Object.keys(r)[0]);if(t===s)return void(this.currentValue=r[s]);const a=[r];t<s?a.unshift(this.dataSet[i-1]):a.push(this.dataSet[i+1]);const o=parseFloat(Object.keys(a[0])[0]),n=parseFloat(Object.keys(a[1])[0]),l=a[0][o];let d=(a[1][n]-l)/(n-o)*(t-o)+l;d>this.maxValue?d=this.maxValue:d<this.minValue&&(d=this.minValue);const c=this.getStepDecimals(this.step);let h=Math.round(d/this.step)*this.step;h=parseFloat(h.toFixed(c)),this.currentValue=h};onInputChange=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=0),t>this.inputMaxValue&&(t=this.inputMaxValue,e.target.value=this.inputMaxValue),this.setSliderValue(t),this.currentValue=t,this.updateProgress()};onInputKeyDown=(e,t=!1)=>{const r=["PageUp","ArrowUp","ArrowRight"],i=["PageDown","ArrowDown","ArrowLeft"],s=e.code;t&&(r.pop(),i.pop()),r.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint||"PageUp"===s?this.onControlNextClick():this.handleSliderArrowKeys("increment")),i.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint||"PageDown"===s?this.onControlPreviousClick():this.handleSliderArrowKeys("decrement")),r.concat(i).includes(s)&&setTimeout((()=>this.sliderChange.emit(this.currentValue)))};onContainerScroll=()=>{if(this.isSliding)return;this.onSliderChangeDebounce();let e=this.sliderContainerRef.scrollLeft;const t=this.tooltipHandleRef.getBoundingClientRect().width,r=this.sliderRef.getBoundingClientRect().width,i=r/2+t/2,s=i+r-t;e<i&&(e=i),e>s&&(e=s),e=Math.round(100*e)/100,this.sliderContainerRef.scrollLeft=e;const a=Math.round((e-i)/(s-i)*1e3)/1e3*(this.maxValue-this.minValue)+this.minValue,o=this.getClosestOriginalDataPoint(a),n=this.dataSet.indexOf(o);if(0===n&&a<parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);if(a===parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);const l=[o];a<parseFloat(Object.keys(o)[0])?l.unshift(this.dataSet[n-1]):l.push(this.dataSet[n+1]);const d=parseFloat(Object.keys(l[0])[0]),c=parseFloat(Object.keys(l[1])[0]),h=l[0][d];this.currentValue=Math.round((l[1][c]-h)/(c-d)*(a-d)+h),this.setSliderValue(this.currentValue)};onInputBlur=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=this.minValue);const r=JSON.parse(JSON.stringify(this.dataSet)),i=r.shift(),s=r.pop();t<i[this.minValue]&&(this.currentValue=i[this.minValue],this.sliderRef.value=Object.keys(i)[0],this.setInputValue(i[this.minValue]));const a=Math.max(this.inputMaxValue,s[this.maxValue]);t>a&&(this.currentValue=a,this.sliderRef.value=Object.keys(s)[0],this.setInputValue(a)),this.updateProgress(),this.sliderChange.emit(this.currentValue)};onSliderChange=()=>{this.lockToDataPoint?this.slideToClosestDataPoint():this.sliderChange.emit(this.currentValue)};onSliderChangeDebounce=o(this.onSliderChange,50);onControlPreviousClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r-1];0===r&&(i=e),this.currentValue>t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onControlNextClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r+1];r+1===this.dataSet.length&&(i=e),this.currentValue<t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onSliderPointerDown=()=>{this.animateSliderThumb("normal")};onSliderPointerUp=()=>{this.animateSliderThumb("reverse")};onContainerTouchStart=()=>{this.isPointerDown=!0,this.animateSliderThumb("normal")};onContainerTouchEnd=()=>{this.isPointerDown=!1,this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};onContainerMouseDown=e=>{"secondary"===this.type&&"small"===this.containerSize&&(this.isPointerDown=!0,this.positions={scrollLeft:this.sliderContainerRef.scrollLeft,mouseX:e.clientX},this.element.addEventListener("mousemove",this.onContainerMouseMove),this.element.addEventListener("mouseup",this.onContainerMouseUp),this.element.addEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("normal"))};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.sliderContainerRef.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.element.removeEventListener("mousemove",this.onContainerMouseMove),this.element.removeEventListener("mouseup",this.onContainerMouseUp),this.element.removeEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.containerSize=this.size),this.calculateDataSet(),this.currentValue=this.defaultValue,this.sliderResizeObserver=new ResizeObserver(this.updateTooltipHandlePosition)}componentDidLoad(){this.autoSetContainerSize(),this.inputRef.addEventListener("focusout",this.onInputBlur),this.sliderContainerRef.addEventListener("scroll",this.updateTooltipHandlePosition),this.sliderResizeObserver.observe(this.sliderRef),this.renderDataLabels(),this.setSliderValue(this.currentValue),this.updateProgress()}disconnectedCallback(){clearTimeout(this.scrollToThumbCenterTimeout),this.sliderResizeObserver?.disconnect()}updateProgress=()=>{const e=this.progressTrackRef;if(void 0===e)return;let t=this.getSliderPercent();t<50&&(t+=.5),e.style.width=t+"%",this.updateTooltipHandlePosition()};updateTooltipHandlePosition=()=>{const e=this.getSliderPercent(),t=this.sliderRef.getBoundingClientRect().width,r=this.tooltipHandleRef.getBoundingClientRect().width,i=e/100*(t-r)+this.sliderRef.getBoundingClientRect().left-this.element.getBoundingClientRect().left;this.tooltipHandleRef.style.left=i+"px";const s=this.tooltipHandleRef.getBoundingClientRect().x,a=s/n(),o=(window.innerWidth-s-r)/n();let l=0;a<1?l=2:a<3?l=3-a:o<1?l=-2:o<3&&(l=-1*(3-o)),this.tooltipOffset=l};getStepDecimals(e){const t=""+e;return t.indexOf(".")>=0?t.split(".")[1].length:0}handleSliderArrowKeys(e){let t=this.currentValue+this.step;"decrement"===e&&(t=this.currentValue-this.step),t>this.maxValue&&(t=this.maxValue),t<this.minValue&&(t=this.minValue);const r=this.getStepDecimals(this.step);t=parseFloat(t.toFixed(r)),this.currentValue=t,this.setSliderValue(t),this.updateProgress()}getClosestOverrideDataPoint=(e=this.currentValue)=>this.dataSet.reduce((function(t,r){return Math.abs(Object.values(r)[0]-e)<Math.abs(Object.values(t)[0]-e)?r:t}));getClosestOriginalDataPoint=e=>this.dataSet.reduce((function(t,r){return Math.abs(parseFloat(Object.keys(r)[0])-e)<Math.abs(parseFloat(Object.keys(t)[0])-e)?r:t}));getSliderPercent=()=>{const e=this.sliderRef;if(null===e)return 0;const t=this.maxValue-this.minValue;return(parseFloat(e.value)-this.minValue)/t*100};getTooltipValue=()=>{if("secondary"===this.type)return`${Object.values(this.getClosestOverrideDataPoint())[0]} ${this.dataUnits}`;let e=this.currentValue;return this.currentValue<this.minValue&&(e=this.minValue),this.currentValue>this.maxValue&&(e=this.maxValue),`${e} ${this.dataUnits}`};setSliderValue=e=>{Number.isNaN(e)&&(e=this.minValue);const t=JSON.parse(JSON.stringify(this.dataSet)),r=t.shift(),i=t.pop();if(e<r[this.minValue])return void(this.sliderRef.value=""+this.minValue);if(e>i[this.maxValue])return void(this.sliderRef.value=""+this.maxValue);const s=this.getClosestOverrideDataPoint(e),a=Object.values(s)[0];if(e===a)return void(this.sliderRef.value=Object.keys(s)[0]);const o=this.dataSet.indexOf(s),n=[s];e<a?n.unshift(this.dataSet[o-1]):n.push(this.dataSet[o+1]);const l=parseFloat(Object.keys(n[0])[0]),d=parseFloat(Object.keys(n[1])[0]),c=n[0][l];this.sliderRef.value=""+((d-l)/(n[1][d]-c)*(e-c)+l)};autoSetContainerSize=()=>{if("auto"!==this.size)return;let e=0;e=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.containerSize=e>=1024?"large":e>=768?"medium":"small",void 0!==this.sliderContainerRef&&("secondary"===this.type&&"small"===this.containerSize?(this.sliderContainerRef.style.overflowX="scroll",clearTimeout(this.scrollToThumbCenterTimeout),this.scrollToThumbCenterTimeout=setTimeout(this.scrollToThumbCenter,50)):this.sliderContainerRef.style.overflowX="unset")};setInputValue=e=>{this.inputRef.value=""+e};slideToClosestDataPoint=()=>{if(this.isPointerDown)return;const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0];this.isSliding=!0;const r=setInterval((()=>{const e=Math.abs(t-this.currentValue);if(this.scrollToThumbCenter(),e||(clearInterval(r),this.sliderChange.emit(this.currentValue),setTimeout((()=>{this.isSliding=!1}),50)),e<5)return this.currentValue=t,this.setSliderValue(t),void this.updateProgress();let i=5;e>100&&(i=10),this.currentValue>t&&(this.currentValue=this.currentValue-i,this.setSliderValue(this.currentValue)),this.currentValue<t&&(this.currentValue=this.currentValue+i,this.setSliderValue(this.currentValue)),this.updateProgress()}),1)};calculateDataSet=()=>{const e=this.dataPoints.length?this.dataPoints.length:2,t=this.dataPoints.length?this.dataPoints:[this.minValue,this.maxValue],r=(this.maxValue-this.minValue)/(e-1);this.dataSet.length=0;for(let i=0;i<e;i++)this.dataSet.push({[r*i+this.minValue]:t[i]})};scrollToThumbCenter=()=>{if("secondary"!==this.type||"small"!==this.containerSize)return;const e=this.sliderRef.getBoundingClientRect().width,t=this.tooltipHandleRef.getBoundingClientRect().width,r=e/2+t/2,i=r+e-t-r,s=this.getSliderPercent();this.sliderContainerRef.scrollLeft=r+i*s/100};animateSliderThumb=e=>{const t=getComputedStyle(this.element).getPropertyValue("--slider-thumb-shadow"),r=getComputedStyle(this.element).getPropertyValue("--slider-thumb-active-shadow");"normal"===e?this.tooltipHandleRef.classList.add("range-slider__tooltip-handle--active"):this.tooltipHandleRef.classList.remove("range-slider__tooltip-handle--active"),this.tooltipHandleRef.animate([{boxShadow:t},{boxShadow:"none"},{boxShadow:r}],{duration:300,direction:e})};renderTick=()=>{let e=document.createElement("span");e.className="range-slider__tick",this.tickContainerRef.appendChild(e)};renderDataLabels=()=>{const e=this.maxValue-this.minValue;this.dataLabelRef.innerHTML="",this.tickContainerRef.innerHTML="";for(const t of this.dataSet){const r=parseFloat(Object.keys(t)[0]),i=Object.values(t)[0],s=(r-this.minValue)/e*100;this.renderTick(),this.displayDataPoints.length&&!this.displayDataPoints.includes(i)||this.dataLabelRef.appendChild(this.renderDataLabel(""+i,s))}};renderDataLabel=(e,t)=>{const r=document.createElement("span"),i=document.createTextNode(e);return r.appendChild(i),r.classList.add("range-slider__data-label"),r.style.left=`calc(${t}% - 1.5rem)`,r};render(){return i(s,{key:"e204f6e33e2c32d4d10ea500dd54c8b82d06623b"},i("div",{key:"81eaef56bfea44d2c9adca70ac000278e187cc3e",class:{"range-slider":!0,["range-slider--"+this.containerSize]:!0,["range-slider--"+this.type]:!0,"range-slider--no-controls":!this.withControls,"range-slider--no-input":!this.withInput,[this.theme]:!0}},i("div",{key:"e1e7062244059642346a55026b862b16fb7930e3",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"ef35046926f2fdc4901bbef2c88aad1254699fcc","input-class":"range-slider__input","input-type":"number","input-value":this.currentValue,ref:e=>this.inputRef=e,theme:this.theme,onInput:this.onInputChange,onKeyDown:e=>this.onInputKeyDown(e,!0),accessibilityLabel:this.numberInputAccessibilityLabel,..."large"!==this.containerSize?{inputTabindex:3}:{}})),i("div",{key:"b11d56f1a8045dbaebddcc1720ad7b93e85ef53c",class:"range-slider__container"},i("tet-button",{key:"6f04a66ede6b532b9aa2931e748424e8317537b9",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--left":!0,hidden:!this.withControls},clickCallback:this.onControlPreviousClick,...this.reduceButtonAccessibilityLabel?{accessibilityLabel:this.reduceButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:2}:{}},i("tet-icon",{key:"0bd397a8ec0263733f0d45b1fc7f1c927441b933",name:"tc-remove",class:"range-slider__control--icon"})),i("div",{key:"c03fdd864bcd1da0555adfece8f77dd783b08cdf",onTouchStart:this.onContainerTouchStart,onTouchEnd:this.onContainerTouchEnd,onMouseDown:this.onContainerMouseDown,onScroll:this.onContainerScroll,ref:e=>this.sliderContainerRef=e,class:"range-slider__slider-container",draggable:!1},i("div",{key:"8dd361ed9775a69861afd47df576ee6c47705fca",class:"range-slider__slider-wrapper"},i("input",{key:"a85831894bb7e5690bae5654cd332f2931571aa9",ref:e=>this.sliderRef=e,type:"range",min:this.minValue,max:this.maxValue,step:this.step,value:this.defaultValue,list:"steplist",id:"rangeInput",onInput:this.onSliderInput,onChange:this.onSliderChange,onPointerDown:this.onSliderPointerDown,onPointerUp:this.onSliderPointerUp,onKeyDown:this.onInputKeyDown,class:"range-slider__slider",...this.sliderInputAccessibilityLabel?{"aria-label":this.sliderInputAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:1}:{}})),i("div",{key:"2a9fc355b9435e3afcb8a62221948b4197c35813",class:"range-slider__track range-slider__track--background"}),i("div",{key:"689189be7b698a872643199cb99773dff981d9f3",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"ad2ba1a6a646f80d7fdcb8fc4a4b1bc3ae5ae85d",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"119290ab910a7d5754ce694286815c8c31cc0c14",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"3940851413decf488e37e32ed0b88237968432e1",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"158be9a5512e5774bd37f6b88f38af8775548952",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"a6fd91ec0862af654625e8c01f34e15c0b67f6f9",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"8abfe8dff59a689a70708fa9fbb4214f44eb019f",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":this.tooltipOffset+"rem"},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"42d59dc4138285a352dba9ae3ee847a7193dc745",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--right":!0,hidden:!this.withControls},clickCallback:this.onControlNextClick,...this.addButtonAccessibilityLabel?{accessibilityLabel:this.addButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:4}:{}},i("tet-icon",{key:"b8d8b9c35b04e0dde9bfc39c00feda82f25b4522",name:"tc-add",class:"range-slider__control--icon"})))))}static get watchers(){return{dataPoints:[{onDataPointsChange:0}],type:[{onTypeChange:0}],currentValue:[{onCurrentValueChange:0}],size:[{onSizeChange:0}]}}static get style(){return'@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{--slider-height:6rem;--slider-track-height:0.5rem;--slider-track-border-radius:0.25rem;--slider-track-background-color:var(--tc-border-quaternary);--slider-track-progress-color:var(--tc-yellow-40);--slider-thumb-color:var(--tc-yellow-30);--slider-thumb-shadow:var(--tc-elevation-two);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(254, 213, 127, 0.4);--slider-thumb-size:1.5rem;--slider-thumb-border-radius:0.75rem;--slider-tick-primary-type-color:var(--tc-border-quaternary);--slider-tick-secondary-type-color:var(--tc-border-secondary);--slider-tick-width:0.125rem;--slider-tick-height:0.25rem;--slider-tick-border-radius:0.063rem;--slider-control-left-margin:0;--slider-control-right-margin:0;--slider-control-icon-color:var(--tc-button-icon-primary);--slider-tooltip-background-color:var(--tc-grey-80);--slider-tooltip-text-color:var(--tc-grey-10);--slider-step-counter-background-color:var(--tc-layer-secondary);--slider-step-counter-text-color:var(--tc-text-primary);--slider-data-label-text-color:var(--tc-text-secondary)}.range-slider{display:flex;width:100%;gap:1rem;height:var(--slider-height);position:relative}.range-slider.dark{--slider-track-background-color:var(--tc-border-quaternary-dark);--slider-track-progress-color:var(--tc-yellow-40-dark);--slider-thumb-color:var(--tc-yellow-30-dark);--slider-thumb-shadow:var(--tc-elevation-two-dark);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(247, 212, 135, 0.4);--slider-tick-primary-type-color:var(--tc-border-quaternary-dark);--slider-tick-secondary-type-color:var(--tc-border-secondary-dark);--slider-control-icon-color:var(--tc-button-icon-primary-dark);--slider-tooltip-background-color:var(--tc-grey-80-dark);--slider-tooltip-text-color:var(--tc-grey-10-dark);--slider-step-counter-background-color:var(--tc-layer-secondary-dark);--slider-step-counter-text-color:var(--tc-text-primary-dark);--slider-data-label-text-color:var(--tc-text-secondary-dark)}.range-slider.dark .range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.range-slider--large{flex-direction:column}.range-slider--no-controls{flex-direction:row-reverse}.range-slider *{box-sizing:border-box}.range-slider__container{display:flex;flex-direction:column;align-items:baseline;gap:1rem;position:relative;width:100%}.range-slider--large .range-slider__container{flex-direction:row}.range-slider__slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;margin:0.313rem 0;z-index:1}.range-slider--small.range-slider--secondary .range-slider__slider{pointer-events:none;z-index:-1}.range-slider__slider:focus{outline:none}.range-slider__slider::-moz-focus-outer{border:0}.range-slider__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border-radius:var(--slider-thumb-border-radius);cursor:pointer}.range-slider__slider::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);border-radius:var(--slider-thumb-border-radius);cursor:pointer;border:none}.range-slider__slider::-webkit-slider-runnable-track,.range-slider__slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}.range-slider__slider:focus::-webkit-slider-runnable-track{background:none}.range-slider__slider:active::-webkit-slider-runnable-track{background:none}.range-slider__slider-container{width:100%;position:relative;height:calc(var(--slider-thumb-size) + 0.5rem);padding-top:0.625rem;scrollbar-width:none}.range-slider__slider-container::-webkit-scrollbar{display:none}.range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider__slider-wrapper{display:flex;width:100%}.range-slider--secondary.range-slider--small .range-slider__slider-wrapper{margin-left:100%}.range-slider__input{--input-padding:0.75rem;--input-border-radius:0.625rem;max-height:3.125rem;max-width:12.5rem;margin:0 auto !important;appearance:textfield;-moz-appearance:textfield}.range-slider--large .range-slider__input{text-align:center;--input-padding:0.5rem}.range-slider__input::-webkit-outer-spin-button,.range-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-slider__input-container{display:flex;flex-direction:column;position:absolute;top:calc(var(--slider-track-height) + 3.25rem);width:100%;z-index:1}.range-slider--large .range-slider__input-container{position:relative;max-width:3.125rem;margin-left:auto;margin-right:0;top:0}.range-slider--large.range-slider--no-controls .range-slider__input-container{top:-0.5rem}.range-slider__track{position:absolute;top:1rem;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius)}.range-slider--small.range-slider--secondary .range-slider__track{border-radius:0}.range-slider__track--background{width:100%;background-color:var(--slider-track-background-color)}.range-slider--small.range-slider--secondary .range-slider__track--background{width:300%}.range-slider__track--progress{background-color:var(--slider-track-progress-color)}.range-slider--secondary .range-slider__track--progress{background-color:transparent}.range-slider__data-label{position:absolute;width:3rem;text-align:center;color:var(--slider-data-label-text-color);display:none}.range-slider__data-label:first-of-type{display:block}.range-slider__data-label:last-of-type{display:block}.range-slider--large .range-slider__data-label,.range-slider--medium .range-slider__data-label{display:block}.range-slider__current-step{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;font-weight:500;color:var(--slider-step-counter-text-color);width:5.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.25rem 1rem;background-color:var(--slider-step-counter-background-color);border-radius:1rem}.range-slider__data-label-container,.range-slider__current-step-container{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;position:absolute;display:flex;height:1.5rem;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);margin:0 auto}.range-slider__data-label-container{top:calc(var(--slider-track-height) + 1.5rem)}.range-slider--secondary.range-slider--small .range-slider__data-label-container{margin-left:100%}.range-slider__current-step-container{top:calc(var(--slider-track-height) + 2.375rem)}.range-slider--large .range-slider__current-step-container,.range-slider--medium .range-slider__current-step-container{top:calc(var(--slider-track-height) + 3.25rem)}.range-slider__tick{width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-border-radius);background-color:var(--slider-tick-primary-type-color)}.range-slider--secondary .range-slider__tick{width:0.25rem;height:0.25rem;border-radius:0.125rem;background-color:var(--slider-tick-secondary-type-color)}.range-slider__tick-container{position:absolute;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);top:calc(var(--slider-track-height) + 1.188rem);display:flex;justify-content:space-between;align-items:center}.range-slider--secondary .range-slider__tick-container{top:calc(var(--slider-track-height) + 0.625rem)}.range-slider--secondary.range-slider--small .range-slider__tick-container{margin-left:100%}.range-slider__tooltip-handle{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);top:0.438rem;border-radius:var(--slider-thumb-border-radius);pointer-events:none;box-shadow:var(--slider-thumb-shadow);background:var(--slider-thumb-color)}.range-slider__tooltip-handle--active{box-shadow:var(--slider-thumb-active-shadow)}.range-slider__tooltip{--tooltip-offset:0;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;position:absolute;display:flex;justify-content:center;align-items:center;left:calc(-2.25rem + var(--tooltip-offset));height:2rem;width:5.75rem;padding:0.5rem 1rem;border-radius:0.5rem;z-index:2;color:var(--slider-tooltip-text-color);background-color:var(--slider-tooltip-background-color);white-space:nowrap;top:-2.625rem;transition:top 150ms ease-in-out 0s}.range-slider__tooltip-handle--active .range-slider__tooltip{transition:top 150ms ease-in-out 150ms;top:-3.25rem}.range-slider__tooltip::before{content:"";position:absolute;left:calc(50% - var(--tooltip-offset));width:0.75rem;height:0.75rem;background:var(--slider-tooltip-background-color);bottom:0;transform:rotate(45deg);border-radius:0.125rem;margin:-0.25rem}.range-slider__control{--button-icon-mode-padding:0.25rem;display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;top:calc(var(--slider-track-height) + 3.5rem)}.range-slider__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider--large .range-slider__control{position:static}.range-slider--secondary .range-slider__control{top:calc(var(--slider-track-height) + 2rem)}.range-slider--secondary.range-slider--medium .range-slider__control{top:calc(var(--slider-track-height) + 2.75rem)}.range-slider__control--left{margin:var(--slider-control-left-margin);left:0}.range-slider--medium .range-slider__control--left{left:unset;right:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--left{right:calc(50% + 4.25rem)}.range-slider__control--right{margin:var(--slider-control-right-margin);right:0}.range-slider--medium .range-slider__control--right{right:unset;left:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--right{left:calc(50% + 4.25rem)}.range-slider__control--icon{--icon-color:var(--slider-control-icon-color)}.range-slider .hidden{display:none}'}},[513,"tet-range-slider",{parentContainer:[1040],minValue:[2,"min-value"],maxValue:[2,"max-value"],inputMaxValue:[2,"input-max-value"],defaultValue:[2,"default-value"],step:[2],dataPoints:[16],displayDataPoints:[16],lockToDataPoint:[4,"lock-to-data-point"],type:[1],withControls:[4,"with-controls"],withInput:[4,"with-input"],withCurrentStepCounter:[4,"with-current-step-counter"],dataUnits:[1,"data-units"],size:[1],reduceButtonAccessibilityLabel:[1,"reduce-button-accessibility-label"],addButtonAccessibilityLabel:[1,"add-button-accessibility-label"],numberInputAccessibilityLabel:[1,"number-input-accessibility-label"],sliderInputAccessibilityLabel:[1,"slider-input-accessibility-label"],theme:[1],currentValue:[32],dataSet:[32],containerSize:[32],tooltipOffset:[32],isSliding:[32],isPointerDown:[32],positions:[32]},[[9,"resize","onWindowResize"]],{dataPoints:[{onDataPointsChange:0}],type:[{onTypeChange:0}],currentValue:[{onCurrentValueChange:0}],size:[{onSizeChange:0}]}]),u=h,g=function(){"undefined"!=typeof customElements&&["tet-range-slider","tet-button","tet-icon","tet-input"].forEach((e=>{switch(e){case"tet-range-slider":customElements.get(a(e))||customElements.define(a(e),h);break;case"tet-button":customElements.get(a(e))||l();break;case"tet-icon":customElements.get(a(e))||d();break;case"tet-input":customElements.get(a(e))||c()}}))};export{u as TetRangeSlider,g as defineCustomElement}
|
|
1
|
+
import{p as e,H as t,d as r,h as i,c as s,t as a}from"./p-ChxhsA_J.js";import{a as o}from"./p-BVdI6xyV.js";import{a as n}from"./p-SfqlfxDQ.js";import{d as l}from"./p-DnjC97RU.js";import{d}from"./p-Bn-5RqMx.js";import{d as c}from"./p-BgUiklHX.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sliderInput=r(this,"slider-input"),this.sliderChange=r(this,"slider-change")}inputRef;sliderRef;sliderContainerRef;dataLabelRef;tickContainerRef;progressTrackRef;tooltipHandleRef;sliderResizeObserver;scrollToThumbCenterTimeout;get element(){return this}parentContainer=null;minValue=1;maxValue=500;inputMaxValue=1e3;defaultValue=0;step=1;dataPoints=[];displayDataPoints=[];lockToDataPoint=!0;type="secondary";withControls=!0;withInput=!0;withCurrentStepCounter=!1;dataUnits="";size="auto";reduceButtonAccessibilityLabel="";addButtonAccessibilityLabel="";numberInputAccessibilityLabel="";sliderInputAccessibilityLabel="";theme="light";currentValue=0;dataSet=[];containerSize="large";tooltipOffset=0;isSliding=!1;isPointerDown=!1;positions={scrollLeft:0,mouseX:0};sliderInput;sliderChange;onDataPointsChange(){this.calculateDataSet(),this.renderDataLabels()}onTypeChange(){this.renderDataLabels()}onCurrentValueChange(){this.sliderInput.emit(this.currentValue)}onWindowResize(){this.autoSetContainerSize()}onSizeChange(e){"auto"===e?this.autoSetContainerSize():this.containerSize=e}onSliderInput=e=>{this.updateProgress();const t=parseFloat(e.target.value),r=this.getClosestOriginalDataPoint(t),i=this.dataSet.indexOf(r),s=parseFloat(Object.keys(r)[0]);if(t===s)return void(this.currentValue=r[s]);const a=[r];t<s?a.unshift(this.dataSet[i-1]):a.push(this.dataSet[i+1]);const o=parseFloat(Object.keys(a[0])[0]),n=parseFloat(Object.keys(a[1])[0]),l=a[0][o];let d=(a[1][n]-l)/(n-o)*(t-o)+l;d>this.maxValue?d=this.maxValue:d<this.minValue&&(d=this.minValue);const c=this.getStepDecimals(this.step);let h=Math.round(d/this.step)*this.step;h=parseFloat(h.toFixed(c)),this.currentValue=h};onInputChange=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=0),t>this.inputMaxValue&&(t=this.inputMaxValue,e.target.value=this.inputMaxValue),this.setSliderValue(t),this.currentValue=t,this.updateProgress()};onInputKeyDown=(e,t=!1)=>{const r=["PageUp","ArrowUp","ArrowRight"],i=["PageDown","ArrowDown","ArrowLeft"],s=e.code;t&&(r.pop(),i.pop()),r.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint||"PageUp"===s?this.onControlNextClick():this.handleSliderArrowKeys("increment")),i.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint||"PageDown"===s?this.onControlPreviousClick():this.handleSliderArrowKeys("decrement")),r.concat(i).includes(s)&&setTimeout((()=>this.sliderChange.emit(this.currentValue)))};onContainerScroll=()=>{if(this.isSliding)return;this.onSliderChangeDebounce();let e=this.sliderContainerRef.scrollLeft;const t=this.tooltipHandleRef.getBoundingClientRect().width,r=this.sliderRef.getBoundingClientRect().width,i=r/2+t/2,s=i+r-t;e<i&&(e=i),e>s&&(e=s),e=Math.round(100*e)/100,this.sliderContainerRef.scrollLeft=e;const a=Math.round((e-i)/(s-i)*1e3)/1e3*(this.maxValue-this.minValue)+this.minValue,o=this.getClosestOriginalDataPoint(a),n=this.dataSet.indexOf(o);if(0===n&&a<parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);if(a===parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);const l=[o];a<parseFloat(Object.keys(o)[0])?l.unshift(this.dataSet[n-1]):l.push(this.dataSet[n+1]);const d=parseFloat(Object.keys(l[0])[0]),c=parseFloat(Object.keys(l[1])[0]),h=l[0][d];this.currentValue=Math.round((l[1][c]-h)/(c-d)*(a-d)+h),this.setSliderValue(this.currentValue)};onInputBlur=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=this.minValue);const r=JSON.parse(JSON.stringify(this.dataSet)),i=r.shift(),s=r.pop();t<i[this.minValue]&&(this.currentValue=i[this.minValue],this.sliderRef.value=Object.keys(i)[0],this.setInputValue(i[this.minValue]));const a=Math.max(this.inputMaxValue,s[this.maxValue]);t>a&&(this.currentValue=a,this.sliderRef.value=Object.keys(s)[0],this.setInputValue(a)),this.updateProgress(),this.sliderChange.emit(this.currentValue)};onSliderChange=()=>{this.lockToDataPoint?this.slideToClosestDataPoint():this.sliderChange.emit(this.currentValue)};onSliderChangeDebounce=o(this.onSliderChange,50);onControlPreviousClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r-1];0===r&&(i=e),this.currentValue>t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onControlNextClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r+1];r+1===this.dataSet.length&&(i=e),this.currentValue<t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onSliderPointerDown=()=>{this.animateSliderThumb("normal")};onSliderPointerUp=()=>{this.animateSliderThumb("reverse")};onContainerTouchStart=()=>{this.isPointerDown=!0,this.animateSliderThumb("normal")};onContainerTouchEnd=()=>{this.isPointerDown=!1,this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};onContainerMouseDown=e=>{"secondary"===this.type&&"small"===this.containerSize&&(this.isPointerDown=!0,this.positions={scrollLeft:this.sliderContainerRef.scrollLeft,mouseX:e.clientX},this.element.addEventListener("mousemove",this.onContainerMouseMove),this.element.addEventListener("mouseup",this.onContainerMouseUp),this.element.addEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("normal"))};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.sliderContainerRef.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.element.removeEventListener("mousemove",this.onContainerMouseMove),this.element.removeEventListener("mouseup",this.onContainerMouseUp),this.element.removeEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.containerSize=this.size),this.calculateDataSet(),this.currentValue=this.defaultValue,this.sliderResizeObserver=new ResizeObserver(this.updateTooltipHandlePosition)}componentDidLoad(){this.autoSetContainerSize(),this.inputRef.addEventListener("focusout",this.onInputBlur),this.sliderContainerRef.addEventListener("scroll",this.updateTooltipHandlePosition),this.sliderResizeObserver.observe(this.sliderRef),this.renderDataLabels(),this.setSliderValue(this.currentValue),this.updateProgress()}disconnectedCallback(){clearTimeout(this.scrollToThumbCenterTimeout),this.sliderResizeObserver?.disconnect()}updateProgress=()=>{const e=this.progressTrackRef;if(void 0===e)return;let t=this.getSliderPercent();t<50&&(t+=.5),e.style.width=t+"%",this.updateTooltipHandlePosition()};updateTooltipHandlePosition=()=>{const e=this.getSliderPercent(),t=this.sliderRef.getBoundingClientRect().width,r=this.tooltipHandleRef.getBoundingClientRect().width,i=e/100*(t-r)+this.sliderRef.getBoundingClientRect().left-this.element.getBoundingClientRect().left;this.tooltipHandleRef.style.left=i+"px";const s=this.tooltipHandleRef.getBoundingClientRect().x,a=s/n(),o=(window.innerWidth-s-r)/n();let l=0;a<1?l=2:a<3?l=3-a:o<1?l=-2:o<3&&(l=-1*(3-o)),this.tooltipOffset=l};getStepDecimals(e){const t=""+e;return t.indexOf(".")>=0?t.split(".")[1].length:0}handleSliderArrowKeys(e){let t=this.currentValue+this.step;"decrement"===e&&(t=this.currentValue-this.step),t>this.maxValue&&(t=this.maxValue),t<this.minValue&&(t=this.minValue);const r=this.getStepDecimals(this.step);t=parseFloat(t.toFixed(r)),this.currentValue=t,this.setSliderValue(t),this.updateProgress()}getClosestOverrideDataPoint=(e=this.currentValue)=>this.dataSet.reduce((function(t,r){return Math.abs(Object.values(r)[0]-e)<Math.abs(Object.values(t)[0]-e)?r:t}));getClosestOriginalDataPoint=e=>this.dataSet.reduce((function(t,r){return Math.abs(parseFloat(Object.keys(r)[0])-e)<Math.abs(parseFloat(Object.keys(t)[0])-e)?r:t}));getSliderPercent=()=>{const e=this.sliderRef;if(null===e)return 0;const t=this.maxValue-this.minValue;return(parseFloat(e.value)-this.minValue)/t*100};getTooltipValue=()=>{if("secondary"===this.type)return`${Object.values(this.getClosestOverrideDataPoint())[0]} ${this.dataUnits}`;let e=this.currentValue;return this.currentValue<this.minValue&&(e=this.minValue),this.currentValue>this.maxValue&&(e=this.maxValue),`${e} ${this.dataUnits}`};setSliderValue=e=>{Number.isNaN(e)&&(e=this.minValue);const t=JSON.parse(JSON.stringify(this.dataSet)),r=t.shift(),i=t.pop();if(e<r[this.minValue])return void(this.sliderRef.value=""+this.minValue);if(e>i[this.maxValue])return void(this.sliderRef.value=""+this.maxValue);const s=this.getClosestOverrideDataPoint(e),a=Object.values(s)[0];if(e===a)return void(this.sliderRef.value=Object.keys(s)[0]);const o=this.dataSet.indexOf(s),n=[s];e<a?n.unshift(this.dataSet[o-1]):n.push(this.dataSet[o+1]);const l=parseFloat(Object.keys(n[0])[0]),d=parseFloat(Object.keys(n[1])[0]),c=n[0][l];this.sliderRef.value=""+((d-l)/(n[1][d]-c)*(e-c)+l)};autoSetContainerSize=()=>{if("auto"!==this.size)return;let e=0;e=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.containerSize=e>=1024?"large":e>=768?"medium":"small",void 0!==this.sliderContainerRef&&("secondary"===this.type&&"small"===this.containerSize?(this.sliderContainerRef.style.overflowX="scroll",clearTimeout(this.scrollToThumbCenterTimeout),this.scrollToThumbCenterTimeout=setTimeout(this.scrollToThumbCenter,50)):this.sliderContainerRef.style.overflowX="unset")};setInputValue=e=>{this.inputRef.value=""+e};slideToClosestDataPoint=()=>{if(this.isPointerDown)return;const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0];this.isSliding=!0;const r=setInterval((()=>{const e=Math.abs(t-this.currentValue);if(this.scrollToThumbCenter(),e||(clearInterval(r),this.sliderChange.emit(this.currentValue),setTimeout((()=>{this.isSliding=!1}),50)),e<5)return this.currentValue=t,this.setSliderValue(t),void this.updateProgress();let i=5;e>100&&(i=10),this.currentValue>t&&(this.currentValue=this.currentValue-i,this.setSliderValue(this.currentValue)),this.currentValue<t&&(this.currentValue=this.currentValue+i,this.setSliderValue(this.currentValue)),this.updateProgress()}),1)};calculateDataSet=()=>{const e=this.dataPoints.length?this.dataPoints.length:2,t=this.dataPoints.length?this.dataPoints:[this.minValue,this.maxValue],r=(this.maxValue-this.minValue)/(e-1);this.dataSet.length=0;for(let i=0;i<e;i++)this.dataSet.push({[r*i+this.minValue]:t[i]})};scrollToThumbCenter=()=>{if("secondary"!==this.type||"small"!==this.containerSize)return;const e=this.sliderRef.getBoundingClientRect().width,t=this.tooltipHandleRef.getBoundingClientRect().width,r=e/2+t/2,i=r+e-t-r,s=this.getSliderPercent();this.sliderContainerRef.scrollLeft=r+i*s/100};animateSliderThumb=e=>{const t=getComputedStyle(this.element).getPropertyValue("--slider-thumb-shadow"),r=getComputedStyle(this.element).getPropertyValue("--slider-thumb-active-shadow");"normal"===e?this.tooltipHandleRef.classList.add("range-slider__tooltip-handle--active"):this.tooltipHandleRef.classList.remove("range-slider__tooltip-handle--active"),this.tooltipHandleRef.animate([{boxShadow:t},{boxShadow:"none"},{boxShadow:r}],{duration:300,direction:e})};renderTick=()=>{let e=document.createElement("span");e.className="range-slider__tick",this.tickContainerRef.appendChild(e)};renderDataLabels=()=>{const e=this.maxValue-this.minValue;this.dataLabelRef.innerHTML="",this.tickContainerRef.innerHTML="";for(const t of this.dataSet){const r=parseFloat(Object.keys(t)[0]),i=Object.values(t)[0],s=(r-this.minValue)/e*100;this.renderTick(),this.displayDataPoints.length&&!this.displayDataPoints.includes(i)||this.dataLabelRef.appendChild(this.renderDataLabel(""+i,s))}};renderDataLabel=(e,t)=>{const r=document.createElement("span"),i=document.createTextNode(e);return r.appendChild(i),r.classList.add("range-slider__data-label"),r.style.left=`calc(${t}% - 1.5rem)`,r};render(){return i(s,{key:"e204f6e33e2c32d4d10ea500dd54c8b82d06623b"},i("div",{key:"81eaef56bfea44d2c9adca70ac000278e187cc3e",class:{"range-slider":!0,["range-slider--"+this.containerSize]:!0,["range-slider--"+this.type]:!0,"range-slider--no-controls":!this.withControls,"range-slider--no-input":!this.withInput,[this.theme]:!0}},i("div",{key:"e1e7062244059642346a55026b862b16fb7930e3",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"ef35046926f2fdc4901bbef2c88aad1254699fcc","input-class":"range-slider__input","input-type":"number","input-value":this.currentValue,ref:e=>this.inputRef=e,theme:this.theme,onInput:this.onInputChange,onKeyDown:e=>this.onInputKeyDown(e,!0),accessibilityLabel:this.numberInputAccessibilityLabel,..."large"!==this.containerSize?{inputTabindex:3}:{}})),i("div",{key:"b11d56f1a8045dbaebddcc1720ad7b93e85ef53c",class:"range-slider__container"},i("tet-button",{key:"6f04a66ede6b532b9aa2931e748424e8317537b9",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--left":!0,hidden:!this.withControls},clickCallback:this.onControlPreviousClick,...this.reduceButtonAccessibilityLabel?{accessibilityLabel:this.reduceButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:2}:{}},i("tet-icon",{key:"0bd397a8ec0263733f0d45b1fc7f1c927441b933",name:"tc-remove",class:"range-slider__control--icon"})),i("div",{key:"c03fdd864bcd1da0555adfece8f77dd783b08cdf",onTouchStart:this.onContainerTouchStart,onTouchEnd:this.onContainerTouchEnd,onMouseDown:this.onContainerMouseDown,onScroll:this.onContainerScroll,ref:e=>this.sliderContainerRef=e,class:"range-slider__slider-container",draggable:!1},i("div",{key:"8dd361ed9775a69861afd47df576ee6c47705fca",class:"range-slider__slider-wrapper"},i("input",{key:"a85831894bb7e5690bae5654cd332f2931571aa9",ref:e=>this.sliderRef=e,type:"range",min:this.minValue,max:this.maxValue,step:this.step,value:this.defaultValue,list:"steplist",id:"rangeInput",onInput:this.onSliderInput,onChange:this.onSliderChange,onPointerDown:this.onSliderPointerDown,onPointerUp:this.onSliderPointerUp,onKeyDown:this.onInputKeyDown,class:"range-slider__slider",...this.sliderInputAccessibilityLabel?{"aria-label":this.sliderInputAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:1}:{}})),i("div",{key:"2a9fc355b9435e3afcb8a62221948b4197c35813",class:"range-slider__track range-slider__track--background"}),i("div",{key:"689189be7b698a872643199cb99773dff981d9f3",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"ad2ba1a6a646f80d7fdcb8fc4a4b1bc3ae5ae85d",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"119290ab910a7d5754ce694286815c8c31cc0c14",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"3940851413decf488e37e32ed0b88237968432e1",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"158be9a5512e5774bd37f6b88f38af8775548952",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"a6fd91ec0862af654625e8c01f34e15c0b67f6f9",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"8abfe8dff59a689a70708fa9fbb4214f44eb019f",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":this.tooltipOffset+"rem"},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"42d59dc4138285a352dba9ae3ee847a7193dc745",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--right":!0,hidden:!this.withControls},clickCallback:this.onControlNextClick,...this.addButtonAccessibilityLabel?{accessibilityLabel:this.addButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:4}:{}},i("tet-icon",{key:"b8d8b9c35b04e0dde9bfc39c00feda82f25b4522",name:"tc-add",class:"range-slider__control--icon"})))))}static get watchers(){return{dataPoints:[{onDataPointsChange:0}],type:[{onTypeChange:0}],currentValue:[{onCurrentValueChange:0}],size:[{onSizeChange:0}]}}static get style(){return'@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{--slider-height:6rem;--slider-track-height:0.5rem;--slider-track-border-radius:0.25rem;--slider-track-background-color:var(--tc-border-quaternary);--slider-track-progress-color:var(--tc-yellow-40);--slider-thumb-color:var(--tc-yellow-30);--slider-thumb-shadow:var(--tc-elevation-two);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(254, 213, 127, 0.4);--slider-thumb-size:1.5rem;--slider-thumb-border-radius:0.75rem;--slider-tick-primary-type-color:var(--tc-border-quaternary);--slider-tick-secondary-type-color:var(--tc-border-secondary);--slider-tick-width:0.125rem;--slider-tick-height:0.25rem;--slider-tick-border-radius:0.063rem;--slider-control-left-margin:0;--slider-control-right-margin:0;--slider-control-icon-color:var(--tc-button-icon-primary);--slider-tooltip-background-color:var(--tc-grey-80);--slider-tooltip-text-color:var(--tc-grey-10);--slider-step-counter-background-color:var(--tc-layer-secondary);--slider-step-counter-text-color:var(--tc-text-primary);--slider-data-label-text-color:var(--tc-text-secondary)}.range-slider{display:flex;width:100%;gap:1rem;height:var(--slider-height);position:relative}.range-slider.dark{--slider-track-background-color:var(--tc-border-quaternary-dark);--slider-track-progress-color:var(--tc-yellow-40-dark);--slider-thumb-color:var(--tc-yellow-30-dark);--slider-thumb-shadow:var(--tc-elevation-two-dark);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(247, 212, 135, 0.4);--slider-tick-primary-type-color:var(--tc-border-quaternary-dark);--slider-tick-secondary-type-color:var(--tc-border-secondary-dark);--slider-control-icon-color:var(--tc-button-icon-primary-dark);--slider-tooltip-background-color:var(--tc-grey-80-dark);--slider-tooltip-text-color:var(--tc-grey-10-dark);--slider-step-counter-background-color:var(--tc-layer-secondary-dark);--slider-step-counter-text-color:var(--tc-text-primary-dark);--slider-data-label-text-color:var(--tc-text-secondary-dark)}.range-slider.dark .range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.range-slider--large{flex-direction:column}.range-slider--no-controls{flex-direction:row-reverse}.range-slider *{box-sizing:border-box}.range-slider__container{display:flex;flex-direction:column;align-items:baseline;gap:1rem;position:relative;width:100%}.range-slider--large .range-slider__container{flex-direction:row}.range-slider__slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;margin:0.313rem 0;z-index:1}.range-slider--small.range-slider--secondary .range-slider__slider{pointer-events:none;z-index:-1}.range-slider__slider:focus{outline:none}.range-slider__slider::-moz-focus-outer{border:0}.range-slider__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border-radius:var(--slider-thumb-border-radius);cursor:pointer}.range-slider__slider::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);border-radius:var(--slider-thumb-border-radius);cursor:pointer;border:none}.range-slider__slider::-webkit-slider-runnable-track,.range-slider__slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}.range-slider__slider:focus::-webkit-slider-runnable-track{background:none}.range-slider__slider:active::-webkit-slider-runnable-track{background:none}.range-slider__slider-container{width:100%;position:relative;height:calc(var(--slider-thumb-size) + 0.5rem);padding-top:0.625rem;scrollbar-width:none}.range-slider__slider-container::-webkit-scrollbar{display:none}.range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider__slider-wrapper{display:flex;width:100%}.range-slider--secondary.range-slider--small .range-slider__slider-wrapper{margin-left:100%}.range-slider__input{--input-padding:0.75rem;--input-border-radius:0.625rem;max-height:3.125rem;max-width:12.5rem;margin:0 auto !important;appearance:textfield;-moz-appearance:textfield}.range-slider--large .range-slider__input{text-align:center;--input-padding:0.5rem}.range-slider__input::-webkit-outer-spin-button,.range-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-slider__input-container{display:flex;flex-direction:column;position:absolute;top:calc(var(--slider-track-height) + 3.25rem);width:100%;z-index:1}.range-slider--large .range-slider__input-container{position:relative;max-width:3.125rem;margin-left:auto;margin-right:0;top:0}.range-slider--large.range-slider--no-controls .range-slider__input-container{top:-0.5rem}.range-slider__track{position:absolute;top:1rem;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius)}.range-slider--small.range-slider--secondary .range-slider__track{border-radius:0}.range-slider__track--background{width:100%;background-color:var(--slider-track-background-color)}.range-slider--small.range-slider--secondary .range-slider__track--background{width:300%}.range-slider__track--progress{background-color:var(--slider-track-progress-color)}.range-slider--secondary .range-slider__track--progress{background-color:transparent}.range-slider__data-label{position:absolute;width:3rem;text-align:center;color:var(--slider-data-label-text-color);display:none}.range-slider__data-label:first-of-type{display:block}.range-slider__data-label:last-of-type{display:block}.range-slider--large .range-slider__data-label,.range-slider--medium .range-slider__data-label{display:block}.range-slider__current-step{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;font-weight:500;color:var(--slider-step-counter-text-color);width:5.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.25rem 1rem;background-color:var(--slider-step-counter-background-color);border-radius:1rem}.range-slider__data-label-container,.range-slider__current-step-container{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;position:absolute;display:flex;height:1.5rem;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);margin:0 auto}.range-slider__data-label-container{top:calc(var(--slider-track-height) + 1.5rem)}.range-slider--secondary.range-slider--small .range-slider__data-label-container{margin-left:100%}.range-slider__current-step-container{top:calc(var(--slider-track-height) + 2.375rem)}.range-slider--large .range-slider__current-step-container,.range-slider--medium .range-slider__current-step-container{top:calc(var(--slider-track-height) + 3.25rem)}.range-slider__tick{width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-border-radius);background-color:var(--slider-tick-primary-type-color)}.range-slider--secondary .range-slider__tick{width:0.25rem;height:0.25rem;border-radius:0.125rem;background-color:var(--slider-tick-secondary-type-color)}.range-slider__tick-container{position:absolute;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);top:calc(var(--slider-track-height) + 1.188rem);display:flex;justify-content:space-between;align-items:center}.range-slider--secondary .range-slider__tick-container{top:calc(var(--slider-track-height) + 0.625rem)}.range-slider--secondary.range-slider--small .range-slider__tick-container{margin-left:100%}.range-slider__tooltip-handle{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);top:0.438rem;border-radius:var(--slider-thumb-border-radius);pointer-events:none;box-shadow:var(--slider-thumb-shadow);background:var(--slider-thumb-color)}.range-slider__tooltip-handle--active{box-shadow:var(--slider-thumb-active-shadow)}.range-slider__tooltip{--tooltip-offset:0;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;position:absolute;display:flex;justify-content:center;align-items:center;left:calc(-2.25rem + var(--tooltip-offset));height:2rem;width:5.75rem;padding:0.5rem 1rem;border-radius:0.5rem;z-index:2;color:var(--slider-tooltip-text-color);background-color:var(--slider-tooltip-background-color);white-space:nowrap;top:-2.625rem;transition:top 150ms ease-in-out 0s}.range-slider__tooltip-handle--active .range-slider__tooltip{transition:top 150ms ease-in-out 150ms;top:-3.25rem}.range-slider__tooltip::before{content:"";position:absolute;left:calc(50% - var(--tooltip-offset));width:0.75rem;height:0.75rem;background:var(--slider-tooltip-background-color);bottom:0;transform:rotate(45deg);border-radius:0.125rem;margin:-0.25rem}.range-slider__control{--button-icon-mode-padding:0.25rem;display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;top:calc(var(--slider-track-height) + 3.5rem)}.range-slider__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider--large .range-slider__control{position:static}.range-slider--secondary .range-slider__control{top:calc(var(--slider-track-height) + 2rem)}.range-slider--secondary.range-slider--medium .range-slider__control{top:calc(var(--slider-track-height) + 2.75rem)}.range-slider__control--left{margin:var(--slider-control-left-margin);left:0}.range-slider--medium .range-slider__control--left{left:unset;right:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--left{right:calc(50% + 4.25rem)}.range-slider__control--right{margin:var(--slider-control-right-margin);right:0}.range-slider--medium .range-slider__control--right{right:unset;left:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--right{left:calc(50% + 4.25rem)}.range-slider__control--icon{--icon-color:var(--slider-control-icon-color)}.range-slider .hidden{display:none}'}},[513,"tet-range-slider",{parentContainer:[1040],minValue:[2,"min-value"],maxValue:[2,"max-value"],inputMaxValue:[2,"input-max-value"],defaultValue:[2,"default-value"],step:[2],dataPoints:[16],displayDataPoints:[16],lockToDataPoint:[4,"lock-to-data-point"],type:[1],withControls:[4,"with-controls"],withInput:[4,"with-input"],withCurrentStepCounter:[4,"with-current-step-counter"],dataUnits:[1,"data-units"],size:[1],reduceButtonAccessibilityLabel:[1,"reduce-button-accessibility-label"],addButtonAccessibilityLabel:[1,"add-button-accessibility-label"],numberInputAccessibilityLabel:[1,"number-input-accessibility-label"],sliderInputAccessibilityLabel:[1,"slider-input-accessibility-label"],theme:[1],currentValue:[32],dataSet:[32],containerSize:[32],tooltipOffset:[32],isSliding:[32],isPointerDown:[32],positions:[32]},[[9,"resize","onWindowResize"]],{dataPoints:[{onDataPointsChange:0}],type:[{onTypeChange:0}],currentValue:[{onCurrentValueChange:0}],size:[{onSizeChange:0}]}]),u=h,g=function(){"undefined"!=typeof customElements&&["tet-range-slider","tet-button","tet-icon","tet-input"].forEach((e=>{switch(e){case"tet-range-slider":customElements.get(a(e))||customElements.define(a(e),h);break;case"tet-button":customElements.get(a(e))||l();break;case"tet-icon":customElements.get(a(e))||d();break;case"tet-input":customElements.get(a(e))||c()}}))};export{u as TetRangeSlider,g as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as t,h as e,c as r,t as n}from"./p-nb3MHK7A.js";import{c as i,a}from"./p-SfqlfxDQ.js";import{d as s}from"./p-85IQWbFs.js";const l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}stepperData=[];forcedColumn=!1;hideIcons=!1;theme="light";columnLayout=!1;layout="default";get host(){return this}componentDidLoad(){"default"===this.layout&&this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:{"round-stepper__item":!0,dark:"dark"===this.theme,"column-layout":this.columnLayout,"with-background-gradient":"withBackgroundGradient"===this.layout,["color-theme-"+o.colorTheme]:"withBackgroundGradient"===this.layout&&!!o.colorTheme,["color-tone-"+o.colorTone]:"withBackgroundGradient"===this.layout&&!!o.colorTone,["gradient-"+o.gradient]:"withBackgroundGradient"===this.layout&&!!o.gradient&&"off"!==o.gradient}},o.icon&&o.hideIconCircle?e("tet-icon",{class:"icon icon-without-circle",name:o.icon,theme:this.theme}):e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{class:"icon",name:o.icon}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=i(224/a())+"px"}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=i(192/a())+"px"})))}onResize(){"default"===this.layout&&this.calculateContainerWidth()}render(){return e(r,{key:"f974cd4d48cf0111b7d75ad57f495944c5d1a7ce"},e("div",{key:"e6d3c15e5efa2e6be6c7fadb20aae16a25d4339a",class:{"round-stepper":!0,"with-background-gradient":"withBackgroundGradient"===this.layout,column:this.forcedColumn,"one-to-three-items":"withBackgroundGradient"===this.layout&&this.stepperData.length<=3,"six-plus-items":"withBackgroundGradient"===this.layout&&this.stepperData.length>=6,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}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)}@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{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.with-background-gradient{gap:1.5rem;width:100%;flex-direction:column}@media all and (min-width: 48rem){.round-stepper.with-background-gradient{flex-direction:row}}@media all and (min-width: 48rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:1.5rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:2.5rem}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient .round-stepper__circle{--step-circle-size:3rem}}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.75rem}@media all and (min-width: 80rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif;line-height:2rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif;line-height:2.25rem;margin-top:1.5rem}}.round-stepper.with-background-gradient .round-stepper__description{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.5rem}@media all and (min-width: 48rem) and (max-width: 80rem){.round-stepper.with-background-gradient.six-plus-items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.round-stepper.with-background-gradient.six-plus-items .round-stepper__item{max-width:none}}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__item.column-layout{flex-direction:column;align-items:start;width:100%}.round-stepper__item.column-layout .round-stepper__description{margin-left:0;margin-top:1rem}.round-stepper__item.with-background-gradient{--round-stepper-item-background-color:transparent;--round-stepper-item-background-color-dark:var(--round-stepper-item-background-color);--round-stepper-item-circle-background-color:var(--tc-icon-black-to-yellow);--round-stepper-item-circle-text-color:var(--tc-text-inverse-primary);--round-stepper-item-circle-background-color-dark:var(--tc-icon-black-to-yellow-dark);--round-stepper-item-circle-text-color-dark:var(--tc-text-inverse-primary-dark);max-width:45rem;border-radius:1rem;padding:1.5rem 1rem;background-color:var(--round-stepper-item-background-color)}@media all and (min-width: 48rem){.round-stepper__item.with-background-gradient{max-width:36rem}}@media all and (min-width: 64rem){.round-stepper__item.with-background-gradient{padding:1.5rem}}.round-stepper__item.with-background-gradient.dark{--round-stepper-item-circle-background-color:var(--round-stepper-item-circle-background-color-dark);--round-stepper-item-circle-text-color:var(--round-stepper-item-circle-text-color-dark);background-color:var(--round-stepper-item-background-color-dark)}.round-stepper__item.with-background-gradient .round-stepper__circle{background-color:var(--round-stepper-item-circle-background-color) !important;color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-gradient-grey-accent);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark{--round-stepper-item-background-color:var(--tc-yellow-30);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light{--round-stepper-item-background-color:var(--tc-yellow-20);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light{--round-stepper-item-background-color:var(--tc-yellow-10);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-grey-50);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark{--round-stepper-item-background-color:var(--tc-grey-40);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light{--round-stepper-item-background-color:var(--tc-grey-30);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light{--round-stepper-item-background-color:var(--tc-grey-20);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.gradient-dark-light{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12))}.round-stepper__item.with-background-gradient.gradient-light-dark{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12))}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__circle.dark tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}tet-icon.icon.icon-without-circle{--icon-size:2.5rem}@media all and (min-width: 120rem){tet-icon.icon.icon-without-circle{--icon-size:3rem}}'}},[513,"tet-round-stepper",{stepperData:[16],forcedColumn:[4,"forced-column"],hideIcons:[4,"hide-icons"],theme:[1],columnLayout:[4,"column-layout"],layout:[1]},[[9,"resize","onResize"]]]),f=l,c=function(){"undefined"!=typeof customElements&&["tet-round-stepper","tet-icon"].forEach((o=>{switch(o){case"tet-round-stepper":customElements.get(n(o))||customElements.define(n(o),l);break;case"tet-icon":customElements.get(n(o))||s()}}))};export{f as TetRoundStepper,c as defineCustomElement}
|
|
1
|
+
import{p as o,H as t,h as e,c as r,t as n}from"./p-ChxhsA_J.js";import{c as i,a}from"./p-SfqlfxDQ.js";import{d as s}from"./p-Bn-5RqMx.js";const l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}stepperData=[];forcedColumn=!1;hideIcons=!1;theme="light";columnLayout=!1;layout="default";get host(){return this}componentDidLoad(){"default"===this.layout&&this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:{"round-stepper__item":!0,dark:"dark"===this.theme,"column-layout":this.columnLayout,"with-background-gradient":"withBackgroundGradient"===this.layout,["color-theme-"+o.colorTheme]:"withBackgroundGradient"===this.layout&&!!o.colorTheme,["color-tone-"+o.colorTone]:"withBackgroundGradient"===this.layout&&!!o.colorTone,["gradient-"+o.gradient]:"withBackgroundGradient"===this.layout&&!!o.gradient&&"off"!==o.gradient}},o.icon&&o.hideIconCircle?e("tet-icon",{class:"icon icon-without-circle",name:o.icon,theme:this.theme}):e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{class:"icon",name:o.icon}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=i(224/a())+"px"}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=i(192/a())+"px"})))}onResize(){"default"===this.layout&&this.calculateContainerWidth()}render(){return e(r,{key:"f974cd4d48cf0111b7d75ad57f495944c5d1a7ce"},e("div",{key:"e6d3c15e5efa2e6be6c7fadb20aae16a25d4339a",class:{"round-stepper":!0,"with-background-gradient":"withBackgroundGradient"===this.layout,column:this.forcedColumn,"one-to-three-items":"withBackgroundGradient"===this.layout&&this.stepperData.length<=3,"six-plus-items":"withBackgroundGradient"===this.layout&&this.stepperData.length>=6,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}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)}@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{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.with-background-gradient{gap:1.5rem;width:100%;flex-direction:column}@media all and (min-width: 48rem){.round-stepper.with-background-gradient{flex-direction:row}}@media all and (min-width: 48rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:1.5rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:2.5rem}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient .round-stepper__circle{--step-circle-size:3rem}}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.75rem}@media all and (min-width: 80rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif;line-height:2rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif;line-height:2.25rem;margin-top:1.5rem}}.round-stepper.with-background-gradient .round-stepper__description{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.5rem}@media all and (min-width: 48rem) and (max-width: 80rem){.round-stepper.with-background-gradient.six-plus-items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.round-stepper.with-background-gradient.six-plus-items .round-stepper__item{max-width:none}}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__item.column-layout{flex-direction:column;align-items:start;width:100%}.round-stepper__item.column-layout .round-stepper__description{margin-left:0;margin-top:1rem}.round-stepper__item.with-background-gradient{--round-stepper-item-background-color:transparent;--round-stepper-item-background-color-dark:var(--round-stepper-item-background-color);--round-stepper-item-circle-background-color:var(--tc-icon-black-to-yellow);--round-stepper-item-circle-text-color:var(--tc-text-inverse-primary);--round-stepper-item-circle-background-color-dark:var(--tc-icon-black-to-yellow-dark);--round-stepper-item-circle-text-color-dark:var(--tc-text-inverse-primary-dark);max-width:45rem;border-radius:1rem;padding:1.5rem 1rem;background-color:var(--round-stepper-item-background-color)}@media all and (min-width: 48rem){.round-stepper__item.with-background-gradient{max-width:36rem}}@media all and (min-width: 64rem){.round-stepper__item.with-background-gradient{padding:1.5rem}}.round-stepper__item.with-background-gradient.dark{--round-stepper-item-circle-background-color:var(--round-stepper-item-circle-background-color-dark);--round-stepper-item-circle-text-color:var(--round-stepper-item-circle-text-color-dark);background-color:var(--round-stepper-item-background-color-dark)}.round-stepper__item.with-background-gradient .round-stepper__circle{background-color:var(--round-stepper-item-circle-background-color) !important;color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-gradient-grey-accent);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark{--round-stepper-item-background-color:var(--tc-yellow-30);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light{--round-stepper-item-background-color:var(--tc-yellow-20);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light{--round-stepper-item-background-color:var(--tc-yellow-10);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-grey-50);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark{--round-stepper-item-background-color:var(--tc-grey-40);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light{--round-stepper-item-background-color:var(--tc-grey-30);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light{--round-stepper-item-background-color:var(--tc-grey-20);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.gradient-dark-light{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12))}.round-stepper__item.with-background-gradient.gradient-light-dark{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12))}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__circle.dark tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}tet-icon.icon.icon-without-circle{--icon-size:2.5rem}@media all and (min-width: 120rem){tet-icon.icon.icon-without-circle{--icon-size:3rem}}'}},[513,"tet-round-stepper",{stepperData:[16],forcedColumn:[4,"forced-column"],hideIcons:[4,"hide-icons"],theme:[1],columnLayout:[4,"column-layout"],layout:[1]},[[9,"resize","onResize"]]]),f=l,c=function(){"undefined"!=typeof customElements&&["tet-round-stepper","tet-icon"].forEach((o=>{switch(o){case"tet-round-stepper":customElements.get(n(o))||customElements.define(n(o),l);break;case"tet-icon":customElements.get(n(o))||s()}}))};export{f as TetRoundStepper,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as o,d as s}from"./p-
|
|
1
|
+
import{T as o,d as s}from"./p-CYfNgSDa.js";const a=o,p=s;export{a as TetSelectionList,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,d as s,h as i,c as n,t as o}from"./p-
|
|
1
|
+
import{p as t,H as e,d as s,h as i,c as n,t as o}from"./p-ChxhsA_J.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.groupSelectionChange=s(this,"groupSelectionChange")}get hostElement(){return this}selectionType="radio";groupSelectionChange;didLoad=!1;selectedIndex;selectedIndexes=new Set;onSelectionTypeChanged(){if("radio"===this.selectionType){const t=this.selectedIndexes.values().next(),e=t.done?void 0:t.value;this.selectedIndex=e,this.selectedIndexes=void 0===e?new Set:new Set([e])}this.applySelectionToChildren(),this.didLoad&&this.emitSelectionChange()}componentDidLoad(){this.syncSelectionFromChildren(),this.applySelectionToChildren(),this.didLoad=!0}getCards=()=>Array.from(this.hostElement.querySelectorAll("tet-snicker-card"));isCardBlocked=t=>this.isCardStateBlocked(this.getCardState(t));getCardState=t=>{const e=t.state;return(t=>"default"===t||"disabled"===t||"unavailable"===t||"subscribed"===t)(e)?e:"default"};getCardSelected=t=>!0===t.selected;isCardStateBlocked=t=>"disabled"===t||"unavailable"===t||"subscribed"===t;syncSelectionFromChildren=()=>{const t=this.getCards();if("radio"===this.selectionType){const e=t.findIndex((t=>this.getCardSelected(t)&&!this.isCardBlocked(t)));return this.selectedIndex=e>=0?e:void 0,void(this.selectedIndexes=e>=0?new Set([e]):new Set)}const e=t.map(((t,e)=>this.getCardSelected(t)&&!this.isCardBlocked(t)?e:-1)).filter((t=>t>=0));this.selectedIndexes=new Set(e),this.selectedIndex=e[0]};applySelectionToChildren=()=>{const t=this.getCards(),e=t.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0)),s=(void 0!==this.selectedIndex&&e.includes(this.selectedIndex)?this.selectedIndex:void 0)??e[0];t.forEach(((t,e)=>{t.selectionType=this.selectionType,t.isTabStop="radio"===this.selectionType?e===s:!this.isCardBlocked(t)}))};getCardIndexFromEvent=t=>{const s=this.getCards(),i=t.composedPath().find((t=>t instanceof e&&"TET-SNICKER-CARD"===t.tagName));return i?s.indexOf(i):-1};getCardId=t=>{const e=t.cardId;if("string"==typeof e){const t=e.trim();if(t.length>0)return t}const s=t.getAttribute("card-id");if(!s)return;const i=s.trim();return i.length>0?i:void 0};emitSelectionChange=()=>{const t=this.getCards(),e=Array.from(this.selectedIndexes).sort(((t,e)=>t-e)),s=e.map((e=>t[e])).filter((t=>!!t)).map((t=>this.getCardId(t))).filter((t=>!!t));this.groupSelectionChange.emit({selectionType:this.selectionType,selectedIndexes:e,selectedCardIds:s})};focusCard=async t=>{if(!t)return;await t.focusSelectionTarget();const e=t.shadowRoot?.querySelector('[data-selection-target="true"]');e?.focus()};handleCardClick=t=>{const e=this.getCards(),s=this.getCardIndexFromEvent(t);s<0||this.isCardBlocked(e[s])||("radio"===this.selectionType?(this.selectedIndex=s,this.selectedIndexes=new Set([s])):this.selectedIndexes.has(s)?this.selectedIndexes.delete(s):this.selectedIndexes.add(s),this.applySelectionToChildren(),this.emitSelectionChange())};handleKeyDown=t=>{const s=t.key;if("ArrowRight"!==s&&"ArrowLeft"!==s&&"ArrowUp"!==s&&"ArrowDown"!==s&&"Home"!==s&&"End"!==s)return;if(t.defaultPrevented)return;const i=t.composedPath();if(!i.some((t=>t instanceof e&&"TET-SNICKER-CARD"===t.tagName)))return;if(!i.some((t=>t instanceof e&&"true"===t.dataset.selectionTarget&&t.getAttribute("role")===this.selectionType)))return;const n=this.getCards(),o=n.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0));if(0===o.length)return;const r=this.getCardIndexFromEvent(t),h=o.indexOf(r);let d=h;"Home"===s?d=0:"End"===s?d=o.length-1:"ArrowRight"===s||"ArrowDown"===s?d=h>=0?(h+1)%o.length:0:"ArrowLeft"!==s&&"ArrowUp"!==s||(d=h>=0?(h-1+o.length)%o.length:o.length-1);const c=o[d];t.preventDefault(),this.focusCard(n[c]),"radio"===this.selectionType&&(this.selectedIndex=c,this.selectedIndexes=new Set([c]),this.applySelectionToChildren(),this.emitSelectionChange())};handleSlotChange=()=>{this.syncSelectionFromChildren(),this.applySelectionToChildren()};render(){return i(n,{key:"6b531dc7d36188816c1daafceba8ad8cd9da1b35",role:"radio"===this.selectionType?"radiogroup":"group",onCardClick:this.handleCardClick,onKeyDown:this.handleKeyDown},i("slot",{key:"58ccabd364435f3524e13a25d2b769de4278de5d",onSlotchange:this.handleSlotChange}))}static get watchers(){return{selectionType:[{onSelectionTypeChanged:0}]}}static get style(){return":host{display:block}"}},[769,"tet-snicker-card-group",{selectionType:[1,"selection-type"]},void 0,{selectionType:[{onSelectionTypeChanged:0}]}]),h=r,d=function(){"undefined"!=typeof customElements&&["tet-snicker-card-group"].forEach((t=>{"tet-snicker-card-group"===t&&(customElements.get(o(t))||customElements.define(o(t),r))}))};export{h as TetSnickerCardGroup,d as defineCustomElement}
|