@tet/tet-components 1.4.33-testing → 1.4.34-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-656e77f6.js → address-f852270f.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-b9d36649.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-4517f566.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-062f76cf.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-19a7608f.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-faec4c52.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{phone-055efd07.js → phone-d6be0dd2.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-aa80a77c.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 +6 -6
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +5 -5
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +4 -2
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +16 -9
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- 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-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +2 -2
- package/dist/cjs/tet-card-list.cjs.entry.js +2 -2
- 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-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +2 -2
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- 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 +45 -8
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +2 -2
- 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 +7 -4
- package/dist/cjs/tet-label.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-loader.cjs.entry.js +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- 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-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +1 -1
- 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.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +2 -2
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.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-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +41 -11
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.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-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-46514846.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-89a0ec3d.js} +1 -1
- package/dist/collection/assets/icons/icon-map.json +1 -1
- package/dist/collection/assets/icons/tc/tc-search-empty.svg +4 -0
- package/dist/collection/components/advanced/address/tet-address-search/tet-address-search.css +1 -1
- package/dist/collection/components/advanced/address/tet-autocomplete-dropdown/tet-autocomplete-dropdown.js +3 -1
- package/dist/collection/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.css +0 -3
- package/dist/collection/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.js +1 -1
- package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.css +1 -1
- package/dist/collection/components/advanced/forms/tet-feedback-form/tet-feedback-form.css +3 -2
- package/dist/collection/components/advanced/forms/tet-feedback-form/tet-feedback-form.js +56 -4
- package/dist/collection/components/advanced/search/tet-support-search/tet-support-search.css +3 -3
- package/dist/collection/components/advanced/search/tet-support-search/tet-support-search.js +59 -10
- package/dist/collection/components/basic/buttons/tet-button/tet-button.css +6 -0
- package/dist/collection/components/simple/inputs/tet-input/tet-input.js +4 -1
- package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.css +1 -1
- package/dist/collection/components/simple/menu/tet-business-navigation/tet-business-navigation.css +8 -10
- package/dist/collection/components/simple/menu/tet-business-navigation/tet-business-navigation.js +12 -5
- package/dist/collection/components/simple/structural/tet-floating-block/tet-floating-block.css +2 -6
- package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.css +1 -1
- package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js +2 -2
- package/dist/components/assets/icons/icon-map.json +1 -1
- package/dist/components/assets/icons/tc/tc-search-empty.svg +4 -0
- package/dist/components/index.js +1 -1
- package/dist/components/{p-1b1c4871.js → p-00806d54.js} +6 -6
- package/dist/components/{p-fd3bdd4c.js → p-01354b80.js} +14 -14
- package/dist/components/{p-7620ce21.js → p-04c58dbe.js} +1 -1
- package/dist/components/{p-6cd63078.js → p-089cf97c.js} +1 -1
- package/dist/components/{p-4061b379.js → p-0f45e193.js} +5 -5
- package/dist/components/{p-b0347530.js → p-1e072080.js} +9 -9
- package/dist/components/{p-52fcf7aa.js → p-22855c3a.js} +1 -1
- package/dist/components/{p-f76fad86.js → p-26ffcb52.js} +1 -1
- package/dist/components/{p-efdf0813.js → p-2dbdff4f.js} +2 -2
- package/dist/components/{p-e9bf0228.js → p-31cf0ad6.js} +1 -1
- package/dist/components/{p-4468c9e9.js → p-3493f65f.js} +1 -1
- package/dist/components/{p-6d10cfc1.js → p-37950005.js} +10 -10
- package/dist/components/{p-4a4f4abf.js → p-3e8aed87.js} +2 -2
- package/dist/components/{p-89c93c64.js → p-3f34928f.js} +1 -1
- package/dist/components/{p-2d32db8b.js → p-46db990b.js} +7 -4
- package/dist/components/{p-d69376b7.js → p-4c9926ae.js} +2 -2
- package/dist/components/{p-3881222c.js → p-4e2d077b.js} +6 -6
- package/dist/components/{p-1dc3b03c.js → p-4f0c7a6b.js} +3 -3
- package/dist/components/{p-4e0e2b59.js → p-563a8b83.js} +1 -1
- package/dist/components/{p-86aaf990.js → p-569fe3e0.js} +3 -3
- package/dist/components/{p-869958e9.js → p-58a6be72.js} +2 -2
- package/dist/components/{p-13c2091d.js → p-59337a7e.js} +7 -7
- package/dist/components/{p-1ffee60d.js → p-6635e4bc.js} +2 -2
- package/dist/components/{p-92eb4c89.js → p-6afd7970.js} +5 -5
- package/dist/components/{p-b453369c.js → p-6ecba6d0.js} +1 -1
- package/dist/components/{p-d32eca66.js → p-8001fa16.js} +2 -2
- package/dist/components/{p-19d39e59.js → p-8275a2c7.js} +15 -8
- package/dist/components/{p-cf8fb3b8.js → p-884ea344.js} +11 -11
- package/dist/components/{p-c6c5425e.js → p-8b5b8f91.js} +1 -1
- package/dist/components/{p-595baac6.js → p-8cd5675e.js} +1 -1
- package/dist/components/{p-0d8e93da.js → p-8e814c8e.js} +1 -1
- package/dist/components/{p-f1380f68.js → p-927f057a.js} +3 -3
- package/dist/components/{p-eca7dc6f.js → p-a2264ad8.js} +2 -2
- package/dist/components/{p-543c7a96.js → p-a808cedb.js} +9 -9
- package/dist/components/{p-dd3541f5.js → p-a9c8d424.js} +1 -1
- package/dist/components/{p-25b93e8f.js → p-aa122c92.js} +1 -1
- package/dist/components/{p-19a63760.js → p-adeb1eb9.js} +1 -1
- package/dist/components/{p-43ec1361.js → p-afb886f7.js} +2 -2
- package/dist/components/{p-ee54db57.js → p-b656e6b1.js} +1 -1
- package/dist/components/{p-44201f97.js → p-b6841a9b.js} +1 -1
- package/dist/components/{p-ca8df28e.js → p-b68fc77d.js} +3 -3
- package/dist/components/{p-dfb8a350.js → p-b72c07cb.js} +7 -7
- package/dist/components/{p-027b4019.js → p-ba73feeb.js} +3 -3
- package/dist/components/{p-b0040cc1.js → p-c152e932.js} +2 -2
- package/dist/components/{p-250eb091.js → p-c1c76acd.js} +1 -1
- package/dist/components/{p-d41f8f87.js → p-c737018f.js} +2 -2
- package/dist/components/{p-0138c33f.js → p-c9ce4ed1.js} +6 -6
- package/dist/components/{p-548501b5.js → p-caddcfad.js} +1 -1
- package/dist/components/{p-848ec723.js → p-d3dfeee8.js} +1 -1
- package/dist/components/{p-980978bc.js → p-d644fcc9.js} +4 -4
- package/dist/components/{p-4ff94d2c.js → p-d8094eaa.js} +2 -2
- package/dist/components/{p-9c321f66.js → p-e01e4727.js} +7 -7
- package/dist/components/{p-ce823477.js → p-e01e633d.js} +2 -2
- package/dist/components/{p-c615bc41.js → p-e7dbbcdd.js} +1 -1
- package/dist/components/{p-c4d184b3.js → p-eb0b3d19.js} +5 -5
- package/dist/components/{p-924b430a.js → p-ec684898.js} +1 -1
- package/dist/components/p-f643aa85.js +153 -0
- package/dist/components/{p-d96c9c10.js → p-fa7e231b.js} +3 -3
- package/dist/components/{p-58991856.js → p-fc106744.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 +27 -27
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +8 -6
- 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 +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- 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 +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- 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 +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- 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 +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +49 -12
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +4 -4
- 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-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +2 -2
- package/dist/components/tet-news-card-list.js +4 -4
- 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 +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- 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-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +49 -17
- 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 +3 -3
- 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 +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-1e0810e7.js → address-20e2d850.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-894007df.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-ae1056de.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-cf0086d4.js} +1 -1
- package/dist/esm/{index-412df137.js → index-e3209c56.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-e933a7d2.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{phone-1a920c5c.js → phone-62660137.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-cb8955f6.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 +6 -6
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +5 -5
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +4 -2
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +16 -9
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- 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-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +2 -2
- package/dist/esm/tet-card-list.entry.js +2 -2
- 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-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +3 -3
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- 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 +45 -8
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +2 -2
- 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 +7 -4
- package/dist/esm/tet-label.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-loader.entry.js +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +1 -1
- 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.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +2 -2
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.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-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +41 -11
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.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-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-cf4d7d54.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-e60db8fd.js} +1 -1
- package/dist/tet-components/assets/icons/icon-map.json +1 -1
- package/dist/tet-components/assets/icons/tc/tc-search-empty.svg +4 -0
- package/dist/tet-components/{p-a5bbadd5.entry.js → p-04d050f5.entry.js} +1 -1
- package/dist/tet-components/{p-d41a4ec0.entry.js → p-06c7aa77.entry.js} +1 -1
- package/dist/tet-components/{p-3e7e1106.entry.js → p-0781e892.entry.js} +1 -1
- package/dist/tet-components/{p-5391d594.entry.js → p-0bf60061.entry.js} +1 -1
- package/dist/tet-components/{p-7a3c1254.entry.js → p-127b2895.entry.js} +1 -1
- package/dist/tet-components/{p-b7393577.entry.js → p-134b5155.entry.js} +1 -1
- package/dist/tet-components/{p-068ab35d.entry.js → p-145baad0.entry.js} +1 -1
- package/dist/tet-components/{p-2a43ccef.entry.js → p-14c15a69.entry.js} +1 -1
- package/dist/tet-components/{p-e481116c.entry.js → p-16d7c0d2.entry.js} +1 -1
- package/dist/tet-components/{p-85a4823a.entry.js → p-1a4422ad.entry.js} +1 -1
- package/dist/tet-components/{p-903c4587.entry.js → p-1a84bfc6.entry.js} +1 -1
- package/dist/tet-components/{p-bcca51cc.entry.js → p-1f5ed76c.entry.js} +1 -1
- package/dist/tet-components/{p-747e5e19.entry.js → p-20ade008.entry.js} +1 -1
- package/dist/tet-components/{p-be3a10d0.entry.js → p-24df18b9.entry.js} +1 -1
- package/dist/tet-components/{p-f6916bfc.entry.js → p-265701de.entry.js} +1 -1
- package/dist/tet-components/{p-e9883cd3.entry.js → p-2ad8cd81.entry.js} +1 -1
- package/dist/tet-components/{p-b365e697.entry.js → p-2c315c23.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-2dbe670c.js} +1 -1
- package/dist/tet-components/{p-d6aa828a.entry.js → p-2e5e5716.entry.js} +1 -1
- package/dist/tet-components/{p-7056a120.entry.js → p-31d0b400.entry.js} +1 -1
- package/dist/tet-components/{p-c1b70e23.entry.js → p-3369cf8a.entry.js} +1 -1
- package/dist/tet-components/{p-778c46a6.js → p-3ac57578.js} +1 -1
- package/dist/tet-components/{p-3fc6a020.entry.js → p-3b5e9fed.entry.js} +1 -1
- package/dist/tet-components/{p-94322144.entry.js → p-40d20508.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-4213c1d1.js} +1 -1
- package/dist/tet-components/{p-7d64d525.entry.js → p-4589ba47.entry.js} +1 -1
- package/dist/tet-components/{p-7c7fb42f.entry.js → p-4d935fc8.entry.js} +1 -1
- package/dist/tet-components/{p-aff47d36.entry.js → p-510806be.entry.js} +1 -1
- package/dist/tet-components/{p-1ddfaaa0.entry.js → p-53e83f83.entry.js} +1 -1
- package/dist/tet-components/{p-122f3d3c.entry.js → p-548d7cc1.entry.js} +1 -1
- package/dist/tet-components/p-5558eb1c.entry.js +1 -0
- package/dist/tet-components/{p-71018cb8.entry.js → p-581b1f01.entry.js} +1 -1
- package/dist/tet-components/{p-ce850061.entry.js → p-589e8e4b.entry.js} +1 -1
- package/dist/tet-components/{p-5845a3dc.entry.js → p-59007fe7.entry.js} +1 -1
- package/dist/tet-components/{p-83f43fdd.js → p-5abb3bea.js} +1 -1
- package/dist/tet-components/{p-3e3ecc08.entry.js → p-5d638022.entry.js} +1 -1
- package/dist/tet-components/p-5e8bd119.entry.js +1 -0
- package/dist/tet-components/{p-cde8057a.entry.js → p-60abca86.entry.js} +1 -1
- package/dist/tet-components/{p-2ee91947.entry.js → p-61de58e7.entry.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-63f6def9.entry.js} +1 -1
- package/dist/tet-components/p-660bdc27.js +1 -0
- package/dist/tet-components/{p-ee15fbb6.entry.js → p-699ecd12.entry.js} +1 -1
- package/dist/tet-components/{p-c10d5369.entry.js → p-6c6cd148.entry.js} +1 -1
- package/dist/tet-components/{p-0ffbeb2a.entry.js → p-6ec21c58.entry.js} +1 -1
- package/dist/tet-components/{p-76526271.entry.js → p-6fb8c506.entry.js} +1 -1
- package/dist/tet-components/{p-c858f416.entry.js → p-6fe562e3.entry.js} +1 -1
- package/dist/tet-components/{p-32ece6e1.entry.js → p-6ffacde3.entry.js} +1 -1
- package/dist/tet-components/{p-c380ea54.entry.js → p-71064d29.entry.js} +1 -1
- package/dist/tet-components/{p-32691e85.entry.js → p-71bdb301.entry.js} +1 -1
- package/dist/tet-components/{p-0ebbf5ef.js → p-726651bc.js} +1 -1
- package/dist/tet-components/{p-46975ec4.entry.js → p-73c190a2.entry.js} +1 -1
- package/dist/tet-components/{p-a093603e.entry.js → p-771dd791.entry.js} +1 -1
- package/dist/tet-components/{p-ab13d33d.entry.js → p-79911ddf.entry.js} +1 -1
- package/dist/tet-components/{p-8c0ac70a.entry.js → p-7a094aaa.entry.js} +1 -1
- package/dist/tet-components/{p-920c54d8.entry.js → p-863c1c55.entry.js} +1 -1
- package/dist/tet-components/{p-8dad0d3e.entry.js → p-87fdd3dd.entry.js} +1 -1
- package/dist/tet-components/{p-10e72480.entry.js → p-8b93b91f.entry.js} +1 -1
- package/dist/tet-components/{p-e0fc34c9.entry.js → p-8d399a39.entry.js} +1 -1
- package/dist/tet-components/{p-f5d4d8c8.entry.js → p-8fae4e03.entry.js} +1 -1
- package/dist/tet-components/{p-3e1e9943.entry.js → p-9020245b.entry.js} +1 -1
- package/dist/tet-components/{p-ed061701.entry.js → p-9114f39c.entry.js} +1 -1
- package/dist/tet-components/{p-1308389c.entry.js → p-9303f044.entry.js} +1 -1
- package/dist/tet-components/{p-c72c4c61.entry.js → p-938c44a3.entry.js} +1 -1
- package/dist/tet-components/{p-77eaa70d.entry.js → p-94ef0a7b.entry.js} +1 -1
- package/dist/tet-components/{p-c8c0f6d3.entry.js → p-97a4e6d0.entry.js} +1 -1
- package/dist/tet-components/p-97b87a25.entry.js +1 -0
- package/dist/tet-components/{p-8a363e18.entry.js → p-992da373.entry.js} +1 -1
- package/dist/tet-components/{p-f16514db.entry.js → p-9bd457d2.entry.js} +1 -1
- package/dist/tet-components/{p-da0fc55d.entry.js → p-9c263933.entry.js} +1 -1
- package/dist/tet-components/p-9f921c87.entry.js +1 -0
- package/dist/tet-components/{p-a8051a99.js → p-a476fd02.js} +1 -1
- package/dist/tet-components/{p-20bb8b10.entry.js → p-a58dc2dd.entry.js} +1 -1
- package/dist/tet-components/{p-a7b563a4.entry.js → p-adcfcac9.entry.js} +1 -1
- package/dist/tet-components/{p-f68450a4.entry.js → p-b22de340.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-b39df477.js} +1 -1
- package/dist/tet-components/{p-872bbccf.entry.js → p-b468a922.entry.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-b4b90473.entry.js} +1 -1
- package/dist/tet-components/{p-eaaaeafe.entry.js → p-b72b9466.entry.js} +1 -1
- package/dist/tet-components/{p-8d2269b5.entry.js → p-b9209f91.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-b92dff8a.js} +1 -1
- package/dist/tet-components/{p-1db8895a.entry.js → p-bb947f1a.entry.js} +1 -1
- package/dist/tet-components/{p-7ffb8e4f.entry.js → p-bca076c8.entry.js} +1 -1
- package/dist/tet-components/{p-28c54fff.entry.js → p-bd2e52e7.entry.js} +1 -1
- package/dist/tet-components/{p-4fb3f48b.entry.js → p-bdc6c9fb.entry.js} +1 -1
- package/dist/tet-components/{p-b34e86ef.entry.js → p-c9583427.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-c9ddf890.js} +1 -1
- package/dist/tet-components/{p-503fa549.entry.js → p-ca78ea7c.entry.js} +1 -1
- package/dist/tet-components/{p-c455736d.entry.js → p-ce1d5bd4.entry.js} +1 -1
- package/dist/tet-components/{p-13b8d342.entry.js → p-cf0df09b.entry.js} +1 -1
- package/dist/tet-components/{p-970336de.entry.js → p-d0726a9d.entry.js} +1 -1
- package/dist/tet-components/{p-c00fe3e7.entry.js → p-d12eef25.entry.js} +1 -1
- package/dist/tet-components/{p-39796998.entry.js → p-d3db997e.entry.js} +1 -1
- package/dist/tet-components/{p-eaaf3ccf.entry.js → p-d8875b9f.entry.js} +1 -1
- package/dist/tet-components/{p-a64e3e96.entry.js → p-e74416dc.entry.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-ec5b1040.entry.js} +1 -1
- package/dist/tet-components/p-ed8265ca.entry.js +1 -0
- package/dist/tet-components/{p-a4bef9cf.entry.js → p-f743f892.entry.js} +1 -1
- package/dist/tet-components/{p-2328b1d4.entry.js → p-f9c98275.entry.js} +1 -1
- package/dist/tet-components/{p-b87db05c.entry.js → p-fa34e438.entry.js} +1 -1
- package/dist/tet-components/{p-09dd8219.entry.js → p-fb434c23.entry.js} +1 -1
- package/dist/tet-components/p-fb4d019d.entry.js +1 -0
- package/dist/tet-components/{p-aa54c6ab.entry.js → p-ffc57ff3.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/forms/tet-feedback-form/tet-feedback-form.d.ts +8 -0
- package/dist/types/components/advanced/search/tet-support-search/tet-support-search.d.ts +14 -3
- package/dist/types/components/simple/inputs/tet-input/tet-input.d.ts +1 -0
- package/dist/types/components/simple/menu/tet-business-navigation/tet-business-navigation.d.ts +2 -2
- package/dist/types/components.d.ts +16 -3
- package/package.json +1 -1
- package/dist/components/p-60104d4b.js +0 -153
- package/dist/tet-components/p-00e4bbed.entry.js +0 -1
- package/dist/tet-components/p-1a05235c.entry.js +0 -1
- package/dist/tet-components/p-2f95b99f.entry.js +0 -1
- package/dist/tet-components/p-62fbcab1.entry.js +0 -1
- package/dist/tet-components/p-9cb7ecf6.entry.js +0 -1
- package/dist/tet-components/p-ae8ff573.entry.js +0 -1
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,g as e,h as i,H as n}from"./p-83f43fdd.js";import{a as r}from"./p-64ec8edd.js";import{n as a}from"./p-58434b0c.js";import{b as s,c as l,i as c}from"./p-9a2b6ee2.js";import{r as f}from"./p-df4bc38e.js";function m(t){return!!t&&(!("string"!=typeof t.h||!["a","button","input","select","textarea"].includes(t.h.toLowerCase()))||"object"==typeof t.o&&null!==t.o&&void 0!==t.o.tabindex&&-1!==t.o.tabindex||!!Array.isArray(t.i)&&t.i.some((t=>m(t))))}const p=class{constructor(e){t(this,e),this.optionSelected=o(this,"optionSelected",7),this.activeComponentStateChanged=o(this,"activeComponentStateChanged",7),this.showOptionsOnEscapeClear=!1,this.defaultOptions=[],this.optionsFilterAction=()=>[],this.noOptionsMessage=void 0,this.noOptionsRenderFunction=()=>null,this.customOptionRenderFunction=void 0,this.clearCallback=void 0,this.finishedLoading=void 0,this.newStyle=!1,this.highlightOptionsKeyword=!0,this.darkTheme=!1,this.optionsIcon="",this.redesignedStyle=!1,this.filteredOptions=[],this.activeOption=void 0,this.showOptions=!1,this.showLoader=!1,this.isKeyboardFocus=!0}get rootElement(){return e(this)}internalUniqueId;inputElement;optionsContainer;activeOptionElement;noOptionsElement;skipNextFilterValueChange=!1;lastFilteredValue="";typingDebounceTime=250;optionSelected;activeComponentStateChanged;componentDidLoad(){this.internalUniqueId=f(12);const t=this.rootElement?.querySelector(".autocomplete-input");var o;null!==t&&(this.inputElement=(o={value:t=>{this.skipNextFilterValueChange||this.debouncedUpdateFilteredOptions(t),this.skipNextFilterValueChange=!1}},new Proxy(t,{set:(t,e,i)=>(e in o&&o[e](i),t[e]=i,!0),get:(t,o)=>"origin"===o?t:t[o]}))),this.inputElement?.origin.addEventListener("input",this.onInputChange),this.inputElement?.origin.addEventListener("focus",this.tryToDisplayOptions)}disconnectedCallback(){this.inputElement?.origin.removeEventListener("input",this.onInputChange),this.inputElement?.origin.removeEventListener("focus",this.tryToDisplayOptions)}onPointerUp(t){t.stopPropagation()}onWindowPointerUp(t){"mouse"!==t.pointerType&&this.activeComponentStateChanged.emit(null)}onMouseDown(){this.isKeyboardFocus=!1}onComponentActiveStateChange({detail:t}){t===this.internalUniqueId&&null!==t||!this.showOptions||(this.showOptions=!1)}async handleKeyDown(t){switch(t.key){case"Escape":await this.clear(this.showOptionsOnEscapeClear);break;case"ArrowDown":if(this.optionsContainer&&this.filteredOptions.length){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=-1,o=this.filteredOptions.length-1,e=this.filteredOptions.indexOf(this.activeOption),[i]=this.filteredOptions;if(e===t||e===o)return this.optionsContainer.scrollTop=0,void(this.activeOption=i);this.activeOption=this.filteredOptions[e+1];const n=this.activeOptionElement.nextSibling;this.optionsContainer.scrollTop=n.offsetTop-n.offsetHeight}break;case"ArrowUp":if(this.optionsContainer&&this.filteredOptions.length&&this.activeOption){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=this.filteredOptions.length-1,o=this.filteredOptions.indexOf(this.activeOption);if(0===o)return this.optionsContainer.scrollTop=this.optionsContainer.scrollHeight,void(this.activeOption=this.filteredOptions[t]);this.activeOption=this.filteredOptions[o-1];const e=this.activeOptionElement.previousSibling;this.optionsContainer.scrollTop=e.offsetTop-2*e.offsetHeight}break;case"Enter":this.activeOption&&(this.getOptionSelectAction(this.activeOption)(t),this.handleInputFocusOutline(!1));break;default:if(this.showOptions||"Tab"===t.key)return;this.showOptions=!0}}handleNoOptionsFocusOut=t=>{const o=t.relatedTarget;o&&o instanceof HTMLElement&&o.classList.contains("icon-right")||(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),this.showOptions=!1)};handleFocusOut(t){const o=t.relatedTarget;return s(this.noOptionsRenderFunction)&&null!==this.noOptionsRenderFunction()&&!this.filteredOptions.length&&o&&this.rootElement.contains(o)&&m(this.noOptionsRenderFunction())?(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),void this.noOptionsElement?.addEventListener("focusout",this.handleNoOptionsFocusOut)):o&&o instanceof HTMLElement&&o.classList.contains("icon-right")?(this.showOptions=!1,void(this.activeOption=null)):void(this.showOptions&&(o&&this.rootElement.contains(o)||(this.showOptions=!1)))}async clear(t=!1){this.inputElement&&(this.inputElement.value="",this.showOptions=(!this.showOptions||!t)&&t,this.handleInputFocusOutline(!1),this.clearCallback&&this.clearCallback())}async focusOnNativeInput(){this.inputElement&&(this.inputElement.origin.focus(),this.showOptions=!0)}async selectOption(t){this.optionSelected.emit(t),this.showOptions=!1,this.activeOption=null,this.inputElement&&(this.skipNextFilterValueChange=!0,this.inputElement.value=t.label)}handleInputFocusOutline=(t=!0)=>{const o=this.rootElement?.querySelector("input");o instanceof HTMLInputElement&&this.isKeyboardFocus&&(t?(o.focus(),requestAnimationFrame((()=>o.classList.remove("keyboard-focus")))):o.classList.add("keyboard-focus"))};tryToExecuteFinishedLoading=()=>{this.finishedLoading instanceof Function&&this.finishedLoading()};tryToDisplayOptions=()=>{this.showOptions=!0,this.activeComponentStateChanged.emit(this.internalUniqueId),this.inputElement&&this.updateFilteredOptions(this.inputElement?.value)};onInputChange=t=>{this.debouncedUpdateFilteredOptions(t.target.value)};updateFilteredOptions=t=>{this.activeOption=null;const o=a(t??"");if(this.defaultOptions.length&&!o)return this.filteredOptions=this.defaultOptions,this.tryToExecuteFinishedLoading();if(!o||this.lastFilteredValue===o)return this.filteredOptions.length&&!o&&(this.filteredOptions=[]),this.lastFilteredValue=o,this.tryToExecuteFinishedLoading();const e=this.optionsFilterAction(o);l(e)?(this.showLoader=!0,this.filteredOptions=[],e.then((t=>{this.filteredOptions=t,this.lastFilteredValue=o})).finally((()=>{this.showLoader=!1}))):(this.filteredOptions=e,this.lastFilteredValue=o),this.tryToExecuteFinishedLoading()};debouncedUpdateFilteredOptions=r((t=>{this.updateFilteredOptions(t)}),this.typingDebounceTime);onOptionSelect=async(t,o)=>{await this.selectOption({...o,userInteraction:!0,_originalEvent:t}),t.stopPropagation()};getOptionSelectAction=t=>s(t?.clickCallback)?o=>t.clickCallback(o,t):o=>this.onOptionSelect(o,t);getNoOptionsContent=()=>s(this.noOptionsRenderFunction)&&this.noOptionsRenderFunction()||this.noOptionsMessage;renderOptionsLoader=()=>{if(this.showLoader&&!this.newStyle&&!this.redesignedStyle)return i("ul",{class:"autocomplete-options"},i("li",{class:{"autocomplete-options-loader":!0,dark:this.darkTheme}},i("tet-loader",null)))};renderNoOptionsMessage=()=>{const t=this.getNoOptionsContent(),o={};return c(t)||(o.innerHTML=t),i("li",{class:{"autocomplete-options-none-message":!0,dark:this.darkTheme},...o,"aria-live":"polite",ref:t=>this.noOptionsElement=t},c(t)?t:null)};renderOption=(t,o)=>{let{label:e,ignoreHighlighting:n,cssPart:r}=t;const a=this.getOptionSelectAction(t),s=this.lastFilteredValue.split(/\s+/).map((t=>new RegExp(`(?:!</?[^>]*|&[^;]*)(${t})`,"ig")));return this.highlightOptionsKeyword&&!n&&s.forEach((t=>{e=e.replace(t,"<strong>$&</strong>")})),i("li",{class:{"autocomplete-options-item":!0,active:t===this.activeOption,dark:this.darkTheme,"focus-visible":t===this.activeOption&&this.isKeyboardFocus},part:r,onClick:a,onKeyDown:o=>{"Enter"===o.key&&a(t)},ref:o=>t===this.activeOption&&(this.activeOptionElement=o),id:`${this.internalUniqueId}-${o}`,role:"option"},this.renderOptionByType(t))};renderOptionByType(t){switch(!0){case"manual-input"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"manual-input":!0,"option-cta":!0},innerHTML:t.label});case"more-results"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"more-results":!0,"option-cta":!0},innerHTML:t.label});case s(this.customOptionRenderFunction):return this.customOptionRenderFunction(t);default:return[this.optionsIcon&&(this.newStyle||this.redesignedStyle)&&i("tet-icon",{class:"icon",name:this.optionsIcon}),i("span",{innerHTML:t.label})]}}renderOptions=t=>{if(!this.showOptions)return;const o=!t.length&&!this.showLoader&&this.inputElement?.value&&!!this.getNoOptionsContent();return o||t.length?i("div",{class:{"autocomplete-options-container":!0,dark:this.darkTheme,"new-style":this.newStyle||this.redesignedStyle,"redesigned-style":this.redesignedStyle},part:"autocomplete-options-container",role:"combobox","aria-expanded":this.showOptions,"aria-activedescendant":this.activeOption?`${this.internalUniqueId}-${this.filteredOptions.indexOf(this.activeOption)}`:void 0},i("ul",{class:"autocomplete-options",ref:t=>this.optionsContainer=t,role:"listbox",tabindex:"-1"},o&&this.renderNoOptionsMessage(),t.map(this.renderOption))):void 0};render(){return i(n,{key:"b7912ebe0109b274adc7fd47058f9e3751aadfb5",class:{autocomplete:!0,dark:this.darkTheme}},i("slot",{key:"52423b50781c60e42371cbe57ce9ed8523757857"}),this.renderOptionsLoader(),this.renderOptions(this.filteredOptions))}};p.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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--option-padding:0.5rem 1rem;--options-max-height:15.625rem;--options-max-height-new-style:12.25rem;--option-background-color:var(--tc-layer-secondary);--option-hover-background-color:var(--tc-menu-item-hover);--option-pressed-background-color:var(--tc-menu-item-pressed);--option-item-icon-color:var(--tc-icon-secondary);--option-item-icon-hover-color:var(--tc-icon-primary);--option-text-color:var(--tc-text-primary);--option-container-border-color:var(--tc-border-secondary);--option-text-highlight-color:var(--tc-yellow-20);display:block;position:relative}::slotted(.autocomplete-input){width:100%}.autocomplete-options{overflow-y:auto;list-style:none;max-height:var(--options-max-height);--item-icon-color:var(--option-item-icon-color)}.autocomplete-options-container{position:absolute;z-index:20;width:100%;background-color:var(--option-background-color);margin:0;padding:0;border-radius:0.1875rem;box-shadow:0 0 0 0.0625rem rgba(5, 29, 89, 0.16), 0 0.25rem 0.5rem rgba(5, 29, 89, 0.25);font-family:var(--text-font);animation:slideDown 0.125s ease-out 1;animation-fill-mode:forwards}.autocomplete-options-container .autocomplete-options{padding:0.375rem 0}.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .manual-input),.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .more-results){padding-bottom:0;margin-bottom:0.375rem}.autocomplete-options-container.redesigned-style .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary);border-radius:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary)}.autocomplete-options-container.redesigned-style.dark .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary-dark);border-radius:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary-dark)}.autocomplete-options-container .autocomplete-options-item{margin:0 0.375rem}.autocomplete-options-container .autocomplete-options-item .manual-input,.autocomplete-options-container .autocomplete-options-item .more-results{outline-offset:0.125rem !important;margin:0 0.375rem}.autocomplete-options-container.dark{--option-background-color:var(--tc-layer-secondary-dark);--option-hover-background-color:var(--tc-menu-item-hover-dark);--option-pressed-background-color:var(--tc-menu-item-pressed-dark);--option-item-icon-color:var(--tc-icon-secondary-dark);--option-item-icon-hover-color:var(--tc-icon-primary-dark);--option-text-color:var(--tc-text-primary-dark);--option-container-border-color:var(--tc-border-secondary-dark);--option-text-highlight-color:var(--tc-grey-30-dark)}.autocomplete-options-container.new-style{--options-max-height:var(--options-max-height-new-style);--option-padding:0.5rem 1rem 0.5rem 0.5rem;background:var(--option-background-color);font-family:"Inter", var(--font-family-fallback);box-shadow:none;border:0.03125rem solid var(--option-container-border-color);margin-top:0.375rem;border-radius:0.625rem;overflow:hidden}.autocomplete-options-container.new-style .autocomplete-options{padding:0.5rem 0}.autocomplete-options-container.new-style .autocomplete-options:has(.autocomplete-options-item .manual-input){margin-bottom:0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item{display:flex;position:relative;min-height:2.25rem;color:var(--option-text-color);border-radius:0.625rem;gap:0.5rem;margin:0 0.5rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-container.new-style .autocomplete-options-item .manual-input,.autocomplete-options-container.new-style .autocomplete-options-item .more-results{margin:0 0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item .more-results{text-decoration:none}.autocomplete-options-container.new-style .autocomplete-options-item .highlight{background-color:var(--option-text-highlight-color)}.autocomplete-options-container.new-style .autocomplete-options-none-message{font-size:0.875rem;color:var(--option-text-color);text-align:left;padding:0.5rem 1rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-item{display:flex;align-items:center;padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);cursor:pointer}.autocomplete-options-item:has(.more-results){--option-padding:0.75rem 0.5rem 0.5rem}.autocomplete-options-item .icon{--icon-color:var(--option-item-icon-color);--icon-size:1.25rem}.autocomplete-options-item:hover,.autocomplete-options-item.active{background:var(--option-hover-background-color);--option-item-icon-color:var(--option-item-icon-hover-color)}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)),.autocomplete-options-item:hover.focus-visible .option-cta,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)),.autocomplete-options-item.active.focus-visible .option-cta{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary);background:var(--option-background-color);border-radius:0.125rem;z-index:2}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item:hover.focus-visible .option-cta.dark,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item.active.focus-visible .option-cta.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary-dark)}.autocomplete-options-item:active{background:var(--option-pressed-background-color)}.autocomplete-options-loader{display:flex;align-items:center;justify-content:center;background:var(--tc-layer-primary);position:absolute;height:11.625rem;width:100%;z-index:100}.autocomplete-options-loader.dark{background:var(--tc-layer-primary-dark)}.autocomplete-options-none-message{padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-25%)}50%{opacity:0.1}100%{opacity:1;transform:translateY(0)}}';export{p as tet_autocomplete}
|
|
1
|
+
import{r as t,c as o,g as e,h as i,H as n}from"./p-5abb3bea.js";import{a as r}from"./p-64ec8edd.js";import{n as a}from"./p-58434b0c.js";import{b as s,c as l,i as c}from"./p-9a2b6ee2.js";import{r as f}from"./p-df4bc38e.js";function m(t){return!!t&&(!("string"!=typeof t.h||!["a","button","input","select","textarea"].includes(t.h.toLowerCase()))||"object"==typeof t.o&&null!==t.o&&void 0!==t.o.tabindex&&-1!==t.o.tabindex||!!Array.isArray(t.i)&&t.i.some((t=>m(t))))}const p=class{constructor(e){t(this,e),this.optionSelected=o(this,"optionSelected",7),this.activeComponentStateChanged=o(this,"activeComponentStateChanged",7),this.showOptionsOnEscapeClear=!1,this.defaultOptions=[],this.optionsFilterAction=()=>[],this.noOptionsMessage=void 0,this.noOptionsRenderFunction=()=>null,this.customOptionRenderFunction=void 0,this.clearCallback=void 0,this.finishedLoading=void 0,this.newStyle=!1,this.highlightOptionsKeyword=!0,this.darkTheme=!1,this.optionsIcon="",this.redesignedStyle=!1,this.filteredOptions=[],this.activeOption=void 0,this.showOptions=!1,this.showLoader=!1,this.isKeyboardFocus=!0}get rootElement(){return e(this)}internalUniqueId;inputElement;optionsContainer;activeOptionElement;noOptionsElement;skipNextFilterValueChange=!1;lastFilteredValue="";typingDebounceTime=250;optionSelected;activeComponentStateChanged;componentDidLoad(){this.internalUniqueId=f(12);const t=this.rootElement?.querySelector(".autocomplete-input");var o;null!==t&&(this.inputElement=(o={value:t=>{this.skipNextFilterValueChange||this.debouncedUpdateFilteredOptions(t),this.skipNextFilterValueChange=!1}},new Proxy(t,{set:(t,e,i)=>(e in o&&o[e](i),t[e]=i,!0),get:(t,o)=>"origin"===o?t:t[o]}))),this.inputElement?.origin.addEventListener("input",this.onInputChange),this.inputElement?.origin.addEventListener("focus",this.tryToDisplayOptions)}disconnectedCallback(){this.inputElement?.origin.removeEventListener("input",this.onInputChange),this.inputElement?.origin.removeEventListener("focus",this.tryToDisplayOptions)}onPointerUp(t){t.stopPropagation()}onWindowPointerUp(t){"mouse"!==t.pointerType&&this.activeComponentStateChanged.emit(null)}onMouseDown(){this.isKeyboardFocus=!1}onComponentActiveStateChange({detail:t}){t===this.internalUniqueId&&null!==t||!this.showOptions||(this.showOptions=!1)}async handleKeyDown(t){switch(t.key){case"Escape":await this.clear(this.showOptionsOnEscapeClear);break;case"ArrowDown":if(this.optionsContainer&&this.filteredOptions.length){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=-1,o=this.filteredOptions.length-1,e=this.filteredOptions.indexOf(this.activeOption),[i]=this.filteredOptions;if(e===t||e===o)return this.optionsContainer.scrollTop=0,void(this.activeOption=i);this.activeOption=this.filteredOptions[e+1];const n=this.activeOptionElement.nextSibling;this.optionsContainer.scrollTop=n.offsetTop-n.offsetHeight}break;case"ArrowUp":if(this.optionsContainer&&this.filteredOptions.length&&this.activeOption){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=this.filteredOptions.length-1,o=this.filteredOptions.indexOf(this.activeOption);if(0===o)return this.optionsContainer.scrollTop=this.optionsContainer.scrollHeight,void(this.activeOption=this.filteredOptions[t]);this.activeOption=this.filteredOptions[o-1];const e=this.activeOptionElement.previousSibling;this.optionsContainer.scrollTop=e.offsetTop-2*e.offsetHeight}break;case"Enter":this.activeOption&&(this.getOptionSelectAction(this.activeOption)(t),this.handleInputFocusOutline(!1));break;default:if(this.showOptions||"Tab"===t.key)return;this.showOptions=!0}}handleNoOptionsFocusOut=t=>{const o=t.relatedTarget;o&&o instanceof HTMLElement&&o.classList.contains("icon-right")||(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),this.showOptions=!1)};handleFocusOut(t){const o=t.relatedTarget;return s(this.noOptionsRenderFunction)&&null!==this.noOptionsRenderFunction()&&!this.filteredOptions.length&&o&&this.rootElement.contains(o)&&m(this.noOptionsRenderFunction())?(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),void this.noOptionsElement?.addEventListener("focusout",this.handleNoOptionsFocusOut)):o&&o instanceof HTMLElement&&o.classList.contains("icon-right")?(this.showOptions=!1,void(this.activeOption=null)):void(this.showOptions&&(o&&this.rootElement.contains(o)||(this.showOptions=!1)))}async clear(t=!1){this.inputElement&&(this.inputElement.value="",this.showOptions=(!this.showOptions||!t)&&t,this.handleInputFocusOutline(!1),this.clearCallback&&this.clearCallback())}async focusOnNativeInput(){this.inputElement&&(this.inputElement.origin.focus(),this.showOptions=!0)}async selectOption(t){this.optionSelected.emit(t),this.showOptions=!1,this.activeOption=null,this.inputElement&&(this.skipNextFilterValueChange=!0,this.inputElement.value=t.label)}handleInputFocusOutline=(t=!0)=>{const o=this.rootElement?.querySelector("input");o instanceof HTMLInputElement&&this.isKeyboardFocus&&(t?(o.focus(),requestAnimationFrame((()=>o.classList.remove("keyboard-focus")))):o.classList.add("keyboard-focus"))};tryToExecuteFinishedLoading=()=>{this.finishedLoading instanceof Function&&this.finishedLoading()};tryToDisplayOptions=()=>{this.showOptions=!0,this.activeComponentStateChanged.emit(this.internalUniqueId),this.inputElement&&this.updateFilteredOptions(this.inputElement?.value)};onInputChange=t=>{this.debouncedUpdateFilteredOptions(t.target.value)};updateFilteredOptions=t=>{this.activeOption=null;const o=a(t??"");if(this.defaultOptions.length&&!o)return this.filteredOptions=this.defaultOptions,this.tryToExecuteFinishedLoading();if(!o||this.lastFilteredValue===o)return this.filteredOptions.length&&!o&&(this.filteredOptions=[]),this.lastFilteredValue=o,this.tryToExecuteFinishedLoading();const e=this.optionsFilterAction(o);l(e)?(this.showLoader=!0,this.filteredOptions=[],e.then((t=>{this.filteredOptions=t,this.lastFilteredValue=o})).finally((()=>{this.showLoader=!1}))):(this.filteredOptions=e,this.lastFilteredValue=o),this.tryToExecuteFinishedLoading()};debouncedUpdateFilteredOptions=r((t=>{this.updateFilteredOptions(t)}),this.typingDebounceTime);onOptionSelect=async(t,o)=>{await this.selectOption({...o,userInteraction:!0,_originalEvent:t}),t.stopPropagation()};getOptionSelectAction=t=>s(t?.clickCallback)?o=>t.clickCallback(o,t):o=>this.onOptionSelect(o,t);getNoOptionsContent=()=>s(this.noOptionsRenderFunction)&&this.noOptionsRenderFunction()||this.noOptionsMessage;renderOptionsLoader=()=>{if(this.showLoader&&!this.newStyle&&!this.redesignedStyle)return i("ul",{class:"autocomplete-options"},i("li",{class:{"autocomplete-options-loader":!0,dark:this.darkTheme}},i("tet-loader",null)))};renderNoOptionsMessage=()=>{const t=this.getNoOptionsContent(),o={};return c(t)||(o.innerHTML=t),i("li",{class:{"autocomplete-options-none-message":!0,dark:this.darkTheme},...o,"aria-live":"polite",ref:t=>this.noOptionsElement=t},c(t)?t:null)};renderOption=(t,o)=>{let{label:e,ignoreHighlighting:n,cssPart:r}=t;const a=this.getOptionSelectAction(t),s=this.lastFilteredValue.split(/\s+/).map((t=>new RegExp(`(?:!</?[^>]*|&[^;]*)(${t})`,"ig")));return this.highlightOptionsKeyword&&!n&&s.forEach((t=>{e=e.replace(t,"<strong>$&</strong>")})),i("li",{class:{"autocomplete-options-item":!0,active:t===this.activeOption,dark:this.darkTheme,"focus-visible":t===this.activeOption&&this.isKeyboardFocus},part:r,onClick:a,onKeyDown:o=>{"Enter"===o.key&&a(t)},ref:o=>t===this.activeOption&&(this.activeOptionElement=o),id:`${this.internalUniqueId}-${o}`,role:"option"},this.renderOptionByType(t))};renderOptionByType(t){switch(!0){case"manual-input"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"manual-input":!0,"option-cta":!0},innerHTML:t.label});case"more-results"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"more-results":!0,"option-cta":!0},innerHTML:t.label});case s(this.customOptionRenderFunction):return this.customOptionRenderFunction(t);default:return[this.optionsIcon&&(this.newStyle||this.redesignedStyle)&&i("tet-icon",{class:"icon",name:this.optionsIcon}),i("span",{innerHTML:t.label})]}}renderOptions=t=>{if(!this.showOptions)return;const o=!t.length&&!this.showLoader&&this.inputElement?.value&&!!this.getNoOptionsContent();return o||t.length?i("div",{class:{"autocomplete-options-container":!0,dark:this.darkTheme,"new-style":this.newStyle||this.redesignedStyle,"redesigned-style":this.redesignedStyle},part:"autocomplete-options-container",role:"combobox","aria-expanded":this.showOptions,"aria-activedescendant":this.activeOption?`${this.internalUniqueId}-${this.filteredOptions.indexOf(this.activeOption)}`:void 0},i("ul",{class:"autocomplete-options",ref:t=>this.optionsContainer=t,role:"listbox",tabindex:"-1"},o&&this.renderNoOptionsMessage(),t.map(this.renderOption))):void 0};render(){return i(n,{key:"b7912ebe0109b274adc7fd47058f9e3751aadfb5",class:{autocomplete:!0,dark:this.darkTheme}},i("slot",{key:"52423b50781c60e42371cbe57ce9ed8523757857"}),this.renderOptionsLoader(),this.renderOptions(this.filteredOptions))}};p.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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--option-padding:0.5rem 1rem;--options-max-height:15.625rem;--options-max-height-new-style:12.25rem;--option-background-color:var(--tc-layer-secondary);--option-hover-background-color:var(--tc-menu-item-hover);--option-pressed-background-color:var(--tc-menu-item-pressed);--option-item-icon-color:var(--tc-icon-secondary);--option-item-icon-hover-color:var(--tc-icon-primary);--option-text-color:var(--tc-text-primary);--option-container-border-color:var(--tc-border-secondary);--option-text-highlight-color:var(--tc-yellow-20);display:block;position:relative}::slotted(.autocomplete-input){width:100%}.autocomplete-options{overflow-y:auto;list-style:none;max-height:var(--options-max-height);--item-icon-color:var(--option-item-icon-color)}.autocomplete-options-container{position:absolute;z-index:20;width:100%;background-color:var(--option-background-color);margin:0;padding:0;border-radius:0.1875rem;box-shadow:0 0 0 0.0625rem rgba(5, 29, 89, 0.16), 0 0.25rem 0.5rem rgba(5, 29, 89, 0.25);font-family:var(--text-font);animation:slideDown 0.125s ease-out 1;animation-fill-mode:forwards}.autocomplete-options-container .autocomplete-options{padding:0.375rem 0}.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .manual-input),.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .more-results){padding-bottom:0;margin-bottom:0.375rem}.autocomplete-options-container.redesigned-style .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary);border-radius:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary)}.autocomplete-options-container.redesigned-style.dark .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary-dark);border-radius:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary-dark)}.autocomplete-options-container .autocomplete-options-item{margin:0 0.375rem}.autocomplete-options-container .autocomplete-options-item .manual-input,.autocomplete-options-container .autocomplete-options-item .more-results{outline-offset:0.125rem !important;margin:0 0.375rem}.autocomplete-options-container.dark{--option-background-color:var(--tc-layer-secondary-dark);--option-hover-background-color:var(--tc-menu-item-hover-dark);--option-pressed-background-color:var(--tc-menu-item-pressed-dark);--option-item-icon-color:var(--tc-icon-secondary-dark);--option-item-icon-hover-color:var(--tc-icon-primary-dark);--option-text-color:var(--tc-text-primary-dark);--option-container-border-color:var(--tc-border-secondary-dark);--option-text-highlight-color:var(--tc-grey-30-dark)}.autocomplete-options-container.new-style{--options-max-height:var(--options-max-height-new-style);--option-padding:0.5rem 1rem 0.5rem 0.5rem;background:var(--option-background-color);font-family:"Inter", var(--font-family-fallback);box-shadow:none;border:0.03125rem solid var(--option-container-border-color);margin-top:0.375rem;border-radius:0.625rem;overflow:hidden}.autocomplete-options-container.new-style .autocomplete-options{padding:0.5rem 0}.autocomplete-options-container.new-style .autocomplete-options:has(.autocomplete-options-item .manual-input){margin-bottom:0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item{display:flex;position:relative;min-height:2.25rem;color:var(--option-text-color);border-radius:0.625rem;gap:0.5rem;margin:0 0.5rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-container.new-style .autocomplete-options-item .manual-input,.autocomplete-options-container.new-style .autocomplete-options-item .more-results{margin:0 0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item .more-results{text-decoration:none}.autocomplete-options-container.new-style .autocomplete-options-item .highlight{background-color:var(--option-text-highlight-color)}.autocomplete-options-container.new-style .autocomplete-options-none-message{font-size:0.875rem;color:var(--option-text-color);text-align:left;padding:0.5rem 1rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-item{display:flex;align-items:center;padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);cursor:pointer}.autocomplete-options-item:has(.more-results){--option-padding:0.75rem 0.5rem 0.5rem}.autocomplete-options-item .icon{--icon-color:var(--option-item-icon-color);--icon-size:1.25rem}.autocomplete-options-item:hover,.autocomplete-options-item.active{background:var(--option-hover-background-color);--option-item-icon-color:var(--option-item-icon-hover-color)}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)),.autocomplete-options-item:hover.focus-visible .option-cta,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)),.autocomplete-options-item.active.focus-visible .option-cta{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary);background:var(--option-background-color);border-radius:0.125rem;z-index:2}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item:hover.focus-visible .option-cta.dark,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item.active.focus-visible .option-cta.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary-dark)}.autocomplete-options-item:active{background:var(--option-pressed-background-color)}.autocomplete-options-loader{display:flex;align-items:center;justify-content:center;background:var(--tc-layer-primary);position:absolute;height:11.625rem;width:100%;z-index:100}.autocomplete-options-loader.dark{background:var(--tc-layer-primary-dark)}.autocomplete-options-none-message{padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-25%)}50%{opacity:0.1}100%{opacity:1;transform:translateY(0)}}';export{p as tet_autocomplete}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,g as t,f as r,h as n,H as a}from"./p-5abb3bea.js";import{p as i,t as c}from"./p-a476fd02.js";import"./p-9a2b6ee2.js";import"./p-726651bc.js";const l=class{constructor(t){e(this,t),this.feedbackSubmitted=o(this,"feedbackSubmitted",7),this.negativeFeedbackSelected=o(this,"negativeFeedbackSelected",7),this.theme="light",this.language="lv",this.data=void 0,this.expanded=!1,this.formError=!1,this.characterCount=0,this.submissionData={helpful:!0,options:{},comment:""},this.submitted=!1}get hostElement(){return t(this)}feedbackSubmitted;negativeFeedbackSelected;onLanguageChange(e){i("tet-components",e).then((()=>r(this)))}async componentWillLoad(){await i("tet-components",this.language),r(this)}accordionRef;textareaRef;checkboxRefs=new Map;getDefaultValues(){return{label:c("components-feedback-form-label"),labelTag:"h2",okButtonLabel:c("components-button-label-yes"),okButtonIconName:"tc-check",nokButtonLabel:c("components-button-label-no"),nokButtonIconName:"tc-close",formTitle:c("components-feedback-form-title"),formDescription:c("components-feedback-form-description"),checkboxOptions:[],showTextarea:!0,textareaLabel:c("components-feedback-form-textarea-label"),textareaPlaceholder:c("components-feedback-form-textarea-placeholder"),textareaMaxLength:500,footerText:c("components-feedback-form-footer-text"),footerIconName:"tc-bubbles",submitButtonLabel:c("components-feedback-form-submit-button-label"),submitButtonIconName:"tc-arrow-right",thankYouIconName:"tc-check-circle",thankYouTitle:c("components-feedback-form-thank-you-title"),thankYouDescription:c("components-feedback-form-thank-you-description")}}get mergedData(){return{...this.getDefaultValues(),...this.data}}toggleAccordion(){this.accordionRef&&(this.accordionRef.toggle(),this.formError&&this.setFormError(!1))}handleNokClick(){this.negativeFeedbackSelected.emit(),this.toggleAccordion()}scrollHostIntoViewAfterOpen(){this.hostElement.scrollIntoView?.({behavior:"smooth",block:"nearest"})}get accordionAnimationDurationMs(){if(!this.accordionRef)return 100;const e=getComputedStyle(this.accordionRef).getPropertyValue("--accordion-animation-duration").trim();if(!e)return 100;if(e.endsWith("ms"))return Number.parseFloat(e);if(e.endsWith("s"))return 1e3*Number.parseFloat(e);const o=Number.parseFloat(e);return Number.isNaN(o)?100:o}handleAccordionOpenChanged(e){this.expanded=e.detail,e.detail&&setTimeout((()=>this.scrollHostIntoViewAfterOpen()),this.accordionAnimationDurationMs)}onListItemClick(e,o){const t=!!e.detail.checked;if(this.formError&&this.setFormError(!1),t)this.submissionData={...this.submissionData,options:{...this.submissionData.options,[o]:!0}};else{const{[o]:e,...t}=this.submissionData.options;this.submissionData={...this.submissionData,options:t}}}async onTextInput(){if(!this.textareaRef)return;const e=await this.textareaRef.getValue();this.characterCount=e.length,this.submissionData={...this.submissionData,comment:e}}submitFeedback(e){if(this.submissionData.helpful=e,e)this.submissionData.options={},this.submissionData.comment="";else if(!Object.keys(this.submissionData.options).length)return void this.setFormError(!0);this.feedbackSubmitted.emit(this.submissionData),this.submitted=!0}setFormError(e){for(const o of this.checkboxRefs.values())o.setError(e);this.formError=e}getSubheadingTag(){const{labelTag:e}=this.mergedData;return{h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6"}[e]}renderAccordionHeader(){const{theme:e,mergedData:o,expanded:t}=this,{label:r,labelTag:a,okButtonLabel:i,nokButtonLabel:c,okButtonIconName:l,nokButtonIconName:s}=o;return n("div",{slot:"header",class:{"feedback-form__header":!0,"feedback-form__header--expanded":t}},n(a,{class:"feedback-form__title"},r),n("div",{class:"feedback-form__button-container"},n("tet-button",{class:"button",iconName:l,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.submitFeedback(!0),"data-testid":"feedback-ok-button"},i),n("tet-button",{class:"button",iconName:s,iconPosition:"left",theme:e,type:"secondary",size:"small",onClick:()=>this.handleNokClick(),"data-testid":"feedback-nok-button"},c)))}renderFormContentHeader(){const{theme:e,mergedData:o}=this,{formTitle:t,formDescription:r}=o,a=this.getSubheadingTag();return n("div",{class:"main__header"},n("div",{class:"main__header--left"},n(a,{id:"form-content-title",class:"title"},t),n("p",{id:"form-content-description",class:"subtitle"},r)),n("button",{class:"main__header-close-btn",onClick:()=>this.toggleAccordion(),"aria-label":c("components-availability-close"),type:"button","data-testid":"feedback-close-button"},n("tet-icon",{theme:e,class:"icon",name:"tc-close"})))}renderFormCheckboxOptions(){const{theme:e,mergedData:o}=this,{checkboxOptions:t}=o;return t.length?n("ul",{class:"main__option-list"},t.map((({id:o,label:t})=>n("li",{key:o,class:{"checkbox-wrapper":!0,"checkbox-wrapper--error":this.formError}},n("tet-checkbox",{ref:e=>{e&&this.checkboxRefs.set(o,e)},class:"checkbox",theme:e,checked:!!this.submissionData?.options?.[o],focusStyleOnContainer:!0,onCheck:e=>this.onListItemClick(e,o)},t))))):null}renderFormTextArea(){const{theme:e,mergedData:o}=this,{showTextarea:t,textareaLabel:r,textareaPlaceholder:a,textareaMaxLength:i}=o;return t?n("div",{class:"main__text-input"},n("tet-textarea",{label:r,class:"textarea",theme:e,value:this.submissionData.comment,onInput:()=>this.onTextInput(),ref:e=>this.textareaRef=e,placeholder:a,maxLength:i}),n("div",{class:"counter"},this.characterCount,"/",i)):null}renderFormFooter(){const{theme:e,mergedData:o}=this,{footerText:t,footerIconName:r}=o,a=t.split(/\{\{\s*([+0-9][0-9 ]{0,20})\s*\}\}/g),i=e=>e.trim(),c=a.map(((o,t)=>t%2==0?o:n("a",{href:`tel:${i(o)}`,class:{"tet-link":!0,[e]:!0,"tet-link--secondary":!0}},i(o))));return n("footer",{class:"feedback-form__form--footer"},n("div",{class:"footer-icon-block"},n("tet-icon",{theme:e,class:"footer-icon",name:r})),n("div",{class:"footer-text"},c))}renderSubmitButton(){const{theme:e,mergedData:o}=this,{submitButtonLabel:t,submitButtonIconName:r}=o;return n("tet-button",{class:"main__submit-button",iconName:r,theme:e,type:"primary",size:"medium",onClick:()=>this.submitFeedback(!1),"data-testid":"feedback-submit-button"},t)}renderAccordionContent(){return n("form",{class:"feedback-form__form","aria-labelledby":"form-content-title","aria-describedby":"form-content-description"},n("div",{class:"feedback-form__form--main"},this.renderFormContentHeader(),this.renderFormCheckboxOptions(),this.renderFormTextArea(),this.renderSubmitButton()),this.renderFormFooter())}renderAccordionComponent(){return n("tet-accordion",{class:"feedback-form__accordion",theme:this.theme,isHeaderInteractive:!1,transparentBackground:!0,ref:e=>this.accordionRef=e,onOpenChanged:e=>this.handleAccordionOpenChanged(e)},this.renderAccordionHeader(),this.renderAccordionContent())}renderThankYouComponent(){const{labelTag:e,thankYouIconName:o,thankYouTitle:t,thankYouDescription:r}=this.mergedData,a=e;return n("div",{class:"feedback-form__thank-you","aria-live":"polite"},n("tet-icon",{class:"icon",name:o}),n("div",{class:"text-block"},n(a,{class:"title"},t),n("p",{class:"description"},r)))}render(){return n(a,{key:"8c5f45e952d8600c360a547ac85bbe82cab41030"},n("section",{key:"c8fa2a4f5929c483fbce7407b2e9165c0118ff22",class:"feedback-form"},this.submitted?this.renderThankYouComponent():this.renderAccordionComponent()))}static get watchers(){return{language:["onLanguageChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--form-border-radius:1rem;--form-scroll-margin-top:1rem;--form-text-color:var(--tc-text-primary);--form-text-secondary-color:var(--tc-text-secondary);--form-box-shadow:var(--tc-elevation-one);--form-border-color:var(--tc-border-quaternary);--form-accent-color:var(--tc-yellow-20);--form-content-background-color:var(--tc-layer-primary);--form-footer-background-color:var(--tc-yellow-00);--form-thank-you-icon-color:var(--tc-yellow-40);--form-list-item-hover-background-color:var(--tc-layer-secondary);--form-list-item-pressed-background-color:var(--tc-layer-tertiary);--form-list-item-border-color:var(--tc-border-tertiary);--form-list-item-border-hover-color:var(--tc-border-secondary);--form-list-item-border-pressed-color:var(--tc-border-secondary);--form-list-item-border-active-color:var(--tc-border-primary);--form-list-item-border-error-color:var(--tc-alert-accent-error);scroll-margin-top:var(--form-scroll-margin-top)}:host([theme=dark]){--form-text-color:var(--tc-text-primary-dark);--form-text-secondary-color:var(--tc-text-secondary-dark);--form-box-shadow:var(--tc-elevation-one-dark);--form-border-color:var(--tc-border-quaternary-dark);--form-accent-color:var(--tc-grey-20-dark);--form-content-background-color:var(--tc-layer-primary-dark);--form-footer-background-color:var(--tc-grey-10-dark);--form-thank-you-icon-color:var(--tc-yellow-40-dark);--form-list-item-hover-background-color:var(--tc-layer-secondary-dark);--form-list-item-pressed-background-color:var(--tc-layer-tertiary-dark);--form-list-item-border-color:var(--tc-border-tertiary-dark);--form-list-item-border-hover-color:var(--tc-border-secondary-dark);--form-list-item-border-pressed-color:var(--tc-border-secondary-dark);--form-list-item-border-active-color:var(--tc-border-primary-dark);--form-list-item-border-error-color:var(--tc-alert-accent-error-dark)}:host([theme=dark]) .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.feedback-form{box-shadow:var(--form-box-shadow);border-radius:var(--form-border-radius)}.feedback-form__accordion{--accordion-header-padding:0;--accordion-header-mobile-padding:0;--accordion-animation-duration:0.1s}.feedback-form__header{display:flex;flex-direction:column;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color);transition:padding 0.1s ease-in, height 0.1s ease-in}@media screen and (min-width: 31.25rem){.feedback-form__header{flex-direction:row;justify-content:space-between;gap:1.5rem}}@media screen and (min-width: 64rem){.feedback-form__header{padding:1.5rem}}.feedback-form__header--expanded{height:0;padding-top:0;padding-bottom:0;border:none}.feedback-form__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:center}@media screen and (min-width: 31.25rem){.feedback-form__title{text-align:left}}.feedback-form__button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 31.25rem){.feedback-form__button-container{justify-content:flex-start;flex-wrap:nowrap}}.feedback-form__button-container .button{--button-width:100%;min-width:6.25rem}.feedback-form__form{display:flex;flex-direction:column;overflow:hidden;background-color:var(--form-content-background-color);border:0.0625rem solid var(--form-border-color);border-radius:var(--form-border-radius);padding-top:1rem;gap:1.5rem}@media screen and (min-width: 31.25rem){.feedback-form__form{gap:1rem}}@media screen and (min-width: 64rem){.feedback-form__form{padding-top:1.5rem;gap:1.5rem}}.feedback-form__form--main{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.feedback-form__form--main .main__header{display:flex;justify-content:space-between;gap:1rem}.feedback-form__form--main .main__header--left .title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{color:var(--form-text-secondary-color);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--main .main__header--left .title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.feedback-form__form--main .main__header-close-btn{border:none;display:flex;align-self:flex-start;background-color:transparent;border-radius:0.125rem;cursor:pointer}.feedback-form__form--main .main__header-close-btn .icon{--icon-container-display:flex;--icon-size:1.5rem}.feedback-form__form--main .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.feedback-form__form--main .main__option-list{--item-background-color:var(--form-content-background-color);--item-border-color:var(--form-list-item-border-color);list-style:none;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 31.25rem){.feedback-form__form--main .main__option-list{margin-bottom:0.5rem}}.feedback-form__form--main .main__option-list .checkbox{--checkbox-alignment:flex-start;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:-0.125rem}.feedback-form__form--main .main__option-list .checkbox-wrapper{border-radius:0.625rem;box-shadow:var(--form-box-shadow)}.feedback-form__form--main .main__option-list .checkbox-wrapper--error{--item-border-color:var(--form-list-item-border-error-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container){padding:1rem;border-radius:0.625rem;border:0.0625rem solid var(--item-border-color);background-color:var(--item-background-color);cursor:pointer}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):hover{--item-background-color:var(--form-list-item-hover-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):active{--item-background-color:var(--form-list-item-pressed-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):hover{--item-border-color:var(--form-list-item-border-hover-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):active{--item-border-color:var(--form-list-item-border-pressed-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox[checked]::part(checkbox-container){--item-border-color:var(--form-list-item-border-active-color)}.feedback-form__form--main .main__text-input .textarea{--input-font-size:0.875rem;--textarea-resize:vertical}.feedback-form__form--main .main__text-input .counter{color:var(--form-text-secondary-color);padding:0 0.25rem;text-align:right;font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__submit-button{margin-left:auto}.feedback-form__form--footer{display:flex;align-items:flex-start;padding:1rem;gap:0.75rem;background-color:var(--form-footer-background-color);border-top:0.0625rem solid var(--form-border-color);color:var(--form-text-secondary-color);font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--footer{padding:1.5rem;gap:1rem}}.feedback-form__form--footer .footer-text{max-width:38.75rem}.feedback-form__form--footer .footer-icon-block{display:flex;flex-shrink:0;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--form-accent-color)}@media screen and (min-width: 31.25rem){.feedback-form__form--footer .footer-icon-block{width:3rem;height:3rem}}.feedback-form__form--footer .footer-icon-block .footer-icon{--icon-container-display:flex}.feedback-form__thank-you{display:flex;gap:0.75rem;padding:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color)}.feedback-form__thank-you .icon{--icon-size:1.5rem;--icon-color:var(--form-thank-you-icon-color);animation:fadeIn 0.25s ease-in-out}.feedback-form__thank-you .title{color:var(--form-text-color);animation:fadeIn 0.25s ease-in-out;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.feedback-form__thank-you .description{color:var(--form-text-secondary-color);animation:fadeIn 0.25s ease-in-out;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.feedback-form__thank-you{align-items:center;gap:1rem;padding:1.125rem 1rem}.feedback-form__thank-you .icon{--icon-size:2.25rem}.feedback-form__thank-you .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.feedback-form__thank-you{padding:1.125rem 1.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}';export{l as tet_feedback_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as n}from"./p-83f43fdd.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"close-circle":"check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"a7e0db38fc40b9caa6bebf0f5acce7832823718e"},t("ol",{key:"bd7ca5f6f9a3d9d61a3e10acd0bfc4a9308227a6",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}
|
|
1
|
+
import{r as e,h as t,H as n}from"./p-5abb3bea.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"close-circle":"check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"a7e0db38fc40b9caa6bebf0f5acce7832823718e"},t("ol",{key:"bd7ca5f6f9a3d9d61a3e10acd0bfc4a9308227a6",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as t,r as o,c as i,f as e,h as a,H as n}from"./p-83f43fdd.js";import{T as r,a as s}from"./p-f81d95ae.js";import{e as c}from"./p-0ebbf5ef.js";import{A as l}from"./p-0c6b6730.js";import{p as m,t as f}from"./p-a8051a99.js";import"./p-d8518d4b.js";import"./p-9a2b6ee2.js";const d={testing:{baseUrl:"https://tst-pieteikties.tet.lv"},staging:{baseUrl:"https://uat-pieteikties.tet.lv"},production:{baseUrl:"https://pieteikties.tet.lv"}}[t.environment]??{},h={testing:{baseUrl:"https://mans-pretest.tet.lv/mytet"},staging:{baseUrl:"https://mans-accept.tet.lv/mytet"},production:{baseUrl:"https://mans.tet.lv/mytet"}}[t.environment]??{},g=class{constructor(t){o(this,t),this.selectedMacdOrderType=i(this,"selectedMacdOrderType",7),this.openCommunication=i(this,"openCommunication",7),this.errorLoading=i(this,"errorLoading",7),this.communicationDialogResponse=i(this,"communicationDialogResponse",7),this.language="lv",this.theme=r.LIGHT,this.showErrorNotification=!1,this.showLoader=!0,this.loaderHeight="17.8125rem",this.accessToken=void 0,this.eventsOnly=!1,this.hideUnavailable=!1,this.assetId=void 0,this.accountNumber=void 0,this.macdOrderTypes=[],this.ignoredMacdOrderTypes=[],this.suspendFn=void 0,this.changeOfPlanFn=void 0,this.promotionChangeFn=void 0,this.ceaseFn=void 0,this.modifyFn=void 0}modalDialogEl;modalTitle;modalContent;communicationRedirectUrl;currentMacdOrderTypes=[];onLanguageChange(t){m("macd",t).then((()=>e(this)))}async setAccessToken(t){t?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}setMacdOrderTypes(t){Array.isArray(t)&&t.length>0&&(this.currentMacdOrderTypes=[...t])}selectedMacdOrderType;openCommunication;errorLoading;communicationDialogResponse;async componentWillLoad(){m("macd",this.language).then((()=>e(this))),this.hasMacdOrderTypes(this.macdOrderTypes)&&(this.currentMacdOrderTypes=[...this.macdOrderTypes],this.showLoader=!1)}async componentDidLoad(){this.accessToken?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}hasMacdOrderTypes(t){const o=t??this.currentMacdOrderTypes;return Array.isArray(o)&&o.length>0}async loadMacdOrderTypes(){try{this.showErrorNotification=!1;const t=await(t=>{let o;try{o=new URL(c.macdOrderTypes).href}catch(t){return console.error(t),Promise.reject("Macd Order Type endpoint URL generation failed.")}return(new l).setUrl(o).setOptions({method:"POST",headers:{Authorization:t,Accept:"application/json","Content-Type":"application/json"}}).execute()})(this.accessToken);t.assetId&&(this.assetId=t.assetId),t.accountNumber&&(this.accountNumber=t.accountNumber),Array.isArray(t.macdOrderTypes)&&(this.currentMacdOrderTypes=[...t.macdOrderTypes])}catch(t){this.errorLoading.emit(t.message),this.showErrorNotification=!0}this.showLoader=!1}getVisibleMacdOrderTypes(){let t=this.currentMacdOrderTypes.filter((({code:t})=>!this.ignoredMacdOrderTypes.includes(t)));return this.hideUnavailable&&(t=t.filter((({availability:t})=>t.status))),t}onMacdOrderTypeClick(t){if(!t.availability.status)return;let o,i;if(t.availability.redirectUrl)o=t.availability.redirectUrl;else{const i=new URLSearchParams({lang:this.language,assetId:this.assetId,macdOrderType:t.code});o=new URL("?"+i.toString(),d.baseUrl).href,["suspend","modify"].includes(t.code)&&(o=new URL(`/mytet/services/v2/change/${t.code}/${this.assetId}`,h.baseUrl).href)}switch(this.selectedMacdOrderType.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber,redirectUrl:o}),t.code){case"suspend":i=this.suspendFn;break;case"change-of-plan":i=this.changeOfPlanFn;break;case"promotion-change":i=this.promotionChangeFn;break;case"cease":i=this.ceaseFn;break;case"modify":i=this.modifyFn}i?i(o):this.eventsOnly||window.location.assign(o)}onCommunicationCTAClick(t){this.modalTitle=t.availability.reason[0].title,this.modalContent=t.availability.reason[0].description,this.communicationRedirectUrl=new URL(`/mytet/communication/ask-question/?topic=${t.availability.contactFormSubjectCode}`,h.baseUrl).href,e(this),this.modalDialogEl.open(),this.openCommunication.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber})}renderMacdOrderTypesList(){return this.hasMacdOrderTypes.bind(this)&&a("ul",{class:"macd-list"},this.getVisibleMacdOrderTypes().map(this.renderMacdOrderTypeListItem.bind(this)))}renderMacdOrderTypeListItem(t){const o={"macd-list-item-icon-wrapper":!0,multiple:!t.availability.status};return a("li",{class:"macd-list-item",onClick:()=>t.availability.status?this.onMacdOrderTypeClick(t):this.onCommunicationCTAClick(t)},a("span",{class:"macd-list-item-name"},f(t.name)),a("div",{class:o},t.availability.status?null:this.renderCommunicationCTA(),this.renderActionButton()))}renderActionButton(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon action",name:this.theme===r.DARK?"arrow-right":"chevron-right"})}renderCommunicationCTA(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon cta",name:"attention"})}renderLoader(){return a("tet-placeholder",{class:"placeholder",height:this.loaderHeight})}renderDialog(){const t=(this.modalTitle&&this.modalTitle.length>0&&f(this.modalTitle))??void 0,o=(this.modalContent&&this.modalContent.length>0&&f(this.modalContent))??void 0,i=()=>{const t=(this.communicationRedirectUrl&&this.communicationRedirectUrl.length>0&&f(this.communicationRedirectUrl))??void 0;this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"redirect-to-communication",communicationRedirectUrl:this.communicationRedirectUrl}),this.eventsOnly||window.location.assign(t)},e=()=>{this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"cancel"})};return a("tet-dialog",{headerTitle:t,footerDisplay:"right",onCloseDialog:()=>e(),ref:t=>this.modalDialogEl=t,theme:this.theme},a("div",{innerHTML:o}),a("tet-button",{slot:"footer",size:"medium",type:"secondary",onClick:()=>e(),theme:this.theme},f("macd-cancel")),a("tet-button",{slot:"footer",size:"medium",onClick:()=>i(),theme:this.theme},f("macd-to-communication")))}renderErrorNotification(){const t="light"===this.theme?"classic":"dark";return a("tet-notification",{class:"macd-error-notification",content:f("macd-error-loading"),type:"warning",icon:"attention",theme:t})}render(){const t=this.showErrorNotification?this.renderErrorNotification():this.renderMacdOrderTypesList(),o=this.showLoader?this.renderLoader():t;return a(n,{key:"14a900bd1e5e75cb47673e3d51b4e60f7f80d8f2"},a("div",{key:"3916c7ce06cfcc8f98655d200131c582b9b38884",class:"wrapper"},a(s,{key:"6bdc365fce9fbb7f54b0a217ec215485c47bf9dd",theme:this.theme},o,this.renderDialog())))}static get watchers(){return{language:["onLanguageChange"],accessToken:["setAccessToken"],macdOrderTypes:["setMacdOrderTypes"]}}};g.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--macd-list-font-family:var(--text-font);--macd-list-radius:1rem;--macd-list-padding:0;--macd-list-margin:0;--macd-list-background:rgb(255, 255, 255);--macd-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-list-item-background:rgb(255, 255, 255);--macd-list-item-padding:1rem 1.5rem;--macd-list-item-border:.0625rem solid rgb(215, 219, 224);--macd-list-item-name-text-color:rgb(10, 11, 13);--macd-list-item-icon-color:var(--color-grey-50);--macd-list-item-icon-size:1.5rem;--macd-list-item-icon-spacing:.5rem;--macd-list-communication-icon-color:rgb(255, 182, 26);--macd-notification-warning-background-color:rgb(252, 244, 227);--macd-notification-warning-icon-color:rgb(255, 182, 26);--macd-notification-warning-border-left-color:rgb(251, 231, 187);--macd-notification-title-color:rgb(67, 75, 86);--macd-dark-list-background:rgb(10, 11, 13);--macd-dark-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-dark-list-communication-icon-color:rgb(255, 182, 26);--macd-dark-list-font-family:var(--text-font);--macd-dark-list-item-background:rgb(10, 11, 13);--macd-dark-list-item-border:.03125rem solid rgb(67, 75, 86);--macd-dark-list-item-icon-color:rgb(31, 208, 214);--macd-dark-list-item-icon-size:1.5rem;--macd-dark-list-item-icon-spacing:.5rem;--macd-dark-list-item-name-text-color:rgb(255, 255, 255);--macd-dark-list-item-padding:1rem 0;--macd-dark-list-margin:0;--macd-dark-list-padding:0 1rem;--macd-dark-list-radius:.5rem;--macd-dark-notification-title-color:rgb(215, 219, 224);--macd-dark-notification-warning-background-color:rgb(35, 40, 46);--macd-dark-notification-warning-border-left-color:rgba(255, 190, 51, 0.3);--macd-dark-notification-warning-icon-color:rgb(255, 182, 26);--macd-placeholder-primary-background-color:#01050C;--macd-placeholder-secondary-background-color:#12171E;display:block;width:100%;max-width:39.5rem}.wrapper{width:100%}.wrapper .placeholder{--placeholder-animation-speed:10s}.wrapper .theme-dark{--macd-list-background:var(--macd-dark-list-background);--macd-list-box-shadow:var(--macd-dark-list-box-shadow);--macd-list-communication-icon-color:var(--macd-dark-list-communication-icon-color);--macd-list-font-family:var(--macd-dark-list-font-family);--macd-list-item-background:var(--macd-dark-list-item-background);--macd-list-item-border:var(--macd-dark-list-item-border);--macd-list-item-icon-color:var(--macd-dark-list-item-icon-color);--macd-list-item-icon-size:var(--macd-dark-list-item-icon-size);--macd-list-item-icon-spacing:var(--macd-dark-list-item-icon-spacing);--macd-list-item-name-text-color:var(--macd-dark-list-item-name-text-color);--macd-list-item-padding:var(--macd-dark-list-item-padding);--macd-list-margin:var(--macd-dark-list-margin);--macd-list-padding:var(--macd-dark-list-padding);--macd-list-radius:var(--macd-dark-list-radius);--macd-notification-title-color:var(--macd-dark-notification-title-color);--macd-notification-warning-background-color:var(--macd-dark-notification-warning-background-color);--macd-notification-warning-border-left-color:var(--macd-dark-notification-warning-border-left-color);--macd-notification-warning-icon-color:var(--macd-dark-notification-warning-icon-color)}.wrapper .theme-dark .placeholder{--placeholder-primary-background-color:var(--macd-placeholder-primary-background-color);--placeholder-secondary-background-color:var(--macd-placeholder-secondary-background-color)}.macd-error-notification{--notification-warning-background-color:var(--macd-notification-warning-background-color);--notification-warning-icon-color:var(--macd-notification-warning-icon-color);--notification-warning-border-left-color:var(--macd-notification-warning-border-left-color);--notification-title-color:var(--macd-notification-title-color)}.macd-list{padding:var(--macd-list-padding);margin:var(--macd-list-margin);box-shadow:var(--macd-list-box-shadow);background:var(--macd-list-background);border-radius:var(--macd-list-radius)}.macd-list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:3.5625rem;padding:var(--macd-list-item-padding);cursor:pointer;font-style:normal}.macd-list-item+.macd-list-item{border-top:var(--macd-list-item-border)}.macd-list-item-name{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--macd-list-item-name-text-color);font-family:var(--macd-list-font-family);line-height:1.5rem;letter-spacing:-0.01125rem}.macd-list-item-icon-wrapper.multiple{min-width:calc(var(--macd-list-item-icon-size) * 2 + var(--macd-list-item-icon-spacing))}.macd-list-item-icon-wrapper-icon{--icon-size:var(--macd-list-item-icon-size)}.macd-list-item-icon-wrapper-icon.cta{--icon-color:var(--macd-list-communication-icon-color)}.macd-list-item-icon-wrapper-icon.cta+.action{margin-left:var(--macd-list-item-icon-spacing)}.macd-list-item-icon-wrapper-icon.action{--icon-color:var(--macd-list-item-icon-color)}';export{g as tet_macd_view}
|
|
1
|
+
import{E as t,r as o,c as i,f as e,h as a,H as n}from"./p-5abb3bea.js";import{T as r,a as s}from"./p-660bdc27.js";import{e as c}from"./p-726651bc.js";import{A as l}from"./p-c9ddf890.js";import{p as m,t as f}from"./p-a476fd02.js";import"./p-2dbe670c.js";import"./p-9a2b6ee2.js";const d={testing:{baseUrl:"https://tst-pieteikties.tet.lv"},staging:{baseUrl:"https://uat-pieteikties.tet.lv"},production:{baseUrl:"https://pieteikties.tet.lv"}}[t.environment]??{},h={testing:{baseUrl:"https://mans-pretest.tet.lv/mytet"},staging:{baseUrl:"https://mans-accept.tet.lv/mytet"},production:{baseUrl:"https://mans.tet.lv/mytet"}}[t.environment]??{},g=class{constructor(t){o(this,t),this.selectedMacdOrderType=i(this,"selectedMacdOrderType",7),this.openCommunication=i(this,"openCommunication",7),this.errorLoading=i(this,"errorLoading",7),this.communicationDialogResponse=i(this,"communicationDialogResponse",7),this.language="lv",this.theme=r.LIGHT,this.showErrorNotification=!1,this.showLoader=!0,this.loaderHeight="17.8125rem",this.accessToken=void 0,this.eventsOnly=!1,this.hideUnavailable=!1,this.assetId=void 0,this.accountNumber=void 0,this.macdOrderTypes=[],this.ignoredMacdOrderTypes=[],this.suspendFn=void 0,this.changeOfPlanFn=void 0,this.promotionChangeFn=void 0,this.ceaseFn=void 0,this.modifyFn=void 0}modalDialogEl;modalTitle;modalContent;communicationRedirectUrl;currentMacdOrderTypes=[];onLanguageChange(t){m("macd",t).then((()=>e(this)))}async setAccessToken(t){t?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}setMacdOrderTypes(t){Array.isArray(t)&&t.length>0&&(this.currentMacdOrderTypes=[...t])}selectedMacdOrderType;openCommunication;errorLoading;communicationDialogResponse;async componentWillLoad(){m("macd",this.language).then((()=>e(this))),this.hasMacdOrderTypes(this.macdOrderTypes)&&(this.currentMacdOrderTypes=[...this.macdOrderTypes],this.showLoader=!1)}async componentDidLoad(){this.accessToken?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}hasMacdOrderTypes(t){const o=t??this.currentMacdOrderTypes;return Array.isArray(o)&&o.length>0}async loadMacdOrderTypes(){try{this.showErrorNotification=!1;const t=await(t=>{let o;try{o=new URL(c.macdOrderTypes).href}catch(t){return console.error(t),Promise.reject("Macd Order Type endpoint URL generation failed.")}return(new l).setUrl(o).setOptions({method:"POST",headers:{Authorization:t,Accept:"application/json","Content-Type":"application/json"}}).execute()})(this.accessToken);t.assetId&&(this.assetId=t.assetId),t.accountNumber&&(this.accountNumber=t.accountNumber),Array.isArray(t.macdOrderTypes)&&(this.currentMacdOrderTypes=[...t.macdOrderTypes])}catch(t){this.errorLoading.emit(t.message),this.showErrorNotification=!0}this.showLoader=!1}getVisibleMacdOrderTypes(){let t=this.currentMacdOrderTypes.filter((({code:t})=>!this.ignoredMacdOrderTypes.includes(t)));return this.hideUnavailable&&(t=t.filter((({availability:t})=>t.status))),t}onMacdOrderTypeClick(t){if(!t.availability.status)return;let o,i;if(t.availability.redirectUrl)o=t.availability.redirectUrl;else{const i=new URLSearchParams({lang:this.language,assetId:this.assetId,macdOrderType:t.code});o=new URL("?"+i.toString(),d.baseUrl).href,["suspend","modify"].includes(t.code)&&(o=new URL(`/mytet/services/v2/change/${t.code}/${this.assetId}`,h.baseUrl).href)}switch(this.selectedMacdOrderType.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber,redirectUrl:o}),t.code){case"suspend":i=this.suspendFn;break;case"change-of-plan":i=this.changeOfPlanFn;break;case"promotion-change":i=this.promotionChangeFn;break;case"cease":i=this.ceaseFn;break;case"modify":i=this.modifyFn}i?i(o):this.eventsOnly||window.location.assign(o)}onCommunicationCTAClick(t){this.modalTitle=t.availability.reason[0].title,this.modalContent=t.availability.reason[0].description,this.communicationRedirectUrl=new URL(`/mytet/communication/ask-question/?topic=${t.availability.contactFormSubjectCode}`,h.baseUrl).href,e(this),this.modalDialogEl.open(),this.openCommunication.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber})}renderMacdOrderTypesList(){return this.hasMacdOrderTypes.bind(this)&&a("ul",{class:"macd-list"},this.getVisibleMacdOrderTypes().map(this.renderMacdOrderTypeListItem.bind(this)))}renderMacdOrderTypeListItem(t){const o={"macd-list-item-icon-wrapper":!0,multiple:!t.availability.status};return a("li",{class:"macd-list-item",onClick:()=>t.availability.status?this.onMacdOrderTypeClick(t):this.onCommunicationCTAClick(t)},a("span",{class:"macd-list-item-name"},f(t.name)),a("div",{class:o},t.availability.status?null:this.renderCommunicationCTA(),this.renderActionButton()))}renderActionButton(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon action",name:this.theme===r.DARK?"arrow-right":"chevron-right"})}renderCommunicationCTA(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon cta",name:"attention"})}renderLoader(){return a("tet-placeholder",{class:"placeholder",height:this.loaderHeight})}renderDialog(){const t=(this.modalTitle&&this.modalTitle.length>0&&f(this.modalTitle))??void 0,o=(this.modalContent&&this.modalContent.length>0&&f(this.modalContent))??void 0,i=()=>{const t=(this.communicationRedirectUrl&&this.communicationRedirectUrl.length>0&&f(this.communicationRedirectUrl))??void 0;this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"redirect-to-communication",communicationRedirectUrl:this.communicationRedirectUrl}),this.eventsOnly||window.location.assign(t)},e=()=>{this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"cancel"})};return a("tet-dialog",{headerTitle:t,footerDisplay:"right",onCloseDialog:()=>e(),ref:t=>this.modalDialogEl=t,theme:this.theme},a("div",{innerHTML:o}),a("tet-button",{slot:"footer",size:"medium",type:"secondary",onClick:()=>e(),theme:this.theme},f("macd-cancel")),a("tet-button",{slot:"footer",size:"medium",onClick:()=>i(),theme:this.theme},f("macd-to-communication")))}renderErrorNotification(){const t="light"===this.theme?"classic":"dark";return a("tet-notification",{class:"macd-error-notification",content:f("macd-error-loading"),type:"warning",icon:"attention",theme:t})}render(){const t=this.showErrorNotification?this.renderErrorNotification():this.renderMacdOrderTypesList(),o=this.showLoader?this.renderLoader():t;return a(n,{key:"14a900bd1e5e75cb47673e3d51b4e60f7f80d8f2"},a("div",{key:"3916c7ce06cfcc8f98655d200131c582b9b38884",class:"wrapper"},a(s,{key:"6bdc365fce9fbb7f54b0a217ec215485c47bf9dd",theme:this.theme},o,this.renderDialog())))}static get watchers(){return{language:["onLanguageChange"],accessToken:["setAccessToken"],macdOrderTypes:["setMacdOrderTypes"]}}};g.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--macd-list-font-family:var(--text-font);--macd-list-radius:1rem;--macd-list-padding:0;--macd-list-margin:0;--macd-list-background:rgb(255, 255, 255);--macd-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-list-item-background:rgb(255, 255, 255);--macd-list-item-padding:1rem 1.5rem;--macd-list-item-border:.0625rem solid rgb(215, 219, 224);--macd-list-item-name-text-color:rgb(10, 11, 13);--macd-list-item-icon-color:var(--color-grey-50);--macd-list-item-icon-size:1.5rem;--macd-list-item-icon-spacing:.5rem;--macd-list-communication-icon-color:rgb(255, 182, 26);--macd-notification-warning-background-color:rgb(252, 244, 227);--macd-notification-warning-icon-color:rgb(255, 182, 26);--macd-notification-warning-border-left-color:rgb(251, 231, 187);--macd-notification-title-color:rgb(67, 75, 86);--macd-dark-list-background:rgb(10, 11, 13);--macd-dark-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-dark-list-communication-icon-color:rgb(255, 182, 26);--macd-dark-list-font-family:var(--text-font);--macd-dark-list-item-background:rgb(10, 11, 13);--macd-dark-list-item-border:.03125rem solid rgb(67, 75, 86);--macd-dark-list-item-icon-color:rgb(31, 208, 214);--macd-dark-list-item-icon-size:1.5rem;--macd-dark-list-item-icon-spacing:.5rem;--macd-dark-list-item-name-text-color:rgb(255, 255, 255);--macd-dark-list-item-padding:1rem 0;--macd-dark-list-margin:0;--macd-dark-list-padding:0 1rem;--macd-dark-list-radius:.5rem;--macd-dark-notification-title-color:rgb(215, 219, 224);--macd-dark-notification-warning-background-color:rgb(35, 40, 46);--macd-dark-notification-warning-border-left-color:rgba(255, 190, 51, 0.3);--macd-dark-notification-warning-icon-color:rgb(255, 182, 26);--macd-placeholder-primary-background-color:#01050C;--macd-placeholder-secondary-background-color:#12171E;display:block;width:100%;max-width:39.5rem}.wrapper{width:100%}.wrapper .placeholder{--placeholder-animation-speed:10s}.wrapper .theme-dark{--macd-list-background:var(--macd-dark-list-background);--macd-list-box-shadow:var(--macd-dark-list-box-shadow);--macd-list-communication-icon-color:var(--macd-dark-list-communication-icon-color);--macd-list-font-family:var(--macd-dark-list-font-family);--macd-list-item-background:var(--macd-dark-list-item-background);--macd-list-item-border:var(--macd-dark-list-item-border);--macd-list-item-icon-color:var(--macd-dark-list-item-icon-color);--macd-list-item-icon-size:var(--macd-dark-list-item-icon-size);--macd-list-item-icon-spacing:var(--macd-dark-list-item-icon-spacing);--macd-list-item-name-text-color:var(--macd-dark-list-item-name-text-color);--macd-list-item-padding:var(--macd-dark-list-item-padding);--macd-list-margin:var(--macd-dark-list-margin);--macd-list-padding:var(--macd-dark-list-padding);--macd-list-radius:var(--macd-dark-list-radius);--macd-notification-title-color:var(--macd-dark-notification-title-color);--macd-notification-warning-background-color:var(--macd-dark-notification-warning-background-color);--macd-notification-warning-border-left-color:var(--macd-dark-notification-warning-border-left-color);--macd-notification-warning-icon-color:var(--macd-dark-notification-warning-icon-color)}.wrapper .theme-dark .placeholder{--placeholder-primary-background-color:var(--macd-placeholder-primary-background-color);--placeholder-secondary-background-color:var(--macd-placeholder-secondary-background-color)}.macd-error-notification{--notification-warning-background-color:var(--macd-notification-warning-background-color);--notification-warning-icon-color:var(--macd-notification-warning-icon-color);--notification-warning-border-left-color:var(--macd-notification-warning-border-left-color);--notification-title-color:var(--macd-notification-title-color)}.macd-list{padding:var(--macd-list-padding);margin:var(--macd-list-margin);box-shadow:var(--macd-list-box-shadow);background:var(--macd-list-background);border-radius:var(--macd-list-radius)}.macd-list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:3.5625rem;padding:var(--macd-list-item-padding);cursor:pointer;font-style:normal}.macd-list-item+.macd-list-item{border-top:var(--macd-list-item-border)}.macd-list-item-name{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--macd-list-item-name-text-color);font-family:var(--macd-list-font-family);line-height:1.5rem;letter-spacing:-0.01125rem}.macd-list-item-icon-wrapper.multiple{min-width:calc(var(--macd-list-item-icon-size) * 2 + var(--macd-list-item-icon-spacing))}.macd-list-item-icon-wrapper-icon{--icon-size:var(--macd-list-item-icon-size)}.macd-list-item-icon-wrapper-icon.cta{--icon-color:var(--macd-list-communication-icon-color)}.macd-list-item-icon-wrapper-icon.cta+.action{margin-left:var(--macd-list-item-icon-spacing)}.macd-list-item-icon-wrapper-icon.action{--icon-color:var(--macd-list-item-icon-color)}';export{g as tet_macd_view}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as r}from"./p-83f43fdd.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent",7),this.theme="light",this.size="S",this.sizeChangeBreakpoint="None",this.isInCarousel=!1,this.pictureLayoutShiftPosition="left",this.cardTitle=void 0,this.subtitle=void 0,this.tags=void 0,this.dateTag=void 0,this.dateTagColorLight="black",this.dateTagColorDark="white",this.priceTagOptions={show:!1,background:"white"},this.linkHref=void 0,this.linkText=void 0,this.linkNewTab=!1,this.index=void 0,this.buttonColorTheme=void 0,this.buttonCustomColorCode=void 0,this.buttonCustomColorContentTone="light",this.isFocused=!1,this.originalSize=null,this.currentSize=null}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}`))}onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}tetDynamicCardClickEvent;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:"f540861665cea83ffe29d147fefb2c471b0ab208",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"f23d0b124407d6a30850d4faa6ecf2b5c42f4266",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:"77e5b8e5dac80f993f0cc8d75ebcb195b2769bb4",class:"image",part:"image"},i("slot",{key:"27541049dba50e22365f349ee35dd9196f94b10c",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"4a9a76436b0da5944c2539fba57af9aa54fc00f5",class:"content-container"},i("div",{key:"f85d83b152037d75f01afd14992ad60da1e093c8",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"8a3226e1cb359f7107eb3b22621141222b97060e",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"6ef1c7c4e815729a966c026ee95e94dc13b87ece",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:["onThemeChanged"],size:["onSizeChange"]}}};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-5abb3bea.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent",7),this.theme="light",this.size="S",this.sizeChangeBreakpoint="None",this.isInCarousel=!1,this.pictureLayoutShiftPosition="left",this.cardTitle=void 0,this.subtitle=void 0,this.tags=void 0,this.dateTag=void 0,this.dateTagColorLight="black",this.dateTagColorDark="white",this.priceTagOptions={show:!1,background:"white"},this.linkHref=void 0,this.linkText=void 0,this.linkNewTab=!1,this.index=void 0,this.buttonColorTheme=void 0,this.buttonCustomColorCode=void 0,this.buttonCustomColorContentTone="light",this.isFocused=!1,this.originalSize=null,this.currentSize=null}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}`))}onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}tetDynamicCardClickEvent;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:"f540861665cea83ffe29d147fefb2c471b0ab208",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"f23d0b124407d6a30850d4faa6ecf2b5c42f4266",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:"77e5b8e5dac80f993f0cc8d75ebcb195b2769bb4",class:"image",part:"image"},i("slot",{key:"27541049dba50e22365f349ee35dd9196f94b10c",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"4a9a76436b0da5944c2539fba57af9aa54fc00f5",class:"content-container"},i("div",{key:"f85d83b152037d75f01afd14992ad60da1e093c8",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"8a3226e1cb359f7107eb3b22621141222b97060e",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"6ef1c7c4e815729a966c026ee95e94dc13b87ece",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:["onThemeChanged"],size:["onSizeChange"]}}};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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as r}from"./p-5abb3bea.js";const n=class{constructor(o){t(this,o),this.clickCallback=()=>null,this.size="large",this.type="primary",this.theme="classic",this.colorTheme=void 0,this.customColorCode=void 0,this.customColorContentTone="light",this.disabled=!1,this.iconMode=!1,this.iconPosition="right",this.iconName=void 0,this.elementId=void 0,this.accessibilityLabel="",this.url="",this.urlTarget="_self"}renderButtonWithIcon(t){return"left"===t?o("div",{class:"button__content"},o("tet-icon",{name:this.iconName}),o("slot",null)):o("div",{class:"button__content"},o("slot",null),o("tet-icon",{name:this.iconName}))}handleClick=()=>{this.clickCallback(),this.url&&window.open(this.url,this.urlTarget,"_blank"===this.urlTarget?"noopener,noreferrer":void 0)};getFallbackType(){const{colorTheme:t,type:o,customColorCode:r}=this,n="secondary"===o;return r?n?"secondary":"primary":"yellow"===t?"primary":"adaptive-yellow"===t?n?"secondary":"primary":o}getFallbackTheme(){const{colorTheme:t,theme:o,customColorCode:r,type:n}=this,e="ghost"===n||"link"===n;if(r||"yellow"===t)return"dark"===o||"light-inverse"===o?"dark":"light";if("adaptive-yellow"===t)switch(o){case"light":case"light-inverse":case"dark":return o;case"dark-inverse":return"primary"===n?"dark-inverse":"dark";default:return"light"}return e&&"light-inverse"===o?"dark":e&&"dark-inverse"===o?"light":o}getAccessibilityLabel(){const{accessibilityLabel:t,iconMode:o,iconName:r}=this;return t||(o&&r?(r.startsWith("tc-")?r.substring(3):r).replaceAll("-"," ").trim():"")}shouldApplyDarkCustomColorContentClass(){const{customColorCode:t,type:o,customColorContentTone:r}=this;return!!t&&"primary"===o&&"dark"===r}render(){const t=this.getAccessibilityLabel();return o(r,{key:"de69fa5a41ed8b0d0e1de462509a1bab59fabab4"},o("button",{key:"6310d69f52cfd2992f21d5e3203e40b8339d09d6",part:"button",onClick:this.handleClick,id:this.elementId,style:this.customColorCode?{"--button-custom-color":this.customColorCode}:void 0,class:{button:!0,[`button--${this.size}`]:!0,[`button--type-${this.getFallbackType()}`]:!0,[`button--${this.getFallbackTheme()}-theme`]:!0,[`button--color-theme-${this.colorTheme}`]:!!this.colorTheme&&!this.customColorCode,"button--custom-color":!!this.customColorCode,"button--custom-color-content-dark":this.shouldApplyDarkCustomColorContentClass(),"button--icon-mode":this.iconMode,"button--with-icon":!!this.iconName},disabled:this.disabled,...t?{"aria-label":t}:{},tabindex:0},this.iconName&&this.iconMode?o("tet-icon",{name:this.iconName}):this.iconName?this.renderButtonWithIcon(this.iconPosition):o("slot",null)))}static get delegatesFocus(){return!0}};n.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--button-text-decoration:none;--button-background:rgb(255, 255, 255);--button-text-color:rgb(247, 247, 247);--button-border-color:rgb(0, 96, 245);--button-border:0.125rem solid var(--button-border-color);--button-width:auto;--button-box-shadow:none;--button-font-weight:500;--button-gap:0.25rem;--button-icon-size:1.25rem;--button-content-gap:0.5rem;--button-font-size-small:0.875rem;--button-padding-small:0.375rem 0.875rem;--button-font-size-medium:1rem;--button-padding-medium:0.5rem 1rem;--button-font-size-large:1rem;--button-padding-large:0.625rem 1.25rem;--button-font-size:var(--button-font-size-large);--button-padding:var(--button-padding-large);display:inline-block;border-radius:2rem;width:fit-content;cursor:pointer}.button{--button-icon-mode-padding-internal:0.75rem;min-width:7.5rem;line-height:1.5rem;--button-text-color-current:var(--button-text-color);--button-border-color-current:var(--button-border-color);--button-background-current:var(--button-background);--button-box-shadow-current:var(--button-box-shadow);--button-text-decoration-current:var(--button-text-decoration);--button-icon-color-current:var(--button-icon-color, var(--button-text-color-current));--button-text-color-hover:var(--button-text-color);--button-border-color-hover:var(--button-border-color);--button-background-hover:var(--button-background);--button-box-shadow-hover:var(--button-box-shadow);--button-text-decoration-hover:var(--button-text-decoration);--button-text-color-focus:var(--button-text-color);--button-border-color-focus:var(--button-border-color);--button-background-focus:var(--button-background);--button-box-shadow-focus:var(--button-box-shadow);--button-text-decoration-focus:var(--button-text-decoration);--button-text-color-active:var(--button-text-color-hover);--button-border-color-active:var(--button-border-color-hover);--button-background-active:var(--button-background-hover);--button-box-shadow-active:var(--button-box-shadow-hover);--button-text-decoration-active:var(--button-text-decoration-hover);--button-text-color-disabled:var(--button-text-color);--button-border-color-disabled:var(--button-border-color);--button-background-disabled:var(--button-background);--button-box-shadow-disabled:var(--button-box-shadow);--button-text-decoration-disabled:var(--button-text-decoration);--button-icon-color-disabled:var(--button-icon-color, var(--button-text-color-disabled));display:flex;justify-content:center;flex-direction:row;align-items:center;gap:var(--button-gap);width:var(--button-width);border-radius:2rem;cursor:inherit;transition:all 0.2s ease-in-out;font-family:var(--font-family-content);font-weight:var(--button-font-weight);color:var(--button-text-color-current);border:var(--button-border);background-color:var(--button-background-current);border-color:var(--button-border-color-current);box-shadow:var(--button-box-shadow-current);text-decoration:var(--button-text-decoration-current);font-size:var(--button-font-size);padding:var(--button-padding)}.button--small{--button-font-size:var(--button-font-size-small);--button-padding:var(--button-padding-small);--button-icon-mode-padding-internal:0.375rem;min-width:6.25rem;line-height:1.25rem}.button--medium{--button-font-size:var(--button-font-size-medium);--button-padding:var(--button-padding-medium);--button-icon-mode-padding-internal:0.625rem;min-width:6.875rem}.button__content{display:flex;align-items:center;gap:var(--button-content-gap)}.button:hover:not(:disabled){backdrop-filter:blur(7.5px);--button-text-color-current:var(--button-text-color-hover);--button-border-color-current:var(--button-border-color-hover);--button-background-current:var(--button-background-hover);--button-box-shadow-current:var(--button-box-shadow-hover);--button-text-decoration-current:var(--button-text-decoration-hover)}.button:where(.button--type-ghost,.button--type-link,.button--classic-theme,.button--mint-theme):focus:not(:disabled){--button-text-color-current:var(--button-text-color-focus);--button-border-color-current:var(--button-border-color-focus);--button-background-current:var(--button-background-focus);--button-box-shadow-current:var(--button-box-shadow-focus);--button-text-decoration-current:var(--button-text-decoration-focus)}.button:focus-visible:not(:disabled){--button-box-shadow-current:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.button:is(.button--dark-theme,.button--dark-inverse-theme):focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.button:active:not(:disabled){backdrop-filter:blur(7.5px);--button-text-color-current:var(--button-text-color-active);--button-border-color-current:var(--button-border-color-active);--button-background-current:var(--button-background-active);--button-box-shadow-current:var(--button-box-shadow-active);--button-text-decoration-current:var(--button-text-decoration-active)}.button:disabled{cursor:not-allowed;backdrop-filter:blur(5px);--button-text-color-current:var(--button-text-color-disabled);--button-border-color-current:var(--button-border-color-disabled);--button-background-current:var(--button-background-disabled);--button-box-shadow-current:var(--button-box-shadow-disabled);--button-text-decoration-current:var(--button-text-decoration-disabled);--button-icon-color-current:var(--button-icon-color-disabled)}.button--with-icon tet-icon{pointer-events:none;--icon-color:var(--button-icon-color-current);--icon-size:var(--button-icon-size);--icon-container-display:flex}.button--type-primary{--button-background:initial;--button-border-color:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-primary.button--dark-theme{--button-text-color:var(--tc-button-text-primary-dark);--button-background:var(--tc-button-primary-background-default-dark);--button-icon-color:var(--tc-button-icon-primary-dark);--button-background-hover:var(--tc-button-primary-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-background-pressed-dark);--button-text-color-disabled:var(--tc-button-text-disabled-dark);--button-background-disabled:var(--tc-button-primary-background-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-disabled-dark)}.button--type-primary.button--dark-theme.button--color-theme-yellow,.button--type-primary.button--dark-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-background:var(--tc-button-primary-yellow-background-default-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark);--button-background-hover:var(--tc-button-primary-yellow-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-yellow-background-pressed-dark)}.button--type-primary.button--dark-theme.button--custom-color{--button-text-color:var(--tc-button-text-white-permanent-dark);--button-icon-color:var(--tc-button-icon-white-permanent-dark)}.button--type-primary.button--dark-theme.button--custom-color-content-dark{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark)}.button--type-primary.button--dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary-dark);--button-background:var(--tc-button-primary-background-inverse-default-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark);--button-background-hover:var(--tc-button-primary-background-inverse-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-primary-background-inverse-pressed-dark);--button-text-color-disabled:var(--tc-button-text-inverse-disabled-dark);--button-background-disabled:var(--tc-button-primary-background-inverse-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-inverse-disabled-dark)}.button--type-primary.button--dark-inverse-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-black-permanent-dark);--button-background:var(--tc-button-primary-yellow-background-default-dark);--button-icon-color:var(--tc-button-icon-black-permanent-dark);--button-background-hover:var(--tc-button-primary-yellow-background-hover-dark);--button-background-active:var(--tc-button-primary-yellow-background-pressed-dark)}.button--type-primary.button--mint-theme{--button-text-color:rgb(10, 11, 13);--button-background:rgb(26, 213, 219);--button-border-color-hover:rgb(153, 245, 255);--button-background-hover:rgb(153, 245, 255);--button-border-color-focus:rgb(26, 213, 219);--button-background-focus:rgb(153, 245, 255);--button-box-shadow-focus:0 0 0 0.1875rem rgba(31, 208, 214, 0.32);--button-border-color-active:rgb(24, 165, 170);--button-background-active:rgb(24, 165, 170);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(67, 75, 86);--button-background-disabled:rgb(67, 75, 86)}.button--type-primary.button--light-theme{--button-text-color:var(--tc-button-text-primary);--button-background:var(--tc-button-primary-background-default);--button-icon-color:var(--tc-button-icon-primary);--button-background-hover:var(--tc-button-primary-background-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-primary-background-pressed);--button-text-color-disabled:var(--tc-button-text-disabled);--button-background-disabled:var(--tc-button-primary-background-disabled);--button-icon-color-disabled:var(--tc-button-icon-disabled)}.button--type-primary.button--light-theme.button--color-theme-yellow{--button-text-color:var(--tc-button-text-black-permanent);--button-background:var(--tc-button-primary-yellow-background-default);--button-icon-color:var(--tc-button-icon-black-permanent);--button-background-hover:var(--tc-button-primary-yellow-background-hover);--button-background-active:var(--tc-button-primary-yellow-background-pressed)}.button--type-primary.button--light-theme.button--custom-color{--button-text-color:var(--tc-button-text-white-permanent);--button-icon-color:var(--tc-button-icon-white-permanent)}.button--type-primary.button--light-theme.button--custom-color-content-dark{--button-text-color:var(--tc-button-text-black-permanent);--button-icon-color:var(--tc-button-icon-black-permanent)}.button--type-primary.button--light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary);--button-background:var(--tc-button-primary-background-inverse-default);--button-icon-color:var(--tc-button-icon-inverse-primary);--button-background-hover:var(--tc-button-primary-background-inverse-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-primary-background-inverse-pressed);--button-text-color-disabled:var(--tc-button-text-inverse-disabled);--button-background-disabled:var(--tc-button-primary-background-inverse-disabled);--button-icon-color-disabled:var(--tc-button-icon-inverse-disabled)}.button--type-primary.button--classic-theme{--button-text-color:rgb(255, 255, 255);--button-background:rgb(0, 96, 245);--button-background-hover:rgb(52, 132, 244);--button-border-color-hover:rgb(52, 132, 244);--button-background-focus:rgb(52, 132, 244);--button-border-color-focus:rgb(8, 53, 104);--button-box-shadow-focus:0 0 0 0.1875rem rgba(52, 132, 244, 0.45);--button-background-active:rgb(8, 53, 104);--button-border-color-active:rgb(8, 53, 104);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(255, 255, 255);--button-background-disabled:rgb(255, 255, 255)}.button--type-primary.button--custom-color{--button-background:var(--button-custom-color);--button-background-hover:color-mix(in srgb, var(--button-custom-color) 92%, rgb(0, 0, 0) 8%);--button-background-active:color-mix(in srgb, var(--button-custom-color) 84%, rgb(0, 0, 0) 16%)}.button--type-secondary{--button-background:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-secondary.button--dark-theme{--button-text-color:var(--tc-button-text-secondary-dark);--button-border-color:var(--tc-button-border-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark);--button-background-hover:var(--tc-button-secondary-background-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-secondary-background-pressed-dark);--button-text-color-disabled:var(--tc-button-text-secondary-disabled-dark);--button-border-color-disabled:var(--tc-button-border-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-secondary-disabled-dark)}.button--type-secondary.button--dark-theme.button--color-theme-adaptive-yellow{--button-text-color:var(--tc-button-text-secondary-adaptive-yellow-dark);--button-border-color:var(--tc-button-border-adaptive-yellow-secondary-dark);--button-icon-color:var(--tc-button-icon-secondary-adaptive-yellow-dark);--button-background-hover:var(--tc-button-secondary-adaptive-yellow-background-hover-dark);--button-background-active:var(--tc-button-secondary-adaptive-yellow-background-pressed-dark)}.button--type-secondary.button--dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary-dark);--button-border-color:var(--tc-button-border-inverse-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-secondary-dark);--button-background-hover:var(--tc-button-secondary-background-inverse-hover-dark);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-secondary-background-inverse-pressed-dark);--button-text-color-disabled:var(--tc-button-text-inverse-secondary-disabled-dark);--button-border-color-disabled:var(--tc-button-border-inverse-disabled-dark);--button-icon-color-disabled:var(--tc-button-icon-inverse-secondary-disabled-dark)}.button--type-secondary.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-border-color:rgb(26, 213, 219);--button-text-color-hover:rgb(255, 255, 255);--button-border-color-hover:rgb(153, 245, 255);--button-background-hover:rgba(26, 213, 219, 0.08);--button-text-color-focus:rgb(255, 255, 255);--button-border-color-focus:rgb(26, 213, 219);--button-background-focus:rgba(26, 213, 219, 0.24);--button-box-shadow-focus:0 0 0 0.1875rem rgba(31, 208, 214, 0.32);--button-text-color-active:rgb(255, 255, 255);--button-border-color-active:rgb(26, 213, 219);--button-background-active:rgba(26, 213, 219, 0.32);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(153, 160, 174)}.button--type-secondary.button--light-theme{--button-text-color:var(--tc-button-text-secondary);--button-border-color:var(--tc-button-border-secondary);--button-icon-color:var(--tc-button-icon-inverse-primary);--button-background-hover:var(--tc-button-secondary-background-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised), var(--tc-button-hover-shadow-centre);--button-background-active:var(--tc-button-secondary-background-pressed);--button-text-color-disabled:var(--tc-button-text-secondary-disabled);--button-border-color-disabled:var(--tc-button-border-disabled);--button-icon-color-disabled:var(--tc-button-icon-secondary-disabled)}.button--type-secondary.button--light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary);--button-border-color:var(--tc-button-border-inverse-secondary);--button-icon-color:var(--tc-button-icon-inverse-secondary);--button-background-hover:var(--tc-button-secondary-background-inverse-hover);--button-box-shadow-hover:var(--tc-button-hover-shadow-raised-dark), var(--tc-button-hover-shadow-centre-dark);--button-background-active:var(--tc-button-secondary-background-inverse-pressed);--button-text-color-disabled:var(--tc-button-text-inverse-secondary-disabled);--button-border-color-disabled:var(--tc-button-border-inverse-disabled);--button-icon-color-disabled:var(--tc-button-icon-inverse-secondary-disabled)}.button--type-secondary.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-border-color:rgb(0, 96, 245);--button-text-color-hover:rgb(8, 53, 104);--button-background-hover:rgba(0, 96, 245, 0.08);--button-text-color-focus:rgb(8, 53, 104);--button-background-focus:rgba(0, 96, 245, 0.12);--button-box-shadow-focus:0 0 0 0.1875rem rgba(113, 172, 244, 0.5);--button-text-color-active:rgb(8, 53, 104);--button-background-active:rgba(0, 96, 245, 0.16);--button-text-color-disabled:rgb(153, 160, 174);--button-border-color-disabled:rgb(153, 160, 174)}.button--type-secondary.button--custom-color{--button-border-color:var(--button-custom-color);--button-text-color:var(--button-custom-color);--button-icon-color:var(--button-custom-color);--button-background-hover:color-mix(in srgb, var(--button-custom-color) 12%, transparent);--button-background-active:color-mix(in srgb, var(--button-custom-color) 24%, transparent)}.button--type-ghost{--button-border-color:transparent;--button-background:transparent;--button-border-color-active:transparent;--button-border-color-disabled:transparent;--button-background-disabled:transparent;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-ghost.button--dark-theme{--button-text-color:rgb(255, 255, 255);--button-text-color-hover:rgb(215, 219, 224);--button-border-color-focus:rgb(192, 197, 206);--button-background-focus:rgba(215, 219, 224, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(215, 219, 224, 0.35);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-text-color-hover:rgb(153, 245, 255);--button-text-color-focus:rgb(153, 245, 255);--button-border-color-focus:rgb(153, 245, 255);--button-background-focus:rgba(153, 245, 255, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(153, 245, 255, 0.3);--button-text-color-active:rgb(24, 165, 170);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--light-theme{--button-text-color:rgb(10, 11, 13);--button-text-color-hover:rgb(88, 99, 116);--button-text-color-focus:rgb(10, 11, 13);--button-border-color-focus:rgb(153, 160, 174);--button-background-focus:rgba(153, 160, 174, 0.01);--button-box-shadow-focus:0 0 0 0.1875rem rgba(153, 160, 174, 0.3);--button-text-color-active:rgb(35, 40, 46);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-ghost.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-text-color-hover:rgb(52, 132, 244);--button-text-color-focus:rgb(52, 132, 244);--button-border-color-focus:rgb(52, 132, 244);--button-background-focus:rgba(52, 132, 244, 0.01);--button-text-color-active:rgb(8, 53, 104);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link{text-align:left;--button-border-color:transparent;--button-background:transparent;--button-text-decoration-hover:underline;--button-text-decoration-focus:underline;--button-text-decoration-active:underline;--button-icon-color-disabled:var(--button-text-color-disabled)}.button--type-link:focus-visible:not(:disabled),.button--type-link:focus:not(:disabled){border-radius:0.625rem}.button--type-link.button--dark-theme{--button-text-color:rgb(247, 247, 247);--button-text-color-hover:rgb(215, 219, 224);--button-text-color-focus:rgb(215, 219, 224);--button-text-color-active:rgb(247, 247, 247);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--mint-theme{--button-text-color:rgb(26, 213, 219);--button-text-color-hover:rgb(153, 245, 255);--button-text-color-focus:rgb(153, 245, 255);--button-text-color-active:rgb(26, 213, 219);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--light-theme{--button-text-color:rgb(10, 11, 13);--button-text-color-hover:rgb(88, 99, 116);--button-text-color-focus:rgb(88, 99, 116);--button-text-color-active:rgb(35, 40, 46);--button-text-color-disabled:rgb(153, 160, 174)}.button--type-link.button--classic-theme{--button-text-color:rgb(0, 96, 245);--button-text-color-hover:rgb(52, 132, 244);--button-text-color-focus:rgb(52, 132, 244);--button-text-color-active:rgb(0, 96, 245);--button-text-color-disabled:rgb(153, 160, 174)}.button--icon-mode{padding:var(--button-icon-mode-padding, var(--button-icon-mode-padding-internal));aspect-ratio:1;border-radius:50%;min-width:auto}';export{n as tet_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i as t}from"./p-9a2b6ee2.js";import{e as s,A as a}from"./p-
|
|
1
|
+
import{i as t}from"./p-9a2b6ee2.js";import{e as s,A as a}from"./p-726651bc.js";const n=(s,a=(()=>!0))=>Object.keys(s).reduce(((e,r)=>a({key:r,value:s[r]})?{...e,...t(s[r])?n(s[r],a):{[r]:s[r]}}:e),{});class e{static instance;storageKey="translations";supportedLanguages=["lv","ru","en"];translations={};mergedTranslations={};constructor(){this.translations=this.getCachedTranslations()}static getInstance(){return e.instance||(e.instance=new e),e.instance}getTranslations(){return this.mergedTranslations}updateTranslations=async(t,s)=>{try{this.translations=await this.loadTranslations(t,s)}catch{}this.mergedTranslations=await this.mergeTranslations(s)};loadTranslations=async(t,n)=>{if(!t||!n)return Promise.reject(`Missing translation parameters - group (${t}), language (${n}).`);if(!this.supportedLanguages.includes(n))return Promise.reject(`Translations language "${n}" is not supported.`);if(this.translationsExist(t,n))return Promise.reject(`Translations for group (${t}) and language (${n}) already exist.`);const e=this.getCachedTranslations();return e[t]||(e[t]={}),e[t][n]=await((t,n)=>{let e;try{e=new URL(`${n}/${t}`,s.translations).href}catch(t){return console.error(t),Promise.reject("Translations endpoint URL generation failed.")}return(new a).setUrl(e).setOptions({method:"GET"}).setErrorFallbackValue({}).execute()})(t,n),this.cacheTranslations(e),Promise.resolve(e)};mergeTranslations=async t=>Promise.resolve(n(this.translations,(({key:s})=>!this.supportedLanguages.includes(s)||s===t)));translationsExist=(t,s)=>!(0===Object.keys(this.translations[t]?.[s]??{}).length);getCachedTranslations=()=>JSON.parse(sessionStorage.getItem(this.storageKey))??{};cacheTranslations=t=>{sessionStorage.setItem(this.storageKey,JSON.stringify(t))}}const r=e.getInstance(),i=async(t,s)=>{await r.updateTranslations(t,s)},o=(s,a)=>{const n=r.getTranslations();let e=n[s.trim()]??n.lv??s;return t(a)&&(e=c(e,a)),e},c=(t,s)=>{for(const[a,n]of Object.entries(s))t=t.replace(new RegExp(`{${a}}`,"g"),n);return t};export{i as p,o as t}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,g as r,h as n}from"./p-
|
|
1
|
+
import{r as e,g as r,h as n}from"./p-5abb3bea.js";const i=class{constructor(r){e(this,r),this.theme="classic",this.size="small",this.type="indeterminate",this.previousProgress=0}get element(){return r(this)}spinner=null;onTypeChange(e){"determinate"!==e&&this.spinner.classList.remove(`spinner--${this.previousProgress}-progress`)}async setProgress(e){let r=e;r||(r=0),r>100&&(r=100),this.element.style.setProperty("--spinner-progress",r.toString())}componentDidLoad(){this.setForeignObjectAttributes()}setForeignObjectAttributes=()=>{const e=this.spinner.querySelector("foreignObject");null!=e&&(e.setAttribute("x","0"),e.setAttribute("y","0"),e.setAttribute("width","40px"),e.setAttribute("height","40px"),e.setAttribute("clip-path","url(#clip)"))};render(){return n("div",{key:"67912ef3ca2766aadd9fbbea95d44e9d7583cfc6",ref:e=>this.spinner=e,class:{spinner:!0,[`${this.theme}-theme`]:!0,[`size--${this.size}`]:!0,[`spinner--${this.type}`]:!0}},n("svg",{key:"14fcd39742fc2b94e7e88c60593456944a30efe7",viewBox:"0 0 40 40"},n("clipPath",{key:"0a0229717df7043df9c8e646cefbb8fa4293426b",id:"clip"},n("path",{key:"6f3a9732c4b9c33114c6557670c378d873a6ea7b",d:"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457\n 0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z"})),n("foreignObject",{key:"c39fb59d157b1c93a086142160f583ab0c080a79"},n("div",{key:"f79cf2afc413c7151a39b35945c31ea55e3b833b",class:"spinner__gradient"}))))}static get watchers(){return{type:["onTypeChange"]}}};i.style=':host{display:flex;--spinner-primary-color:var(--tc-blue-40);--spinner-secondary-color:transparent;--spinner-size:1.5rem;--spinner-indicator-size:0.23rem;--spinner-progress:0}.dark-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1-dark);--spinner-secondary-color:var(--tc-spinner-gradient-value-2-dark)}.light-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1);--spinner-secondary-color:var(--tc-spinner-gradient-value-2)}.size--medium{--spinner-size:2rem;--spinner-indicator-size:0.3rem}.size--large{--spinner-size:2.5rem;--spinner-indicator-size:0.375rem}@keyframes indeterminate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{position:relative;width:var(--spinner-size);height:var(--spinner-size)}.spinner::before{display:block;content:"";right:0;top:43%;width:var(--spinner-indicator-size);aspect-ratio:1;position:absolute;background-color:var(--spinner-primary-color);border-radius:50%}.spinner__gradient{width:2.5rem;height:2.5rem;border-radius:50%;background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) 76%, var(--spinner-primary-color) 100%) border-box}.spinner--indeterminate{animation:indeterminate 1.5s infinite steps(100)}.spinner--determinate{transform:rotate(calc(var(--spinner-progress) * 2.7deg))}.spinner--determinate .spinner__gradient{background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) calc(76% - var(--spinner-progress) * 0.76%), var(--spinner-primary-color) 100%) border-box}';export{i as tet_spinner}
|