@tet/tet-components 1.4.22-staging → 1.4.22-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-f852270f.js → address-656e77f6.js} +1 -1
- package/dist/cjs/{assets-b9d36649.js → assets-f64f0e16.js} +1 -1
- package/dist/cjs/{async-request-4517f566.js → async-request-fcf33aba.js} +1 -1
- package/dist/cjs/{http-codes-062f76cf.js → http-codes-40da1e61.js} +1 -1
- package/dist/cjs/{index-faec4c52.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-19a7608f.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-d6be0dd2.js → phone-055efd07.js} +2 -2
- package/dist/cjs/{product-comparison-aa80a77c.js → product-comparison-88a89820.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-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 +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox.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 +1 -1
- 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-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-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-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 +1 -1
- 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-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-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-46514846.js → theme-wrapper-66880718.js} +2 -2
- package/dist/cjs/{translations-89a0ec3d.js → translations-03c9de64.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-96de3e43.js → p-039c578b.js} +2 -2
- package/dist/components/{p-6242ec90.js → p-0a5f7ab0.js} +5 -5
- package/dist/components/{p-de1acd22.js → p-0e70d061.js} +1 -1
- package/dist/components/{p-02a81299.js → p-0f1423b7.js} +7 -7
- package/dist/components/{p-f5154935.js → p-1675cb05.js} +4 -4
- package/dist/components/{p-43a44496.js → p-20ca9fa1.js} +1 -1
- package/dist/components/{p-aa122c92.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-4e88753d.js → p-26ce88e8.js} +3 -3
- package/dist/components/{p-f46b093a.js → p-2e59089a.js} +1 -1
- package/dist/components/{p-e41eae5a.js → p-2f2fb278.js} +2 -2
- package/dist/components/{p-a1135d10.js → p-375a5cfa.js} +1 -1
- package/dist/components/{p-1d199f2f.js → p-4029ad75.js} +6 -6
- package/dist/components/{p-8e745800.js → p-41a7c21a.js} +1 -1
- package/dist/components/{p-f109606b.js → p-438d429c.js} +3 -3
- package/dist/components/{p-3493f65f.js → p-4468c9e9.js} +1 -1
- package/dist/components/{p-8127f021.js → p-47760f25.js} +1 -1
- package/dist/components/{p-f7b92530.js → p-56f9a49b.js} +1 -1
- package/dist/components/{p-5e54f01c.js → p-5c47c2d5.js} +1 -1
- package/dist/components/{p-77d1db12.js → p-61cedfb0.js} +1 -1
- package/dist/components/{p-743c5d9e.js → p-635c5db4.js} +1 -1
- package/dist/components/{p-b77d8447.js → p-68513e60.js} +9 -9
- package/dist/components/{p-138c4b07.js → p-69555360.js} +5 -5
- package/dist/components/{p-b0eebae4.js → p-69774b35.js} +3 -3
- package/dist/components/{p-36207ee1.js → p-77d77578.js} +2 -2
- package/dist/components/{p-fa18b9f9.js → p-7965bdfb.js} +2 -2
- package/dist/components/{p-bac1705f.js → p-7f859d29.js} +1 -1
- package/dist/components/{p-6653e45a.js → p-82d03692.js} +6 -6
- package/dist/components/{p-864767fb.js → p-83e9f500.js} +2 -2
- package/dist/components/{p-5623e001.js → p-8758fb64.js} +1 -1
- package/dist/components/{p-ff8dd72b.js → p-9664416d.js} +2 -2
- package/dist/components/{p-fb23d562.js → p-a17553f4.js} +1 -1
- package/dist/components/{p-4fc72997.js → p-a7e888ab.js} +3 -3
- package/dist/components/{p-a363eba2.js → p-ab294e76.js} +2 -2
- package/dist/components/{p-61d5fa06.js → p-ac209bc1.js} +2 -2
- package/dist/components/{p-30be7bb7.js → p-afaf0812.js} +1 -1
- package/dist/components/{p-5d06fc97.js → p-b03d721d.js} +4 -4
- package/dist/components/{p-c2293494.js → p-b1c19d70.js} +2 -2
- package/dist/components/{p-cff57173.js → p-b32cb3ad.js} +10 -10
- package/dist/components/{p-9ac6eb20.js → p-b4b94c16.js} +1 -1
- package/dist/components/{p-7af8b1c5.js → p-b52c715b.js} +6 -6
- package/dist/components/{p-29136fbe.js → p-b6e2a8cc.js} +1 -1
- package/dist/components/{p-a3aa7a84.js → p-b73ba300.js} +2 -2
- package/dist/components/{p-8995a00f.js → p-c0e5e16a.js} +1 -1
- package/dist/components/{p-313df495.js → p-c3d2ccd5.js} +1 -1
- package/dist/components/{p-d53a97f8.js → p-c3dd8021.js} +2 -2
- package/dist/components/{p-e5236c60.js → p-c722c61d.js} +10 -10
- package/dist/components/{p-d52c52de.js → p-c9ec821b.js} +1 -1
- package/dist/components/{p-2fd6d52f.js → p-cd009231.js} +3 -3
- package/dist/components/{p-7c8fc9a8.js → p-cd88ddf8.js} +3 -3
- package/dist/components/{p-b8cd7cbd.js → p-d3e6fe4e.js} +14 -14
- package/dist/components/{p-0dfb1d40.js → p-e3fecd23.js} +7 -7
- package/dist/components/{p-23fdf5ea.js → p-e76a41b8.js} +4 -4
- package/dist/components/{p-ab4ca7a5.js → p-ec253cea.js} +3 -3
- package/dist/components/{p-5a636c50.js → p-ee17a01a.js} +1 -1
- package/dist/components/{p-9a7c652b.js → p-f0a90a3d.js} +2 -2
- package/dist/components/{p-e648d725.js → p-f52de522.js} +3 -3
- package/dist/components/{p-26ffcb52.js → p-f76fad86.js} +1 -1
- package/dist/components/{p-13d54d11.js → p-ffe0b1f2.js} +7 -7
- 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 +24 -24
- 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 +5 -5
- 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 +11 -11
- 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-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 +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- 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 +2 -2
- 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-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-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-20e2d850.js → address-1e0810e7.js} +1 -1
- package/dist/esm/{assets-894007df.js → assets-e1349520.js} +1 -1
- package/dist/esm/{async-request-ae1056de.js → async-request-4c945e13.js} +1 -1
- package/dist/esm/{http-codes-cf0086d4.js → http-codes-1927ea00.js} +1 -1
- package/dist/esm/{index-e3209c56.js → index-412df137.js} +1 -1
- package/dist/esm/{index-e933a7d2.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-62660137.js → phone-1a920c5c.js} +2 -2
- package/dist/esm/{product-comparison-cb8955f6.js → product-comparison-dd90c721.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-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 +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox.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 +2 -2
- 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-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-dropdown_2.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-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 +1 -1
- 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-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-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-cf4d7d54.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-e60db8fd.js → translations-4712c45f.js} +1 -1
- package/dist/tet-components/{p-0d2c26f6.entry.js → p-028e8ace.entry.js} +1 -1
- package/dist/tet-components/{p-23f3b153.entry.js → p-0690732e.entry.js} +1 -1
- package/dist/tet-components/{p-7a9db071.entry.js → p-09e92f79.entry.js} +1 -1
- package/dist/tet-components/{p-c9ddf890.js → p-0c6b6730.js} +1 -1
- package/dist/tet-components/{p-b29111f0.entry.js → p-0e2dbd84.entry.js} +1 -1
- package/dist/tet-components/{p-726651bc.js → p-0ebbf5ef.js} +1 -1
- package/dist/tet-components/{p-fdd44094.entry.js → p-0f2d1a9c.entry.js} +1 -1
- package/dist/tet-components/{p-8b93b91f.entry.js → p-10e72480.entry.js} +1 -1
- package/dist/tet-components/{p-548d7cc1.entry.js → p-122f3d3c.entry.js} +1 -1
- package/dist/tet-components/{p-10e741ae.entry.js → p-162809ee.entry.js} +1 -1
- package/dist/tet-components/{p-4bc6bffc.entry.js → p-17946d38.entry.js} +1 -1
- package/dist/tet-components/{p-3df9b70e.entry.js → p-1d207053.entry.js} +1 -1
- package/dist/tet-components/{p-f91f0ca9.entry.js → p-1e7163c8.entry.js} +1 -1
- package/dist/tet-components/{p-b92dff8a.js → p-1fd2adaf.js} +1 -1
- package/dist/tet-components/{p-f9c98275.entry.js → p-2328b1d4.entry.js} +1 -1
- package/dist/tet-components/{p-9fd6e7e0.entry.js → p-298292ce.entry.js} +1 -1
- package/dist/tet-components/{p-81e1b3ff.entry.js → p-31668864.entry.js} +1 -1
- package/dist/tet-components/{p-15b5eea7.entry.js → p-33404a9a.entry.js} +1 -1
- package/dist/tet-components/{p-11a7eab8.entry.js → p-33d12bd1.entry.js} +1 -1
- package/dist/tet-components/{p-2a973b3c.entry.js → p-33f2ed2e.entry.js} +1 -1
- package/dist/tet-components/{p-11c04360.entry.js → p-35cbd34e.entry.js} +1 -1
- package/dist/tet-components/{p-6de8cbc6.entry.js → p-37a8e22b.entry.js} +1 -1
- package/dist/tet-components/{p-cd3df679.entry.js → p-38fb0eea.entry.js} +1 -1
- package/dist/tet-components/{p-8733c856.entry.js → p-39686fad.entry.js} +1 -1
- package/dist/tet-components/{p-c30e58ce.entry.js → p-3a6b0d35.entry.js} +1 -1
- package/dist/tet-components/{p-3b5e9fed.entry.js → p-3fc6a020.entry.js} +1 -1
- package/dist/tet-components/{p-c87aa965.entry.js → p-43c3b078.entry.js} +1 -1
- package/dist/tet-components/{p-fa67ec09.entry.js → p-43fd6ff8.entry.js} +1 -1
- package/dist/tet-components/{p-af2f3a93.entry.js → p-483e0253.entry.js} +1 -1
- package/dist/tet-components/{p-19f787c4.entry.js → p-490f1cd2.entry.js} +1 -1
- package/dist/tet-components/{p-73f56659.entry.js → p-4a16b8da.entry.js} +1 -1
- package/dist/tet-components/{p-1ea5d4bf.entry.js → p-5533f71b.entry.js} +1 -1
- package/dist/tet-components/{p-c8d2f1fc.entry.js → p-5af71510.entry.js} +1 -1
- package/dist/tet-components/{p-835c7ee4.entry.js → p-5e8466e6.entry.js} +1 -1
- package/dist/tet-components/{p-239fa72a.entry.js → p-6297692b.entry.js} +1 -1
- package/dist/tet-components/{p-9d8708fa.entry.js → p-667d758e.entry.js} +1 -1
- package/dist/tet-components/{p-8805a22c.entry.js → p-6c7b5f8d.entry.js} +1 -1
- package/dist/tet-components/{p-55ded3a8.entry.js → p-6dde4d69.entry.js} +1 -1
- package/dist/tet-components/{p-31d0b400.entry.js → p-7056a120.entry.js} +1 -1
- package/dist/tet-components/{p-f8353098.entry.js → p-70c608a6.entry.js} +1 -1
- package/dist/tet-components/{p-7b17b5c4.entry.js → p-7194c3e1.entry.js} +1 -1
- package/dist/tet-components/{p-525b56a5.entry.js → p-720e5059.entry.js} +1 -1
- package/dist/tet-components/{p-ef25e0de.entry.js → p-742d2b37.entry.js} +1 -1
- package/dist/tet-components/{p-b39df477.js → p-7544dfd7.js} +1 -1
- package/dist/tet-components/{p-cc99e827.entry.js → p-75927057.entry.js} +1 -1
- package/dist/tet-components/{p-3ac57578.js → p-778c46a6.js} +1 -1
- package/dist/tet-components/{p-3bda9ee1.entry.js → p-77a1f676.entry.js} +1 -1
- package/dist/tet-components/{p-c1b9f3f1.entry.js → p-798aa31d.entry.js} +1 -1
- package/dist/tet-components/{p-48645203.entry.js → p-79dab470.entry.js} +1 -1
- package/dist/tet-components/{p-a6a9122c.entry.js → p-79f778d6.entry.js} +1 -1
- package/dist/tet-components/{p-d20c08e6.entry.js → p-811eaad9.entry.js} +1 -1
- package/dist/tet-components/{p-1b07b60f.entry.js → p-83ada223.entry.js} +1 -1
- package/dist/tet-components/{p-5abb3bea.js → p-83f43fdd.js} +1 -1
- package/dist/tet-components/{p-6c6eb3a7.entry.js → p-85bcbb9d.entry.js} +1 -1
- package/dist/tet-components/{p-07c4082e.entry.js → p-85f61fc0.entry.js} +1 -1
- package/dist/tet-components/{p-b468a922.entry.js → p-872bbccf.entry.js} +1 -1
- package/dist/tet-components/{p-a3c4074c.entry.js → p-8b421887.entry.js} +1 -1
- package/dist/tet-components/{p-63f6def9.entry.js → p-8bfd498e.entry.js} +1 -1
- package/dist/tet-components/{p-00324775.entry.js → p-8cf12736.entry.js} +1 -1
- package/dist/tet-components/{p-e7c67a4d.entry.js → p-8d8de315.entry.js} +1 -1
- package/dist/tet-components/{p-ec5fce34.entry.js → p-90763483.entry.js} +1 -1
- package/dist/tet-components/{p-fceeef13.entry.js → p-94dd5d95.entry.js} +1 -1
- package/dist/tet-components/{p-b4b90473.entry.js → p-9c837569.entry.js} +1 -1
- package/dist/tet-components/{p-5c970a59.entry.js → p-9eb496bb.entry.js} +1 -1
- package/dist/tet-components/{p-76189fd4.entry.js → p-9ebb9fdf.entry.js} +1 -1
- package/dist/tet-components/{p-e74416dc.entry.js → p-a64e3e96.entry.js} +1 -1
- package/dist/tet-components/{p-7cc99953.entry.js → p-a6c89f10.entry.js} +1 -1
- package/dist/tet-components/{p-c47a464c.entry.js → p-a70cec80.entry.js} +1 -1
- package/dist/tet-components/{p-5feda51f.entry.js → p-a7d9e280.entry.js} +1 -1
- package/dist/tet-components/{p-a476fd02.js → p-a8051a99.js} +1 -1
- package/dist/tet-components/{p-3e4234aa.entry.js → p-a87ce46a.entry.js} +1 -1
- package/dist/tet-components/{p-6e06eb15.entry.js → p-a903f58f.entry.js} +1 -1
- package/dist/tet-components/{p-fd5c4319.entry.js → p-adf006f9.entry.js} +1 -1
- package/dist/tet-components/{p-c9583427.entry.js → p-b34e86ef.entry.js} +1 -1
- package/dist/tet-components/{p-1f5ed76c.entry.js → p-bcca51cc.entry.js} +1 -1
- package/dist/tet-components/{p-37ee8f7c.entry.js → p-bfd8348b.entry.js} +1 -1
- package/dist/tet-components/{p-cdcda9b8.entry.js → p-c2dbf3db.entry.js} +1 -1
- package/dist/tet-components/{p-25878f29.entry.js → p-c51da57b.entry.js} +1 -1
- package/dist/tet-components/{p-ec5b1040.entry.js → p-c9f21fde.entry.js} +1 -1
- package/dist/tet-components/{p-a83e0f86.entry.js → p-cce44523.entry.js} +1 -1
- package/dist/tet-components/{p-60abca86.entry.js → p-cde8057a.entry.js} +1 -1
- package/dist/tet-components/{p-22c2b9f8.entry.js → p-cf479331.entry.js} +1 -1
- package/dist/tet-components/{p-4474292d.entry.js → p-d2f9b52a.entry.js} +1 -1
- package/dist/tet-components/{p-70bdb222.entry.js → p-d4dc17f5.entry.js} +1 -1
- package/dist/tet-components/{p-9c9a4263.entry.js → p-d55121ce.entry.js} +1 -1
- package/dist/tet-components/{p-2dbe670c.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-e673d076.entry.js → p-e05e8cad.entry.js} +1 -1
- package/dist/tet-components/{p-97e809e4.entry.js → p-e0f7a4a5.entry.js} +1 -1
- package/dist/tet-components/{p-67557c69.entry.js → p-e51579ab.entry.js} +1 -1
- package/dist/tet-components/{p-49da8f23.entry.js → p-e98108ba.entry.js} +1 -1
- package/dist/tet-components/{p-b1cc0c12.entry.js → p-e98a1ad1.entry.js} +1 -1
- package/dist/tet-components/{p-fd7733d3.entry.js → p-ecad90f7.entry.js} +1 -1
- package/dist/tet-components/{p-a51191f7.entry.js → p-f25a0e3a.entry.js} +1 -1
- package/dist/tet-components/{p-de647131.entry.js → p-f5040842.entry.js} +1 -1
- package/dist/tet-components/{p-b22de340.entry.js → p-f68450a4.entry.js} +1 -1
- package/dist/tet-components/{p-265701de.entry.js → p-f6916bfc.entry.js} +1 -1
- package/dist/tet-components/{p-4213c1d1.js → p-f81b3bb0.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-54cc6dd2.entry.js → p-f9a0b36a.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-660bdc27.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,f as e,h as n}from"./p-5abb3bea.js";import{p as a,t as r}from"./p-a476fd02.js";import"./p-726651bc.js";import{P as i,c as f}from"./p-4213c1d1.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-c9ddf890.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){a("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){a("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"3ef87515e40cd02b2e9d69f2a6a7503f98c57f24",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"190fb254c397b1d5ed5077463097d68d84b29179",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"1219a1e478a0837ed9dab24f535884244ec5f46c",class:"form-container"},this.showTitle&&n("h2",{key:"7c6c02cfd496c6d66c32e6b8dbf90ad750d5dd5f",class:"form-title"},r("components-contact-form-title")),n("p",{key:"cff408d954cbdb41cc9d0af263e5ba19001f8634",class:"form-subtitle"},r(this.subtitle)),n("tet-input",{key:"a2ed447b793c5487db59f35ae1381855a997ec71",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?r("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"f0c586a82de2d1b37cdf361c45963705ac4370ac",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:r("components-contact-form-submit"),...this.submitButtonProps}))))}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)}:host{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}
|
|
1
|
+
import{r as t,c as o,f as e,h as n}from"./p-83f43fdd.js";import{p as r,t as a}from"./p-a8051a99.js";import"./p-0ebbf5ef.js";import{P as i,c as f}from"./p-f81b3bb0.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-0c6b6730.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){r("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){r("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"3ef87515e40cd02b2e9d69f2a6a7503f98c57f24",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"190fb254c397b1d5ed5077463097d68d84b29179",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"1219a1e478a0837ed9dab24f535884244ec5f46c",class:"form-container"},this.showTitle&&n("h2",{key:"7c6c02cfd496c6d66c32e6b8dbf90ad750d5dd5f",class:"form-title"},a("components-contact-form-title")),n("p",{key:"cff408d954cbdb41cc9d0af263e5ba19001f8634",class:"form-subtitle"},a(this.subtitle)),n("tet-input",{key:"a2ed447b793c5487db59f35ae1381855a997ec71",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?a("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"f0c586a82de2d1b37cdf361c45963705ac4370ac",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:a("components-contact-form-submit"),...this.submitButtonProps}))))}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)}:host{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as e,h as n}from"./p-
|
|
1
|
+
import{r as t,g as e,h as n}from"./p-83f43fdd.js";const i=class{constructor(e){t(this,e),this.state=void 0,this.toggleElement=null,this.initialState="closed"}get element(){return e(this)}connectedCallback(){if("string"==typeof this.toggleElement){const t=this.element.getRootNode();this.toggleElement=t.querySelector(this.toggleElement)}this.toggleElement?.removeEventListener("click",this.handleToggleElementClick),this.toggleElement?.addEventListener("click",this.handleToggleElementClick),this.state=this.initialState}disconnectedCallback(){"string"!=typeof this.toggleElement&&this.toggleElement?.removeEventListener("click",this.handleToggleElementClick)}async open(){this.state="open"}async close(){this.state="closed"}async toggle(){this.toggleState()}async getState(){return this.state}handleToggleElementClick=()=>{this.toggleState()};toggleState=()=>{this.state="open"===this.state?"closed":"open"};render(){return n("div",{key:"9abc379e601985d5ae92c82deedd075d4fed41d8",class:{"tet-expansion-panel":!0,open:"open"===this.state}},n("div",{key:"25a6599c3c96e280c00dc98be4192cda4c1598c9",class:"tet-expansion-panel-content"},n("slot",{key:"2d722cf0ffe470e707045807b4cce35f28d1fc00"})))}};i.style=":host{--padding:1rem;--animation-duration:.15s;--content-background-color:transparent}.tet-expansion-panel{display:grid;grid-template-rows:0fr;transition:all var(--animation-duration)}.tet-expansion-panel-content{overflow:hidden;background:var(--content-background-color);transition:all var(--animation-duration)}.tet-expansion-panel.open{grid-template-rows:1fr}.tet-expansion-panel.open .tet-expansion-panel-content{padding:var(--padding)}";export{i as tet_expansion_panel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,g as o,h as s,H as e}from"./p-5abb3bea.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"580075c7c0bfee47b40c2ceffcd6942e882a1771"},s("div",{key:"9bd6dfd63be9482af394c723289bb88a921abe8a",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"5322b897c23fce7987bf78c298e11a1f21a7a6b4",class:"tet-card-list__scroll-container"},s("div",{key:"c87c2847192d91379b230e5464b9868d9a7442e4",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"17a09873948088bfd004a40ff959409fc36dc378"}))),s("tet-button",{key:"27aba646cbdcdb2e15fdba1cb4eb17e1297fe9a9",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"94db04974be344f5c0bc2f8036212306cb49453c",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"7608fa29e2c3855b3b528f56f902f29bc714f682",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"674f9a87d7883c3456b141a4841967db5a9713f9",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"a182257c2237d9d50eef0d7daeac490190d0631a",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"3a7e821ebf974a50a43e04065d68715a86b83701",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};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)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
|
|
1
|
+
import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"580075c7c0bfee47b40c2ceffcd6942e882a1771"},s("div",{key:"9bd6dfd63be9482af394c723289bb88a921abe8a",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"5322b897c23fce7987bf78c298e11a1f21a7a6b4",class:"tet-card-list__scroll-container"},s("div",{key:"c87c2847192d91379b230e5464b9868d9a7442e4",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"17a09873948088bfd004a40ff959409fc36dc378"}))),s("tet-button",{key:"27aba646cbdcdb2e15fdba1cb4eb17e1297fe9a9",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"94db04974be344f5c0bc2f8036212306cb49453c",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"7608fa29e2c3855b3b528f56f902f29bc714f682",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"674f9a87d7883c3456b141a4841967db5a9713f9",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"a182257c2237d9d50eef0d7daeac490190d0631a",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"3a7e821ebf974a50a43e04065d68715a86b83701",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};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)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as r}from"./p-5abb3bea.js";const o=class{constructor(t){e(this,t),this.stepperData=[],this.theme="light"}renderStep=(e,r)=>t("li",{class:"stepper-step"},this.renderLine(r),t("div",{class:"stepper-step-wrapper"},t("div",{class:"stepper-step-wrapper-icon","aria-hidden":"true"},this.renderStepIcon(e.icon)),t("div",{class:"stepper-step-wrapper-content"},this.renderStepTitle(e?.title),this.renderStepDescription(e?.description))));renderStepIcon=e=>{switch(e){case"check":return t("div",{class:"check-icon"},t("tet-icon",{class:"check",name:"check"}));case"circle":return t("div",{class:"circle"});case"circle-attention":return t("div",{class:"circle attention"});default:return t("div",{class:"circle not-active"})}};renderStepTitle=e=>e?t("h2",{class:"stepper-step-wrapper-content-title",innerHTML:e}):null;renderStepDescription=e=>e?t("div",{class:"stepper-step-wrapper-content-description",innerHTML:e}):null;renderLine=e=>{const r=this.stepperData.length-1>e,o=this.stepperData[e+1]?.active;return r?t("div",{class:{"stepper-line":!0,active:o}}):null};render(){return t(r,{key:"e7202349ca7978dd2238477b3c74f7b8f93473af"},t("ol",{key:"202f2f1e98b84a36a76b0d4b5a28f44a1b4e8961",class:{stepper:!0,[this.theme]:!0}},this.stepperData.map(this.renderStep.bind(this))))}};o.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{--stepper-step-active-color:var(--tc-blue-40);--stepper-step-non-active-color:var(--tc-border-tertiary);--stepper-step-attention-color:var(--tc-blue-40);--stepper-step-white-color:var(--tc-layer-primary);--stepper-step-description-color:var(--tc-text-secondary);--stepper-step-title-color:var(--tc-text-primary);display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 63.9375rem){.stepper-step:not(:last-child) .stepper-step-wrapper{margin-bottom:1.5rem}}.stepper{display:flex;list-style:none;flex-direction:column}.stepper.dark{--stepper-step-active-color:var(--tc-blue-40-dark);--stepper-step-non-active-color:var(--tc-border-tertiary-dark);--stepper-step-attention-color:var(--tc-blue-40-dark);--stepper-step-white-color:var(--tc-layer-primary-dark);--stepper-step-description-color:var(--tc-text-secondary-dark);--stepper-step-title-color:var(--tc-text-primary-dark)}@media only screen and (min-width: 63.9375rem){.stepper{flex-direction:row;margin-top:1.25rem}}.stepper-line{border-left:0.0625rem solid var(--stepper-step-non-active-color)}@media only screen and (min-width: 63.9375rem){.stepper-line{position:absolute;border-top:0.0625rem solid var(--stepper-step-non-active-color)}}.stepper-line.active{border-left:0.125rem solid var(--stepper-step-active-color)}@media only screen and (min-width: 63.9375rem){.stepper-line.active{border-top:0.125rem solid var(--stepper-step-active-color)}}.stepper-step{display:flex;position:relative}@media only screen and (min-width: 63.9375rem){.stepper-step:first-child .stepper-step-wrapper{padding:0 0.25rem 0 0}.stepper-step .stepper-step-wrapper{padding:0 0.25rem}.stepper-step:last-child .stepper-step-wrapper{padding:0 0 0 0.25rem}.stepper-step:first-child:nth-last-child(2) .stepper-line,.stepper-step:first-child:nth-last-child(2)~.stepper-step .stepper-line{left:11.25rem;min-width:19.25rem}.stepper-step:first-child:nth-last-child(2) .stepper-step-wrapper,.stepper-step:first-child:nth-last-child(2)~.stepper-step .stepper-step-wrapper{width:26.5rem}.stepper-step:first-child:nth-last-child(3) .stepper-line,.stepper-step:first-child:nth-last-child(3)~.stepper-step .stepper-line{left:9.375rem;min-width:16.75rem}.stepper-step:first-child:nth-last-child(3) .stepper-step-wrapper,.stepper-step:first-child:nth-last-child(3)~.stepper-step .stepper-step-wrapper{width:17.625rem}.stepper-step:first-child:nth-last-child(4) .stepper-line,.stepper-step:first-child:nth-last-child(4)~.stepper-step .stepper-line{left:7.25rem;min-width:12.25rem}.stepper-step:first-child:nth-last-child(4) .stepper-step-wrapper,.stepper-step:first-child:nth-last-child(4)~.stepper-step .stepper-step-wrapper{width:13.25rem}.stepper-step:first-child:nth-last-child(5) .stepper-line,.stepper-step:first-child:nth-last-child(5)~.stepper-step .stepper-line{left:7.25rem;min-width:12.25rem}.stepper-step:first-child:nth-last-child(5) .stepper-step-wrapper,.stepper-step:first-child:nth-last-child(5)~.stepper-step .stepper-step-wrapper{width:13.25rem}}.stepper-step-wrapper{display:flex;align-items:baseline;max-width:20.5rem}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper{display:block}}.stepper-step-wrapper-icon{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper-icon{top:-1.25rem;height:2.5rem;position:relative}}@media only screen and (max-width: 63.9375rem){.stepper-step-wrapper-icon{transform:translateX(-1.25rem);min-width:2.5rem}}.stepper-step-wrapper-icon .circle{width:1.25rem;height:1.25rem;border-radius:2rem;background:var(--stepper-step-white-color);border:0.25rem solid var(--stepper-step-active-color)}.stepper-step-wrapper-icon .circle.not-active{border-color:var(--stepper-step-non-active-color)}.stepper-step-wrapper-icon .circle.attention{border-color:var(--stepper-step-attention-color)}.stepper-step-wrapper-icon .check-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2rem;background:var(--stepper-step-active-color)}.stepper-step-wrapper-icon .check-icon .check{--icon-size:1.375rem;--icon-color:var(--stepper-step-white-color)}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper-icon .check-icon{width:2.5rem;height:2.5rem}.stepper-step-wrapper-icon .check-icon .check{--icon-size:1.625rem}}.stepper-step-wrapper-content{display:flex;flex-direction:column;gap:0.5rem}.stepper-step-wrapper-content-title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-title-color)}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper-content-title{text-align:center}}.stepper-step-wrapper-content-description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-description-color)}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper-content-description{text-align:center}}';export{o as tet_stepper_v2}
|
|
1
|
+
import{r as e,h as t,H as r}from"./p-83f43fdd.js";const o=class{constructor(t){e(this,t),this.stepperData=[],this.theme="light"}renderStep=(e,r)=>t("li",{class:"stepper-step"},this.renderLine(r),t("div",{class:"stepper-step-wrapper"},t("div",{class:"stepper-step-wrapper-icon","aria-hidden":"true"},this.renderStepIcon(e.icon)),t("div",{class:"stepper-step-wrapper-content"},this.renderStepTitle(e?.title),this.renderStepDescription(e?.description))));renderStepIcon=e=>{switch(e){case"check":return t("div",{class:"check-icon"},t("tet-icon",{class:"check",name:"check"}));case"circle":return t("div",{class:"circle"});case"circle-attention":return t("div",{class:"circle attention"});default:return t("div",{class:"circle not-active"})}};renderStepTitle=e=>e?t("h2",{class:"stepper-step-wrapper-content-title",innerHTML:e}):null;renderStepDescription=e=>e?t("div",{class:"stepper-step-wrapper-content-description",innerHTML:e}):null;renderLine=e=>{const r=this.stepperData.length-1>e,o=this.stepperData[e+1]?.active;return r?t("div",{class:{"stepper-line":!0,active:o}}):null};render(){return t(r,{key:"e7202349ca7978dd2238477b3c74f7b8f93473af"},t("ol",{key:"202f2f1e98b84a36a76b0d4b5a28f44a1b4e8961",class:{stepper:!0,[this.theme]:!0}},this.stepperData.map(this.renderStep.bind(this))))}};o.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{--stepper-step-active-color:var(--tc-blue-40);--stepper-step-non-active-color:var(--tc-border-tertiary);--stepper-step-attention-color:var(--tc-blue-40);--stepper-step-white-color:var(--tc-layer-primary);--stepper-step-description-color:var(--tc-text-secondary);--stepper-step-title-color:var(--tc-text-primary);display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 63.9375rem){.stepper-step:not(:last-child) .stepper-step-wrapper{margin-bottom:1.5rem}}.stepper{display:flex;list-style:none;flex-direction:column}.stepper.dark{--stepper-step-active-color:var(--tc-blue-40-dark);--stepper-step-non-active-color:var(--tc-border-tertiary-dark);--stepper-step-attention-color:var(--tc-blue-40-dark);--stepper-step-white-color:var(--tc-layer-primary-dark);--stepper-step-description-color:var(--tc-text-secondary-dark);--stepper-step-title-color:var(--tc-text-primary-dark)}@media only screen and (min-width: 63.9375rem){.stepper{flex-direction:row;margin-top:1.25rem}}.stepper-line{border-left:0.0625rem solid var(--stepper-step-non-active-color)}@media only screen and (min-width: 63.9375rem){.stepper-line{position:absolute;border-top:0.0625rem solid var(--stepper-step-non-active-color)}}.stepper-line.active{border-left:0.125rem solid var(--stepper-step-active-color)}@media only screen and (min-width: 63.9375rem){.stepper-line.active{border-top:0.125rem solid var(--stepper-step-active-color)}}.stepper-step{display:flex;position:relative}@media only screen and (min-width: 63.9375rem){.stepper-step:first-child .stepper-step-wrapper{padding:0 0.25rem 0 0}.stepper-step .stepper-step-wrapper{padding:0 0.25rem}.stepper-step:last-child .stepper-step-wrapper{padding:0 0 0 0.25rem}.stepper-step:first-child:nth-last-child(2) .stepper-line,.stepper-step:first-child:nth-last-child(2)~.stepper-step .stepper-line{left:11.25rem;min-width:19.25rem}.stepper-step:first-child:nth-last-child(2) .stepper-step-wrapper,.stepper-step:first-child:nth-last-child(2)~.stepper-step .stepper-step-wrapper{width:26.5rem}.stepper-step:first-child:nth-last-child(3) .stepper-line,.stepper-step:first-child:nth-last-child(3)~.stepper-step .stepper-line{left:9.375rem;min-width:16.75rem}.stepper-step:first-child:nth-last-child(3) .stepper-step-wrapper,.stepper-step:first-child:nth-last-child(3)~.stepper-step .stepper-step-wrapper{width:17.625rem}.stepper-step:first-child:nth-last-child(4) .stepper-line,.stepper-step:first-child:nth-last-child(4)~.stepper-step .stepper-line{left:7.25rem;min-width:12.25rem}.stepper-step:first-child:nth-last-child(4) .stepper-step-wrapper,.stepper-step:first-child:nth-last-child(4)~.stepper-step .stepper-step-wrapper{width:13.25rem}.stepper-step:first-child:nth-last-child(5) .stepper-line,.stepper-step:first-child:nth-last-child(5)~.stepper-step .stepper-line{left:7.25rem;min-width:12.25rem}.stepper-step:first-child:nth-last-child(5) .stepper-step-wrapper,.stepper-step:first-child:nth-last-child(5)~.stepper-step .stepper-step-wrapper{width:13.25rem}}.stepper-step-wrapper{display:flex;align-items:baseline;max-width:20.5rem}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper{display:block}}.stepper-step-wrapper-icon{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper-icon{top:-1.25rem;height:2.5rem;position:relative}}@media only screen and (max-width: 63.9375rem){.stepper-step-wrapper-icon{transform:translateX(-1.25rem);min-width:2.5rem}}.stepper-step-wrapper-icon .circle{width:1.25rem;height:1.25rem;border-radius:2rem;background:var(--stepper-step-white-color);border:0.25rem solid var(--stepper-step-active-color)}.stepper-step-wrapper-icon .circle.not-active{border-color:var(--stepper-step-non-active-color)}.stepper-step-wrapper-icon .circle.attention{border-color:var(--stepper-step-attention-color)}.stepper-step-wrapper-icon .check-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2rem;background:var(--stepper-step-active-color)}.stepper-step-wrapper-icon .check-icon .check{--icon-size:1.375rem;--icon-color:var(--stepper-step-white-color)}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper-icon .check-icon{width:2.5rem;height:2.5rem}.stepper-step-wrapper-icon .check-icon .check{--icon-size:1.625rem}}.stepper-step-wrapper-content{display:flex;flex-direction:column;gap:0.5rem}.stepper-step-wrapper-content-title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-title-color)}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper-content-title{text-align:center}}.stepper-step-wrapper-content-description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-description-color)}@media only screen and (min-width: 63.9375rem){.stepper-step-wrapper-content-description{text-align:center}}';export{o as tet_stepper_v2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o}from"./p-5abb3bea.js";const r=class{constructor(e){t(this,e),this.linkClick=i(this,"linkClick",7),this.theme="light",this.layout="gapped",this.placeholderCount=4,this.items=[],this.isSearchResult=!1}linkClick;renderIconTile(t){const{theme:i}=this;return e("div",{class:`item__icon-tile item__icon-tile--${t}`},e("tet-icon",{class:"icon",name:t,theme:i}))}renderPlaceholders(){const{theme:t,layout:i}=this;return Array.from({length:this.placeholderCount},((o,r)=>e("li",{class:"link-card-list__list-item",key:`placeholder-${r}`},e("tet-placeholder",{class:`placeholder placeholder--${i}`,darkTheme:"dark"===t}))))}renderBadge(t){const{theme:i}=this;return e("div",{class:"item__badge"},e("tet-icon",{class:"badge-icon",name:t.iconName,type:"secondary",theme:i}),t.text&&e("span",null,t.text))}renderCategories(t){return t.map(((i,o)=>[e("span",{class:"category",innerHTML:i}),o<t.length-1&&e("tet-icon",{class:"category-separator",name:"tc-chevron-right-small",type:"secondary",theme:this.theme})]))}renderListItem(t){const{layout:i}=this;return e("li",{class:"link-card-list__list-item",key:`${t.label}-${t.href}`},e("a",{href:t.href,onClick:i=>this.linkClick.emit({item:t,nativeEvent:i}),class:{link:!0,[`link--${i}`]:!0,"link--search-result":this.isSearchResult},...t.linkAttributes?.target&&{target:t.linkAttributes.target},...(t.linkAttributes?.target||t.linkAttributes?.rel)&&{rel:this.getRelAttributeValue(t)}},t.categoryIcon&&"compact"!==i&&this.renderIconTile(t.categoryIcon),e("div",{class:{item__content:!0,"item__content--search-result":this.isSearchResult}},e("div",{class:"item__content-left"},e("span",{class:"label",innerHTML:t.label}),t.description&&e("div",{class:"description",innerHTML:t.description})),Boolean(t.badges?.length)&&e("div",{class:"item__content-right"},t.badges.map(this.renderBadge.bind(this))),Boolean(t.categories?.length)&&e("div",{class:"item__content-categories"},this.renderCategories(t.categories))),e("tet-icon",{class:"item__chevron",name:"tc-chevron-right"})))}getRelAttributeValue(t){const{target:i,rel:e}=t.linkAttributes;return"_blank"===i?e??"noopener noreferrer":e??""}render(){const{theme:t,layout:i,items:r}=this;return e(o,{key:"85a83caa2f56336b3a48f95cd3d4268e8f2bf561"},e("ul",{key:"49e08326a63041ec25ce0171ea1f05572a7bfbcc",class:`link-card-list link-card-list--${t} link-card-list--${i}`},r?.length?r.map(this.renderListItem.bind(this)):this.renderPlaceholders()))}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--list-item-gap:1rem;--list-item-border-radius:1rem;--list-item-background-color:var(--tc-layer-primary);--list-item-background-color-hover:var(--tc-layer-secondary);--list-item-text-color:var(--tc-text-primary);--list-item-text-color-secondary:var(--tc-text-secondary);--list-item-text-color-highlight:var(--tc-yellow-20);--list-item-border-color:var(--tc-border-quaternary);--list-item-border-color-hover:var(--tc-border-secondary);--list-item-box-shadow:var(--tc-elevation-one);--list-item-box-shadow-hover:var(--tc-elevation-two);--list-item-chevron-icon-color:var(--tc-icon-secondary);--list-item-chevron-icon-color--hover:var(--tc-icon-primary);--list-item-icon-tile-background-color:var(--tc-layer-secondary)}.link-card-list{display:flex;flex-direction:column;color:var(--list-item-text-color)}.link-card-list--dark{--list-item-background-color:var(--tc-layer-primary-dark);--list-item-background-color-hover:var(--tc-layer-secondary-dark);--list-item-text-color:var(--tc-text-primary-dark);--list-item-text-color-secondary:var(--tc-text-secondary-dark);--list-item-text-color-highlight:var(--tc-grey-30-dark);--list-item-border-color:var(--tc-border-quaternary-dark);--list-item-border-color-hover:var(--tc-border-secondary-dark);--list-item-box-shadow:var(--tc-elevation-one-dark);--list-item-box-shadow-hover:var(--tc-elevation-two-dark);--list-item-chevron-icon-color:var(--tc-icon-secondary-dark);--list-item-chevron-icon-color--hover:var(--tc-icon-primary-dark);--list-item-icon-tile-background-color:var(--tc-layer-secondary-dark)}.link-card-list--dark .link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.link-card-list__list-item{list-style:none;min-width:0}.link-card-list__list-item:has(:focus-visible){z-index:1}.link-card-list__list-item .placeholder{--placeholder-border-radius:var(--list-item-border-radius);--placeholder-min-height:3.5rem}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder{--placeholder-min-height:4.75rem}}.link-card-list__list-item .placeholder--compact{--placeholder-border-radius:0}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder--columns{--placeholder-min-height:6.25rem}}.link-card-list__list-item .link{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:inherit;text-decoration:none;background-color:var(--list-item-background-color);display:flex;align-items:center;padding:1rem;cursor:pointer;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow);gap:0.25rem;overflow:hidden;height:100%}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link{gap:0.75rem}}@media screen and (min-width: 64rem){.link-card-list__list-item .link{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";padding:1.5rem}}.link-card-list__list-item .link:hover .item__chevron{--icon-color:var(--list-item-chevron-icon-color--hover)}.link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:var(--list-item-border-radius)}.link-card-list__list-item .link .item__icon-tile{display:none;width:2.75rem;height:2.75rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--list-item-icon-tile-background-color);flex-shrink:0}.link-card-list__list-item .link .item__icon-tile .icon{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.625rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.875rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:1.875rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:2.5rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2.625rem}}.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.5rem}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__icon-tile{display:flex}}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile{width:3.25rem;height:3.25rem}}.link-card-list__list-item .link .item__content{display:flex;flex-direction:column;flex:1;gap:0.125rem;min-width:0}.link-card-list__list-item .link .item__content--search-result{gap:0.5rem}.link-card-list__list-item .link .item__content--search-result .item__content-left .description{margin-top:0.25rem}.link-card-list__list-item .link .item__content--search-result .highlight{background-color:var(--list-item-text-color-highlight)}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content:not(.link-card-list__list-item .link .item__content--search-result){flex-direction:row;align-items:center;flex-wrap:wrap;gap:0.5rem}}.link-card-list__list-item .link .item__content-left{display:flex;flex:1;flex-direction:column;min-width:0}.link-card-list__list-item .link .item__content-left .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card-list__list-item .link .item__content-left .description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__content-left .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content-left{min-width:18.75rem}}.link-card-list__list-item .link .item__content-right{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);display:flex;flex-wrap:wrap;column-gap:0.75rem}.link-card-list__list-item .link .item__content-right .item__badge{display:flex;gap:0.375rem;padding:0.125rem 0.125rem 0.125rem 0}.link-card-list__list-item .link .item__content-right .badge-icon{--icon-size:1.25rem;--icon-container-display:flex}.link-card-list__list-item .link .item__content-categories{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem;color:var(--list-item-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-list__list-item .link .item__content-categories .category{vertical-align:middle}.link-card-list__list-item .link .item__content-categories .category-separator{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__chevron{--icon-size:1.25rem;--icon-container-display:flex;--icon-color:var(--list-item-chevron-icon-color);margin-left:0.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__chevron{--icon-size:1.5rem}}.link-card-list__list-item .link--search-result .item__chevron{--icon-size:1.5rem}.link-card-list--gapped{gap:var(--list-item-gap)}.link-card-list--gapped .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}.link-card-list--compact{gap:0;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow)}.link-card-list--compact .link-card-list__list-item .link{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border-radius:0;border:unset;box-shadow:none}@media screen and (min-width: 64rem){.link-card-list--compact .link-card-list__list-item .link{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .label,.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .description{text-overflow:clip;white-space:normal}.link-card-list--compact .link-card-list__list-item .link:focus-visible{border-radius:0.125rem}.link-card-list--compact .link-card-list__list-item .link:hover{background-color:var(--list-item-background-color-hover)}.link-card-list--compact .link-card-list__list-item:not(:last-child) .link,.link-card-list--compact .link-card-list__list-item:not(:last-child) .placeholder{border-bottom:0.0625rem solid var(--list-item-border-color)}.link-card-list--compact .link-card-list__list-item:first-child .link,.link-card-list--compact .link-card-list__list-item:first-child .placeholder{--placeholder-border-radius:var(--list-item-border-radius) var(--list-item-border-radius) 0 0;border-top-left-radius:var(--list-item-border-radius);border-top-right-radius:var(--list-item-border-radius)}.link-card-list--compact .link-card-list__list-item:last-child .link,.link-card-list--compact .link-card-list__list-item:last-child .placeholder{--placeholder-border-radius:0 0 var(--list-item-border-radius) var(--list-item-border-radius);border-bottom-left-radius:var(--list-item-border-radius);border-bottom-right-radius:var(--list-item-border-radius)}.link-card-list--columns{display:flex;gap:var(--list-item-gap)}.link-card-list--columns .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}@media screen and (min-width: 64rem){.link-card-list--columns{display:grid;grid-template-columns:repeat(2, 1fr)}}';export{r as tet_link_card_list}
|
|
1
|
+
import{r as t,c as i,h as e,H as o}from"./p-83f43fdd.js";const r=class{constructor(e){t(this,e),this.linkClick=i(this,"linkClick",7),this.theme="light",this.layout="gapped",this.placeholderCount=4,this.items=[],this.isSearchResult=!1}linkClick;renderIconTile(t){const{theme:i}=this;return e("div",{class:`item__icon-tile item__icon-tile--${t}`},e("tet-icon",{class:"icon",name:t,theme:i}))}renderPlaceholders(){const{theme:t,layout:i}=this;return Array.from({length:this.placeholderCount},((o,r)=>e("li",{class:"link-card-list__list-item",key:`placeholder-${r}`},e("tet-placeholder",{class:`placeholder placeholder--${i}`,darkTheme:"dark"===t}))))}renderBadge(t){const{theme:i}=this;return e("div",{class:"item__badge"},e("tet-icon",{class:"badge-icon",name:t.iconName,type:"secondary",theme:i}),t.text&&e("span",null,t.text))}renderCategories(t){return t.map(((i,o)=>[e("span",{class:"category",innerHTML:i}),o<t.length-1&&e("tet-icon",{class:"category-separator",name:"tc-chevron-right-small",type:"secondary",theme:this.theme})]))}renderListItem(t){const{layout:i}=this;return e("li",{class:"link-card-list__list-item",key:`${t.label}-${t.href}`},e("a",{href:t.href,onClick:i=>this.linkClick.emit({item:t,nativeEvent:i}),class:{link:!0,[`link--${i}`]:!0,"link--search-result":this.isSearchResult},...t.linkAttributes?.target&&{target:t.linkAttributes.target},...(t.linkAttributes?.target||t.linkAttributes?.rel)&&{rel:this.getRelAttributeValue(t)}},t.categoryIcon&&"compact"!==i&&this.renderIconTile(t.categoryIcon),e("div",{class:{item__content:!0,"item__content--search-result":this.isSearchResult}},e("div",{class:"item__content-left"},e("span",{class:"label",innerHTML:t.label}),t.description&&e("div",{class:"description",innerHTML:t.description})),Boolean(t.badges?.length)&&e("div",{class:"item__content-right"},t.badges.map(this.renderBadge.bind(this))),Boolean(t.categories?.length)&&e("div",{class:"item__content-categories"},this.renderCategories(t.categories))),e("tet-icon",{class:"item__chevron",name:"tc-chevron-right"})))}getRelAttributeValue(t){const{target:i,rel:e}=t.linkAttributes;return"_blank"===i?e??"noopener noreferrer":e??""}render(){const{theme:t,layout:i,items:r}=this;return e(o,{key:"85a83caa2f56336b3a48f95cd3d4268e8f2bf561"},e("ul",{key:"49e08326a63041ec25ce0171ea1f05572a7bfbcc",class:`link-card-list link-card-list--${t} link-card-list--${i}`},r?.length?r.map(this.renderListItem.bind(this)):this.renderPlaceholders()))}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--list-item-gap:1rem;--list-item-border-radius:1rem;--list-item-background-color:var(--tc-layer-primary);--list-item-background-color-hover:var(--tc-layer-secondary);--list-item-text-color:var(--tc-text-primary);--list-item-text-color-secondary:var(--tc-text-secondary);--list-item-text-color-highlight:var(--tc-yellow-20);--list-item-border-color:var(--tc-border-quaternary);--list-item-border-color-hover:var(--tc-border-secondary);--list-item-box-shadow:var(--tc-elevation-one);--list-item-box-shadow-hover:var(--tc-elevation-two);--list-item-chevron-icon-color:var(--tc-icon-secondary);--list-item-chevron-icon-color--hover:var(--tc-icon-primary);--list-item-icon-tile-background-color:var(--tc-layer-secondary)}.link-card-list{display:flex;flex-direction:column;color:var(--list-item-text-color)}.link-card-list--dark{--list-item-background-color:var(--tc-layer-primary-dark);--list-item-background-color-hover:var(--tc-layer-secondary-dark);--list-item-text-color:var(--tc-text-primary-dark);--list-item-text-color-secondary:var(--tc-text-secondary-dark);--list-item-text-color-highlight:var(--tc-grey-30-dark);--list-item-border-color:var(--tc-border-quaternary-dark);--list-item-border-color-hover:var(--tc-border-secondary-dark);--list-item-box-shadow:var(--tc-elevation-one-dark);--list-item-box-shadow-hover:var(--tc-elevation-two-dark);--list-item-chevron-icon-color:var(--tc-icon-secondary-dark);--list-item-chevron-icon-color--hover:var(--tc-icon-primary-dark);--list-item-icon-tile-background-color:var(--tc-layer-secondary-dark)}.link-card-list--dark .link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.link-card-list__list-item{list-style:none;min-width:0}.link-card-list__list-item:has(:focus-visible){z-index:1}.link-card-list__list-item .placeholder{--placeholder-border-radius:var(--list-item-border-radius);--placeholder-min-height:3.5rem}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder{--placeholder-min-height:4.75rem}}.link-card-list__list-item .placeholder--compact{--placeholder-border-radius:0}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder--columns{--placeholder-min-height:6.25rem}}.link-card-list__list-item .link{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:inherit;text-decoration:none;background-color:var(--list-item-background-color);display:flex;align-items:center;padding:1rem;cursor:pointer;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow);gap:0.25rem;overflow:hidden;height:100%}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link{gap:0.75rem}}@media screen and (min-width: 64rem){.link-card-list__list-item .link{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";padding:1.5rem}}.link-card-list__list-item .link:hover .item__chevron{--icon-color:var(--list-item-chevron-icon-color--hover)}.link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:var(--list-item-border-radius)}.link-card-list__list-item .link .item__icon-tile{display:none;width:2.75rem;height:2.75rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--list-item-icon-tile-background-color);flex-shrink:0}.link-card-list__list-item .link .item__icon-tile .icon{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.625rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.875rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:1.875rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:2.5rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2.625rem}}.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.5rem}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__icon-tile{display:flex}}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile{width:3.25rem;height:3.25rem}}.link-card-list__list-item .link .item__content{display:flex;flex-direction:column;flex:1;gap:0.125rem;min-width:0}.link-card-list__list-item .link .item__content--search-result{gap:0.5rem}.link-card-list__list-item .link .item__content--search-result .item__content-left .description{margin-top:0.25rem}.link-card-list__list-item .link .item__content--search-result .highlight{background-color:var(--list-item-text-color-highlight)}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content:not(.link-card-list__list-item .link .item__content--search-result){flex-direction:row;align-items:center;flex-wrap:wrap;gap:0.5rem}}.link-card-list__list-item .link .item__content-left{display:flex;flex:1;flex-direction:column;min-width:0}.link-card-list__list-item .link .item__content-left .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card-list__list-item .link .item__content-left .description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__content-left .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content-left{min-width:18.75rem}}.link-card-list__list-item .link .item__content-right{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);display:flex;flex-wrap:wrap;column-gap:0.75rem}.link-card-list__list-item .link .item__content-right .item__badge{display:flex;gap:0.375rem;padding:0.125rem 0.125rem 0.125rem 0}.link-card-list__list-item .link .item__content-right .badge-icon{--icon-size:1.25rem;--icon-container-display:flex}.link-card-list__list-item .link .item__content-categories{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem;color:var(--list-item-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-list__list-item .link .item__content-categories .category{vertical-align:middle}.link-card-list__list-item .link .item__content-categories .category-separator{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__chevron{--icon-size:1.25rem;--icon-container-display:flex;--icon-color:var(--list-item-chevron-icon-color);margin-left:0.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__chevron{--icon-size:1.5rem}}.link-card-list__list-item .link--search-result .item__chevron{--icon-size:1.5rem}.link-card-list--gapped{gap:var(--list-item-gap)}.link-card-list--gapped .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}.link-card-list--compact{gap:0;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow)}.link-card-list--compact .link-card-list__list-item .link{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border-radius:0;border:unset;box-shadow:none}@media screen and (min-width: 64rem){.link-card-list--compact .link-card-list__list-item .link{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .label,.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .description{text-overflow:clip;white-space:normal}.link-card-list--compact .link-card-list__list-item .link:focus-visible{border-radius:0.125rem}.link-card-list--compact .link-card-list__list-item .link:hover{background-color:var(--list-item-background-color-hover)}.link-card-list--compact .link-card-list__list-item:not(:last-child) .link,.link-card-list--compact .link-card-list__list-item:not(:last-child) .placeholder{border-bottom:0.0625rem solid var(--list-item-border-color)}.link-card-list--compact .link-card-list__list-item:first-child .link,.link-card-list--compact .link-card-list__list-item:first-child .placeholder{--placeholder-border-radius:var(--list-item-border-radius) var(--list-item-border-radius) 0 0;border-top-left-radius:var(--list-item-border-radius);border-top-right-radius:var(--list-item-border-radius)}.link-card-list--compact .link-card-list__list-item:last-child .link,.link-card-list--compact .link-card-list__list-item:last-child .placeholder{--placeholder-border-radius:0 0 var(--list-item-border-radius) var(--list-item-border-radius);border-bottom-left-radius:var(--list-item-border-radius);border-bottom-right-radius:var(--list-item-border-radius)}.link-card-list--columns{display:flex;gap:var(--list-item-gap)}.link-card-list--columns .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}@media screen and (min-width: 64rem){.link-card-list--columns{display:grid;grid-template-columns:repeat(2, 1fr)}}';export{r as tet_link_card_list}
|