@tet/tet-components 1.4.138-staging → 1.4.139-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{http-codes-M3UINy7t.js → http-codes-C-IXSZGG.js} +1 -1
- package/dist/cjs/{index-CabrFqSe.js → index-Bo0hF6YQ.js} +1 -1
- package/dist/cjs/{index-BGnwL8G_.js → index-DKg1QTRW.js} +5 -5
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{product-comparison-1cTUG5Si.js → product-comparison-f-u42TDe.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 +46 -9
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +2 -2
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +28 -21
- 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-MNaGVsId.js → translations-f2lO6WcB.js} +1 -1
- package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.css +1 -1
- package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.js +65 -6
- package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.css +75 -42
- package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.js +35 -26
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CVKvk6QH.js → p-1M2reaCU.js} +1 -1
- package/dist/components/{p-ro9Xo95n.js → p-4OtGLxTM.js} +1 -1
- package/dist/components/{p-ClZGNJ8K.js → p-9ItXFJZ6.js} +1 -1
- package/dist/components/{p-DWm7jq2J.js → p-B4MTqXan.js} +1 -1
- package/dist/components/{p-CYfNgSDa.js → p-B8ElCfnM.js} +1 -1
- package/dist/components/{p-DftHVfCt.js → p-BBMx2Nbt.js} +1 -1
- package/dist/components/{p-B5gZt66l.js → p-BLY0RO0L.js} +1 -1
- package/dist/components/{p-Jr4xP8U0.js → p-BOavyx-7.js} +1 -1
- package/dist/components/{p-v3jmLiwp.js → p-BWmFtcLN.js} +1 -1
- package/dist/components/{p-YbtFFhcU.js → p-BZ0uDmYr.js} +1 -1
- package/dist/components/{p-DMha5T5b.js → p-BZ9cVPPC.js} +1 -1
- package/dist/components/{p-DF_X_yCR.js → p-B_RQCK28.js} +1 -1
- package/dist/components/{p-BvciW7tt.js → p-Bdt0k-v8.js} +1 -1
- package/dist/components/{p-BXDq6r9O.js → p-Be5i4YJ4.js} +1 -1
- package/dist/components/{p-BJyEjHQx.js → p-BgpTlgXX.js} +1 -1
- package/dist/components/{p-Vo_9U06w.js → p-Bq1skzzY.js} +1 -1
- package/dist/components/{p-CwSl5E57.js → p-BsNlQtYx.js} +1 -1
- package/dist/components/{p-CfmV2Jgh.js → p-CFDvtl5l.js} +1 -1
- package/dist/components/{p-B36OnKxA.js → p-CIMNJ4X2.js} +1 -1
- package/dist/components/{p-BtQDYhdb.js → p-CIPUn8d2.js} +1 -1
- package/dist/components/p-CKvGKHDE.js +1 -0
- package/dist/components/{p-DULF82L1.js → p-CMbAQKoe.js} +1 -1
- package/dist/components/{p-STr2Oh_2.js → p-CQfy7CVi.js} +1 -1
- package/dist/components/{p-nfGM0aGC.js → p-CT-Ge0pF.js} +1 -1
- package/dist/components/{p-CO0VSTHD.js → p-Cfy46lS6.js} +1 -1
- package/dist/components/{p-DvUWnsVA.js → p-ChbxhvnA.js} +1 -1
- package/dist/components/{p-CrSRJXyV.js → p-CjOuXGOS.js} +1 -1
- package/dist/components/{p-Df7zWrR3.js → p-ClWTLrk_.js} +1 -1
- package/dist/components/{p-x60Po9AL.js → p-Clw2OLNj.js} +1 -1
- package/dist/components/{p-BKT3j81W.js → p-Cwu8jtXG.js} +1 -1
- package/dist/components/{p-CPB6HceB.js → p-D9qys4GX.js} +1 -1
- package/dist/components/{p-D_0fYn3l.js → p-DH1iZWF5.js} +1 -1
- package/dist/components/{p-C2Vn0VjX.js → p-DHOPNeBR.js} +1 -1
- package/dist/components/{p-D7yVtwIG.js → p-DJQWSjRR.js} +1 -1
- package/dist/components/{p-BKPQnaRw.js → p-DKavMVSi.js} +1 -1
- package/dist/components/{p-TrvYXEJ_.js → p-DQaNW2BX.js} +1 -1
- package/dist/components/{p-cb20nj-c.js → p-DRJ0zjoF.js} +1 -1
- package/dist/components/{p-CDm2kZUj.js → p-DcqGjbQO.js} +1 -1
- package/dist/components/{p-JxsG9Eqn.js → p-DeFz-G5N.js} +1 -1
- package/dist/components/{p-B8FP4SAH.js → p-DePtMqzY.js} +1 -1
- package/dist/components/{p-BtSNSrDr.js → p-DgcBdohb.js} +1 -1
- package/dist/components/{p-DyW5hKus.js → p-Do_1srPW.js} +1 -1
- package/dist/components/{p-vTo56FQh.js → p-Dvk7syez.js} +1 -1
- package/dist/components/{p-CRJmHkRm.js → p-Dzb-TXLO.js} +1 -1
- package/dist/components/{p-BMd3uvm2.js → p-KBNSpMwX.js} +1 -1
- package/dist/components/{p-BCS3Q4O-.js → p-P_J147mb.js} +1 -1
- package/dist/components/{p-CP-a_UPI.js → p-c36Z0_hK.js} +1 -1
- package/dist/components/{p-BFRbl437.js → p-cnUvPtFj.js} +1 -1
- package/dist/components/{p-Dy5X-F_i.js → p-lmIrgmgo.js} +1 -1
- package/dist/components/{p-ChxhsA_J.js → p-nb3MHK7A.js} +1 -1
- package/dist/components/{p-nZe5s9iw.js → p-tQ4vjHQ1.js} +1 -1
- package/dist/components/{p-DDjtysF3.js → p-zkmKLYHg.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-CMh_eKUC.js → http-codes-DchfPj1v.js} +1 -1
- package/dist/esm/{index-st4TD55I.js → index-ClX9TYQY.js} +5 -5
- package/dist/esm/{index-DScKyiML.js → index-DfBhGuuz.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{product-comparison-BHzU1-QK.js → product-comparison-DJko3TwF.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 +46 -9
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +3 -3
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +28 -21
- 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-CkBHYZxq.js → translations-4zQUcigP.js} +1 -1
- package/dist/tet-components/{p-c1ee1558.entry.js → p-0690117e.entry.js} +1 -1
- package/dist/tet-components/{p-4e65a282.entry.js → p-10e789d9.entry.js} +1 -1
- package/dist/tet-components/{p-e624df8a.entry.js → p-139d4cad.entry.js} +1 -1
- package/dist/tet-components/{p-abb2da28.entry.js → p-1556076a.entry.js} +1 -1
- package/dist/tet-components/{p-7dba08b3.entry.js → p-15bddc3d.entry.js} +1 -1
- package/dist/tet-components/{p-42346043.entry.js → p-19343cc6.entry.js} +1 -1
- package/dist/tet-components/{p-47c15f9c.entry.js → p-1d997c7d.entry.js} +1 -1
- package/dist/tet-components/{p-c7f0f9f4.entry.js → p-1deb89e1.entry.js} +1 -1
- package/dist/tet-components/{p-52c129e9.entry.js → p-21a59a4f.entry.js} +1 -1
- package/dist/tet-components/{p-d1a9ded7.entry.js → p-24bdeb37.entry.js} +1 -1
- package/dist/tet-components/{p-3204266c.entry.js → p-26dd3cb0.entry.js} +1 -1
- package/dist/tet-components/{p-104a465c.entry.js → p-29948163.entry.js} +1 -1
- package/dist/tet-components/{p-79388d8a.entry.js → p-2bd1b7ec.entry.js} +1 -1
- package/dist/tet-components/{p-a28d27a1.entry.js → p-2e4e81a5.entry.js} +1 -1
- package/dist/tet-components/{p-8b5ee723.entry.js → p-2e7cb093.entry.js} +1 -1
- package/dist/tet-components/{p-b066e773.entry.js → p-306ff942.entry.js} +1 -1
- package/dist/tet-components/{p-cf0f0d6e.entry.js → p-3242f182.entry.js} +1 -1
- package/dist/tet-components/{p-9a491f9a.entry.js → p-394b9c6b.entry.js} +1 -1
- package/dist/tet-components/{p-c3862ffb.entry.js → p-39be547b.entry.js} +1 -1
- package/dist/tet-components/{p-4bd72575.entry.js → p-3ab52911.entry.js} +1 -1
- package/dist/tet-components/{p-9d704250.entry.js → p-3d8635c1.entry.js} +1 -1
- package/dist/tet-components/{p-1c627ac0.entry.js → p-43d1f956.entry.js} +1 -1
- package/dist/tet-components/{p-a86ca759.entry.js → p-47484c33.entry.js} +1 -1
- package/dist/tet-components/{p-6b27edab.entry.js → p-47b6721e.entry.js} +1 -1
- package/dist/tet-components/{p-b2798ef1.entry.js → p-499ff632.entry.js} +1 -1
- package/dist/tet-components/{p-50c5e01e.entry.js → p-4a22c9a8.entry.js} +1 -1
- package/dist/tet-components/{p-4051e024.entry.js → p-4aa2dbc8.entry.js} +1 -1
- package/dist/tet-components/{p-e2d09b10.entry.js → p-4f47079e.entry.js} +1 -1
- package/dist/tet-components/{p-1095d7d6.entry.js → p-517168f6.entry.js} +1 -1
- package/dist/tet-components/{p-016d6dd4.entry.js → p-53b4947e.entry.js} +1 -1
- package/dist/tet-components/{p-c9bc7e1c.entry.js → p-591a092a.entry.js} +1 -1
- package/dist/tet-components/{p-c7741572.entry.js → p-5a31f21d.entry.js} +1 -1
- package/dist/tet-components/{p-dac6ad5c.entry.js → p-5bd0a0c8.entry.js} +1 -1
- package/dist/tet-components/{p-854c146d.entry.js → p-616d3818.entry.js} +1 -1
- package/dist/tet-components/{p-631721d5.entry.js → p-7105253e.entry.js} +1 -1
- package/dist/tet-components/{p-b2d61826.entry.js → p-73aca8b1.entry.js} +1 -1
- package/dist/tet-components/p-7491ce95.entry.js +1 -0
- package/dist/tet-components/{p-537faa1c.entry.js → p-77ae360e.entry.js} +1 -1
- package/dist/tet-components/{p-1633a0b1.entry.js → p-79e4a166.entry.js} +1 -1
- package/dist/tet-components/{p-648fe9fe.entry.js → p-7fdd634a.entry.js} +1 -1
- package/dist/tet-components/{p-a631d8c5.entry.js → p-7ffa074d.entry.js} +1 -1
- package/dist/tet-components/{p-7366cfd6.entry.js → p-8436df88.entry.js} +1 -1
- package/dist/tet-components/{p-feccd822.entry.js → p-87d015b3.entry.js} +1 -1
- package/dist/tet-components/{p-76d6013c.entry.js → p-8a9d5ef1.entry.js} +1 -1
- package/dist/tet-components/{p-af0e9ee6.entry.js → p-8b3ea797.entry.js} +1 -1
- package/dist/tet-components/{p-e87a7b06.entry.js → p-8bdcb714.entry.js} +1 -1
- package/dist/tet-components/{p-87e315d4.entry.js → p-92ef3a39.entry.js} +1 -1
- package/dist/tet-components/{p-6f09c992.entry.js → p-98ae4292.entry.js} +1 -1
- package/dist/tet-components/{p-6a2ed4f0.entry.js → p-9ab737dd.entry.js} +1 -1
- package/dist/tet-components/{p-3AR12uVQ.js → p-B8Zjo2sa.js} +1 -1
- package/dist/tet-components/p-BGrvDoTj.js +1 -0
- package/dist/tet-components/{p-st4TD55I.js → p-ClX9TYQY.js} +1 -1
- package/dist/tet-components/{p-f4cfb3a5.entry.js → p-a0340287.entry.js} +1 -1
- package/dist/tet-components/{p-129762b3.entry.js → p-a2a4917a.entry.js} +1 -1
- package/dist/tet-components/{p-96e57ac6.entry.js → p-a410109c.entry.js} +1 -1
- package/dist/tet-components/{p-ba878c01.entry.js → p-b315a1c8.entry.js} +1 -1
- package/dist/tet-components/{p-3d981a11.entry.js → p-b4c45d6b.entry.js} +1 -1
- package/dist/tet-components/{p-54c98af8.entry.js → p-b5efc6d4.entry.js} +1 -1
- package/dist/tet-components/{p-ee844459.entry.js → p-b849774e.entry.js} +1 -1
- package/dist/tet-components/{p-6d7506fe.entry.js → p-b8c0433c.entry.js} +1 -1
- package/dist/tet-components/{p-a7f8ef9f.entry.js → p-baf6ba9e.entry.js} +1 -1
- package/dist/tet-components/{p-f2bd28a0.entry.js → p-bb325aa4.entry.js} +1 -1
- package/dist/tet-components/{p-ea5a63a1.entry.js → p-bd42d182.entry.js} +1 -1
- package/dist/tet-components/{p-891cff98.entry.js → p-c32edb32.entry.js} +1 -1
- package/dist/tet-components/p-c989a64d.entry.js +1 -0
- package/dist/tet-components/{p-b1037e46.entry.js → p-cb1c05ab.entry.js} +1 -1
- package/dist/tet-components/{p-9691d0a9.entry.js → p-cd267067.entry.js} +1 -1
- package/dist/tet-components/{p-76b13aec.entry.js → p-d2abe02d.entry.js} +1 -1
- package/dist/tet-components/{p-4b7c2be5.entry.js → p-d2db496b.entry.js} +1 -1
- package/dist/tet-components/{p-937c99dd.entry.js → p-d44bea09.entry.js} +1 -1
- package/dist/tet-components/{p-668c2484.entry.js → p-d88d8689.entry.js} +1 -1
- package/dist/tet-components/{p-7fc4c174.entry.js → p-d89ae495.entry.js} +1 -1
- package/dist/tet-components/{p-7a9e715e.entry.js → p-dca1a4c2.entry.js} +1 -1
- package/dist/tet-components/{p-86614def.entry.js → p-dfdf946f.entry.js} +1 -1
- package/dist/tet-components/{p-ca111c70.entry.js → p-e13f06c4.entry.js} +1 -1
- package/dist/tet-components/{p-11363389.entry.js → p-eb3a8119.entry.js} +1 -1
- package/dist/tet-components/{p-259dfc83.entry.js → p-eca2fc2f.entry.js} +1 -1
- package/dist/tet-components/{p-041f46b1.entry.js → p-f5315eaf.entry.js} +1 -1
- package/dist/tet-components/{p-f96c8acc.entry.js → p-f5a86256.entry.js} +1 -1
- package/dist/tet-components/{p-6fc08d81.entry.js → p-f79c8697.entry.js} +1 -1
- package/dist/tet-components/{p-d1f560a6.entry.js → p-f7e3a24b.entry.js} +1 -1
- package/dist/tet-components/p-fa381f41.entry.js +1 -0
- package/dist/tet-components/{p-CjkCTYSi.js → p-t-BNeeWq.js} +1 -1
- package/dist/tet-components/{p-2BDVUFcI.js → p-tf8lKgfD.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.d.ts +11 -1
- package/dist/types/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.d.ts +6 -3
- package/dist/types/components.d.ts +18 -5
- package/package.json +1 -1
- package/dist/tet-components/p-16c536a8.entry.js +0 -1
- package/dist/tet-components/p-371e754f.entry.js +0 -1
- package/dist/tet-components/p-9a5ddf08.entry.js +0 -1
- package/dist/tet-components/p-C8CA8-C8.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as t,d as r,h as e,c as n,t as a}from"./p-ChxhsA_J.js";import{d as i}from"./p-CP-a_UPI.js";import{d as l}from"./p-CfmV2Jgh.js";function s(o,t,r){const{top:e,left:n}=o.getBoundingClientRect(),{clientHeight:a,clientWidth:i}=o;return!(r<e||r>e+a||t<n||t>n+i)}const d=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.optionSelected=r(this,"optionSelected"),this.optionChecked=r(this,"optionChecked"),this.optionsChanged=r(this,"optionsChanged")}dropdownWrapperElement;dropdownOptionsElement;dropdownButtonElement;optionSelected;optionChecked;optionsChanged;label="";labelLogo="";labelLogoGrayscale="";labelRight="";labelRightColor="";labelSubText="";flexLayout=!1;buttonLabel="Select an option";allowMultiple=!1;closeOnSelection=!1;theme="light";options=[];disabled=!1;selectedOptionIndexes=[];isOpen=!1;isKeyboardFocus=!1;componentWillLoad(){this.preselectOption()}onOptionsChange(o,t){o.map((({label:o,labelRight:t,value:r})=>o+t+r)).join()!==t.map((({label:o,labelRight:t,value:r})=>o+t+r)).join()&&(this.selectedOptionIndexes=[],this.preselectOption())}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,t=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o]:[o],t&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:t}){this.isOpen&&!this.disabled&&(s(this.dropdownWrapperElement,o,t)||s(this.dropdownOptionsElement,o,t)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const t=o.relatedTarget;this.dropdownWrapperElement.contains(t)||this.dropdownOptionsElement.contains(t)||(this.isOpen=!1,this.isKeyboardFocus=!1)}preselectOption=()=>{const o=this.options.findIndex((o=>o.preselected));o>=0&&this.handleOptionSelect(o,!0)()};renderButton(){const{label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:a,currentButtonLabelRight:i,currentButtonLabelRightColor:l,isOpen:s,disabled:d}=this;return e("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:d}},o&&e("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),e("div",{class:"dropdown__button-wrapper"},e("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":s,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:d,tabIndex:0},!d&&t&&e("img",{src:t,alt:"",width:"42",height:"20",loading:"lazy"}),d&&r&&e("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),e("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},a),n&&e("span",{class:"dropdown__button__labelright",style:{color:l}},i),e("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:s?"tc-chevron-up":"tc-chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:t,options:r}=this;let n=r.map(t?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),e("div",{class:"dropdown__options-focus-wrapper"},e("div",{class:"dropdown__options-scroll-wrapper"},e("ul",{id:"dropdown-options",ref:o=>this.dropdownOptionsElement=o,class:"dropdown__options",role:"listbox",tabindex:"-1","aria-labelledby":"dropdown-button","aria-expanded":o,"aria-multiselectable":t},n)))}renderOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,a=n[0]===r,i=this.handleOptionSelect(r),l=this.handleOptionKeydown(i);return e("li",{key:t,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":a},role:"option",tabindex:"0","aria-selected":a,"data-value":t,onClick:i,onKeyDown:l},o,a&&e("tet-icon",{class:"dropdown__icon",name:"tc-check"}))}renderFlexOptionItem({label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,labelRightColor:a,labelSubText:i,value:l,disabled:s},d){const{selectedOptionIndexes:c}=this,f=c[0]===d,p=this.handleOptionSelect(d),u=this.handleOptionKeydown(p);return e("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":f},role:"option",tabindex:"0","aria-selected":f,"data-value":l,onClick:p,onKeyDown:u},e("div",{class:"dropdown__option__flex--label-container"},!s&&t&&e("img",{src:t,alt:"",width:"42",height:"20",loading:"lazy"}),s&&r&&e("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),o&&e("span",{class:"dropdown__button__label"},o),n&&e("span",{class:"dropdown__button__labelright",style:{color:a}},n)),e("div",{class:"dropdown__option__flex--subtext-container"},i&&e("span",null,i)))}renderMultipleOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,a=n.includes(r),i=this.handleMultipleOptionSelect(r,a),l=this.handleOptionKeydown(i);return e("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":a},role:"option",tabindex:"0","aria-checked":a,"data-value":t,onClick:i,onKeyDown:l},e("tet-checkbox",{checked:a,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return t=>{const{key:r,target:e}=t;switch(r){case" ":case"SpaceBar":case"Enter":t.preventDefault(),o();break;case"ArrowUp":t.preventDefault(),function(o){const t=o.previousElementSibling;t?.focus()}(e);break;case"ArrowDown":t.preventDefault(),function(o){const t=o.nextElementSibling;t?.focus()}(e);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!e.previousElementSibling&&t.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:t}=o;switch(t){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:t}=this.dropdownOptionsElement;if(0==t.length)return;requestAnimationFrame((()=>t[0].focus())),this.isKeyboardFocus=!1;break;case"Escape":this.isOpen=!1,this.isKeyboardFocus=!1;break;case"Tab":this.isKeyboardFocus=!1;break;case"Enter":case" ":case"SpaceBar":this.isKeyboardFocus=!this.isKeyboardFocus}}}handleOptionSelect(o,t=!1){return()=>{this.closeOnSelection&&!t&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,t=!1){return()=>{this.selectedOptionIndexes=t?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!t}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:t,options:r,selectedOptionIndexes:e}=this;return t||0===e.length?o:r[e[0]]?.label??o}get currentButtonLabelRight(){const{allowMultiple:o,labelRight:t,options:r,selectedOptionIndexes:e}=this;return o||0===e.length?t:r[e[0]]?.labelRight??t}get currentButtonLabelRightColor(){const{allowMultiple:o,labelRightColor:t,options:r,selectedOptionIndexes:e}=this;return o||0===e.length?t:r[e[0]]?.labelRightColor??t}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:t,isKeyboardFocus:r}=this;return e(n,{key:"2cefc198215200d1a380e31bed246d2c770beb3c"},e("div",{key:"12963a8da7e534e84db9633ae751c76e142bd0ce",class:{dropdown:!0,"dropdown--open":t,"focus-visible":r&&t,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:[{onOptionsChange:0}]}}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}'}},[513,"tet-dropdown",{label:[1],labelLogo:[1,"label-logo"],labelLogoGrayscale:[1,"label-logo-grayscale"],labelRight:[1,"label-right"],labelRightColor:[1,"label-right-color"],labelSubText:[1,"label-sub-text"],flexLayout:[4,"flex-layout"],buttonLabel:[1,"button-label"],allowMultiple:[4,"allow-multiple"],closeOnSelection:[4,"close-on-selection"],theme:[1],options:[16],disabled:[4],selectedOptionIndexes:[32],isOpen:[32],isKeyboardFocus:[32],getSelectedOptions:[64],selectOption:[64]},[[8,"click","handleWindowClick"],[8,"focusout","handleFocusOut"]],{options:[{onOptionsChange:0}]}]);function c(){"undefined"!=typeof customElements&&["tet-dropdown","tet-checkbox","tet-icon"].forEach((o=>{switch(o){case"tet-dropdown":customElements.get(a(o))||customElements.define(a(o),d);break;case"tet-checkbox":customElements.get(a(o))||i();break;case"tet-icon":customElements.get(a(o))||l()}}))}export{d as T,c as d}
|
|
1
|
+
import{p as o,H as t,d as r,h as e,c as n,t as a}from"./p-nb3MHK7A.js";import{d as i}from"./p-c36Z0_hK.js";import{d as l}from"./p-CFDvtl5l.js";function s(o,t,r){const{top:e,left:n}=o.getBoundingClientRect(),{clientHeight:a,clientWidth:i}=o;return!(r<e||r>e+a||t<n||t>n+i)}const d=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.optionSelected=r(this,"optionSelected"),this.optionChecked=r(this,"optionChecked"),this.optionsChanged=r(this,"optionsChanged")}dropdownWrapperElement;dropdownOptionsElement;dropdownButtonElement;optionSelected;optionChecked;optionsChanged;label="";labelLogo="";labelLogoGrayscale="";labelRight="";labelRightColor="";labelSubText="";flexLayout=!1;buttonLabel="Select an option";allowMultiple=!1;closeOnSelection=!1;theme="light";options=[];disabled=!1;selectedOptionIndexes=[];isOpen=!1;isKeyboardFocus=!1;componentWillLoad(){this.preselectOption()}onOptionsChange(o,t){o.map((({label:o,labelRight:t,value:r})=>o+t+r)).join()!==t.map((({label:o,labelRight:t,value:r})=>o+t+r)).join()&&(this.selectedOptionIndexes=[],this.preselectOption())}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,t=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o]:[o],t&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:t}){this.isOpen&&!this.disabled&&(s(this.dropdownWrapperElement,o,t)||s(this.dropdownOptionsElement,o,t)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const t=o.relatedTarget;this.dropdownWrapperElement.contains(t)||this.dropdownOptionsElement.contains(t)||(this.isOpen=!1,this.isKeyboardFocus=!1)}preselectOption=()=>{const o=this.options.findIndex((o=>o.preselected));o>=0&&this.handleOptionSelect(o,!0)()};renderButton(){const{label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:a,currentButtonLabelRight:i,currentButtonLabelRightColor:l,isOpen:s,disabled:d}=this;return e("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:d}},o&&e("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),e("div",{class:"dropdown__button-wrapper"},e("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":s,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:d,tabIndex:0},!d&&t&&e("img",{src:t,alt:"",width:"42",height:"20",loading:"lazy"}),d&&r&&e("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),e("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},a),n&&e("span",{class:"dropdown__button__labelright",style:{color:l}},i),e("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:s?"tc-chevron-up":"tc-chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:t,options:r}=this;let n=r.map(t?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),e("div",{class:"dropdown__options-focus-wrapper"},e("div",{class:"dropdown__options-scroll-wrapper"},e("ul",{id:"dropdown-options",ref:o=>this.dropdownOptionsElement=o,class:"dropdown__options",role:"listbox",tabindex:"-1","aria-labelledby":"dropdown-button","aria-expanded":o,"aria-multiselectable":t},n)))}renderOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,a=n[0]===r,i=this.handleOptionSelect(r),l=this.handleOptionKeydown(i);return e("li",{key:t,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":a},role:"option",tabindex:"0","aria-selected":a,"data-value":t,onClick:i,onKeyDown:l},o,a&&e("tet-icon",{class:"dropdown__icon",name:"tc-check"}))}renderFlexOptionItem({label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,labelRightColor:a,labelSubText:i,value:l,disabled:s},d){const{selectedOptionIndexes:c}=this,f=c[0]===d,p=this.handleOptionSelect(d),u=this.handleOptionKeydown(p);return e("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":f},role:"option",tabindex:"0","aria-selected":f,"data-value":l,onClick:p,onKeyDown:u},e("div",{class:"dropdown__option__flex--label-container"},!s&&t&&e("img",{src:t,alt:"",width:"42",height:"20",loading:"lazy"}),s&&r&&e("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),o&&e("span",{class:"dropdown__button__label"},o),n&&e("span",{class:"dropdown__button__labelright",style:{color:a}},n)),e("div",{class:"dropdown__option__flex--subtext-container"},i&&e("span",null,i)))}renderMultipleOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,a=n.includes(r),i=this.handleMultipleOptionSelect(r,a),l=this.handleOptionKeydown(i);return e("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":a},role:"option",tabindex:"0","aria-checked":a,"data-value":t,onClick:i,onKeyDown:l},e("tet-checkbox",{checked:a,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return t=>{const{key:r,target:e}=t;switch(r){case" ":case"SpaceBar":case"Enter":t.preventDefault(),o();break;case"ArrowUp":t.preventDefault(),function(o){const t=o.previousElementSibling;t?.focus()}(e);break;case"ArrowDown":t.preventDefault(),function(o){const t=o.nextElementSibling;t?.focus()}(e);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!e.previousElementSibling&&t.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:t}=o;switch(t){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:t}=this.dropdownOptionsElement;if(0==t.length)return;requestAnimationFrame((()=>t[0].focus())),this.isKeyboardFocus=!1;break;case"Escape":this.isOpen=!1,this.isKeyboardFocus=!1;break;case"Tab":this.isKeyboardFocus=!1;break;case"Enter":case" ":case"SpaceBar":this.isKeyboardFocus=!this.isKeyboardFocus}}}handleOptionSelect(o,t=!1){return()=>{this.closeOnSelection&&!t&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,t=!1){return()=>{this.selectedOptionIndexes=t?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!t}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:t,options:r,selectedOptionIndexes:e}=this;return t||0===e.length?o:r[e[0]]?.label??o}get currentButtonLabelRight(){const{allowMultiple:o,labelRight:t,options:r,selectedOptionIndexes:e}=this;return o||0===e.length?t:r[e[0]]?.labelRight??t}get currentButtonLabelRightColor(){const{allowMultiple:o,labelRightColor:t,options:r,selectedOptionIndexes:e}=this;return o||0===e.length?t:r[e[0]]?.labelRightColor??t}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:t,isKeyboardFocus:r}=this;return e(n,{key:"2cefc198215200d1a380e31bed246d2c770beb3c"},e("div",{key:"12963a8da7e534e84db9633ae751c76e142bd0ce",class:{dropdown:!0,"dropdown--open":t,"focus-visible":r&&t,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:[{onOptionsChange:0}]}}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}'}},[513,"tet-dropdown",{label:[1],labelLogo:[1,"label-logo"],labelLogoGrayscale:[1,"label-logo-grayscale"],labelRight:[1,"label-right"],labelRightColor:[1,"label-right-color"],labelSubText:[1,"label-sub-text"],flexLayout:[4,"flex-layout"],buttonLabel:[1,"button-label"],allowMultiple:[4,"allow-multiple"],closeOnSelection:[4,"close-on-selection"],theme:[1],options:[16],disabled:[4],selectedOptionIndexes:[32],isOpen:[32],isKeyboardFocus:[32],getSelectedOptions:[64],selectOption:[64]},[[8,"click","handleWindowClick"],[8,"focusout","handleFocusOut"]],{options:[{onOptionsChange:0}]}]);function c(){"undefined"!=typeof customElements&&["tet-dropdown","tet-checkbox","tet-icon"].forEach((o=>{switch(o){case"tet-dropdown":customElements.get(a(o))||customElements.define(a(o),d);break;case"tet-checkbox":customElements.get(a(o))||i();break;case"tet-icon":customElements.get(a(o))||l()}}))}export{d as T,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as e,d as t,h as i,c as a,t as n}from"./p-ChxhsA_J.js";import{t as r}from"./p-B8FP4SAH.js";import{d as l}from"./p-CfmV2Jgh.js";const s=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.closeDialog=t(this,"closeDialog"),this.openDialog=t(this,"openDialog")}get el(){return this}dialogContainer;headerTitle="";isOpen=!1;theme="classic";closeOnOverlayClick=!0;closeOnEscape=!0;preventDefaultClose=!1;footerDisplay="left";hideCloseButton=!1;showHeaderDivider=!1;hideHeader=!1;titleId=`dialog-title-${Math.floor(1e3*Math.random())}`;closeDialog;openDialog;onDialogOpenAction(o){o&&this.dialogContainer?.showModal(),o&&this.openDialog.emit({eventType:"open"})}handleKeyDown(o){"Escape"===o.key&&(o.preventDefault(),this.closeOnEscape&&this.onClose(o))}componentDidLoad(){if(this.isOpen){const o={eventType:"load"};this.dialogContainer?.showModal(),this.openDialog.emit(o)}}handleClickOverlay=o=>{o.target===o.currentTarget&&this.closeOnOverlayClick&&this.onClose(o)};onClose=o=>{o.stopPropagation(),this.preventDefaultClose||(this.close(),this.resetBodyScroll(),this.dialogContainer?.close(),this.closeDialog.emit(o))};resetBodyScroll=()=>{const o=this.el.shadowRoot?.querySelector(".dialog__body");o&&(o.scrollTop=0)};async open(){this.isOpen=!0}async close(){this.isOpen=!1,this.dialogContainer?.close()}renderHeader(){const{hideHeader:o,headerTitle:e,hideCloseButton:t,onClose:a,showHeaderDivider:n}=this;return o?null:i("div",{part:"header",class:{dialog__header:!0,"dialog__header--divider":n}},i("slot",{name:"header"},i("h2",{class:"dialog__title",id:this.titleId},e)),i("button",{class:{"dialog__close-button":!0,"dialog__close-button__hidden":t},onClick:a,"aria-label":r("components-availability-close")},i("tet-icon",{class:"dialog__close-icon",name:"tc-close","aria-hidden":"true",theme:["classic","light"].includes(this.theme)?"light":"dark"})))}render(){const{isOpen:o,theme:e,footerDisplay:t,handleClickOverlay:n}=this;return i(a,{key:"0fd20c2ed84b21360ec5e95b912cd598aab98997"},i("dialog",{key:"fae4902320927c40979b3b70c72ec81c761ecbec",ref:o=>this.dialogContainer=o},i("div",{key:"ac885cd97c757990b250066625c8037f3e1c6b77",part:"overlay",class:{dialog__overlay:!0,"dialog__overlay--visible":o,[`dialog--theme-${e}`]:!0},onClick:n},i("div",{key:"63106b280a31e4f9ffe2a6096cd39390a8e95730",part:"dialog",class:{dialog:!0,[`dialog--theme-${e}`]:!0},"aria-labelledby":this.hideHeader?null:this.titleId},this.renderHeader(),i("div",{key:"639f4afed18d69cd23895fcffd01cd0f75a89b03",part:"body",class:"dialog__body"},i("slot",{key:"a01bc48d7aa68f0dcb6b7907db0f7913aa4b5d0e"})),i("div",{key:"a8cd5023d82531e7da891cbbd2df197451287d7d",part:"footer",class:{dialog__footer:!0,[`dialog__footer--${t}`]:!0}},i("slot",{key:"88cdbe3569aadc50216c54da9536d8c228ba53d1",name:"footer"}))))))}static get watchers(){return{isOpen:[{onDialogOpenAction:0}]}}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--dialog-width:37.5rem;--dialog-max-height:100%;--dialog-overlay-padding:1rem;--dialog-align-items:flex-start;--dialog-text-color:var(--tc-text-primary);--dialog-background-color:var(--tc-modal-primary);--dialog-overlay-color:rgba(18, 19, 21, 0.40);--dialog-footer-border-color:var(--tc-border-quaternary);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--dialog-footer-slot-align-items:center;--dialog-footer-slot-flex-direction:row;display:block;font-family:var(--text-font)}dialog{border:unset}dialog::backdrop{background:unset}dialog .dialog{overflow:hidden;position:relative;display:flex;align-items:var(--dialog-align-items);flex-direction:column;width:var(--dialog-width);max-width:80rem;max-height:var(--dialog-max-height);border-radius:1rem;color:var(--dialog-text-color);background:var(--dialog-background-color);box-shadow:var(--tc-elevation-four)}dialog .dialog:focus-visible{outline:none}dialog .dialog--theme-dark{--dialog-text-color:var(--tc-text-primary-dark);--dialog-background-color:var(--tc-modal-primary-dark);--dialog-overlay-color:rgba(38, 41, 44, 0.40);--dialog-footer-border-color:var(--tc-border-quaternary-dark);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark)}dialog .dialog--theme-dark .dialog__close-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}dialog .dialog--theme-dark-secondary{--dialog-text-color:rgb(255, 255, 255);--dialog-background-color:rgb(35, 40, 46);--dialog-overlay-color:rgba(38, 41, 44, 0.40);--dialog-footer-border-color:rgb(67, 75, 86);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark)}dialog .dialog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:var(--dialog-overlay-padding);background:var(--dialog-overlay-color);opacity:0;visibility:hidden}dialog .dialog__overlay--visible{opacity:1;visibility:visible}dialog .dialog__overlay--with-transition{transition:visibility 0s linear 0.2s, opacity 0.2s ease-out}dialog .dialog__overlay--with-transition dialog .dialog__overlay--visible{transition:visibility 0s, opacity 0.2s ease-in}dialog .dialog__header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0.5rem;width:100%;padding:var(--dialog-header-padding, 0.5rem 1rem)}@media screen and (min-width: 48rem){dialog .dialog__header{padding:var(--dialog-header-padding, 1rem 1.5rem 0.5rem)}}@media screen and (min-width: 80rem){dialog .dialog__header{padding:var(--dialog-header-padding, 1rem 1.5rem 0.5rem 2.5rem)}}dialog .dialog__header--divider{border-bottom:0.0625rem solid rgb(192, 197, 206)}dialog .dialog__title{padding:0.375rem 0;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 48rem){dialog .dialog__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){dialog .dialog__title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}dialog .dialog__close-button{border:none;cursor:pointer;box-sizing:border-box;background-color:transparent;display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:flex-start;padding:0.375rem;border-radius:2rem}@media screen and (min-width: 48rem){dialog .dialog__close-button{width:2.5rem;height:2.5rem}}@media screen and (min-width: 80rem){dialog .dialog__close-button{width:2.75rem;height:2.75rem}}dialog .dialog__close-button:hover{background-color:var(--dialog-close-icon-background-hover-color)}dialog .dialog__close-button:active{background-color:var(--dialog-close-icon-background-pressed-color)}dialog .dialog__close-button__hidden{display:none}dialog .dialog__close-button:focus-visible{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}dialog .dialog__close-icon{--icon-size:1.5rem}dialog .dialog__body{overflow-y:auto;overflow-x:hidden;width:100%;flex:1;padding:var(--dialog-body-padding, 1.5rem 1rem)}@media screen and (min-width: 48rem){dialog .dialog__body{padding:var(--dialog-body-padding, 2rem 1.5rem)}}@media screen and (min-width: 80rem){dialog .dialog__body{padding:var(--dialog-body-padding, 2.5rem)}}dialog .dialog__body *{font-family:var(--font-family-content)}dialog .dialog__body h1,dialog .dialog__body h2,dialog .dialog__body h3,dialog .dialog__body h4,dialog .dialog__body h5,dialog .dialog__body h6{font-family:var(--font-family-headline)}dialog .dialog__footer{width:100%;border-top:0.0625rem solid var(--dialog-footer-border-color);padding:0.75rem 1rem}@media screen and (min-width: 48rem){dialog .dialog__footer{padding:1rem 1.5rem}}@media screen and (min-width: 80rem){dialog .dialog__footer{padding:1rem 2.5rem}}dialog .dialog__footer slot{gap:0.5rem;display:flex;align-items:var(--dialog-footer-slot-align-items);flex-direction:var(--dialog-footer-slot-flex-direction)}dialog .dialog__footer--hidden{display:none}dialog .dialog__footer--left slot{justify-content:flex-start}dialog .dialog__footer--right slot{justify-content:flex-end}dialog .dialog__footer--center slot{justify-content:center}dialog .dialog__footer--between slot{justify-content:space-between}@media screen and (min-width: 48rem){dialog .dialog{box-shadow:var(--tc-elevation-six)}}'}},[769,"tet-dialog",{headerTitle:[1,"header-title"],isOpen:[1540,"is-open"],theme:[1],closeOnOverlayClick:[4,"close-on-overlay-click"],closeOnEscape:[4,"close-on-escape"],preventDefaultClose:[4,"prevent-default-close"],footerDisplay:[1,"footer-display"],hideCloseButton:[4,"hide-close-button"],showHeaderDivider:[4,"show-header-divider"],hideHeader:[4,"hide-header"],titleId:[1,"title-id"],open:[64],close:[64]},[[8,"keydown","handleKeyDown"]],{isOpen:[{onDialogOpenAction:0}]}]);function d(){"undefined"!=typeof customElements&&["tet-dialog","tet-icon"].forEach((o=>{switch(o){case"tet-dialog":customElements.get(n(o))||customElements.define(n(o),s);break;case"tet-icon":customElements.get(n(o))||l()}}))}export{s as T,d}
|
|
1
|
+
import{p as o,H as e,d as t,h as i,c as a,t as n}from"./p-nb3MHK7A.js";import{t as r}from"./p-DePtMqzY.js";import{d as l}from"./p-CFDvtl5l.js";const s=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.closeDialog=t(this,"closeDialog"),this.openDialog=t(this,"openDialog")}get el(){return this}dialogContainer;headerTitle="";isOpen=!1;theme="classic";closeOnOverlayClick=!0;closeOnEscape=!0;preventDefaultClose=!1;footerDisplay="left";hideCloseButton=!1;showHeaderDivider=!1;hideHeader=!1;titleId=`dialog-title-${Math.floor(1e3*Math.random())}`;closeDialog;openDialog;onDialogOpenAction(o){o&&this.dialogContainer?.showModal(),o&&this.openDialog.emit({eventType:"open"})}handleKeyDown(o){"Escape"===o.key&&(o.preventDefault(),this.closeOnEscape&&this.onClose(o))}componentDidLoad(){if(this.isOpen){const o={eventType:"load"};this.dialogContainer?.showModal(),this.openDialog.emit(o)}}handleClickOverlay=o=>{o.target===o.currentTarget&&this.closeOnOverlayClick&&this.onClose(o)};onClose=o=>{o.stopPropagation(),this.preventDefaultClose||(this.close(),this.resetBodyScroll(),this.dialogContainer?.close(),this.closeDialog.emit(o))};resetBodyScroll=()=>{const o=this.el.shadowRoot?.querySelector(".dialog__body");o&&(o.scrollTop=0)};async open(){this.isOpen=!0}async close(){this.isOpen=!1,this.dialogContainer?.close()}renderHeader(){const{hideHeader:o,headerTitle:e,hideCloseButton:t,onClose:a,showHeaderDivider:n}=this;return o?null:i("div",{part:"header",class:{dialog__header:!0,"dialog__header--divider":n}},i("slot",{name:"header"},i("h2",{class:"dialog__title",id:this.titleId},e)),i("button",{class:{"dialog__close-button":!0,"dialog__close-button__hidden":t},onClick:a,"aria-label":r("components-availability-close")},i("tet-icon",{class:"dialog__close-icon",name:"tc-close","aria-hidden":"true",theme:["classic","light"].includes(this.theme)?"light":"dark"})))}render(){const{isOpen:o,theme:e,footerDisplay:t,handleClickOverlay:n}=this;return i(a,{key:"0fd20c2ed84b21360ec5e95b912cd598aab98997"},i("dialog",{key:"fae4902320927c40979b3b70c72ec81c761ecbec",ref:o=>this.dialogContainer=o},i("div",{key:"ac885cd97c757990b250066625c8037f3e1c6b77",part:"overlay",class:{dialog__overlay:!0,"dialog__overlay--visible":o,[`dialog--theme-${e}`]:!0},onClick:n},i("div",{key:"63106b280a31e4f9ffe2a6096cd39390a8e95730",part:"dialog",class:{dialog:!0,[`dialog--theme-${e}`]:!0},"aria-labelledby":this.hideHeader?null:this.titleId},this.renderHeader(),i("div",{key:"639f4afed18d69cd23895fcffd01cd0f75a89b03",part:"body",class:"dialog__body"},i("slot",{key:"a01bc48d7aa68f0dcb6b7907db0f7913aa4b5d0e"})),i("div",{key:"a8cd5023d82531e7da891cbbd2df197451287d7d",part:"footer",class:{dialog__footer:!0,[`dialog__footer--${t}`]:!0}},i("slot",{key:"88cdbe3569aadc50216c54da9536d8c228ba53d1",name:"footer"}))))))}static get watchers(){return{isOpen:[{onDialogOpenAction:0}]}}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--dialog-width:37.5rem;--dialog-max-height:100%;--dialog-overlay-padding:1rem;--dialog-align-items:flex-start;--dialog-text-color:var(--tc-text-primary);--dialog-background-color:var(--tc-modal-primary);--dialog-overlay-color:rgba(18, 19, 21, 0.40);--dialog-footer-border-color:var(--tc-border-quaternary);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--dialog-footer-slot-align-items:center;--dialog-footer-slot-flex-direction:row;display:block;font-family:var(--text-font)}dialog{border:unset}dialog::backdrop{background:unset}dialog .dialog{overflow:hidden;position:relative;display:flex;align-items:var(--dialog-align-items);flex-direction:column;width:var(--dialog-width);max-width:80rem;max-height:var(--dialog-max-height);border-radius:1rem;color:var(--dialog-text-color);background:var(--dialog-background-color);box-shadow:var(--tc-elevation-four)}dialog .dialog:focus-visible{outline:none}dialog .dialog--theme-dark{--dialog-text-color:var(--tc-text-primary-dark);--dialog-background-color:var(--tc-modal-primary-dark);--dialog-overlay-color:rgba(38, 41, 44, 0.40);--dialog-footer-border-color:var(--tc-border-quaternary-dark);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark)}dialog .dialog--theme-dark .dialog__close-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}dialog .dialog--theme-dark-secondary{--dialog-text-color:rgb(255, 255, 255);--dialog-background-color:rgb(35, 40, 46);--dialog-overlay-color:rgba(38, 41, 44, 0.40);--dialog-footer-border-color:rgb(67, 75, 86);--dialog-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--dialog-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark)}dialog .dialog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:var(--dialog-overlay-padding);background:var(--dialog-overlay-color);opacity:0;visibility:hidden}dialog .dialog__overlay--visible{opacity:1;visibility:visible}dialog .dialog__overlay--with-transition{transition:visibility 0s linear 0.2s, opacity 0.2s ease-out}dialog .dialog__overlay--with-transition dialog .dialog__overlay--visible{transition:visibility 0s, opacity 0.2s ease-in}dialog .dialog__header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0.5rem;width:100%;padding:var(--dialog-header-padding, 0.5rem 1rem)}@media screen and (min-width: 48rem){dialog .dialog__header{padding:var(--dialog-header-padding, 1rem 1.5rem 0.5rem)}}@media screen and (min-width: 80rem){dialog .dialog__header{padding:var(--dialog-header-padding, 1rem 1.5rem 0.5rem 2.5rem)}}dialog .dialog__header--divider{border-bottom:0.0625rem solid rgb(192, 197, 206)}dialog .dialog__title{padding:0.375rem 0;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 48rem){dialog .dialog__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){dialog .dialog__title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}dialog .dialog__close-button{border:none;cursor:pointer;box-sizing:border-box;background-color:transparent;display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:flex-start;padding:0.375rem;border-radius:2rem}@media screen and (min-width: 48rem){dialog .dialog__close-button{width:2.5rem;height:2.5rem}}@media screen and (min-width: 80rem){dialog .dialog__close-button{width:2.75rem;height:2.75rem}}dialog .dialog__close-button:hover{background-color:var(--dialog-close-icon-background-hover-color)}dialog .dialog__close-button:active{background-color:var(--dialog-close-icon-background-pressed-color)}dialog .dialog__close-button__hidden{display:none}dialog .dialog__close-button:focus-visible{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}dialog .dialog__close-icon{--icon-size:1.5rem}dialog .dialog__body{overflow-y:auto;overflow-x:hidden;width:100%;flex:1;padding:var(--dialog-body-padding, 1.5rem 1rem)}@media screen and (min-width: 48rem){dialog .dialog__body{padding:var(--dialog-body-padding, 2rem 1.5rem)}}@media screen and (min-width: 80rem){dialog .dialog__body{padding:var(--dialog-body-padding, 2.5rem)}}dialog .dialog__body *{font-family:var(--font-family-content)}dialog .dialog__body h1,dialog .dialog__body h2,dialog .dialog__body h3,dialog .dialog__body h4,dialog .dialog__body h5,dialog .dialog__body h6{font-family:var(--font-family-headline)}dialog .dialog__footer{width:100%;border-top:0.0625rem solid var(--dialog-footer-border-color);padding:0.75rem 1rem}@media screen and (min-width: 48rem){dialog .dialog__footer{padding:1rem 1.5rem}}@media screen and (min-width: 80rem){dialog .dialog__footer{padding:1rem 2.5rem}}dialog .dialog__footer slot{gap:0.5rem;display:flex;align-items:var(--dialog-footer-slot-align-items);flex-direction:var(--dialog-footer-slot-flex-direction)}dialog .dialog__footer--hidden{display:none}dialog .dialog__footer--left slot{justify-content:flex-start}dialog .dialog__footer--right slot{justify-content:flex-end}dialog .dialog__footer--center slot{justify-content:center}dialog .dialog__footer--between slot{justify-content:space-between}@media screen and (min-width: 48rem){dialog .dialog{box-shadow:var(--tc-elevation-six)}}'}},[769,"tet-dialog",{headerTitle:[1,"header-title"],isOpen:[1540,"is-open"],theme:[1],closeOnOverlayClick:[4,"close-on-overlay-click"],closeOnEscape:[4,"close-on-escape"],preventDefaultClose:[4,"prevent-default-close"],footerDisplay:[1,"footer-display"],hideCloseButton:[4,"hide-close-button"],showHeaderDivider:[4,"show-header-divider"],hideHeader:[4,"hide-header"],titleId:[1,"title-id"],open:[64],close:[64]},[[8,"keydown","handleKeyDown"]],{isOpen:[{onDialogOpenAction:0}]}]);function d(){"undefined"!=typeof customElements&&["tet-dialog","tet-icon"].forEach((o=>{switch(o){case"tet-dialog":customElements.get(n(o))||customElements.define(n(o),s);break;case"tet-icon":customElements.get(n(o))||l()}}))}export{s as T,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as i,d as o,h as e,c as s,t as n}from"./p-ChxhsA_J.js";import{g as r}from"./p-SfqlfxDQ.js";import{d as l}from"./p-CwSl5E57.js";import{d as a}from"./p-CfmV2Jgh.js";class c{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let e=i;return e<0?e=0:e>o&&(e=o),{scrollSpeed:t,scrollLeft:e,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:e}=this;let s=o+t.left;s<0&&(s=0),s>e&&(s=e),"smooth"===t.behavior?await this.animateScroll(-o,-s):this.scrollContainer.style.left=-s+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:s>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:e}=this,s=e+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-s,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:e}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-e,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>e?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),e=1e3/60,s=o/(this.animationSpeed/e);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const c=a,h=c-n;h<e||(n=c-h%e,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+s}px`,c-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:e}=this;(o<0&&i>0||o>e&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cardScroll=o(this,"cardScroll"),this.contentScrollEnd=o(this,"contentScrollEnd")}inertialScroll;get element(){return this}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;initializationTimeout;cardScroll;contentScrollEnd;controlVisibility={left:!0,right:!0};scrollThumbWidth=0;isSmallContainer=!1;theme="light";withControls=!0;controlScrollAmount=350;scrollFullWidth=!1;initialScrollAmount=0;disableScroll=!1;withScrollbar=!0;withOverflowOpacity=!1;overflowOpacityMinWidth="48rem";withMouseDrag=!1;withVirtualScroll=!1;withActiveElement=!1;activeElementClass="active";scrollAnimationSpeed=200;iconPrev="";iconNext="";onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let e=Array.from(this.element.children);this.withVirtualScroll&&(e=Array.from(this.element.querySelectorAll("[data-id]")));const s=e.find((i=>i.matches(t)));null!=s&&(await this.inertialScroll.scrollToElement(s,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new c({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=r(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),this.initializationTimeout=setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){clearTimeout(this.initializationTimeout),this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,e=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==e){const t=e.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),e=o.map((t=>t.getBoundingClientRect())),s=this.element.getBoundingClientRect(),n=s.width/2+s.left;let r=e.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===e.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=e.length-1),-1===r&&(t&&(r=e.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=e.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),e=this.getLastOriginal(),s=o.getBoundingClientRect(),n=e.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(s.width+this.elementGap)},!0),e.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(s.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=e.previousElementSibling,i=n.width+this.elementGap,s=parseInt(e.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",e),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[s]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[s])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,e=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==e){const o=e.getBoundingClientRect().right,s=t.left+i;await this.inertialScroll.scrollBy({left:-(s-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,e=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==e){const i=e.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,e=this.scrollContainerRef.getBoundingClientRect().left,s=i.left-e,n=i.right-e;let r=1;return s<0?r=Math.max(.3,(i.width+s)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<r(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return e(s,{key:"c21b13f6d9abdafe706d6b19f94d0e5cd740cf98"},e("div",{key:"9fc288dde1307afee61b123a3e5da81b4818252b",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},e("div",{key:"e4a2880dd1d1209073e49cafacb9a2cdf744aae3",class:"tet-card-list__scroll-container"},e("div",{key:"59ea2b3e2970c304193a71a68a4e59ce43bba27e",part:"card-list",ref:t=>this.scrollContainerRef=t},e("slot",{key:"5c71a220c0372b739da7ab5ba46c02d279dd2b4d"}))),e("tet-button",{key:"221d907f998325b8373f83850afbbbb8154f08fb",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},e("tet-icon",{key:"c7e4d144ddb9263a02bb1ac89547b21804752622",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"tc-chevron-left",class:"tet-card-list__control__icon"})),e("tet-button",{key:"3dfc50bb839cb41c38a1a2579c842f715dbac172",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},e("tet-icon",{key:"2e728eed2d17c481cc42ad794bbb44acc6faa4a1",name:this.iconNext&&""!==this.iconNext?this.iconNext:"tc-chevron-right",class:"tet-card-list__control__icon"})),e("div",{key:"1ee60591e20c58a8519c369ebca93acd1ebac2a1",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},e("div",{key:"7c5f055451f240436a350c249062f4b607ac264f",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:[{onWithMouseDragChange:0}],disableScroll:[{onDisableScrollChange:0}],withControls:[{onWithControlsChange:0}],withOverflowOpacity:[{onWithOverflowOpacityChange:0}],withVirtualScroll:[{onWithVirtualScrollChange:0}]}}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}'}},[769,"tet-card-list",{theme:[1],withControls:[4,"with-controls"],controlScrollAmount:[2,"control-scroll-amount"],scrollFullWidth:[4,"scroll-full-width"],initialScrollAmount:[2,"initial-scroll-amount"],disableScroll:[4,"disable-scroll"],withScrollbar:[4,"with-scrollbar"],withOverflowOpacity:[4,"with-overflow-opacity"],overflowOpacityMinWidth:[1,"overflow-opacity-min-width"],withMouseDrag:[4,"with-mouse-drag"],withVirtualScroll:[4,"with-virtual-scroll"],withActiveElement:[4,"with-active-element"],activeElementClass:[1,"active-element-class"],scrollAnimationSpeed:[2,"scroll-animation-speed"],iconPrev:[1,"icon-prev"],iconNext:[1,"icon-next"],controlVisibility:[32],scrollThumbWidth:[32],isSmallContainer:[32],scrollListTo:[64],scrollListBy:[64],scrollListToElementCenter:[64]},[[9,"resize","onResize"]],{withMouseDrag:[{onWithMouseDragChange:0}],disableScroll:[{onDisableScrollChange:0}],withControls:[{onWithControlsChange:0}],withOverflowOpacity:[{onWithOverflowOpacityChange:0}],withVirtualScroll:[{onWithVirtualScrollChange:0}]}]);function f(){"undefined"!=typeof customElements&&["tet-card-list","tet-button","tet-icon"].forEach((t=>{switch(t){case"tet-card-list":customElements.get(n(t))||customElements.define(n(t),h);break;case"tet-button":customElements.get(n(t))||l();break;case"tet-icon":customElements.get(n(t))||a()}}))}export{h as T,f as d}
|
|
1
|
+
import{p as t,H as i,d as o,h as e,c as s,t as n}from"./p-nb3MHK7A.js";import{g as l}from"./p-SfqlfxDQ.js";import{d as r}from"./p-BsNlQtYx.js";import{d as a}from"./p-CFDvtl5l.js";class c{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let e=i;return e<0?e=0:e>o&&(e=o),{scrollSpeed:t,scrollLeft:e,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:e}=this;let s=o+t.left;s<0&&(s=0),s>e&&(s=e),"smooth"===t.behavior?await this.animateScroll(-o,-s):this.scrollContainer.style.left=-s+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:s>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:e}=this,s=e+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),l=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:l-s,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:e}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-e,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>e?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),e=1e3/60,s=o/(this.animationSpeed/e);let n=window.performance.now();const l=n,r=new Promise((t=>{let i;const r=a=>{i=requestAnimationFrame(r);const c=a,h=c-n;h<e||(n=c-h%e,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+s}px`,c-l>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};r(n)}));await r}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:e}=this;(o<0&&i>0||o>e&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cardScroll=o(this,"cardScroll"),this.contentScrollEnd=o(this,"contentScrollEnd")}inertialScroll;get element(){return this}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;initializationTimeout;cardScroll;contentScrollEnd;controlVisibility={left:!0,right:!0};scrollThumbWidth=0;isSmallContainer=!1;theme="light";withControls=!0;controlScrollAmount=350;scrollFullWidth=!1;initialScrollAmount=0;disableScroll=!1;withScrollbar=!0;withOverflowOpacity=!1;overflowOpacityMinWidth="48rem";withMouseDrag=!1;withVirtualScroll=!1;withActiveElement=!1;activeElementClass="active";scrollAnimationSpeed=200;iconPrev="";iconNext="";onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let e=Array.from(this.element.children);this.withVirtualScroll&&(e=Array.from(this.element.querySelectorAll("[data-id]")));const s=e.find((i=>i.matches(t)));null!=s&&(await this.inertialScroll.scrollToElement(s,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new c({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=l(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),this.initializationTimeout=setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){clearTimeout(this.initializationTimeout),this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,e=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==e){const t=e.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),e=o.map((t=>t.getBoundingClientRect())),s=this.element.getBoundingClientRect(),n=s.width/2+s.left;let l=e.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===l&&i&&0===this.scrollDetails.scrollLeft&&(l=0),l===e.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(l=e.length-1),-1===l&&(t&&(l=e.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(l=e.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const r=o[l];this.withVirtualScroll&&r?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===r.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==r&&r.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),e=this.getLastOriginal(),s=o.getBoundingClientRect(),n=e.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(s.width+this.elementGap)},!0),e.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(s.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=e.previousElementSibling,i=n.width+this.elementGap,s=parseInt(e.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",e),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[s]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[s])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,e=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==e){const o=e.getBoundingClientRect().right,s=t.left+i;await this.inertialScroll.scrollBy({left:-(s-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,e=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==e){const i=e.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,e=this.scrollContainerRef.getBoundingClientRect().left,s=i.left-e,n=i.right-e;let l=1;return s<0?l=Math.max(.3,(i.width+s)/i.width):n<o+i.width&&(l=Math.max(.3,1-(n-o)/i.width)),Math.round(100*l)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<l(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return e(s,{key:"c21b13f6d9abdafe706d6b19f94d0e5cd740cf98"},e("div",{key:"9fc288dde1307afee61b123a3e5da81b4818252b",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},e("div",{key:"e4a2880dd1d1209073e49cafacb9a2cdf744aae3",class:"tet-card-list__scroll-container"},e("div",{key:"59ea2b3e2970c304193a71a68a4e59ce43bba27e",part:"card-list",ref:t=>this.scrollContainerRef=t},e("slot",{key:"5c71a220c0372b739da7ab5ba46c02d279dd2b4d"}))),e("tet-button",{key:"221d907f998325b8373f83850afbbbb8154f08fb",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},e("tet-icon",{key:"c7e4d144ddb9263a02bb1ac89547b21804752622",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"tc-chevron-left",class:"tet-card-list__control__icon"})),e("tet-button",{key:"3dfc50bb839cb41c38a1a2579c842f715dbac172",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},e("tet-icon",{key:"2e728eed2d17c481cc42ad794bbb44acc6faa4a1",name:this.iconNext&&""!==this.iconNext?this.iconNext:"tc-chevron-right",class:"tet-card-list__control__icon"})),e("div",{key:"1ee60591e20c58a8519c369ebca93acd1ebac2a1",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},e("div",{key:"7c5f055451f240436a350c249062f4b607ac264f",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:[{onWithMouseDragChange:0}],disableScroll:[{onDisableScrollChange:0}],withControls:[{onWithControlsChange:0}],withOverflowOpacity:[{onWithOverflowOpacityChange:0}],withVirtualScroll:[{onWithVirtualScrollChange:0}]}}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}'}},[769,"tet-card-list",{theme:[1],withControls:[4,"with-controls"],controlScrollAmount:[2,"control-scroll-amount"],scrollFullWidth:[4,"scroll-full-width"],initialScrollAmount:[2,"initial-scroll-amount"],disableScroll:[4,"disable-scroll"],withScrollbar:[4,"with-scrollbar"],withOverflowOpacity:[4,"with-overflow-opacity"],overflowOpacityMinWidth:[1,"overflow-opacity-min-width"],withMouseDrag:[4,"with-mouse-drag"],withVirtualScroll:[4,"with-virtual-scroll"],withActiveElement:[4,"with-active-element"],activeElementClass:[1,"active-element-class"],scrollAnimationSpeed:[2,"scroll-animation-speed"],iconPrev:[1,"icon-prev"],iconNext:[1,"icon-next"],controlVisibility:[32],scrollThumbWidth:[32],isSmallContainer:[32],scrollListTo:[64],scrollListBy:[64],scrollListToElementCenter:[64]},[[9,"resize","onResize"]],{withMouseDrag:[{onWithMouseDragChange:0}],disableScroll:[{onDisableScrollChange:0}],withControls:[{onWithControlsChange:0}],withOverflowOpacity:[{onWithOverflowOpacityChange:0}],withVirtualScroll:[{onWithVirtualScrollChange:0}]}]);function f(){"undefined"!=typeof customElements&&["tet-card-list","tet-button","tet-icon"].forEach((t=>{switch(t){case"tet-card-list":customElements.get(n(t))||customElements.define(n(t),h);break;case"tet-button":customElements.get(n(t))||r();break;case"tet-icon":customElements.get(n(t))||a()}}))}export{h as T,f as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,t,H as e,d as r,h as n,c as a}from"./p-ChxhsA_J.js";import{d as i}from"./p-CfmV2Jgh.js";const s=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.openChanged=r(this,"openChanged")}get element(){return this}contentElement;contentWrapperElement;animationCallback;isOpen=!1;theme="light";header="";headerIconName;headerImageSrc="";headerImageAlt="";indicatorDirection="down";withBorder=!1;withAutoScroll=!1;breakpoint="tablet";headingTag="span";transparentBackground=!1;isHeaderInteractive=!0;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3*parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()||this.header;switch(this.headingTag){case"h1":return n("h1",{class:"tet-accordion__header-text"},t);case"h2":return n("h2",{class:"tet-accordion__header-text"},t);case"h3":return n("h3",{class:"tet-accordion__header-text"},t);case"h4":return n("h4",{class:"tet-accordion__header-text"},t);case"h5":return n("h5",{class:"tet-accordion__header-text"},t);case"h6":return n("h6",{class:"tet-accordion__header-text"},t);default:return n("span",{class:"tet-accordion__header-text"},t)}}render(){return n(a,{key:"4914c3264439671b0846afd9d264415eeea6c0a7"},n("div",{key:"a77134f7910b7e8a8ff836df236232381d8d1c76",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},n("div",{key:"a673bc9f1b27abaee3b855e40605e235b256f5c6",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},n("slot",{key:"7e893f3eb65ddfaf61679dd67c96c96cae71e6a6",name:"header"},this.headerIconName&&n("tet-icon",{key:"e4b8602f68b2abafda12218542a7d9f60ba83189",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&n("img",{key:"aacfb7848b380bfe007f162cdb22379ee502a9d2",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image",loading:"lazy"}),this.renderHeading(),this.isHeaderInteractive&&n("tet-icon",{key:"b757203cc455e92d15f3d671e1161bf990840df3",name:`tc-chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),n("div",{key:"fe48cc57ed14df9db116ede51e372f0a78ea55de",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},n("div",{key:"29ecd6eda2929131d51874ac10298c2e0144afd3",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},n("slot",{key:"84f80b8b82530b27508e6d5cc5e52cdee0a552b1"})))))}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}'}},[769,"tet-accordion",{isOpen:[1540,"is-open"],theme:[1],header:[1],headerIconName:[1,"header-icon-name"],headerImageSrc:[1,"header-image-src"],headerImageAlt:[1,"header-image-alt"],indicatorDirection:[1,"indicator-direction"],withBorder:[4,"with-border"],withAutoScroll:[4,"with-auto-scroll"],breakpoint:[1],headingTag:[1,"heading-tag"],transparentBackground:[4,"transparent-background"],isHeaderInteractive:[4,"is-header-interactive"],open:[64],close:[64],toggle:[64],getState:[64],setState:[64]}]);function c(){"undefined"!=typeof customElements&&["tet-accordion","tet-icon"].forEach((o=>{switch(o){case"tet-accordion":customElements.get(t(o))||customElements.define(t(o),s);break;case"tet-icon":customElements.get(t(o))||i()}}))}export{s as T,c as d}
|
|
1
|
+
import{p as o,t,H as e,d as r,h as n,c as a}from"./p-nb3MHK7A.js";import{d as i}from"./p-CFDvtl5l.js";const c=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.openChanged=r(this,"openChanged")}get element(){return this}contentElement;contentWrapperElement;animationCallback;isOpen=!1;theme="light";header="";headerIconName;headerImageSrc="";headerImageAlt="";indicatorDirection="down";withBorder=!1;withAutoScroll=!1;breakpoint="tablet";headingTag="span";transparentBackground=!1;isHeaderInteractive=!0;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3*parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()||this.header;switch(this.headingTag){case"h1":return n("h1",{class:"tet-accordion__header-text"},t);case"h2":return n("h2",{class:"tet-accordion__header-text"},t);case"h3":return n("h3",{class:"tet-accordion__header-text"},t);case"h4":return n("h4",{class:"tet-accordion__header-text"},t);case"h5":return n("h5",{class:"tet-accordion__header-text"},t);case"h6":return n("h6",{class:"tet-accordion__header-text"},t);default:return n("span",{class:"tet-accordion__header-text"},t)}}render(){return n(a,{key:"4914c3264439671b0846afd9d264415eeea6c0a7"},n("div",{key:"a77134f7910b7e8a8ff836df236232381d8d1c76",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},n("div",{key:"a673bc9f1b27abaee3b855e40605e235b256f5c6",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},n("slot",{key:"7e893f3eb65ddfaf61679dd67c96c96cae71e6a6",name:"header"},this.headerIconName&&n("tet-icon",{key:"e4b8602f68b2abafda12218542a7d9f60ba83189",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&n("img",{key:"aacfb7848b380bfe007f162cdb22379ee502a9d2",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image",loading:"lazy"}),this.renderHeading(),this.isHeaderInteractive&&n("tet-icon",{key:"b757203cc455e92d15f3d671e1161bf990840df3",name:`tc-chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),n("div",{key:"fe48cc57ed14df9db116ede51e372f0a78ea55de",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},n("div",{key:"29ecd6eda2929131d51874ac10298c2e0144afd3",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},n("slot",{key:"84f80b8b82530b27508e6d5cc5e52cdee0a552b1"})))))}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}'}},[769,"tet-accordion",{isOpen:[1540,"is-open"],theme:[1],header:[1],headerIconName:[1,"header-icon-name"],headerImageSrc:[1,"header-image-src"],headerImageAlt:[1,"header-image-alt"],indicatorDirection:[1,"indicator-direction"],withBorder:[4,"with-border"],withAutoScroll:[4,"with-auto-scroll"],breakpoint:[1],headingTag:[1,"heading-tag"],transparentBackground:[4,"transparent-background"],isHeaderInteractive:[4,"is-header-interactive"],open:[64],close:[64],toggle:[64],getState:[64],setState:[64]}]);function s(){"undefined"!=typeof customElements&&["tet-accordion","tet-icon"].forEach((o=>{switch(o){case"tet-accordion":customElements.get(t(o))||customElements.define(t(o),c);break;case"tet-icon":customElements.get(t(o))||i()}}))}export{c as T,s as d}
|