@tet/tet-components 1.4.141-testing → 1.4.142-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{http-codes-C-IXSZGG.js → http-codes-D7ffzpYW.js} +1 -1
- package/dist/cjs/{index-DKg1QTRW.js → index-BL_zVDFC.js} +337 -1
- package/dist/cjs/{index-Bo0hF6YQ.js → index-Dzs7Nkbj.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{product-comparison-f-u42TDe.js → product-comparison-DUzqZuWv.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_5.cjs.entry.js +4 -4
- package/dist/cjs/tet-assembler.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +22 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio_2.cjs.entry.js +8 -8
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-sticky-offer.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/{translations-f2lO6WcB.js → translations-Uvcq4kv8.js} +1 -1
- package/dist/collection/components/basic/buttons/tet-radio/tet-radio.js +7 -7
- package/dist/components/index.js +1 -1
- package/dist/components/{p-DgcBdohb.js → p-2to7kTJv.js} +1 -1
- package/dist/components/{p-c36Z0_hK.js → p-B0w6XutH.js} +1 -1
- package/dist/components/{p-DHOPNeBR.js → p-B5shOn6R.js} +1 -1
- package/dist/components/{p-CT-Ge0pF.js → p-B6N7YxHC.js} +1 -1
- package/dist/components/{p-DePtMqzY.js → p-B9bE6qY-.js} +1 -1
- package/dist/components/{p-CKvGKHDE.js → p-BEdFA6DZ.js} +1 -1
- package/dist/components/{p-B4MTqXan.js → p-BErbUM3q.js} +1 -1
- package/dist/components/{p-CMbAQKoe.js → p-BGrd_jXc.js} +1 -1
- package/dist/components/{p-DEbU6YKQ.js → p-BSgeKEN8.js} +1 -1
- package/dist/components/{p-BBMx2Nbt.js → p-BY4VWk_A.js} +1 -1
- package/dist/components/p-BnUO3ALz.js +1 -0
- package/dist/components/{p-KBNSpMwX.js → p-Br4jWI9B.js} +1 -1
- package/dist/components/{p-DeFz-G5N.js → p-ByCLz3GA.js} +1 -1
- package/dist/components/{p-B8ElCfnM.js → p-C31HYpo5.js} +1 -1
- package/dist/components/{p-CIMNJ4X2.js → p-CFt58WeT.js} +1 -1
- package/dist/components/{p-B_RQCK28.js → p-CLtgu35N.js} +1 -1
- package/dist/components/{p-9ItXFJZ6.js → p-CNsxz-TF.js} +1 -1
- package/dist/components/{p-BgpTlgXX.js → p-CP4Q_3_h.js} +1 -1
- package/dist/components/{p-ClWTLrk_.js → p-CQ-_aIdN.js} +1 -1
- package/dist/components/{p-CjOuXGOS.js → p-CVyQHN69.js} +1 -1
- package/dist/components/{p-lmIrgmgo.js → p-CY5_Sn7v.js} +1 -1
- package/dist/components/{p-Bq1skzzY.js → p-CbuDhMUw.js} +1 -1
- package/dist/components/{p-cnUvPtFj.js → p-CcnTBalD.js} +1 -1
- package/dist/components/p-Cdi7KDBd.js +1 -0
- package/dist/components/{p-CIPUn8d2.js → p-Cek9urn4.js} +1 -1
- package/dist/components/{p-D9qys4GX.js → p-CpCN--VD.js} +1 -1
- package/dist/components/{p-BsNlQtYx.js → p-Cql4nxEu.js} +1 -1
- package/dist/components/{p-Bdt0k-v8.js → p-CzkbN2A4.js} +1 -1
- package/dist/components/{p-CFDvtl5l.js → p-DBn7uzX0.js} +1 -1
- package/dist/components/{p-BLY0RO0L.js → p-DEfWYlih.js} +1 -1
- package/dist/components/{p-ChbxhvnA.js → p-DFvEQaqr.js} +1 -1
- package/dist/components/{p-tQ4vjHQ1.js → p-DMlV_4q1.js} +1 -1
- package/dist/components/{p-BOavyx-7.js → p-DQoNkrhH.js} +1 -1
- package/dist/components/{p-CQfy7CVi.js → p-DeyD67la.js} +1 -1
- package/dist/components/{p-DcqGjbQO.js → p-DkX91KH7.js} +1 -1
- package/dist/components/{p-Cwu8jtXG.js → p-Dkfa3jIg.js} +1 -1
- package/dist/components/{p-DH1iZWF5.js → p-DnHbFZeP.js} +1 -1
- package/dist/components/{p-Do_1srPW.js → p-DqUryTE4.js} +1 -1
- package/dist/components/{p-B2Xg3DH0.js → p-DsTbwBba.js} +1 -1
- package/dist/components/{p-Dvk7syez.js → p-DtSYb0rr.js} +1 -1
- package/dist/components/{p-BZ0uDmYr.js → p-JZAHJ9gF.js} +1 -1
- package/dist/components/{p-zkmKLYHg.js → p-KagFBuv9.js} +1 -1
- package/dist/components/{p-Clw2OLNj.js → p-L-hJhf1X.js} +1 -1
- package/dist/components/{p-BZ9cVPPC.js → p-NAR5FXDl.js} +1 -1
- package/dist/components/{p-BWmFtcLN.js → p-PYYBcx0f.js} +1 -1
- package/dist/components/{p-P_J147mb.js → p-SrRg0ryN.js} +1 -1
- package/dist/components/{p-Be5i4YJ4.js → p-duyqedmS.js} +1 -1
- package/dist/components/{p-Cfy46lS6.js → p-ifvlH4_q.js} +1 -1
- package/dist/components/{p-1M2reaCU.js → p-iksDLWwk.js} +1 -1
- package/dist/components/{p-DRJ0zjoF.js → p-lEX8wezw.js} +1 -1
- package/dist/components/{p-Dzb-TXLO.js → p-qGcwFuUf.js} +1 -1
- package/dist/components/{p-DQaNW2BX.js → p-v-CAD7qh.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +1 -1
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-assembler.js +1 -1
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +1 -1
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +1 -1
- package/dist/components/tet-banner-nav.js +1 -1
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +1 -1
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +1 -1
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +1 -1
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +1 -1
- package/dist/components/tet-cloud-configurator.js +1 -1
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +1 -1
- package/dist/components/tet-compare-card-v3.js +1 -1
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +1 -1
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +1 -1
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +1 -1
- package/dist/components/tet-divider.js +1 -1
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +1 -1
- package/dist/components/tet-expandable-input.js +1 -1
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +1 -1
- package/dist/components/tet-filter.js +1 -1
- package/dist/components/tet-floating-block.js +1 -1
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +1 -1
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-menu-mobile.js +1 -1
- package/dist/components/tet-menu.js +1 -1
- package/dist/components/tet-mini-compare-card.js +1 -1
- package/dist/components/tet-multi-step-dialog.js +1 -1
- package/dist/components/tet-navigation-mobile.js +1 -1
- package/dist/components/tet-news-card-list.js +1 -1
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +1 -1
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-round-stepper.js +1 -1
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +1 -1
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-sticky-offer.js +1 -1
- package/dist/components/tet-support-search.js +1 -1
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +1 -1
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +1 -1
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v3.js +1 -1
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/esm/{http-codes-DchfPj1v.js → http-codes-BQGPgOl6.js} +1 -1
- package/dist/esm/{index-ClX9TYQY.js → index-BGB6gNkz.js} +337 -2
- package/dist/esm/{index-DfBhGuuz.js → index-DScZlZas.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{product-comparison-DJko3TwF.js → product-comparison-DUVV7BFR.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_5.entry.js +4 -4
- package/dist/esm/tet-assembler.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete_2.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +23 -2
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio_2.entry.js +8 -8
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-sticky-offer.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/{translations-4zQUcigP.js → translations-Dc2OQnbI.js} +1 -1
- package/dist/tet-components/{p-2e7cb093.entry.js → p-01336e7a.entry.js} +1 -1
- package/dist/tet-components/{p-b8c0433c.entry.js → p-06d237de.entry.js} +1 -1
- package/dist/tet-components/{p-dfdf946f.entry.js → p-085ec974.entry.js} +1 -1
- package/dist/tet-components/{p-7105253e.entry.js → p-19525e17.entry.js} +1 -1
- package/dist/tet-components/{p-21a59a4f.entry.js → p-1be85243.entry.js} +1 -1
- package/dist/tet-components/{p-f5315eaf.entry.js → p-1be8a5bc.entry.js} +1 -1
- package/dist/tet-components/{p-cb1c05ab.entry.js → p-20f6ad3e.entry.js} +1 -1
- package/dist/tet-components/{p-1d997c7d.entry.js → p-24058988.entry.js} +1 -1
- package/dist/tet-components/{p-7fdd634a.entry.js → p-27f233a6.entry.js} +1 -1
- package/dist/tet-components/{p-26dd3cb0.entry.js → p-2cfcf7df.entry.js} +1 -1
- package/dist/tet-components/{p-dca1a4c2.entry.js → p-304026be.entry.js} +1 -1
- package/dist/tet-components/{p-8436df88.entry.js → p-3473e773.entry.js} +1 -1
- package/dist/tet-components/{p-4aa2dbc8.entry.js → p-35e3a3ec.entry.js} +1 -1
- package/dist/tet-components/{p-4f47079e.entry.js → p-3698d8ff.entry.js} +1 -1
- package/dist/tet-components/{p-73aca8b1.entry.js → p-37c83d33.entry.js} +1 -1
- package/dist/tet-components/{p-79e4a166.entry.js → p-3996e0b7.entry.js} +1 -1
- package/dist/tet-components/{p-92ef3a39.entry.js → p-3af65955.entry.js} +1 -1
- package/dist/tet-components/{p-c989a64d.entry.js → p-3bf29f89.entry.js} +1 -1
- package/dist/tet-components/{p-591a092a.entry.js → p-3ce7cda9.entry.js} +1 -1
- package/dist/tet-components/{p-bd42d182.entry.js → p-3d845492.entry.js} +1 -1
- package/dist/tet-components/{p-8c39d824.entry.js → p-3f533c77.entry.js} +1 -1
- package/dist/tet-components/{p-d2abe02d.entry.js → p-4215dec8.entry.js} +1 -1
- package/dist/tet-components/{p-b4c45d6b.entry.js → p-499bf719.entry.js} +1 -1
- package/dist/tet-components/{p-29948163.entry.js → p-4e018c17.entry.js} +1 -1
- package/dist/tet-components/{p-755491fc.entry.js → p-56f99297.entry.js} +1 -1
- package/dist/tet-components/{p-a2a4917a.entry.js → p-588a8b4c.entry.js} +1 -1
- package/dist/tet-components/{p-1deb89e1.entry.js → p-597ccbc1.entry.js} +1 -1
- package/dist/tet-components/{p-3d8635c1.entry.js → p-5bac849e.entry.js} +1 -1
- package/dist/tet-components/{p-8b3ea797.entry.js → p-5e458bfa.entry.js} +1 -1
- package/dist/tet-components/{p-139d4cad.entry.js → p-632d382c.entry.js} +1 -1
- package/dist/tet-components/{p-43d1f956.entry.js → p-67bb4d53.entry.js} +1 -1
- package/dist/tet-components/{p-39be547b.entry.js → p-6946ba58.entry.js} +1 -1
- package/dist/tet-components/{p-d44bea09.entry.js → p-6c28d6ac.entry.js} +1 -1
- package/dist/tet-components/{p-306ff942.entry.js → p-6eb089d0.entry.js} +1 -1
- package/dist/tet-components/{p-53b4947e.entry.js → p-71fa80d7.entry.js} +1 -1
- package/dist/tet-components/{p-2e4e81a5.entry.js → p-7ac2babd.entry.js} +1 -1
- package/dist/tet-components/{p-a410109c.entry.js → p-7bccaeee.entry.js} +1 -1
- package/dist/tet-components/{p-bb325aa4.entry.js → p-7e2fa50e.entry.js} +1 -1
- package/dist/tet-components/p-830d6a1b.entry.js +1 -0
- package/dist/tet-components/{p-77fb52c5.entry.js → p-83be5dad.entry.js} +1 -1
- package/dist/tet-components/{p-47484c33.entry.js → p-8ab2df2d.entry.js} +1 -1
- package/dist/tet-components/{p-8bdcb714.entry.js → p-8eed24d3.entry.js} +1 -1
- package/dist/tet-components/{p-2bd1b7ec.entry.js → p-915b2507.entry.js} +1 -1
- package/dist/tet-components/{p-d88d8689.entry.js → p-9183aa09.entry.js} +1 -1
- package/dist/tet-components/{p-24bdeb37.entry.js → p-96438761.entry.js} +1 -1
- package/dist/tet-components/{p-4a22c9a8.entry.js → p-973193d0.entry.js} +1 -1
- package/dist/tet-components/{p-15bddc3d.entry.js → p-9761bc72.entry.js} +1 -1
- package/dist/tet-components/{p-d2db496b.entry.js → p-97ce6978.entry.js} +1 -1
- package/dist/tet-components/{p-616d3818.entry.js → p-9ae4f442.entry.js} +1 -1
- package/dist/tet-components/{p-1556076a.entry.js → p-9d7fbd42.entry.js} +1 -1
- package/dist/tet-components/p-BGB6gNkz.js +3 -0
- package/dist/tet-components/p-BzLFf73g.js +1 -0
- package/dist/tet-components/p-C1XJmhDH.js +1 -0
- package/dist/tet-components/{p-B8Zjo2sa.js → p-DX1IQAn5.js} +1 -1
- package/dist/tet-components/{p-tf8lKgfD.js → p-DbJll7nz.js} +1 -1
- package/dist/tet-components/{p-47b6721e.entry.js → p-a2aedef8.entry.js} +1 -1
- package/dist/tet-components/{p-f5a86256.entry.js → p-a74562c2.entry.js} +1 -1
- package/dist/tet-components/{p-19343cc6.entry.js → p-aae1bc5a.entry.js} +1 -1
- package/dist/tet-components/{p-3242f182.entry.js → p-b4f3985e.entry.js} +1 -1
- package/dist/tet-components/{p-3ab52911.entry.js → p-b5e665c7.entry.js} +1 -1
- package/dist/tet-components/{p-a0340287.entry.js → p-b7263345.entry.js} +1 -1
- package/dist/tet-components/{p-7ffa074d.entry.js → p-b86022d7.entry.js} +1 -1
- package/dist/tet-components/{p-77ae360e.entry.js → p-be2a472c.entry.js} +1 -1
- package/dist/tet-components/{p-b849774e.entry.js → p-c0c302fe.entry.js} +1 -1
- package/dist/tet-components/{p-517168f6.entry.js → p-c27be82c.entry.js} +1 -1
- package/dist/tet-components/{p-5bd0a0c8.entry.js → p-c37ccaaa.entry.js} +1 -1
- package/dist/tet-components/{p-9ab737dd.entry.js → p-c44052cb.entry.js} +1 -1
- package/dist/tet-components/{p-fa381f41.entry.js → p-c541b10f.entry.js} +1 -1
- package/dist/tet-components/{p-98ae4292.entry.js → p-c9e434c1.entry.js} +1 -1
- package/dist/tet-components/{p-394b9c6b.entry.js → p-c9f14568.entry.js} +1 -1
- package/dist/tet-components/{p-10e789d9.entry.js → p-cd7efc99.entry.js} +1 -1
- package/dist/tet-components/{p-87d015b3.entry.js → p-cdb8c877.entry.js} +1 -1
- package/dist/tet-components/{p-f79c8697.entry.js → p-cfdad238.entry.js} +1 -1
- package/dist/tet-components/{p-e13f06c4.entry.js → p-d2bb410e.entry.js} +1 -1
- package/dist/tet-components/{p-baf6ba9e.entry.js → p-d8b4261d.entry.js} +1 -1
- package/dist/tet-components/{p-c32edb32.entry.js → p-df68eb4e.entry.js} +1 -1
- package/dist/tet-components/{p-b315a1c8.entry.js → p-e2d4e5c3.entry.js} +1 -1
- package/dist/tet-components/{p-5a31f21d.entry.js → p-e564d494.entry.js} +1 -1
- package/dist/tet-components/{p-eb3a8119.entry.js → p-e7e18cc4.entry.js} +1 -1
- package/dist/tet-components/{p-d89ae495.entry.js → p-ec4710dd.entry.js} +1 -1
- package/dist/tet-components/{p-f7e3a24b.entry.js → p-ee489b61.entry.js} +1 -1
- package/dist/tet-components/{p-b5efc6d4.entry.js → p-f21e5e14.entry.js} +1 -1
- package/dist/tet-components/{p-7da3d5fb.entry.js → p-f5d610ea.entry.js} +1 -1
- package/dist/tet-components/{p-cd267067.entry.js → p-fcfc7424.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +2 -1
- package/dist/components/p-DKavMVSi.js +0 -1
- package/dist/components/p-nb3MHK7A.js +0 -1
- package/dist/tet-components/p-93283513.entry.js +0 -1
- package/dist/tet-components/p-BGrvDoTj.js +0 -1
- package/dist/tet-components/p-ClX9TYQY.js +0 -3
- package/dist/tet-components/p-t-BNeeWq.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as t,h as n,H as o}from"./p-ClX9TYQY.js";const r=class{constructor(t){e(this,t)}rootMenuId="tet-menu-mobile-root-dropdown";get rootElement(){return t(this)}isActive=!1;firstLevelTitle="";firstLevelLink="";firstLevelId;subLevels=[];darkMode=!1;highlightTheme;showAnimation=!1;firstLevelIcon="";hideIcons=!1;hideBottomBorder=!1;openActiveMenu=!1;isExpanded=!1;hasDropdownContent=!1;subMenuState=[];getOpenSubMenusByActiveItems(e){const t=new Set,n=e=>{let o=!1;return e.forEach((e=>{const r=e.subLevels||[],i=!!r.length&&n(r),a=Boolean(e.active)||i;r.length&&a&&t.add(e.title),a&&(o=!0)})),o};return n(e),Array.from(t)}syncExpandedStateWithActiveState(e){this.openActiveMenu&&(e?this.hasDropdownContent&&(this.isExpanded=!0,this.subMenuState=this.getOpenSubMenusByActiveItems(this.subLevels)):this.isExpanded=!1)}onIsActiveChange(e){this.syncExpandedStateWithActiveState(e)}componentWillLoad(){const e=Boolean(this.rootElement?.querySelector('[slot="list-start"]')),t=Boolean(this.rootElement?.querySelector('[slot="list-end"]'));this.hasDropdownContent=e||t||Boolean(this.subLevels.length),this.syncExpandedStateWithActiveState(this.isActive)}firstLevelClick=()=>{this.hasDropdownContent&&(this.isExpanded=!this.isExpanded)};secondLevelClick(e,t){t&&(this.subMenuState=this.subMenuState.includes(e)?this.subMenuState.filter((t=>t!==e)):[...this.subMenuState,e])}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:t,firstLevelId:o}=this,r=!this.hasDropdownContent&&!!t,i=this.hasDropdownContent,a=[!this.hideIcons&&this.firstLevelIcon&&n("tet-icon",{class:"menu__first-level-icon",name:this.firstLevelIcon,theme:this.darkMode?"dark":"light",type:(this.highlightTheme?this.isExpanded&&!this.isActive:this.isExpanded||this.isActive)?"secondary":"primary"}),n("span",null,e),this.renderChevron()],m={"menu__first-level":!0,"menu__first-level-themed":!!this.highlightTheme,"menu--active":this.isActive,"menu--expandable":this.hasDropdownContent,"show-animation":this.showAnimation,...this.highlightTheme&&{[`theme-${this.highlightTheme}`]:!0}};return i?n("button",{id:o,type:"button","aria-controls":this.rootMenuId,"aria-expanded":this.isExpanded.toString(),class:m,onClick:this.firstLevelClick},a):n("a",{id:o,href:r?t:void 0,class:m,onClick:this.firstLevelClick},a)}renderSubLevels(){const{hasDropdownContent:e,subLevels:t}=this;if(!e)return null;let o=null;return t.length&&(o=t.map(((e,t)=>this.renderSubItem(e,!1,t)))),n("div",{class:"menu__dropdown"},n("ul",{class:"menu__dropdown__list",id:this.rootMenuId},n("slot",{name:"list-start"}),o,n("slot",{name:"list-end"})))}renderSubItem(e,t=!1,o){const r=e.subLevels?.map(((e,t)=>this.renderSubItem(e,!0,t))),i=!!r?.length,a=!i,m=!t&&i?`tet-menu-mobile-submenu-${o}`:void 0,l=!!e.active||this.subMenuState.includes(e.title),s={"menu--active":!!e.active,"menu__second-level":!t,"menu__third-level":t,"menu--expandable":i,"menu--expanded":this.subMenuState.includes(e.title)},d=[e.badge?n("div",null,e.title,n("span",{class:"badge"},e.badge)):e.title,!!i&&this.renderSubChevron(e.title,l)];return n("li",null,i?n("button",{id:e.id,type:"button","aria-controls":m,"aria-expanded":this.subMenuState.includes(e.title).toString(),class:s,onClick:()=>this.secondLevelClick(e.title,i),inert:!this.isExpanded},d):n("a",{id:e.id,href:a?e.link:void 0,class:s,onClick:()=>this.secondLevelClick(e.title,i),inert:!this.isExpanded},d),!!this.subMenuState.includes(e.title)&&n("ul",{class:"sublist",id:m},r))}renderChevron(){return this.hasDropdownContent?n("tet-icon",{class:"menu__chevron",name:this.isExpanded?"tc-chevron-up":"tc-chevron-down",theme:this.darkMode?"dark":"light",type:(this.highlightTheme?this.isExpanded&&!this.isActive:this.isExpanded||this.isActive)?"secondary":"primary"}):null}renderSubChevron(e,t=!1){return n("tet-icon",{class:"menu__chevron",name:this.subMenuState.includes(e)?"tc-chevron-up":"tc-chevron-down",theme:this.darkMode?"dark":"light",type:t?"secondary":"primary"})}render(){return n(o,{key:"f4de941c47fa087859a0a5bc583d085cd9ea496a"},n("div",{key:"667d14964b38f2fa5973f13834bf67f2ec1e50ed",class:{menu:!0,"menu--expanded":this.isExpanded,"menu--active":this.isActive,"menu--dark":this.darkMode,"menu--hide-border":this.hideBottomBorder}},this.renderFirstLevel(),this.renderSubLevels()))}static get watchers(){return{isActive:[{onIsActiveChange:0}]}}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-list-expanded-margin-bottom:1rem;--menu-list-expanded-margin-top:0.375rem;--menu-dropdown-animation-speed:0.2s;--menu-link-border-radius:0.375rem;--menu-text-color:var(--tc-text-primary);--menu-item-theme-bg:var(--tc-layer-primary);--menu-text-color-active:var(--tc-text-tertiary);--menu-border-bottom:0.03125rem solid var(--tc-border-quaternary);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-focus-outline-color:var(--tc-blue-40);--menu-badge-background:var(--tc-navigation-menu-item-tag);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white);--menu-badge-text-color:var(--tc-text-black-permanent);--menu-third-level-border-color:var(--tc-border-tertiary);--menu-first-level-item-padding:0.5rem 1rem;display:inline-block;position:relative;width:100%}:host .theme-yellow{--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-yellow-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-yellow-gradient-main) 30%, var(--tc-menu-item-yellow-gradient-accent) 50%, var(--tc-menu-item-yellow-gradient-main) 70% )}:host .theme-red{--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-red-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-red-gradient-main) 30%, var(--tc-menu-item-red-gradient-accent) 50%, var(--tc-menu-item-red-gradient-main) 70% )}:host .theme-green{--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-green-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-green-gradient-main) 30%, var(--tc-menu-item-green-gradient-accent) 50%, var(--tc-menu-item-green-gradient-main) 70% )}:host .theme-violet{--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-violet-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-violet-gradient-main) 30%, var(--tc-menu-item-violet-gradient-accent) 50%, var(--tc-menu-item-violet-gradient-main) 70% )}:host .theme-blue{--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-blue-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-blue-gradient-main) 30%, var(--tc-menu-item-blue-gradient-accent) 50%, var(--tc-menu-item-blue-gradient-main) 70% )}.menu{background-color:var(--menu-item-theme-bg);border-bottom:var(--menu-border-bottom);color:var(--menu-text-color);line-height:var(--menu-line-height);position:relative;width:100%;transition:border-bottom-color var(--menu-dropdown-animation-speed)}.menu--dark{--menu-text-color:var(--tc-text-primary-dark);--menu-item-theme-bg:var(--tc-layer-primary-dark);--menu-text-color-active:var(--tc-text-tertiary-dark);--menu-border-bottom:0.03125rem solid var(--tc-border-quaternary-dark);--menu-highlited-item-background-color:var(--tc-layer-primary-dark);--menu-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover-dark);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-badge-background:var(--tc-navigation-menu-item-tag-dark);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white-dark);--menu-badge-text-color:var(--tc-text-black-permanent-dark);--menu-third-level-border-color:var(--tc-border-tertiary-dark)}.menu--dark .theme-yellow{--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-yellow-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-yellow-gradient-main-dark) 30%, var(--tc-menu-item-yellow-gradient-accent-dark) 50%, var(--tc-menu-item-yellow-gradient-main-dark) 70% )}.menu--dark .theme-red{--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-red-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-red-gradient-main-dark) 30%, var(--tc-menu-item-red-gradient-accent-dark) 50%, var(--tc-menu-item-red-gradient-main-dark) 70% )}.menu--dark .theme-green{--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-green-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-green-gradient-main-dark) 30%, var(--tc-menu-item-green-gradient-accent-dark) 50%, var(--tc-menu-item-green-gradient-main-dark) 70% )}.menu--dark .theme-violet{--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-violet-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-violet-gradient-main-dark) 30%, var(--tc-menu-item-violet-gradient-accent-dark) 50%, var(--tc-menu-item-violet-gradient-main-dark) 70% )}.menu--dark .theme-blue{--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-blue-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-blue-gradient-main-dark) 30%, var(--tc-menu-item-blue-gradient-accent-dark) 50%, var(--tc-menu-item-blue-gradient-main-dark) 70% )}.menu--dark .menu__first-level.menu__first-level-themed:is(.menu--active,:hover,:active){border-color:var(--menu-item-theme-state-bg);background-image:linear-gradient(var(--menu-item-theme-state-bg), var(--menu-item-theme-state-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu--dark .menu__first-level.menu__first-level-themed.menu--active{--menu-item-theme-state-bg:var(--menu-link-active-background-color)}.menu--dark .menu__first-level.menu__first-level-themed:hover{--menu-item-theme-state-bg:var(--menu-link-hover-background-color)}.menu--dark .menu__first-level.menu__first-level-themed:active{--menu-item-theme-state-bg:var(--menu-link-pressed-background-color)}.menu--expanded,.menu--hide-border{border-bottom-color:transparent}.menu a,.menu button{color:var(--menu-text-color);text-decoration:none;cursor:pointer;text-align:left}.menu a:hover,.menu button:hover{background-color:var(--menu-link-hover-background-color)}.menu a:active,.menu button:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";align-items:center;display:flex;width:100%;flex-direction:row;padding:var(--menu-first-level-item-padding);border:0.125rem solid transparent;background-color:var(--menu-item-theme-bg);border-radius:var(--menu-link-border-radius)}.menu__first-level-themed{position:relative;isolation:isolate;background-image:linear-gradient(var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__first-level-themed.show-animation:not(:active,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__first-level-themed:hover{border-color:var(--menu-item-theme-hover-bg);background-image:linear-gradient(var(--menu-item-theme-hover-bg), var(--menu-item-theme-hover-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level-themed:active{border-color:var(--menu-item-theme-pressed-bg);background-image:linear-gradient(var(--menu-item-theme-pressed-bg), var(--menu-item-theme-pressed-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level-icon{--icon-size:1.25rem;display:flex;align-self:center;padding-right:0.5rem}.menu--expanded .menu__first-level{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__first-level.menu--active:not(:hover):not(:active){background-color:var(--menu-item-theme-active-bg)}.menu__first-level.menu--active.menu__first-level-themed{color:var(--menu-text-color);text-decoration:none;border-color:var(--menu-item-theme-active-bg);background-image:linear-gradient(var(--menu-item-theme-active-bg), var(--menu-item-theme-active-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level.menu--active.menu--expandable{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__first-level.menu--active.menu--expandable:not(:hover):not(:active){background-color:unset}.menu__first-level.menu--active:not(.menu--expandable):not(.menu__first-level-themed):not(:hover):not(:active){background-color:var(--menu-link-active-background-color)}.menu__first-level:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-offset:-0.125rem}.menu__chevron{--icon-size:1.25rem;margin-left:auto;padding-left:0.75rem}.menu__dropdown{overflow:hidden;z-index:1;min-width:14rem}.menu__dropdown__list{margin-top:0;margin-bottom:0;max-height:0;transition:all var(--menu-dropdown-animation-speed) ease-out}.menu--expanded .menu__dropdown__list{margin-top:var(--menu-list-expanded-margin-top);margin-bottom:var(--menu-list-expanded-margin-bottom);max-height:100rem;transition:all var(--menu-dropdown-animation-speed) ease-in}.menu__dropdown__list li{list-style:none;padding:0.0625rem;border-radius:var(--menu-link-border-radius)}.menu__dropdown__list .sublist{margin:0.5rem 0 1.5rem 1.5rem;padding-left:1rem;border-left:0.0625rem solid var(--menu-third-level-border-color)}.menu__dropdown__list .sublist a,.menu__dropdown__list .sublist button{padding:0.5rem 1rem}.menu__dropdown a,.menu__dropdown button{padding:0.5rem 1rem 0.5rem 1.75rem;display:flex;border:0;border-radius:var(--menu-link-border-radius);width:100%;background-color:unset;font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.menu__dropdown a:focus-visible,.menu__dropdown button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color)}.menu__dropdown a.menu__second-level.menu--expanded,.menu__dropdown button.menu__second-level.menu--expanded{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__dropdown a.menu--active:not(:hover):not(:active),.menu__dropdown button.menu--active:not(:hover):not(:active){background-color:var(--menu-item-theme-active-bg)}.menu__dropdown a.menu--active:not(:hover):not(:active) .badge,.menu__dropdown button.menu--active:not(:hover):not(:active) .badge{background-color:var(--menu-active-item-badge-background-color)}.menu__dropdown a.menu--active.menu__second-level:not(.menu--expandable):not(:hover):not(:active),.menu__dropdown a.menu--active.menu__third-level:not(:hover):not(:active),.menu__dropdown button.menu--active.menu__second-level:not(.menu--expandable):not(:hover):not(:active),.menu__dropdown button.menu--active.menu__third-level:not(:hover):not(:active){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active.menu--expandable,.menu__dropdown button.menu--active.menu--expandable{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__dropdown a.menu--active.menu--expandable:not(:hover):not(:active),.menu__dropdown button.menu--active.menu--expandable:not(:hover):not(:active){background-color:unset}.badge{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--menu-badge-text-color);background-color:var(--menu-badge-background);margin-left:0.25rem;vertical-align:middle;position:relative;top:-0.0625em;padding:0.125rem 0.375rem;border-radius:0.25rem}@keyframes gradient-border-cycle{0%,100%{background-position:0 0, 0% 0%}20%{background-position:0 0, 70% 70%}30%{background-position:0 0, 100% 100%}40%{background-position:0 0, 120% 120%}40%,100%{background-position:0 0, 120% 120%}}';export{r as tet_menu_mobile}
|
|
1
|
+
import{r as e,d as t,h as n,H as o}from"./p-BGB6gNkz.js";const r=class{constructor(t){e(this,t)}rootMenuId="tet-menu-mobile-root-dropdown";get rootElement(){return t(this)}isActive=!1;firstLevelTitle="";firstLevelLink="";firstLevelId;subLevels=[];darkMode=!1;highlightTheme;showAnimation=!1;firstLevelIcon="";hideIcons=!1;hideBottomBorder=!1;openActiveMenu=!1;isExpanded=!1;hasDropdownContent=!1;subMenuState=[];getOpenSubMenusByActiveItems(e){const t=new Set,n=e=>{let o=!1;return e.forEach((e=>{const r=e.subLevels||[],i=!!r.length&&n(r),a=Boolean(e.active)||i;r.length&&a&&t.add(e.title),a&&(o=!0)})),o};return n(e),Array.from(t)}syncExpandedStateWithActiveState(e){this.openActiveMenu&&(e?this.hasDropdownContent&&(this.isExpanded=!0,this.subMenuState=this.getOpenSubMenusByActiveItems(this.subLevels)):this.isExpanded=!1)}onIsActiveChange(e){this.syncExpandedStateWithActiveState(e)}componentWillLoad(){const e=Boolean(this.rootElement?.querySelector('[slot="list-start"]')),t=Boolean(this.rootElement?.querySelector('[slot="list-end"]'));this.hasDropdownContent=e||t||Boolean(this.subLevels.length),this.syncExpandedStateWithActiveState(this.isActive)}firstLevelClick=()=>{this.hasDropdownContent&&(this.isExpanded=!this.isExpanded)};secondLevelClick(e,t){t&&(this.subMenuState=this.subMenuState.includes(e)?this.subMenuState.filter((t=>t!==e)):[...this.subMenuState,e])}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:t,firstLevelId:o}=this,r=!this.hasDropdownContent&&!!t,i=this.hasDropdownContent,a=[!this.hideIcons&&this.firstLevelIcon&&n("tet-icon",{class:"menu__first-level-icon",name:this.firstLevelIcon,theme:this.darkMode?"dark":"light",type:(this.highlightTheme?this.isExpanded&&!this.isActive:this.isExpanded||this.isActive)?"secondary":"primary"}),n("span",null,e),this.renderChevron()],m={"menu__first-level":!0,"menu__first-level-themed":!!this.highlightTheme,"menu--active":this.isActive,"menu--expandable":this.hasDropdownContent,"show-animation":this.showAnimation,...this.highlightTheme&&{[`theme-${this.highlightTheme}`]:!0}};return i?n("button",{id:o,type:"button","aria-controls":this.rootMenuId,"aria-expanded":this.isExpanded.toString(),class:m,onClick:this.firstLevelClick},a):n("a",{id:o,href:r?t:void 0,class:m,onClick:this.firstLevelClick},a)}renderSubLevels(){const{hasDropdownContent:e,subLevels:t}=this;if(!e)return null;let o=null;return t.length&&(o=t.map(((e,t)=>this.renderSubItem(e,!1,t)))),n("div",{class:"menu__dropdown"},n("ul",{class:"menu__dropdown__list",id:this.rootMenuId},n("slot",{name:"list-start"}),o,n("slot",{name:"list-end"})))}renderSubItem(e,t=!1,o){const r=e.subLevels?.map(((e,t)=>this.renderSubItem(e,!0,t))),i=!!r?.length,a=!i,m=!t&&i?`tet-menu-mobile-submenu-${o}`:void 0,l=!!e.active||this.subMenuState.includes(e.title),s={"menu--active":!!e.active,"menu__second-level":!t,"menu__third-level":t,"menu--expandable":i,"menu--expanded":this.subMenuState.includes(e.title)},d=[e.badge?n("div",null,e.title,n("span",{class:"badge"},e.badge)):e.title,!!i&&this.renderSubChevron(e.title,l)];return n("li",null,i?n("button",{id:e.id,type:"button","aria-controls":m,"aria-expanded":this.subMenuState.includes(e.title).toString(),class:s,onClick:()=>this.secondLevelClick(e.title,i),inert:!this.isExpanded},d):n("a",{id:e.id,href:a?e.link:void 0,class:s,onClick:()=>this.secondLevelClick(e.title,i),inert:!this.isExpanded},d),!!this.subMenuState.includes(e.title)&&n("ul",{class:"sublist",id:m},r))}renderChevron(){return this.hasDropdownContent?n("tet-icon",{class:"menu__chevron",name:this.isExpanded?"tc-chevron-up":"tc-chevron-down",theme:this.darkMode?"dark":"light",type:(this.highlightTheme?this.isExpanded&&!this.isActive:this.isExpanded||this.isActive)?"secondary":"primary"}):null}renderSubChevron(e,t=!1){return n("tet-icon",{class:"menu__chevron",name:this.subMenuState.includes(e)?"tc-chevron-up":"tc-chevron-down",theme:this.darkMode?"dark":"light",type:t?"secondary":"primary"})}render(){return n(o,{key:"f4de941c47fa087859a0a5bc583d085cd9ea496a"},n("div",{key:"667d14964b38f2fa5973f13834bf67f2ec1e50ed",class:{menu:!0,"menu--expanded":this.isExpanded,"menu--active":this.isActive,"menu--dark":this.darkMode,"menu--hide-border":this.hideBottomBorder}},this.renderFirstLevel(),this.renderSubLevels()))}static get watchers(){return{isActive:[{onIsActiveChange:0}]}}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-list-expanded-margin-bottom:1rem;--menu-list-expanded-margin-top:0.375rem;--menu-dropdown-animation-speed:0.2s;--menu-link-border-radius:0.375rem;--menu-text-color:var(--tc-text-primary);--menu-item-theme-bg:var(--tc-layer-primary);--menu-text-color-active:var(--tc-text-tertiary);--menu-border-bottom:0.03125rem solid var(--tc-border-quaternary);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-focus-outline-color:var(--tc-blue-40);--menu-badge-background:var(--tc-navigation-menu-item-tag);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white);--menu-badge-text-color:var(--tc-text-black-permanent);--menu-third-level-border-color:var(--tc-border-tertiary);--menu-first-level-item-padding:0.5rem 1rem;display:inline-block;position:relative;width:100%}:host .theme-yellow{--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-yellow-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-yellow-gradient-main) 30%, var(--tc-menu-item-yellow-gradient-accent) 50%, var(--tc-menu-item-yellow-gradient-main) 70% )}:host .theme-red{--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-red-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-red-gradient-main) 30%, var(--tc-menu-item-red-gradient-accent) 50%, var(--tc-menu-item-red-gradient-main) 70% )}:host .theme-green{--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-green-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-green-gradient-main) 30%, var(--tc-menu-item-green-gradient-accent) 50%, var(--tc-menu-item-green-gradient-main) 70% )}:host .theme-violet{--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-violet-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-violet-gradient-main) 30%, var(--tc-menu-item-violet-gradient-accent) 50%, var(--tc-menu-item-violet-gradient-main) 70% )}:host .theme-blue{--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-pressed-bg:var(--tc-menu-item-blue-background-pressed);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-blue-gradient-main) 30%, var(--tc-menu-item-blue-gradient-accent) 50%, var(--tc-menu-item-blue-gradient-main) 70% )}.menu{background-color:var(--menu-item-theme-bg);border-bottom:var(--menu-border-bottom);color:var(--menu-text-color);line-height:var(--menu-line-height);position:relative;width:100%;transition:border-bottom-color var(--menu-dropdown-animation-speed)}.menu--dark{--menu-text-color:var(--tc-text-primary-dark);--menu-item-theme-bg:var(--tc-layer-primary-dark);--menu-text-color-active:var(--tc-text-tertiary-dark);--menu-border-bottom:0.03125rem solid var(--tc-border-quaternary-dark);--menu-highlited-item-background-color:var(--tc-layer-primary-dark);--menu-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover-dark);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-badge-background:var(--tc-navigation-menu-item-tag-dark);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white-dark);--menu-badge-text-color:var(--tc-text-black-permanent-dark);--menu-third-level-border-color:var(--tc-border-tertiary-dark)}.menu--dark .theme-yellow{--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-yellow-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-yellow-gradient-main-dark) 30%, var(--tc-menu-item-yellow-gradient-accent-dark) 50%, var(--tc-menu-item-yellow-gradient-main-dark) 70% )}.menu--dark .theme-red{--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-red-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-red-gradient-main-dark) 30%, var(--tc-menu-item-red-gradient-accent-dark) 50%, var(--tc-menu-item-red-gradient-main-dark) 70% )}.menu--dark .theme-green{--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-green-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-green-gradient-main-dark) 30%, var(--tc-menu-item-green-gradient-accent-dark) 50%, var(--tc-menu-item-green-gradient-main-dark) 70% )}.menu--dark .theme-violet{--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-violet-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-violet-gradient-main-dark) 30%, var(--tc-menu-item-violet-gradient-accent-dark) 50%, var(--tc-menu-item-violet-gradient-main-dark) 70% )}.menu--dark .theme-blue{--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-pressed-bg:var(--tc-menu-item-blue-background-pressed-dark);--menu-item-theme-gradient:linear-gradient( 135deg, var(--tc-menu-item-blue-gradient-main-dark) 30%, var(--tc-menu-item-blue-gradient-accent-dark) 50%, var(--tc-menu-item-blue-gradient-main-dark) 70% )}.menu--dark .menu__first-level.menu__first-level-themed:is(.menu--active,:hover,:active){border-color:var(--menu-item-theme-state-bg);background-image:linear-gradient(var(--menu-item-theme-state-bg), var(--menu-item-theme-state-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu--dark .menu__first-level.menu__first-level-themed.menu--active{--menu-item-theme-state-bg:var(--menu-link-active-background-color)}.menu--dark .menu__first-level.menu__first-level-themed:hover{--menu-item-theme-state-bg:var(--menu-link-hover-background-color)}.menu--dark .menu__first-level.menu__first-level-themed:active{--menu-item-theme-state-bg:var(--menu-link-pressed-background-color)}.menu--expanded,.menu--hide-border{border-bottom-color:transparent}.menu a,.menu button{color:var(--menu-text-color);text-decoration:none;cursor:pointer;text-align:left}.menu a:hover,.menu button:hover{background-color:var(--menu-link-hover-background-color)}.menu a:active,.menu button:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";align-items:center;display:flex;width:100%;flex-direction:row;padding:var(--menu-first-level-item-padding);border:0.125rem solid transparent;background-color:var(--menu-item-theme-bg);border-radius:var(--menu-link-border-radius)}.menu__first-level-themed{position:relative;isolation:isolate;background-image:linear-gradient(var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__first-level-themed.show-animation:not(:active,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__first-level-themed:hover{border-color:var(--menu-item-theme-hover-bg);background-image:linear-gradient(var(--menu-item-theme-hover-bg), var(--menu-item-theme-hover-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level-themed:active{border-color:var(--menu-item-theme-pressed-bg);background-image:linear-gradient(var(--menu-item-theme-pressed-bg), var(--menu-item-theme-pressed-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level-icon{--icon-size:1.25rem;display:flex;align-self:center;padding-right:0.5rem}.menu--expanded .menu__first-level{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__first-level.menu--active:not(:hover):not(:active){background-color:var(--menu-item-theme-active-bg)}.menu__first-level.menu--active.menu__first-level-themed{color:var(--menu-text-color);text-decoration:none;border-color:var(--menu-item-theme-active-bg);background-image:linear-gradient(var(--menu-item-theme-active-bg), var(--menu-item-theme-active-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level.menu--active.menu--expandable{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__first-level.menu--active.menu--expandable:not(:hover):not(:active){background-color:unset}.menu__first-level.menu--active:not(.menu--expandable):not(.menu__first-level-themed):not(:hover):not(:active){background-color:var(--menu-link-active-background-color)}.menu__first-level:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-offset:-0.125rem}.menu__chevron{--icon-size:1.25rem;margin-left:auto;padding-left:0.75rem}.menu__dropdown{overflow:hidden;z-index:1;min-width:14rem}.menu__dropdown__list{margin-top:0;margin-bottom:0;max-height:0;transition:all var(--menu-dropdown-animation-speed) ease-out}.menu--expanded .menu__dropdown__list{margin-top:var(--menu-list-expanded-margin-top);margin-bottom:var(--menu-list-expanded-margin-bottom);max-height:100rem;transition:all var(--menu-dropdown-animation-speed) ease-in}.menu__dropdown__list li{list-style:none;padding:0.0625rem;border-radius:var(--menu-link-border-radius)}.menu__dropdown__list .sublist{margin:0.5rem 0 1.5rem 1.5rem;padding-left:1rem;border-left:0.0625rem solid var(--menu-third-level-border-color)}.menu__dropdown__list .sublist a,.menu__dropdown__list .sublist button{padding:0.5rem 1rem}.menu__dropdown a,.menu__dropdown button{padding:0.5rem 1rem 0.5rem 1.75rem;display:flex;border:0;border-radius:var(--menu-link-border-radius);width:100%;background-color:unset;font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.menu__dropdown a:focus-visible,.menu__dropdown button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color)}.menu__dropdown a.menu__second-level.menu--expanded,.menu__dropdown button.menu__second-level.menu--expanded{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__dropdown a.menu--active:not(:hover):not(:active),.menu__dropdown button.menu--active:not(:hover):not(:active){background-color:var(--menu-item-theme-active-bg)}.menu__dropdown a.menu--active:not(:hover):not(:active) .badge,.menu__dropdown button.menu--active:not(:hover):not(:active) .badge{background-color:var(--menu-active-item-badge-background-color)}.menu__dropdown a.menu--active.menu__second-level:not(.menu--expandable):not(:hover):not(:active),.menu__dropdown a.menu--active.menu__third-level:not(:hover):not(:active),.menu__dropdown button.menu--active.menu__second-level:not(.menu--expandable):not(:hover):not(:active),.menu__dropdown button.menu--active.menu__third-level:not(:hover):not(:active){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active.menu--expandable,.menu__dropdown button.menu--active.menu--expandable{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__dropdown a.menu--active.menu--expandable:not(:hover):not(:active),.menu__dropdown button.menu--active.menu--expandable:not(:hover):not(:active){background-color:unset}.badge{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--menu-badge-text-color);background-color:var(--menu-badge-background);margin-left:0.25rem;vertical-align:middle;position:relative;top:-0.0625em;padding:0.125rem 0.375rem;border-radius:0.25rem}@keyframes gradient-border-cycle{0%,100%{background-position:0 0, 0% 0%}20%{background-position:0 0, 70% 70%}30%{background-position:0 0, 100% 100%}40%{background-position:0 0, 120% 120%}40%,100%{background-position:0 0, 120% 120%}}';export{r as tet_menu_mobile}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-ClX9TYQY.js";const r=class{constructor(o){t(this,o)}value="";label="";placeholder="";disabled=!1;errorMessages=[];theme="light";maxLength="";isKeyboardFocus=!0;focusVisible=!1;textareaHtmlElement;onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}async getValue(){return this.textareaHtmlElement?this.textareaHtmlElement.value:""}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-textarea__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-textarea__error-message"},t))));render(){const{value:t,label:r,placeholder:n,disabled:a,errorMessages:i,theme:l,renderErrorMessages:f,maxLength:s}=this,c={"tet-textarea__base":!0,[`tet-textarea__${this.theme}`]:!0,error:i.length>0,"keyboard-focus":this.focusVisible};return o(e,{key:"55def7be858c8e3367ad25a36a4ae8f1b8efb03b"},o("label",{key:"0acd74b867fee7f830b92b930de5a296cef3a8e2",class:{[`${l}`]:!0}},r&&o("span",{key:"97242086a1c3d2b9715efaa2199d088a1d7c1260",class:{"tet-textarea__label":!0,[`tet-textarea__${l}`]:!0}},r),o("div",{key:"e4ff06bbcc576164f72c9ad4e77769c5020f600f",class:{"textarea-container":!0,[`tet-textarea__${l}`]:!0}},o("textarea",{key:"9cec5f279d5fc71fb37ef48ceb58e4074b7de619",onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,id:"textarea",class:c,placeholder:n,disabled:a,autocomplete:"off",ref:t=>this.textareaHtmlElement=t,maxlength:s},t))),this.errorMessages.length>0&&f())}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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{display:block}.input-container{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container:focus-within .icon{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:var(--input-font-size);color:var(--input-placeholder-color);background:none;user-select:none;white-space:nowrap;pointer-events:none;z-index:2}.tet-input__base.with-prefix{padding-left:4rem}.tet-input__base.with-icon--left{padding-left:2.5rem}.tet-input__base.with-icon--right{padding-right:2.5rem}.tet-input__base:disabled~tet-icon{--input-icon-color:var(--input-disabled-icon-color)}.icon{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable{cursor:pointer}.icon.clickable:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right{right:0.75rem}.textarea-container{font-size:var(--input-font-size)}';export{r as tet_textarea}
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-BGB6gNkz.js";const r=class{constructor(o){t(this,o)}value="";label="";placeholder="";disabled=!1;errorMessages=[];theme="light";maxLength="";isKeyboardFocus=!0;focusVisible=!1;textareaHtmlElement;onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}async getValue(){return this.textareaHtmlElement?this.textareaHtmlElement.value:""}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-textarea__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-textarea__error-message"},t))));render(){const{value:t,label:r,placeholder:n,disabled:a,errorMessages:i,theme:l,renderErrorMessages:f,maxLength:s}=this,c={"tet-textarea__base":!0,[`tet-textarea__${this.theme}`]:!0,error:i.length>0,"keyboard-focus":this.focusVisible};return o(e,{key:"55def7be858c8e3367ad25a36a4ae8f1b8efb03b"},o("label",{key:"0acd74b867fee7f830b92b930de5a296cef3a8e2",class:{[`${l}`]:!0}},r&&o("span",{key:"97242086a1c3d2b9715efaa2199d088a1d7c1260",class:{"tet-textarea__label":!0,[`tet-textarea__${l}`]:!0}},r),o("div",{key:"e4ff06bbcc576164f72c9ad4e77769c5020f600f",class:{"textarea-container":!0,[`tet-textarea__${l}`]:!0}},o("textarea",{key:"9cec5f279d5fc71fb37ef48ceb58e4074b7de619",onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,id:"textarea",class:c,placeholder:n,disabled:a,autocomplete:"off",ref:t=>this.textareaHtmlElement=t,maxlength:s},t))),this.errorMessages.length>0&&f())}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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{display:block}.input-container{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container:focus-within .icon{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:var(--input-font-size);color:var(--input-placeholder-color);background:none;user-select:none;white-space:nowrap;pointer-events:none;z-index:2}.tet-input__base.with-prefix{padding-left:4rem}.tet-input__base.with-icon--left{padding-left:2.5rem}.tet-input__base.with-icon--right{padding-right:2.5rem}.tet-input__base:disabled~tet-icon{--input-icon-color:var(--input-disabled-icon-color)}.icon{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable{cursor:pointer}.icon.clickable:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right{right:0.75rem}.textarea-container{font-size:var(--input-font-size)}';export{r as tet_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,
|
|
1
|
+
import{r as t,d as s,h as e}from"./p-BGB6gNkz.js";import{g as r}from"./p-SfqlfxDQ.js";const a=class{constructor(s){t(this,s)}rootRef;get element(){return s(this)}mainTitle;subTitle;infoText;type="medium";theme="light";size="xs";resizeObserver;componentDidLoad(){this.resizeObserver.observe(this.rootRef)}componentWillLoad(){this.resizeObserver=new ResizeObserver(this.onResize)}onResize=t=>{const s=getComputedStyle(this.element).getPropertyValue("--tet-business-card-breakpoint-xs"),e=getComputedStyle(this.element).getPropertyValue("--tet-business-card-breakpoint-lg"),a=r(s),o=r(e);a&&o&&t.forEach((t=>{const s=t.borderBoxSize.find((()=>!0));if(!s)return;const e=s.inlineSize;e<a&&(this.size="xs"),a<e&&e<o&&(this.size="sm"),e>=o&&(this.size="lg")}))};render(){const{mainTitle:t,subTitle:s,infoText:r,type:a,size:o,theme:f}=this;return e("div",{key:"623c7ce9661b60b708a1e999f81f3873e0806e1d",ref:t=>{this.rootRef=t},class:{"tet-business-card":!0,[`tet-business-card__type--${a}`]:!0,[`tet-business-card__size--${o}`]:!0,[`theme-${f}`]:!0}},e("div",{key:"ad755fd31a61336c483ffc5d2d104261b03c00e1",class:"tet-business-card__body"},e("div",{key:"c8b226d3f2a1f8a73396b7ddad68c6c87d5577df",class:"tet-business-card__content"},e("div",{key:"387bd6ead57b4a8aa40652284be2ad1ecb916233",class:"tet-business-card__title"},e("slot",{key:"1e6e4c32b14a30efb454887158c55692ac77e302",name:"title"},e("h3",{key:"cadd683e5f657cbc39f8837e50cd6045cca4a7ec"},t))),e("slot",{key:"ddd2aab44a592a92d4eb71166a7d9b1bcb635fb6",name:"subtitle"},s&&e("div",{key:"3ab90cc3dc867d0d13ea9293f75d2eca54b56b3d",class:{"tet-business-card__subtitle":!0,"tet-business-card__subtitle--large":!r}},s))),e("slot",{key:"02333b6a4a46a123902bbd82473633f387e6e9c0",name:"button"})),e("slot",{key:"7d8109bb6447899f505cdde431969f8a6624f3f0",name:"infotext"},r&&e("div",{key:"ef545e575dd54d0397a2e4cc77b6252ef32862a5",class:"tet-business-card__infotext"},r)))}};a.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-business-card-info-text-color:var(--tc-text-secondary);--tet-business-card-color:var(--tc-text-primary);--tet-business-card-background:var(--tc-layer-tertiary);--tet-business-card-border-radius:1.5rem;--tet-business-card-breakpoint-xs:31.25rem;--tet-business-card-breakpoint-lg:64rem;display:flex;height:100%}.tet-business-card{background:var(--tet-business-card-background);border-radius:var(--tet-business-card-border-radius);color:var(--tet-business-card-color);display:flex;flex:1}.tet-business-card.theme-purple{--tet-business-card-background:var(--tc-violet-00)}.tet-business-card.theme-green{--tet-business-card-background:var(--tc-green-00)}.tet-business-card.theme-red{--tet-business-card-background:var(--tc-red-00)}.tet-business-card.theme-yellow{--tet-business-card-background:var(--tc-yellow-00)}.tet-business-card.theme-blue{--tet-business-card-background:var(--tc-blue-00)}.tet-business-card.theme-dark{--tet-business-card-background:var(--tc-layer-tertiary-dark);--tet-business-card-info-text-color:var(--tc-text-secondary-dark);--tet-business-card-color:var(--tc-text-primary-dark)}.tet-business-card__type--medium{flex-direction:column;gap:1.5rem;padding:1.5rem}.tet-business-card__type--medium .tet-business-card__body{gap:1.5rem}.tet-business-card__type--medium .tet-business-card__subtitle{color:var(--tet-business-card-info-text-color)}.tet-business-card__type--small{padding:1.5rem}.tet-business-card__type--small .tet-business-card__infotext{display:none}.tet-business-card__type--small .tet-business-card__body{gap:1.75rem}.tet-business-card__body{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;flex-basis:0}.tet-business-card__content{display:flex;flex-direction:column;gap:0.5rem}.tet-business-card__title h3{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";margin:0}.tet-business-card__subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__infotext{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";flex-grow:1;flex-basis:0}.tet-business-card__size--xs.tet-business-card__type--medium .tet-business-card__subtitle--large{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--medium{flex-direction:row;padding:2rem}.tet-business-card__size--sm.tet-business-card__type--medium .tet-business-card__subtitle{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--medium .tet-business-card__title h3{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--small{padding:2.5rem}.tet-business-card__size--sm.tet-business-card__type--small .tet-business-card__title h3{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--sm.tet-business-card__type--small .tet-business-card__body{gap:1.5rem}.tet-business-card__size--sm .tet-business-card__infotext{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";text-align:right}.tet-business-card__size--lg.tet-business-card__type--medium{flex-direction:row;padding:2.5rem}.tet-business-card__size--lg.tet-business-card__type--medium .tet-business-card__title h3{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-card__size--lg.tet-business-card__type--medium .tet-business-card__subtitle{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.tet-business-card__size--lg .tet-business-card__infotext{font:500 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex-grow:0.55;text-align:right;color:var(--tet-business-card-info-text-color)}';export{a as tet_business_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as r}from"./p-ClX9TYQY.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent")}theme="light";onThemeChanged(t){"dark"===t?(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorLight}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorDark}`)):(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorDark}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorLight}`))}size="S";onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}sizeChangeBreakpoint="None";isInCarousel=!1;pictureLayoutShiftPosition="left";cardTitle;subtitle;tags;dateTag;dateTagColorLight="black";dateTagColorDark="white";priceTagOptions={show:!1,background:"white"};linkHref;linkText;linkNewTab=!1;index;buttonColorTheme;buttonCustomColorCode;buttonCustomColorContentTone="light";tetDynamicCardClickEvent;isFocused=!1;originalSize=null;currentSize=null;priceViewRef=null;buttonRef=null;dateTagColorRef=null;rootElementRef=null;BREAKPOINTS={MOBILE:768,TABLET_SMALL:1024,TABLET:1440,DESKTOP:1920};CARD_SIZES={standard:{S:"fit-content",M:"calc(50% - 0.75rem)",XL:"100%"},responsive:{mobile:"100%",tablet:"calc(100% - var(--card-width-tablet) - 1.5rem - 2px)",desktop:"calc(100% - var(--card-width-desktop) - 1.5rem - 2px)"}};getCardSize(t){return this.isInCarousel?"S":t<this.BREAKPOINTS.MOBILE?"XL":t<this.BREAKPOINTS.TABLET_SMALL?"M":("L"===this.originalSize||"M"===this.originalSize)&&t<this.BREAKPOINTS.TABLET&&"Tab"===this.sizeChangeBreakpoint?"S":this.originalSize}getMinWidth(t){return t<this.BREAKPOINTS.MOBILE?"calc(var(--card-width-mobile) - 2rem)":t<this.BREAKPOINTS.TABLET?"calc(var(--card-width-tablet) - 2rem)":t<this.BREAKPOINTS.DESKTOP?"var(--card-width-tablet)":"var(--card-width-desktop)"}getCardWidth(t,e){if(this.isInCarousel)return"fit-content";if(e<this.BREAKPOINTS.MOBILE)return this.CARD_SIZES.responsive.mobile;if(e<this.BREAKPOINTS.TABLET){if(("L"===this.originalSize||"M"===this.originalSize)&&"Tab"===this.sizeChangeBreakpoint)return"fit-content";if("M"===t)return this.CARD_SIZES.standard.M;if("L"===t)return this.CARD_SIZES.responsive.tablet}else if("L"===t)return e<this.BREAKPOINTS.DESKTOP?this.CARD_SIZES.responsive.tablet:this.CARD_SIZES.responsive.desktop;return this.CARD_SIZES.standard[t]||"fit-content"}resizeCard=t=>{this.currentSize=this.getCardSize(t),this.rootElementRef.style.minWidth=this.getMinWidth(t),this.rootElementRef.style.width=this.getCardWidth(this.currentSize,t)};resizeObserver=new ResizeObserver((()=>{const t=window.innerWidth;this.resizeCard(t),t<768?(this.priceViewRef?.setAttribute("size","S"),this.buttonRef?.setAttribute("size","small")):t<1920?(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","medium")):(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","large"))}));componentWillLoad(){this.originalSize=this.size,this.currentSize=this.size}componentDidLoad(){this.onThemeChanged(this.theme),this.resizeObserver.observe(window.document.body)}handleClick=t=>{if(t.composedPath().some((t=>t instanceof HTMLElement&&t.classList?.contains("button"))))this.tetDynamicCardClickEvent.emit();else if(this.buttonRef&&this.linkHref){const t=this.buttonRef.shadowRoot?.querySelector("button");t&&t.click()}};renderTags(){const t="dark"===this.theme?this.dateTagColorDark:this.dateTagColorLight;return i("div",{class:"tags-container",part:"tags"},this.tags?.length>0&&i("div",{class:"tags"},this.tags.map((t=>i("span",{class:"tag"},t)))),this.dateTag&&i("div",{class:"tags"},i("div",{class:`tag colored colored--${t}`,ref:t=>{this.dateTagColorRef=t}},i("span",{class:"date-tag-text"},this.dateTag))))}renderPrice(){return this.priceTagOptions?.show?i("div",{class:"price",part:"price"},i("tet-price-view",{ref:t=>{this.priceViewRef=t},font:this.priceTagOptions.font||"Gilroy, Arial, sans-serif",background:this.priceTagOptions.background,staticColors:this.priceTagOptions.isStatic,theme:this.theme,size:"S","heading-text":this.priceTagOptions.headingText,"price-type":this.priceTagOptions.priceType,"euro-price":this.priceTagOptions.euroPrice?.toString(),"cents-price":this.priceTagOptions.centsPrice?.toString(),"footer-text":this.priceTagOptions.footerText,"footer-text-type":this.priceTagOptions.footerTextType})):null}renderButton(){return this.linkText?i("div",{class:"button",part:"button"},i("tet-button",{type:"primary",size:"small",theme:this.theme,"color-theme":this.buttonColorTheme,"custom-color-code":this.buttonCustomColorCode,"custom-color-content-tone":this.buttonCustomColorContentTone,url:this.linkHref,"url-target":this.linkNewTab?"_blank":"_self","accessibility-label":this.linkText,ref:t=>{this.buttonRef=t}},this.linkText)):null}render(){return i(r,{key:"e8530471a68710dd199317b117d1d3af6394f3f6",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"1ffa85d62df2a05a6e88194af54013fb948c7124",class:`card\n theme-${this.theme}\n size-${this.currentSize}\n position-${this.pictureLayoutShiftPosition}\n carousel-${this.isInCarousel}\n `,onClick:this.handleClick,onKeyUp:t=>{"Enter"===t.key&&this.handleClick(t)},tabindex:0,part:"card","aria-labelledby":this.cardTitle},i("div",{key:"e47e5b4430b187cfdadaf199dd67ba6cdab8b4b1",class:"image",part:"image"},i("slot",{key:"7ecd7a9a33cf901cfc06608313406fc94d2fa24c",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"0b60b40de9a3251f419c05a1bc6eaf8a4fa4d2db",class:"content-container"},i("div",{key:"951c7a01fe66f1e9448c4860c4d4562a7fc4d79a",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"4f1c20b943baccab417a822461f45444ac881e77",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"9fe5a6817e092e3e39ce9ab0adc738eaa866381d",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:[{onThemeChanged:0}],size:[{onSizeChange:0}]}}};a.style=":host{--image-type:cover;--image-background-color:var(--tc-background-white-black);--card-width-mobile:17.5rem;--card-height-mobile:27.75rem;--card-width-tablet:21.375rem;--card-height-tablet:33.875rem;--card-width-desktop:25.625rem;--card-height-desktop:39.5rem;--option-card-bg:var(--tc-background-white-black);--option-card-text:var(--tc-text-primary);--option-card-border:var(--tc-border-quaternary);display:block;font-family:var(--tet-font-family-primary)}.card{-webkit-user-drag:none;user-select:none;cursor:pointer;background:var(--tc-background-white-black);border-radius:1rem;border:0.0625rem solid var(--tc-border-quaternary);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;min-width:var(--card-width-mobile);width:var(--card-width-mobile);height:var(--card-height-mobile);transition:box-shadow 0.15s ease}.card.size-S{width:var(--card-width-mobile);height:var(--card-height-mobile)}.card.size-XL,.card.size-L,.card.size-M{width:100%}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem}.card:hover{box-shadow:0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08)}.card:hover ::slotted(img){transform:scale(1.06)}.card:active{box-shadow:0 0 1px 0 rgba(12, 12, 14, 0.08), 0 1px 3px 0 rgba(12, 12, 14, 0.12)}.card:active ::slotted(img){transform:scale(1.01)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image{-webkit-user-drag:none;user-select:none;flex-shrink:0;width:100%;height:16.125rem;overflow:hidden;position:relative;background-color:var(--image-background-color)}.image ::slotted(img){transition:transform 0.3s ease;width:100%;height:100%;object-fit:var(--image-type);display:block}.price{position:absolute;bottom:0.75rem;right:0.75rem;z-index:1}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem;z-index:1}.content{height:auto;padding:0 1rem;text-align:center}.title{margin:0;font-family:var(--font-family-fallback);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--tc-text-primary);line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3rem}.subtitle{color:var(--tc-text-primary);text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5rem}.button{margin-top:auto;margin-bottom:1.5rem;width:fit-content;text-wrap:nowrap}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem}.tags{display:flex;flex-wrap:wrap;gap:0.25rem}.tag{border:0.0625px solid var(--tc-border-tertiary);padding:0.1875rem 0.3125rem;border-radius:0.375rem;background:var(--tc-layer-primary);color:var(--tc-text-primary);font-family:var(--font-family-content);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem}.tag.colored--white{background:var(--tc-layer-primary);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.tag.colored--black{color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}.tag.colored--yellow{background:var(--tc-yellow-20);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.theme-dark{background:var(--tc-layer-primary-dark);border:0.0625rem solid var(--tc-border-quaternary-dark)}.theme-dark .title{color:var(--tc-text-primary-dark)}.theme-dark .subtitle{color:var(--tc-text-primary-dark)}.theme-dark .tag:not(.colored){color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}@media all and (min-width: 48rem){.card{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-S{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-M{width:100%}.card.size-M .image{width:100%}.card.size-M.carousel-true{width:44rem}.card.size-XL,.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-XL .image,.card.size-L .image{width:60%;height:100%}.card.size-XL .button,.card.size-L .button{margin-top:0}.card.size-XL.position-right,.card.size-L.position-right{flex-direction:row-reverse}.card.size-XL.carousel-true,.card.size-L.carousel-true{width:44rem}.image{width:var(--card-width-tablet);height:var(--card-width-tablet)}.title{font-size:1.5rem;line-height:1.75rem;max-height:3.5rem}.tag{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem}}@media all and (min-width: 90rem){.card.size-M{width:100%}.card.size-M.carousel-true{width:39.375rem}.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-L .image{width:62%;height:100%}.card.size-L .button{margin-top:0}.card.size-L.position-right{flex-direction:row-reverse}.card.size-L.carousel-true{width:57.25rem}.card.size-XL .image{width:64%}.card.size-XL.carousel-true{width:80.25rem}}@media all and (min-width: 120rem){.card{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-S{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-L.carousel-true{width:83.125rem}.card.size-XL .image{width:72%}.card.size-XL.carousel-true{width:110.25rem}.image{width:var(--card-width-desktop);height:var(--card-width-desktop)}.title{font-size:1.75rem;line-height:2rem;max-height:4rem}.subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem;max-height:3rem}}";export{a as tet_dynamic_card}
|
|
1
|
+
import{r as t,c as e,h as i,H as r}from"./p-BGB6gNkz.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent")}theme="light";onThemeChanged(t){"dark"===t?(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorLight}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorDark}`)):(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorDark}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorLight}`))}size="S";onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}sizeChangeBreakpoint="None";isInCarousel=!1;pictureLayoutShiftPosition="left";cardTitle;subtitle;tags;dateTag;dateTagColorLight="black";dateTagColorDark="white";priceTagOptions={show:!1,background:"white"};linkHref;linkText;linkNewTab=!1;index;buttonColorTheme;buttonCustomColorCode;buttonCustomColorContentTone="light";tetDynamicCardClickEvent;isFocused=!1;originalSize=null;currentSize=null;priceViewRef=null;buttonRef=null;dateTagColorRef=null;rootElementRef=null;BREAKPOINTS={MOBILE:768,TABLET_SMALL:1024,TABLET:1440,DESKTOP:1920};CARD_SIZES={standard:{S:"fit-content",M:"calc(50% - 0.75rem)",XL:"100%"},responsive:{mobile:"100%",tablet:"calc(100% - var(--card-width-tablet) - 1.5rem - 2px)",desktop:"calc(100% - var(--card-width-desktop) - 1.5rem - 2px)"}};getCardSize(t){return this.isInCarousel?"S":t<this.BREAKPOINTS.MOBILE?"XL":t<this.BREAKPOINTS.TABLET_SMALL?"M":("L"===this.originalSize||"M"===this.originalSize)&&t<this.BREAKPOINTS.TABLET&&"Tab"===this.sizeChangeBreakpoint?"S":this.originalSize}getMinWidth(t){return t<this.BREAKPOINTS.MOBILE?"calc(var(--card-width-mobile) - 2rem)":t<this.BREAKPOINTS.TABLET?"calc(var(--card-width-tablet) - 2rem)":t<this.BREAKPOINTS.DESKTOP?"var(--card-width-tablet)":"var(--card-width-desktop)"}getCardWidth(t,e){if(this.isInCarousel)return"fit-content";if(e<this.BREAKPOINTS.MOBILE)return this.CARD_SIZES.responsive.mobile;if(e<this.BREAKPOINTS.TABLET){if(("L"===this.originalSize||"M"===this.originalSize)&&"Tab"===this.sizeChangeBreakpoint)return"fit-content";if("M"===t)return this.CARD_SIZES.standard.M;if("L"===t)return this.CARD_SIZES.responsive.tablet}else if("L"===t)return e<this.BREAKPOINTS.DESKTOP?this.CARD_SIZES.responsive.tablet:this.CARD_SIZES.responsive.desktop;return this.CARD_SIZES.standard[t]||"fit-content"}resizeCard=t=>{this.currentSize=this.getCardSize(t),this.rootElementRef.style.minWidth=this.getMinWidth(t),this.rootElementRef.style.width=this.getCardWidth(this.currentSize,t)};resizeObserver=new ResizeObserver((()=>{const t=window.innerWidth;this.resizeCard(t),t<768?(this.priceViewRef?.setAttribute("size","S"),this.buttonRef?.setAttribute("size","small")):t<1920?(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","medium")):(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","large"))}));componentWillLoad(){this.originalSize=this.size,this.currentSize=this.size}componentDidLoad(){this.onThemeChanged(this.theme),this.resizeObserver.observe(window.document.body)}handleClick=t=>{if(t.composedPath().some((t=>t instanceof HTMLElement&&t.classList?.contains("button"))))this.tetDynamicCardClickEvent.emit();else if(this.buttonRef&&this.linkHref){const t=this.buttonRef.shadowRoot?.querySelector("button");t&&t.click()}};renderTags(){const t="dark"===this.theme?this.dateTagColorDark:this.dateTagColorLight;return i("div",{class:"tags-container",part:"tags"},this.tags?.length>0&&i("div",{class:"tags"},this.tags.map((t=>i("span",{class:"tag"},t)))),this.dateTag&&i("div",{class:"tags"},i("div",{class:`tag colored colored--${t}`,ref:t=>{this.dateTagColorRef=t}},i("span",{class:"date-tag-text"},this.dateTag))))}renderPrice(){return this.priceTagOptions?.show?i("div",{class:"price",part:"price"},i("tet-price-view",{ref:t=>{this.priceViewRef=t},font:this.priceTagOptions.font||"Gilroy, Arial, sans-serif",background:this.priceTagOptions.background,staticColors:this.priceTagOptions.isStatic,theme:this.theme,size:"S","heading-text":this.priceTagOptions.headingText,"price-type":this.priceTagOptions.priceType,"euro-price":this.priceTagOptions.euroPrice?.toString(),"cents-price":this.priceTagOptions.centsPrice?.toString(),"footer-text":this.priceTagOptions.footerText,"footer-text-type":this.priceTagOptions.footerTextType})):null}renderButton(){return this.linkText?i("div",{class:"button",part:"button"},i("tet-button",{type:"primary",size:"small",theme:this.theme,"color-theme":this.buttonColorTheme,"custom-color-code":this.buttonCustomColorCode,"custom-color-content-tone":this.buttonCustomColorContentTone,url:this.linkHref,"url-target":this.linkNewTab?"_blank":"_self","accessibility-label":this.linkText,ref:t=>{this.buttonRef=t}},this.linkText)):null}render(){return i(r,{key:"e8530471a68710dd199317b117d1d3af6394f3f6",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"1ffa85d62df2a05a6e88194af54013fb948c7124",class:`card\n theme-${this.theme}\n size-${this.currentSize}\n position-${this.pictureLayoutShiftPosition}\n carousel-${this.isInCarousel}\n `,onClick:this.handleClick,onKeyUp:t=>{"Enter"===t.key&&this.handleClick(t)},tabindex:0,part:"card","aria-labelledby":this.cardTitle},i("div",{key:"e47e5b4430b187cfdadaf199dd67ba6cdab8b4b1",class:"image",part:"image"},i("slot",{key:"7ecd7a9a33cf901cfc06608313406fc94d2fa24c",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"0b60b40de9a3251f419c05a1bc6eaf8a4fa4d2db",class:"content-container"},i("div",{key:"951c7a01fe66f1e9448c4860c4d4562a7fc4d79a",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"4f1c20b943baccab417a822461f45444ac881e77",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"9fe5a6817e092e3e39ce9ab0adc738eaa866381d",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:[{onThemeChanged:0}],size:[{onSizeChange:0}]}}};a.style=":host{--image-type:cover;--image-background-color:var(--tc-background-white-black);--card-width-mobile:17.5rem;--card-height-mobile:27.75rem;--card-width-tablet:21.375rem;--card-height-tablet:33.875rem;--card-width-desktop:25.625rem;--card-height-desktop:39.5rem;--option-card-bg:var(--tc-background-white-black);--option-card-text:var(--tc-text-primary);--option-card-border:var(--tc-border-quaternary);display:block;font-family:var(--tet-font-family-primary)}.card{-webkit-user-drag:none;user-select:none;cursor:pointer;background:var(--tc-background-white-black);border-radius:1rem;border:0.0625rem solid var(--tc-border-quaternary);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;min-width:var(--card-width-mobile);width:var(--card-width-mobile);height:var(--card-height-mobile);transition:box-shadow 0.15s ease}.card.size-S{width:var(--card-width-mobile);height:var(--card-height-mobile)}.card.size-XL,.card.size-L,.card.size-M{width:100%}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem}.card:hover{box-shadow:0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08)}.card:hover ::slotted(img){transform:scale(1.06)}.card:active{box-shadow:0 0 1px 0 rgba(12, 12, 14, 0.08), 0 1px 3px 0 rgba(12, 12, 14, 0.12)}.card:active ::slotted(img){transform:scale(1.01)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image{-webkit-user-drag:none;user-select:none;flex-shrink:0;width:100%;height:16.125rem;overflow:hidden;position:relative;background-color:var(--image-background-color)}.image ::slotted(img){transition:transform 0.3s ease;width:100%;height:100%;object-fit:var(--image-type);display:block}.price{position:absolute;bottom:0.75rem;right:0.75rem;z-index:1}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem;z-index:1}.content{height:auto;padding:0 1rem;text-align:center}.title{margin:0;font-family:var(--font-family-fallback);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--tc-text-primary);line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3rem}.subtitle{color:var(--tc-text-primary);text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5rem}.button{margin-top:auto;margin-bottom:1.5rem;width:fit-content;text-wrap:nowrap}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem}.tags{display:flex;flex-wrap:wrap;gap:0.25rem}.tag{border:0.0625px solid var(--tc-border-tertiary);padding:0.1875rem 0.3125rem;border-radius:0.375rem;background:var(--tc-layer-primary);color:var(--tc-text-primary);font-family:var(--font-family-content);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem}.tag.colored--white{background:var(--tc-layer-primary);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.tag.colored--black{color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}.tag.colored--yellow{background:var(--tc-yellow-20);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.theme-dark{background:var(--tc-layer-primary-dark);border:0.0625rem solid var(--tc-border-quaternary-dark)}.theme-dark .title{color:var(--tc-text-primary-dark)}.theme-dark .subtitle{color:var(--tc-text-primary-dark)}.theme-dark .tag:not(.colored){color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}@media all and (min-width: 48rem){.card{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-S{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-M{width:100%}.card.size-M .image{width:100%}.card.size-M.carousel-true{width:44rem}.card.size-XL,.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-XL .image,.card.size-L .image{width:60%;height:100%}.card.size-XL .button,.card.size-L .button{margin-top:0}.card.size-XL.position-right,.card.size-L.position-right{flex-direction:row-reverse}.card.size-XL.carousel-true,.card.size-L.carousel-true{width:44rem}.image{width:var(--card-width-tablet);height:var(--card-width-tablet)}.title{font-size:1.5rem;line-height:1.75rem;max-height:3.5rem}.tag{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem}}@media all and (min-width: 90rem){.card.size-M{width:100%}.card.size-M.carousel-true{width:39.375rem}.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-L .image{width:62%;height:100%}.card.size-L .button{margin-top:0}.card.size-L.position-right{flex-direction:row-reverse}.card.size-L.carousel-true{width:57.25rem}.card.size-XL .image{width:64%}.card.size-XL.carousel-true{width:80.25rem}}@media all and (min-width: 120rem){.card{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-S{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-L.carousel-true{width:83.125rem}.card.size-XL .image{width:72%}.card.size-XL.carousel-true{width:110.25rem}.image{width:var(--card-width-desktop);height:var(--card-width-desktop)}.title{font-size:1.75rem;line-height:2rem;max-height:4rem}.subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem;max-height:3rem}}";export{a as tet_dynamic_card}
|