@tet/tet-components 1.4.27-testing → 1.4.28-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-656e77f6.js → address-f852270f.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-b9d36649.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-4517f566.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-062f76cf.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-19a7608f.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-faec4c52.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{phone-055efd07.js → phone-d6be0dd2.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-aa80a77c.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +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 +492 -165
- 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 +2 -2
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-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-66880718.js → theme-wrapper-46514846.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-89a0ec3d.js} +1 -1
- package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.css +0 -1
- package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js +489 -160
- package/dist/components/index.js +1 -1
- package/dist/components/{p-67c5a58c.js → p-09e12e32.js} +1 -1
- package/dist/components/{p-bf18b5b7.js → p-0af4c96a.js} +2 -2
- package/dist/components/{p-68143dc1.js → p-0d4040e8.js} +5 -5
- package/dist/components/{p-a57bdbb3.js → p-11700d82.js} +4 -4
- package/dist/components/{p-8f56bf1c.js → p-13296f85.js} +2 -2
- package/dist/components/{p-df5d84f1.js → p-1469ed4f.js} +3 -3
- package/dist/components/{p-795a1c43.js → p-164c4f08.js} +4 -4
- package/dist/components/{p-aae07dc6.js → p-19f32f2a.js} +2 -2
- package/dist/components/{p-6fa17892.js → p-1fe9d8a5.js} +10 -10
- package/dist/components/{p-f76fad86.js → p-26ffcb52.js} +1 -1
- package/dist/components/{p-a6be19f9.js → p-29aa33c8.js} +1 -1
- package/dist/components/{p-af0662ff.js → p-2a189a6b.js} +1 -1
- package/dist/components/{p-ddcc69cd.js → p-308ed708.js} +2 -2
- package/dist/components/{p-193320bd.js → p-3447cfe2.js} +1 -1
- package/dist/components/{p-4468c9e9.js → p-3493f65f.js} +1 -1
- package/dist/components/{p-defc1e19.js → p-3cf8ea69.js} +14 -14
- package/dist/components/{p-4903892e.js → p-3d4fecca.js} +9 -9
- package/dist/components/{p-64690a6c.js → p-40893ddd.js} +3 -3
- package/dist/components/{p-74e1a749.js → p-41b79a2e.js} +6 -6
- package/dist/components/{p-50c4fd79.js → p-464c7198.js} +1 -1
- package/dist/components/{p-e4f06634.js → p-4db83698.js} +7 -7
- package/dist/components/{p-8a5c883e.js → p-5a3da1ac.js} +1 -1
- package/dist/components/{p-2c1233bc.js → p-5b460f62.js} +1 -1
- package/dist/components/{p-c1c77130.js → p-65a05865.js} +2 -2
- package/dist/components/{p-4b4a0334.js → p-6e9df8dd.js} +2 -2
- package/dist/components/{p-41260991.js → p-75612e20.js} +3 -3
- package/dist/components/{p-c964254d.js → p-8921cb9c.js} +1 -1
- package/dist/components/{p-49b5dcf4.js → p-8bbea05f.js} +2 -2
- package/dist/components/{p-5c6b063f.js → p-92423544.js} +2 -2
- package/dist/components/{p-48611429.js → p-95722fb3.js} +2 -2
- package/dist/components/{p-2b5669f6.js → p-99746f8e.js} +1 -1
- package/dist/components/{p-9783cca1.js → p-9b4b062e.js} +7 -7
- package/dist/components/{p-d57cec8c.js → p-a0f69423.js} +1 -1
- package/dist/components/{p-375a5cfa.js → p-a1135d10.js} +1 -1
- package/dist/components/{p-027f730e.js → p-a25b08b6.js} +7 -7
- package/dist/components/{p-461e1a38.js → p-a2c27d73.js} +1 -1
- package/dist/components/{p-e3cb1d2d.js → p-a31e7e42.js} +3 -3
- package/dist/components/{p-1b7b79a5.js → p-a3b7c408.js} +3 -3
- package/dist/components/{p-34265c9d.js → p-a830ca83.js} +2 -2
- package/dist/components/{p-25b93e8f.js → p-aa122c92.js} +1 -1
- package/dist/components/{p-59997b7c.js → p-aedb4093.js} +1 -1
- package/dist/components/{p-44201f97.js → p-b6841a9b.js} +1 -1
- package/dist/components/{p-7f859d29.js → p-bac1705f.js} +1 -1
- package/dist/components/{p-089612ee.js → p-c29a45f3.js} +10 -10
- package/dist/components/{p-def0e33f.js → p-c2ea4c67.js} +3 -3
- package/dist/components/{p-1035feaa.js → p-c4f77126.js} +3 -3
- package/dist/components/{p-af9beaa1.js → p-c6284dbe.js} +7 -7
- package/dist/components/{p-d22aed2d.js → p-c9cc0a5b.js} +6 -6
- package/dist/components/{p-04a2d6a8.js → p-d21c7be3.js} +1 -1
- package/dist/components/{p-be5d67d1.js → p-d298006c.js} +1 -1
- package/dist/components/{p-95cc2537.js → p-d2a4570d.js} +3 -3
- package/dist/components/{p-331ebe65.js → p-d2c3076d.js} +1 -1
- package/dist/components/{p-bef5a700.js → p-e9cec2be.js} +1 -1
- package/dist/components/{p-5472702d.js → p-ec4cea27.js} +5 -5
- package/dist/components/{p-1e624d81.js → p-f2402ed7.js} +2 -2
- package/dist/components/{p-0a575a94.js → p-f259ef5f.js} +6 -6
- package/dist/components/{p-e87a77a6.js → p-f4c5337a.js} +1 -1
- package/dist/components/{p-49251432.js → p-f5f56fe1.js} +2 -2
- 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 +494 -166
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +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-1e0810e7.js → address-20e2d850.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-894007df.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-ae1056de.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-cf0086d4.js} +1 -1
- package/dist/esm/{index-412df137.js → index-e3209c56.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-e933a7d2.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{phone-1a920c5c.js → phone-62660137.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-cb8955f6.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +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 +492 -165
- 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 +3 -3
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-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-72d0b9da.js → theme-wrapper-cf4d7d54.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-e60db8fd.js} +1 -1
- package/dist/tet-components/{p-55be4b32.entry.js → p-01cbb74c.entry.js} +1 -1
- package/dist/tet-components/{p-c31236d5.entry.js → p-0614c980.entry.js} +1 -1
- package/dist/tet-components/{p-4967b041.entry.js → p-08569f07.entry.js} +1 -1
- package/dist/tet-components/{p-79700f85.entry.js → p-0bda3eeb.entry.js} +1 -1
- package/dist/tet-components/{p-5391d594.entry.js → p-0bf60061.entry.js} +1 -1
- package/dist/tet-components/{p-028e8ace.entry.js → p-0d2c26f6.entry.js} +1 -1
- package/dist/tet-components/{p-7a3c1254.entry.js → p-127b2895.entry.js} +1 -1
- package/dist/tet-components/{p-26b112a2.entry.js → p-12f975ff.entry.js} +1 -1
- package/dist/tet-components/{p-2a43ccef.entry.js → p-14c15a69.entry.js} +1 -1
- package/dist/tet-components/{p-c13b2ba7.entry.js → p-1765c8c5.entry.js} +1 -1
- package/dist/tet-components/{p-040c0f07.entry.js → p-1a05c222.entry.js} +1 -1
- package/dist/tet-components/{p-4e58c5e2.entry.js → p-1b976fcb.entry.js} +1 -1
- package/dist/tet-components/{p-5533f71b.entry.js → p-1ea5d4bf.entry.js} +1 -1
- package/dist/tet-components/{p-bcca51cc.entry.js → p-1f5ed76c.entry.js} +1 -1
- package/dist/tet-components/{p-cf479331.entry.js → p-22c2b9f8.entry.js} +1 -1
- package/dist/tet-components/{p-6297692b.entry.js → p-239fa72a.entry.js} +1 -1
- package/dist/tet-components/{p-0690732e.entry.js → p-23f3b153.entry.js} +1 -1
- package/dist/tet-components/{p-be3a10d0.entry.js → p-24df18b9.entry.js} +1 -1
- package/dist/tet-components/{p-d9560c74.entry.js → p-24e724eb.entry.js} +1 -1
- package/dist/tet-components/{p-f6916bfc.entry.js → p-265701de.entry.js} +1 -1
- package/dist/tet-components/{p-00e4bbed.entry.js → p-27a27a6f.entry.js} +1 -1
- package/dist/tet-components/{p-b0fc3440.entry.js → p-2a558830.entry.js} +1 -1
- package/dist/tet-components/{p-33f2ed2e.entry.js → p-2a973b3c.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-2dbe670c.js} +1 -1
- package/dist/tet-components/{p-7056a120.entry.js → p-31d0b400.entry.js} +1 -1
- package/dist/tet-components/{p-629a9a5d.entry.js → p-32488c4e.entry.js} +1 -1
- package/dist/tet-components/{p-778c46a6.js → p-3ac57578.js} +1 -1
- package/dist/tet-components/{p-f06fb66c.entry.js → p-3b3fdcb0.entry.js} +1 -1
- package/dist/tet-components/{p-3fc6a020.entry.js → p-3b5e9fed.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-4213c1d1.js} +1 -1
- package/dist/tet-components/{p-ee3604eb.entry.js → p-43eff59d.entry.js} +1 -1
- package/dist/tet-components/{p-d5b72171.entry.js → p-49779ee5.entry.js} +1 -1
- package/dist/tet-components/{p-e98108ba.entry.js → p-49da8f23.entry.js} +1 -1
- package/dist/tet-components/{p-81db4c30.entry.js → p-4d7f1c6e.entry.js} +1 -1
- package/dist/tet-components/{p-7c7fb42f.entry.js → p-4d935fc8.entry.js} +1 -1
- package/dist/tet-components/{p-73411459.entry.js → p-4fc641da.entry.js} +1 -1
- package/dist/tet-components/{p-122f3d3c.entry.js → p-548d7cc1.entry.js} +1 -1
- package/dist/tet-components/{p-f9a0b36a.entry.js → p-54cc6dd2.entry.js} +1 -1
- package/dist/tet-components/{p-6dde4d69.entry.js → p-55ded3a8.entry.js} +1 -1
- package/dist/tet-components/{p-71018cb8.entry.js → p-581b1f01.entry.js} +1 -1
- package/dist/tet-components/{p-ce850061.entry.js → p-589e8e4b.entry.js} +1 -1
- package/dist/tet-components/{p-5845a3dc.entry.js → p-59007fe7.entry.js} +1 -1
- package/dist/tet-components/{p-83f43fdd.js → p-5abb3bea.js} +1 -1
- package/dist/tet-components/{p-5a6fc34c.entry.js → p-5d56e074.entry.js} +1 -1
- package/dist/tet-components/{p-cde8057a.entry.js → p-60abca86.entry.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-63f6def9.entry.js} +1 -1
- package/dist/tet-components/p-660bdc27.js +1 -0
- package/dist/tet-components/{p-c10d5369.entry.js → p-6c6cd148.entry.js} +1 -1
- package/dist/tet-components/{p-cf11c4cd.entry.js → p-6c6fe82b.entry.js} +1 -1
- package/dist/tet-components/{p-ae8ff573.entry.js → p-6cf6894d.entry.js} +1 -1
- package/dist/tet-components/{p-a903f58f.entry.js → p-6e06eb15.entry.js} +1 -1
- package/dist/tet-components/{p-76526271.entry.js → p-6fb8c506.entry.js} +1 -1
- package/dist/tet-components/{p-32ece6e1.entry.js → p-6ffacde3.entry.js} +1 -1
- package/dist/tet-components/{p-d4dc17f5.entry.js → p-70bdb222.entry.js} +1 -1
- package/dist/tet-components/{p-fa446e53.entry.js → p-70cec2eb.entry.js} +1 -1
- package/dist/tet-components/{p-0ebbf5ef.js → p-726651bc.js} +1 -1
- package/dist/tet-components/{p-46975ec4.entry.js → p-73c190a2.entry.js} +1 -1
- package/dist/tet-components/{p-ed044f47.entry.js → p-79ee95e0.entry.js} +1 -1
- package/dist/tet-components/{p-09e92f79.entry.js → p-7a9db071.entry.js} +1 -1
- package/dist/tet-components/{p-b822a377.entry.js → p-7bd6f009.entry.js} +1 -1
- package/dist/tet-components/{p-5e8466e6.entry.js → p-835c7ee4.entry.js} +1 -1
- package/dist/tet-components/{p-3a3fd77f.entry.js → p-839ae15f.entry.js} +1 -1
- package/dist/tet-components/{p-bb7d4ae2.entry.js → p-8574b729.entry.js} +1 -1
- package/dist/tet-components/{p-5d70599c.entry.js → p-86b8ce79.entry.js} +1 -1
- package/dist/tet-components/{p-10e72480.entry.js → p-8b93b91f.entry.js} +1 -1
- package/dist/tet-components/{p-f5d4d8c8.entry.js → p-8fae4e03.entry.js} +1 -1
- package/dist/tet-components/{p-f16514db.entry.js → p-9bd457d2.entry.js} +1 -1
- package/dist/tet-components/{p-da0fc55d.entry.js → p-9c263933.entry.js} +1 -1
- package/dist/tet-components/{p-a8051a99.js → p-a476fd02.js} +1 -1
- package/dist/tet-components/{p-33768388.entry.js → p-a64706a6.entry.js} +1 -1
- package/dist/tet-components/{p-0d5562a1.entry.js → p-af86e2dc.entry.js} +1 -1
- package/dist/tet-components/{p-f68450a4.entry.js → p-b22de340.entry.js} +1 -1
- package/dist/tet-components/{p-0e2dbd84.entry.js → p-b29111f0.entry.js} +1 -1
- package/dist/tet-components/{p-ce4b6943.entry.js → p-b2c138f0.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-b39df477.js} +1 -1
- package/dist/tet-components/{p-872bbccf.entry.js → p-b468a922.entry.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-b4b90473.entry.js} +1 -1
- package/dist/tet-components/{p-7de684c1.entry.js → p-b61304cf.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-b92dff8a.js} +1 -1
- package/dist/tet-components/{p-7a3e4581.entry.js → p-c094dfd6.entry.js} +1 -1
- package/dist/tet-components/{p-798aa31d.entry.js → p-c1b9f3f1.entry.js} +1 -1
- package/dist/tet-components/{p-9c36ecbd.entry.js → p-c76a4457.entry.js} +1 -1
- package/dist/tet-components/{p-43c3b078.entry.js → p-c87aa965.entry.js} +1 -1
- package/dist/tet-components/{p-b34e86ef.entry.js → p-c9583427.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-c9ddf890.js} +1 -1
- package/dist/tet-components/{p-75927057.entry.js → p-cc99e827.entry.js} +1 -1
- package/dist/tet-components/{p-b4ecbc40.entry.js → p-d028d7c4.entry.js} +1 -1
- package/dist/tet-components/{p-39796998.entry.js → p-d3db997e.entry.js} +1 -1
- package/dist/tet-components/{p-584f54a7.entry.js → p-d76479dc.entry.js} +1 -1
- package/dist/tet-components/p-d8542fed.entry.js +1 -0
- package/dist/tet-components/{p-62bcf382.entry.js → p-df99dc91.entry.js} +1 -1
- package/dist/tet-components/{p-a64e3e96.entry.js → p-e74416dc.entry.js} +1 -1
- package/dist/tet-components/{p-efdef0e5.entry.js → p-ec1e970f.entry.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-ec5b1040.entry.js} +1 -1
- package/dist/tet-components/{p-1d0c3563.entry.js → p-ef84df23.entry.js} +1 -1
- package/dist/tet-components/{p-2738fbb7.entry.js → p-efc8d952.entry.js} +1 -1
- package/dist/tet-components/{p-2328b1d4.entry.js → p-f9c98275.entry.js} +1 -1
- package/dist/tet-components/{p-43fd6ff8.entry.js → p-fa67ec09.entry.js} +1 -1
- package/dist/tet-components/{p-0f2d1a9c.entry.js → p-fdd44094.entry.js} +1 -1
- package/dist/tet-components/{p-4f5a19cb.entry.js → p-fe7dab47.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/basic/carousel/tet-carousel/tet-carousel.d.ts +53 -11
- package/package.json +1 -1
- package/dist/tet-components/p-a0f6721c.entry.js +0 -1
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as o,h as r,H as s}from"./p-83f43fdd.js";import{d as a}from"./p-87bbb893.js";const i=class{constructor(o){t(this,o),this.select=e(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;isPointerDown;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}select;async toggleAutoplay(t){this.autoplay=t,t?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((t=>{clearInterval(t)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const t=this.getTabElement(this.selectedId);let e=this.tabHeaders.indexOf(t)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[e])<0;)if(e+=1,e+1>this.tabHeaders.length){e=0;break}e=this.tabHeaders.indexOf(this.getTabElement(e)),this.selectTab(e)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((t=>{this.hideActiveHeaderUnderline?t.classList.add("no-underline"):t.classList.remove("no-underline")}))}onAutoplayDelayChange(t){console.log(t,!!t),this.stopAutoplay(),t&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((t=>{t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const t=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const t=new MutationObserver((e=>{e.every((e=>!e.oldValue?.includes("disabled")||(this.initTabHeaders(),t.disconnect(),!1)))}));t.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect()}cleanupTabListeners(){this.tabHeaders?.forEach((t=>{const e=this.tabListeners.get(t);e&&(t.removeEventListener("click",e.click),t.removeEventListener("keydown",e.keydown),this.tabListeners.delete(t))}))}onContainerMouseDown=t=>{this.isPointerDown=!0,this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:t.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=t=>{t.preventDefault(),this.isPointerDown=1===t.buttons,this.isPointerDown?this.tabElement.scrollTo(this.positions.scrollLeft-(t.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp)};onSegmentedChange(t){t&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("id",`tab-${e+1}-${this.idSuffix}`),t.setAttribute("aria-controls",`tabpanel-${e+1}-${this.idSuffix}`);const o=t.classList.contains("disabled"),r=t.classList.contains("active");if(t.setAttribute("tabIndex",r?"0":"-1"),t.setAttribute("aria-selected",`${r}`),!o&&!this.tabListeners.has(t)){this.tabHeadersNotDisabled.push(t);const o=()=>{this.selectTab(t.getAttribute("data-name")||e)},r=e=>{const{key:o}=e;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){e.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(t);let s;switch(o){case"ArrowRight":s=r+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=r-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const a=this.tabHeadersNotDisabled[s];a.focus(),a.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((t=>{const e=t.getAttribute("data-image");if(e){const o=t.getAttribute("data-image-active"),r=t.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=e,s.alt=r,s.classList.add("tab-header-image"),s.style.maxHeight="1.5rem",t.appendChild(s),o){const e=document.createElement("img");e.src=o,e.alt=r,e.classList.add("tab-header-image","active"),e.style.display="none",e.style.maxHeight="1.5rem",t.appendChild(e),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(t=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const e=this.getTabElement(this.selectedId),o=e.parentNode.getBoundingClientRect(),r=e.getBoundingClientRect();if(this.segmentAnimation={width:`${r.width}px`,position:`${r.left-o.left+this.tabElement.scrollLeft}px`,transition:t?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=e.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(o.width/2+o.left)})}}async selectTab(t,e=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((t=>{t.classList.remove("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabIndex","-1");const e=t.querySelector("img.tab-header-image.active");e&&(e.style.display="none");const o=t.querySelector("img.tab-header-image.default");o&&(o.style.display="inline-block")}));const r=this.getTabElement(t);if(null===r)return;if(o&&!this.isPointerDown){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,e=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(e.width/2+e.left)})}r.classList.add("active"),r.setAttribute("aria-selected","true"),r.setAttribute("tabIndex","0");const s=r.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const t=r.querySelector("img.tab-header-image.default");t&&(t.style.display="none")}this.select.emit({new:t,old:this.selectedId}),this.selectedId=t,this.animateActiveSegment(e)}getTabElement(t){if(!this.tabHeaders?.length)return null;let e;return e="number"==typeof t?this.tabHeaders[t]:this.tabHeaders.find((e=>e.getAttribute("data-name")===t)),void 0!==e?e:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=a(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:t,position:e,transition:o}=this.segmentAnimation;return{"--active-width":t,"--active-x-pos":e,"--active-transition":o}}return{}}render(){return r(s,{key:"8e1924cd0f19ed6987c8cda6df5d7c9cb044c569","data-id-suffix":this.idSuffix},r("div",{key:"d5582e17dd959d569ff981180540b8acaf07803d",class:{tabs:!0,"tabs--segmented":this.segmented,[this.position]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},r("slot",{key:"b7a3ed5fdfb64cb8ff2ab9614bea51d5b4c7f0a4",ref:t=>this.tabContainer=t})),r("div",{key:"7a1d6571c66f66a854be259817bb1d0e39e442ed",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs *{box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(*){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}
|
|
1
|
+
import{r as t,c as e,g as o,h as r,H as s}from"./p-5abb3bea.js";import{d as a}from"./p-87bbb893.js";const i=class{constructor(o){t(this,o),this.select=e(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;isPointerDown;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}select;async toggleAutoplay(t){this.autoplay=t,t?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((t=>{clearInterval(t)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const t=this.getTabElement(this.selectedId);let e=this.tabHeaders.indexOf(t)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[e])<0;)if(e+=1,e+1>this.tabHeaders.length){e=0;break}e=this.tabHeaders.indexOf(this.getTabElement(e)),this.selectTab(e)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((t=>{this.hideActiveHeaderUnderline?t.classList.add("no-underline"):t.classList.remove("no-underline")}))}onAutoplayDelayChange(t){console.log(t,!!t),this.stopAutoplay(),t&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((t=>{t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const t=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const t=new MutationObserver((e=>{e.every((e=>!e.oldValue?.includes("disabled")||(this.initTabHeaders(),t.disconnect(),!1)))}));t.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect()}cleanupTabListeners(){this.tabHeaders?.forEach((t=>{const e=this.tabListeners.get(t);e&&(t.removeEventListener("click",e.click),t.removeEventListener("keydown",e.keydown),this.tabListeners.delete(t))}))}onContainerMouseDown=t=>{this.isPointerDown=!0,this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:t.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=t=>{t.preventDefault(),this.isPointerDown=1===t.buttons,this.isPointerDown?this.tabElement.scrollTo(this.positions.scrollLeft-(t.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp)};onSegmentedChange(t){t&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("id",`tab-${e+1}-${this.idSuffix}`),t.setAttribute("aria-controls",`tabpanel-${e+1}-${this.idSuffix}`);const o=t.classList.contains("disabled"),r=t.classList.contains("active");if(t.setAttribute("tabIndex",r?"0":"-1"),t.setAttribute("aria-selected",`${r}`),!o&&!this.tabListeners.has(t)){this.tabHeadersNotDisabled.push(t);const o=()=>{this.selectTab(t.getAttribute("data-name")||e)},r=e=>{const{key:o}=e;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){e.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(t);let s;switch(o){case"ArrowRight":s=r+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=r-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const a=this.tabHeadersNotDisabled[s];a.focus(),a.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((t=>{const e=t.getAttribute("data-image");if(e){const o=t.getAttribute("data-image-active"),r=t.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=e,s.alt=r,s.classList.add("tab-header-image"),s.style.maxHeight="1.5rem",t.appendChild(s),o){const e=document.createElement("img");e.src=o,e.alt=r,e.classList.add("tab-header-image","active"),e.style.display="none",e.style.maxHeight="1.5rem",t.appendChild(e),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(t=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const e=this.getTabElement(this.selectedId),o=e.parentNode.getBoundingClientRect(),r=e.getBoundingClientRect();if(this.segmentAnimation={width:`${r.width}px`,position:`${r.left-o.left+this.tabElement.scrollLeft}px`,transition:t?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=e.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(o.width/2+o.left)})}}async selectTab(t,e=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((t=>{t.classList.remove("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabIndex","-1");const e=t.querySelector("img.tab-header-image.active");e&&(e.style.display="none");const o=t.querySelector("img.tab-header-image.default");o&&(o.style.display="inline-block")}));const r=this.getTabElement(t);if(null===r)return;if(o&&!this.isPointerDown){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,e=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(e.width/2+e.left)})}r.classList.add("active"),r.setAttribute("aria-selected","true"),r.setAttribute("tabIndex","0");const s=r.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const t=r.querySelector("img.tab-header-image.default");t&&(t.style.display="none")}this.select.emit({new:t,old:this.selectedId}),this.selectedId=t,this.animateActiveSegment(e)}getTabElement(t){if(!this.tabHeaders?.length)return null;let e;return e="number"==typeof t?this.tabHeaders[t]:this.tabHeaders.find((e=>e.getAttribute("data-name")===t)),void 0!==e?e:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=a(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:t,position:e,transition:o}=this.segmentAnimation;return{"--active-width":t,"--active-x-pos":e,"--active-transition":o}}return{}}render(){return r(s,{key:"8e1924cd0f19ed6987c8cda6df5d7c9cb044c569","data-id-suffix":this.idSuffix},r("div",{key:"d5582e17dd959d569ff981180540b8acaf07803d",class:{tabs:!0,"tabs--segmented":this.segmented,[this.position]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},r("slot",{key:"b7a3ed5fdfb64cb8ff2ab9614bea51d5b4c7f0a4",ref:t=>this.tabContainer=t})),r("div",{key:"7a1d6571c66f66a854be259817bb1d0e39e442ed",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs *{box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(*){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,g as s,h,H as e}from"./p-
|
|
1
|
+
import{r as t,c as i,g as s,h,H as e}from"./p-5abb3bea.js";const n=class{constructor(s){t(this,s),this.counterStarted=i(this,"counterStarted",7),this.counterFinished=i(this,"counterFinished",7),this.startValue=0,this.endValue=10,this.duration=2e3,this.delay=0,this.valueSteps=0,this.stepValues=void 0,this.loopInterval=0,this.easing=void 0,this.easingConfig=void 0,this.disableAnimation=!1,this.thousandSeparator=!0,this.startOnViewport=!0,this.currentValue=0}get hostElement(){return s(this)}counterStarted;counterFinished;animationFrameId;loopTimeoutId;startDelayTimeoutId;viewportObserver;hasEnteredViewport=!1;componentWillLoad(){this.scheduleCounterStart()}disconnectedCallback(){this.clearTimer(),this.clearViewportObserver()}onCounterConfigChanged(){this.scheduleCounterStart()}async restartCounter(){this.scheduleCounterStart({requireViewport:!0})}clearViewportObserver(){this.viewportObserver?.disconnect(),this.viewportObserver=void 0}scheduleCounterStart(t={}){return!this.startOnViewport||!t.requireViewport&&this.hasEnteredViewport?(this.clearViewportObserver(),void this.startCounter()):(this.clearTimer(),this.currentValue=this.startValue,void 0===globalThis.IntersectionObserver?(this.hasEnteredViewport=!0,void this.startCounter()):void(this.viewportObserver||(this.viewportObserver=new globalThis.IntersectionObserver((t=>{t.some((t=>t.isIntersecting))&&(this.hasEnteredViewport=!0,this.clearViewportObserver(),this.startCounter())})),this.viewportObserver.observe(this.hostElement))))}getSafeStepCount(){const t=Math.floor(this.valueSteps);if(t<2)return 0;const i=Math.abs(this.endValue-this.startValue);return 0===i?0:Math.min(t,i+1)}getExplicitStepValues(){if(!Array.isArray(this.stepValues)||0===this.stepValues.length)return null;const t=this.stepValues.filter((t=>Number.isFinite(t))).map((t=>Math.round(t)));if(0===t.length)return null;const i=[...t];i[0]!==this.startValue&&i.unshift(this.startValue),i.at(-1)!==this.endValue&&i.push(this.endValue);const s=i.filter(((t,i,s)=>0===i||t!==s[i-1]));return s.length>=2?s:null}getRandomizedStepValues(t){const i=Math.min(this.startValue,this.endValue),s=Math.max(this.startValue,this.endValue),h=new Set([this.startValue,this.endValue]);for(;h.size<t;){const t=Math.floor(Math.random()*(s-i+1))+i;h.add(t)}const e=Array.from(h).sort(((t,i)=>t-i));return this.startValue>this.endValue&&e.reverse(),e}clearTimer(){void 0!==this.animationFrameId&&(globalThis.cancelAnimationFrame(this.animationFrameId),this.animationFrameId=void 0),void 0!==this.loopTimeoutId&&(globalThis.clearTimeout(this.loopTimeoutId),this.loopTimeoutId=void 0),void 0!==this.startDelayTimeoutId&&(globalThis.clearTimeout(this.startDelayTimeoutId),this.startDelayTimeoutId=void 0)}scheduleLoopRestart(){const t=Number.isFinite(this.loopInterval)?Math.max(0,this.loopInterval):0;0!==t&&(this.loopTimeoutId=globalThis.setTimeout((()=>{this.loopTimeoutId=void 0,this.startCounter({skipDelay:!0})}),t))}getAnimationProgress(t){return"ease-out"===this.easing?this.getEasingCurveProgress(t):"ease-in"===this.easing?1-this.getEasingCurveProgress(1-t):t}getEasingCurveProgress(t){const i=this.easingConfig?.startProgress??.2,s=this.easingConfig?.progressAtStart??.5,h=this.easingConfig?.power??3,e=Number.isFinite(i)?i:.2,n=Number.isFinite(s)?s:.5,o=Number.isFinite(h)?h:3,r=Math.min(.99,Math.max(.01,e)),a=Math.min(.99,Math.max(r,n)),u=Math.max(1.01,o);if(t<=r)return a/r*t;const d=(t-r)/(1-r),l=1-Math.pow(1-d,u),c=Math.min(.85,Math.max(.55,1-1/u));return a+(1-a)*(c*l+(1-c)*d)}getProgressValue(t){const i=this.endValue-this.startValue,s=this.startValue+i*t;return i>=0?Math.floor(s):Math.ceil(s)}startCounter(t={}){this.clearTimer();const i=Number.isFinite(this.delay)?Math.max(0,this.delay):0;if(!t.skipDelay&&i>0)return this.currentValue=this.startValue,void(this.startDelayTimeoutId=globalThis.setTimeout((()=>{this.startDelayTimeoutId=void 0,this.startCounter({skipDelay:!0})}),i));if(this.counterStarted.emit(),this.disableAnimation)return this.currentValue=this.endValue,void this.counterFinished.emit();if(this.currentValue=this.startValue,this.startValue===this.endValue)return this.counterFinished.emit(),void this.scheduleLoopRestart();const s=Math.max(0,this.duration);if(0===s)return this.currentValue=this.endValue,this.counterFinished.emit(),void this.scheduleLoopRestart();const h=this.getExplicitStepValues(),e=this.getSafeStepCount(),n=h??(e>0?this.getRandomizedStepValues(e):[]),o=n.length>0,r=o?n.length-1:0,a=performance.now(),u=t=>{const i=Math.min(1,Math.max(0,(t-a)/s)),h=this.getAnimationProgress(i);if(o){const t=Math.max(0,Math.min(r,Math.floor(h*r)));this.currentValue=n[t]??this.endValue}else this.currentValue=this.getProgressValue(h);if(i>=1)return this.currentValue=this.endValue,this.clearTimer(),this.counterFinished.emit(),void this.scheduleLoopRestart();this.animationFrameId=globalThis.requestAnimationFrame(u)};this.animationFrameId=globalThis.requestAnimationFrame(u)}formatValue(t){return this.thousandSeparator?t.toLocaleString("lv-LV").replaceAll(" "," "):String(t)}outputValue(){return this.formatValue(this.disableAnimation?this.endValue:this.currentValue)}render(){return h(e,{key:"e13bec371c06dfe2347fedab93e48b3a56e12554"},h("span",{key:"05201f960f7c0ca1867c115dd54d7d8f126cd431",part:"counter","aria-hidden":"true"},this.outputValue()),h("span",{key:"87842c7a8fd6344c5b1c527d484179b56eb4a2f6",class:"sr-only"},this.formatValue(this.endValue)))}static get watchers(){return{startValue:["onCounterConfigChanged"],endValue:["onCounterConfigChanged"],duration:["onCounterConfigChanged"],delay:["onCounterConfigChanged"],valueSteps:["onCounterConfigChanged"],stepValues:["onCounterConfigChanged"],loopInterval:["onCounterConfigChanged"],easing:["onCounterConfigChanged"],easingConfig:["onCounterConfigChanged"],disableAnimation:["onCounterConfigChanged"],startOnViewport:["onCounterConfigChanged"]}}};n.style=":host{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}";export{n as tet_counter}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as a}from"./p-83f43fdd.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"426382b15f052d5b7c5abfea11a8b8edc05e3965"},t("div",{key:"f5fc67ff3e4fe4871c42f52af21ea6becf815fa7",class:"variable-container"},t("div",{key:"651b04986144cd3e3f8702fcee3d098e75d1030a",class:"container-title main"},"Grid klase"),t("div",{key:"de97c7599bbf936767e3b5ba4ac0b2c775c8774b",class:"container-section"},t("div",{key:"da85c8b4971cf25c32a07ca21ea664dce746449d",class:"variable-name"},t("div",{key:"00babedaa4c671073940ebdc45bc1301f5ce5b7d",class:"variable-part"},"tet"),t("div",{key:"15022f12adf727beb2764596367de3239567d909",class:"variable-part"},"-grid")),t("div",{key:"6ee2b165f3b5a3fefd38521a6b1ddeef8e16d5e8",class:"variable-name"},t("div",{key:"53f153d704874700fbf2c80ab5aa8d82f40fbd07",class:"variable-part"},"tet-grid__cell")))),t("div",{key:"27e0a5a553f226f8d00ec31a5545e58c8191268d",class:"container-wrapper"},t("div",{key:"306f8395deb453c65f1ab2ba7501c20e711f0575",class:"container-title"},"Grida lietojumi"),t("div",{key:"3b97daa25fb95cc8a9566af69aa23b243561fd23",class:"container-comment"},"Parent līmenī ir jābūt klasei tet-grid. Tad childam ir jābūt tet-grid__cell."),t("div",{key:"81a1bdf8a3c837e702dc2a818e6a29cf18d4cc81",class:"container-comment"},"Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"),t("div",{key:"d48496b4a84cec176087c08645bc26fea1b50b0d",class:"section"},t("div",{key:"3ceeacc639b1080af4bc4b85525497e388576e3d",class:"section-content"},t("div",{key:"4f5eca7b3bf1bfffcd78c6e3637f29f298d04144",class:"show-grid tet-grid"},t("div",{key:"6f06ca900f80a6c770a737b24c33bdc0689d9262",class:"show-span tet-grid__cell--span-all"},t("div",{key:"5342572a333f6b7d6d16718d5cd31679407c744f",class:"section-style"},"Teksts pa visu gridu"),t("div",{key:"db928769f34bfb2ca1d5d42d17f22c64ae493667",class:"section-style-attribute"},"tet-grid__cell--span-all")))),t("div",{key:"0d55ae40f7894d6a998e3918c264c50ae036e373",class:"section-content"},t("div",{key:"888104aeabb1dc0fabd4597a42688cff0e7c6930",class:"show-grid tet-grid"},t("div",{key:"0f230d7973760ac7a2e0deca2713a51304046c07",class:"show-span tet-grid__cell--span-4"},t("div",{key:"e08dd794b80fdaf7a5e45d52539b0f4478caf38b"},"Teksts pa 4 kolonām"),t("div",{key:"15dbf0730d9642b7216f2efc10be117b6cb4d3f4",class:"section-style-attribute"},"tet-grid__cell--span-4")))),t("div",{key:"6dff63187cccf0e23c5cccb7c9be1bd7e4d6750f",class:"section-content"},t("div",{key:"6bbe6a588ab3c344f9909b44eedb81c7e49deedf",class:"show-grid tet-grid"},t("div",{key:"826b42d0f24003326dd19ec55d19d7e9f000ff55",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8"},t("div",{key:"57d0f9d398b6d91738ce2fd2ea0b37e93cfefa79"},"Teksts pa 4 kolonām DF ekrāna, pa 8 LG "),t("div",{key:"7f4185677f24dfd5f20b7df411c1594f99ffae61",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")),t("div",{key:"5c27477e0a2c0d78175fb5cb05b2fbcd47e0d2b7",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4"},t("div",{key:"8102ac510b8e8566ae991683a239f3f84bdc76f3"},"Teksts pa 4 kolonām DF ekrāna, pa 4 LG "),t("div",{key:"5a5bccb0b1c7f59a806939d364a5bf8d35a54964",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))),t("div",{key:"61e53f2c618212c30cd3f8cf8b57448a2b36de22",class:"section-content"},t("div",{key:"c0f9e5436bdf05370d7b96bf228d10ce823edadc",class:"show-grid tet-grid"},t("div",{key:"acd016126ec16662fc5c646e926994bac643db74",class:"show-span tet-grid__cell--span-all"},t("div",{key:"8c09b836308dd4aa83b4cc08f5bb868ec80435ee"},"Tekstu, ko redzam visu laiku."," ",t("span",{key:"5474af75e1b2314f945e09a14aca168ae85b61e9",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"Redzam tikai pie LG izmēra")),t("div",{key:"a32d214f68aad41f85dc5f8beb913da3b7d2ee55",class:"section-style-attribute"},"tet-grid__cell--hide",t("span",{key:"0f1df58973af794f773834dc26b635b9e5f5c8d8",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"tet-grid__cell--lg-show"))))),t("div",{key:"961061662fbad056579d9fd80a92a2a768cba562",class:"section-content"},t("div",{key:"4091148a410fbbcbf11c0b5cc0e3b3d2f611deb9",class:"show-grid tet-grid"},t("div",{key:"d4a300c8bf2e6135bbd9511c80d9c03903525871",class:"show-span tet-grid__cell--span-2"},t("div",{key:"0cceffc4f18ae190e74e693f732f1b96d01485af",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"d0018227c05b7e77929a8f0f7a0bbda2f8495690",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"deed3bcb8cede58efaf2d40bbfff402c2ce4cbdb"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"288db0c4c85908cef734686032e5d776e5cdf2c2",class:"section-style-attribute"},"tet-grid__cell--lg-span-8")),t("div",{key:"2574837e6b68b5f527f9afe4dda324e5aa44b80a",class:"show-span tet-grid__cell--span-2"},t("div",{key:"b38ca820330274f5507fb0f3c35119a83153de58",class:"section-style-attribute"},"tet-grid__cell--span-2")))))),t("div",{key:"3954c229f6760ac1c0269233e6c707c75fafd6db",class:"container-wrapper"},t("div",{key:"f017151a644aca9ff69f8296df691986e1b445a8",class:"container-title"},"1920px breakpoint"),t("div",{key:"5f7dcabddd3f1b616c19d753c3a967515e0d812f",class:"container-comment"},"Pievienojot papildus klasi"," ",t("strong",{key:"f37321167293eca21f4ae3d5296f0cdbc4aa6967"},t("i",{key:"38f212b0cec25b5042917ee1531d4d17fd5f1dc0"}," tet-grid--gg")),", tiek iespējots elementa maksimālais platums līdz 1920px."),t("div",{key:"86e33d44d64b77575297b8d6a7eb605a0cdf21d1",class:"container-comment"},"Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"),t("div",{key:"83785510e23b9827237f4c53308e7f647b869521",class:"section"},t("div",{key:"49d08be40ce44b3f22cb2dec68d663479a38a45d",class:"section-content"},t("div",{key:"56af49ca0da0dc6cdd6a419ab79dce307969a6a6",class:"show-grid tet-grid tet-grid--gg"},t("div",{key:"0e07de10dfa4007dfbfdfb15c40fc7fa905d83c9",class:"show-span tet-grid__cell--span-2"},t("div",{key:"cf4dddfbd590a0d2fbc38c27248f03a4ef8a2611",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"df5a6238d264fa7b2a7c748706777d1ae1950d5b",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"e9a788414a9c8807586bd36940ff93dac81fcfb8"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"5aa1307dbb0c2c013d43779d6a90e91d8766c824",class:"section-style-attribute"},"tet-grid__cell--lg-span-8"),t("div",{key:"359dba5f1c7b91443a65d3703da0feab681e0b04",class:"tet-grid tet-grid--gg"},t("div",{key:"0145b4a826588244f7ba49022b64e359b8646122",class:"tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt"},t("div",{key:"cbbcfc010d77c3e4e84a7a5b4b63a48ab8bcf919"},"Šis teksts ir redzams tikai no 1920px platuma."),t("div",{key:"424053617ac92cb2c344ff9cf9872f12ad1c9042",class:"section-style-attribute"},"tet-grid__cell--lg-span-12"),t("div",{key:"d52210602c485cccfa096d742b085268a0b4ecc7",class:"section-style-attribute"},"tet-grid__cell--hide"),t("div",{key:"bbf226a8002c2f88535d50ab77ec5e280c71d55b",class:"section-style-attribute"},"tet-grid__cell--gg-show")))),t("div",{key:"1b2c9c3da19b3e865b0ff7101c01754133c8e488",class:"show-span tet-grid__cell--span-2"},t("div",{key:"9b9a14c4009884357d7350ab8a25a7dd1d1ed2b4",class:"section-style-attribute"},"tet-grid__cell--span-2")))))))}};o.style='@charset "UTF-8";: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)}.tet-grid-story{--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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-comment{background:rgb(235, 237, 239);padding:1rem 0;font-size:1rem;text-align:center;margin:0.25rem 0;border-radius:1.5rem}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:1rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{gap:0.5rem;display:flex;flex-wrap:wrap}.section-content{border:0.0625rem solid gray;border-radius:2rem;flex:1 1 49%}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.show-span{background:lightgrey}.show-grid{background:darkgrey;border-radius:2rem;height:100%}';export{o as tet_grid}
|
|
1
|
+
import{r as e,h as t,H as a}from"./p-5abb3bea.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"426382b15f052d5b7c5abfea11a8b8edc05e3965"},t("div",{key:"f5fc67ff3e4fe4871c42f52af21ea6becf815fa7",class:"variable-container"},t("div",{key:"651b04986144cd3e3f8702fcee3d098e75d1030a",class:"container-title main"},"Grid klase"),t("div",{key:"de97c7599bbf936767e3b5ba4ac0b2c775c8774b",class:"container-section"},t("div",{key:"da85c8b4971cf25c32a07ca21ea664dce746449d",class:"variable-name"},t("div",{key:"00babedaa4c671073940ebdc45bc1301f5ce5b7d",class:"variable-part"},"tet"),t("div",{key:"15022f12adf727beb2764596367de3239567d909",class:"variable-part"},"-grid")),t("div",{key:"6ee2b165f3b5a3fefd38521a6b1ddeef8e16d5e8",class:"variable-name"},t("div",{key:"53f153d704874700fbf2c80ab5aa8d82f40fbd07",class:"variable-part"},"tet-grid__cell")))),t("div",{key:"27e0a5a553f226f8d00ec31a5545e58c8191268d",class:"container-wrapper"},t("div",{key:"306f8395deb453c65f1ab2ba7501c20e711f0575",class:"container-title"},"Grida lietojumi"),t("div",{key:"3b97daa25fb95cc8a9566af69aa23b243561fd23",class:"container-comment"},"Parent līmenī ir jābūt klasei tet-grid. Tad childam ir jābūt tet-grid__cell."),t("div",{key:"81a1bdf8a3c837e702dc2a818e6a29cf18d4cc81",class:"container-comment"},"Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"),t("div",{key:"d48496b4a84cec176087c08645bc26fea1b50b0d",class:"section"},t("div",{key:"3ceeacc639b1080af4bc4b85525497e388576e3d",class:"section-content"},t("div",{key:"4f5eca7b3bf1bfffcd78c6e3637f29f298d04144",class:"show-grid tet-grid"},t("div",{key:"6f06ca900f80a6c770a737b24c33bdc0689d9262",class:"show-span tet-grid__cell--span-all"},t("div",{key:"5342572a333f6b7d6d16718d5cd31679407c744f",class:"section-style"},"Teksts pa visu gridu"),t("div",{key:"db928769f34bfb2ca1d5d42d17f22c64ae493667",class:"section-style-attribute"},"tet-grid__cell--span-all")))),t("div",{key:"0d55ae40f7894d6a998e3918c264c50ae036e373",class:"section-content"},t("div",{key:"888104aeabb1dc0fabd4597a42688cff0e7c6930",class:"show-grid tet-grid"},t("div",{key:"0f230d7973760ac7a2e0deca2713a51304046c07",class:"show-span tet-grid__cell--span-4"},t("div",{key:"e08dd794b80fdaf7a5e45d52539b0f4478caf38b"},"Teksts pa 4 kolonām"),t("div",{key:"15dbf0730d9642b7216f2efc10be117b6cb4d3f4",class:"section-style-attribute"},"tet-grid__cell--span-4")))),t("div",{key:"6dff63187cccf0e23c5cccb7c9be1bd7e4d6750f",class:"section-content"},t("div",{key:"6bbe6a588ab3c344f9909b44eedb81c7e49deedf",class:"show-grid tet-grid"},t("div",{key:"826b42d0f24003326dd19ec55d19d7e9f000ff55",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8"},t("div",{key:"57d0f9d398b6d91738ce2fd2ea0b37e93cfefa79"},"Teksts pa 4 kolonām DF ekrāna, pa 8 LG "),t("div",{key:"7f4185677f24dfd5f20b7df411c1594f99ffae61",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")),t("div",{key:"5c27477e0a2c0d78175fb5cb05b2fbcd47e0d2b7",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4"},t("div",{key:"8102ac510b8e8566ae991683a239f3f84bdc76f3"},"Teksts pa 4 kolonām DF ekrāna, pa 4 LG "),t("div",{key:"5a5bccb0b1c7f59a806939d364a5bf8d35a54964",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))),t("div",{key:"61e53f2c618212c30cd3f8cf8b57448a2b36de22",class:"section-content"},t("div",{key:"c0f9e5436bdf05370d7b96bf228d10ce823edadc",class:"show-grid tet-grid"},t("div",{key:"acd016126ec16662fc5c646e926994bac643db74",class:"show-span tet-grid__cell--span-all"},t("div",{key:"8c09b836308dd4aa83b4cc08f5bb868ec80435ee"},"Tekstu, ko redzam visu laiku."," ",t("span",{key:"5474af75e1b2314f945e09a14aca168ae85b61e9",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"Redzam tikai pie LG izmēra")),t("div",{key:"a32d214f68aad41f85dc5f8beb913da3b7d2ee55",class:"section-style-attribute"},"tet-grid__cell--hide",t("span",{key:"0f1df58973af794f773834dc26b635b9e5f5c8d8",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"tet-grid__cell--lg-show"))))),t("div",{key:"961061662fbad056579d9fd80a92a2a768cba562",class:"section-content"},t("div",{key:"4091148a410fbbcbf11c0b5cc0e3b3d2f611deb9",class:"show-grid tet-grid"},t("div",{key:"d4a300c8bf2e6135bbd9511c80d9c03903525871",class:"show-span tet-grid__cell--span-2"},t("div",{key:"0cceffc4f18ae190e74e693f732f1b96d01485af",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"d0018227c05b7e77929a8f0f7a0bbda2f8495690",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"deed3bcb8cede58efaf2d40bbfff402c2ce4cbdb"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"288db0c4c85908cef734686032e5d776e5cdf2c2",class:"section-style-attribute"},"tet-grid__cell--lg-span-8")),t("div",{key:"2574837e6b68b5f527f9afe4dda324e5aa44b80a",class:"show-span tet-grid__cell--span-2"},t("div",{key:"b38ca820330274f5507fb0f3c35119a83153de58",class:"section-style-attribute"},"tet-grid__cell--span-2")))))),t("div",{key:"3954c229f6760ac1c0269233e6c707c75fafd6db",class:"container-wrapper"},t("div",{key:"f017151a644aca9ff69f8296df691986e1b445a8",class:"container-title"},"1920px breakpoint"),t("div",{key:"5f7dcabddd3f1b616c19d753c3a967515e0d812f",class:"container-comment"},"Pievienojot papildus klasi"," ",t("strong",{key:"f37321167293eca21f4ae3d5296f0cdbc4aa6967"},t("i",{key:"38f212b0cec25b5042917ee1531d4d17fd5f1dc0"}," tet-grid--gg")),", tiek iespējots elementa maksimālais platums līdz 1920px."),t("div",{key:"86e33d44d64b77575297b8d6a7eb605a0cdf21d1",class:"container-comment"},"Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"),t("div",{key:"83785510e23b9827237f4c53308e7f647b869521",class:"section"},t("div",{key:"49d08be40ce44b3f22cb2dec68d663479a38a45d",class:"section-content"},t("div",{key:"56af49ca0da0dc6cdd6a419ab79dce307969a6a6",class:"show-grid tet-grid tet-grid--gg"},t("div",{key:"0e07de10dfa4007dfbfdfb15c40fc7fa905d83c9",class:"show-span tet-grid__cell--span-2"},t("div",{key:"cf4dddfbd590a0d2fbc38c27248f03a4ef8a2611",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"df5a6238d264fa7b2a7c748706777d1ae1950d5b",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"e9a788414a9c8807586bd36940ff93dac81fcfb8"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"5aa1307dbb0c2c013d43779d6a90e91d8766c824",class:"section-style-attribute"},"tet-grid__cell--lg-span-8"),t("div",{key:"359dba5f1c7b91443a65d3703da0feab681e0b04",class:"tet-grid tet-grid--gg"},t("div",{key:"0145b4a826588244f7ba49022b64e359b8646122",class:"tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt"},t("div",{key:"cbbcfc010d77c3e4e84a7a5b4b63a48ab8bcf919"},"Šis teksts ir redzams tikai no 1920px platuma."),t("div",{key:"424053617ac92cb2c344ff9cf9872f12ad1c9042",class:"section-style-attribute"},"tet-grid__cell--lg-span-12"),t("div",{key:"d52210602c485cccfa096d742b085268a0b4ecc7",class:"section-style-attribute"},"tet-grid__cell--hide"),t("div",{key:"bbf226a8002c2f88535d50ab77ec5e280c71d55b",class:"section-style-attribute"},"tet-grid__cell--gg-show")))),t("div",{key:"1b2c9c3da19b3e865b0ff7101c01754133c8e488",class:"show-span tet-grid__cell--span-2"},t("div",{key:"9b9a14c4009884357d7350ab8a25a7dd1d1ed2b4",class:"section-style-attribute"},"tet-grid__cell--span-2")))))))}};o.style='@charset "UTF-8";: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)}.tet-grid-story{--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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-comment{background:rgb(235, 237, 239);padding:1rem 0;font-size:1rem;text-align:center;margin:0.25rem 0;border-radius:1.5rem}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:1rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{gap:0.5rem;display:flex;flex-wrap:wrap}.section-content{border:0.0625rem solid gray;border-radius:2rem;flex:1 1 49%}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.show-span{background:lightgrey}.show-grid{background:darkgrey;border-radius:2rem;height:100%}';export{o as tet_grid}
|
|
@@ -1 +1 @@
|
|
|
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:"ca3f55193752f1eda75100247822c5749dcfabc7"},e("ul",{key:"2172c38be9d59c54ba5ec71cd0207ab44e87ec84",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-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:"ca3f55193752f1eda75100247822c5749dcfabc7"},e("ul",{key:"2172c38be9d59c54ba5ec71cd0207ab44e87ec84",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 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o}from"./p-83f43fdd.js";const r=class{constructor(e){t(this,e),this.stepperData=[],this.theme="light"}renderStep=(t,o)=>{const r=this.stepperData[o+1]?.active;return e("li",{class:"step"},e("div",{class:{"status-wrapper":!0,active:t.active}},e("div",{class:"line top"}),e("div",{class:{line:!0,bottom:!0,"next-step-active":r}}),this.renderStepIcon(t.icon)),e("div",{class:"content"},this.renderStepTitle(t?.title),this.renderStepDescription(t?.description)))};renderStepIcon=t=>"check"===t?e("div",{class:"check-icon"},e("tet-icon",{class:"check",name:"check"})):e("div","circle-attention"===t?{class:"circle-attention"}:{class:"circle"});renderStepTitle=t=>t?e("div",{class:"content-title",innerHTML:t}):null;renderStepDescription=t=>t?e("div",{class:"content-description",innerHTML:t}):null;render(){return e(o,{key:"80ab39b826b3c78e316f1834bddc9f9091ec3b70"},e("ol",{key:"bca96ce3d01fc609435e9443c72c66ff127bdc2f",class:{stepper:!0,[this.theme]:!0}},this.stepperData.map(this.renderStep.bind(this))))}};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{--stepper-step-active-color:var(--tc-blue-40);--stepper-step-active-color-dark:var(--tc-blue-40-dark);--stepper-step-non-active-color:var(--tc-border-tertiary);--stepper-step-non-active-color-dark:var(--tc-border-tertiary-dark);--stepper-step-check-color:var(--tc-layer-primary);--stepper-step-check-color-dark:var(--tc-layer-inverse-primary-dark);--stepper-step-description-color:var(--tc-text-secondary);--stepper-step-description-color-dark:var(--tc-text-secondary-dark);--stepper-step-title-color:var(--tc-text-primary);--stepper-step-title-color-dark:var(--tc-text-primary-dark);--stepper-step-content-background:var(--tc-layer-primary);--stepper-step-content-background-dark:var(--tc-layer-primary-dark);--stepper-step-shadow:var(--tc-elevation-one);--stepper-step-shadow-dark:var(--tc-elevation-one-dark);--stepper-step-attention-color:var(--tc-yellow-40);--stepper-step-attention-color-dark:var(--tc-yellow-40-dark);display:flex;justify-content:center;align-items:center}.stepper{width:100%;list-style:none}.stepper.dark{--stepper-step-active-color:var(--stepper-step-active-color-dark);--stepper-step-non-active-color:var(--stepper-step-non-active-color-dark);--stepper-step-check-color:var(--stepper-step-check-color-dark);--stepper-step-description-color:var(--stepper-step-description-color-dark);--stepper-step-title-color:var(--stepper-step-title-color-dark);--stepper-step-content-background:var(--stepper-step-content-background-dark);--stepper-step-shadow:var(--stepper-step-shadow-dark);--stepper-step-attention-color:var(--stepper-step-attention-color-dark)}.stepper .step{position:relative;display:flex}.stepper .step:first-child .line.top,.stepper .step:last-child .line.bottom{display:none}.stepper .step .status-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:2.5rem;margin-right:1rem}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper{width:2rem}}.stepper .step .status-wrapper .line{position:absolute;width:0.125rem;background-color:var(--stepper-step-non-active-color)}.stepper .step .status-wrapper .line.top{top:0;bottom:50%}.stepper .step .status-wrapper .line.bottom{top:50%;bottom:0}.stepper .step .status-wrapper .circle{position:absolute;width:1.25rem;height:1.25rem;background:var(--stepper-step-content-background);border:0.25rem solid var(--stepper-step-non-active-color);border-radius:50%}.stepper .step .status-wrapper .circle-attention{position:absolute;width:1.25rem;height:1.25rem;background:var(--stepper-step-content-background);border:0.25rem solid var(--stepper-step-attention-color);border-radius:50%}.stepper .step .status-wrapper.active .line.top,.stepper .step .status-wrapper.active .line.bottom.next-step-active{background-color:var(--stepper-step-active-color)}.stepper .step .status-wrapper.active .circle{border-color:var(--stepper-step-active-color)}.stepper .step .status-wrapper .check-icon{position:absolute;display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:var(--stepper-step-active-color);border-radius:50%}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper .check-icon{width:2rem;height:2rem}}.stepper .step .status-wrapper .check-icon .check{--icon-size:1.656rem;--icon-color:var(--stepper-step-check-color)}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper .check-icon .check{--icon-size:1.344rem}}.stepper .step .content{flex:1;padding:1rem 1.5rem;margin:0.25rem 0;box-shadow:var(--stepper-step-shadow);background:var(--stepper-step-content-background);border-radius:1rem}@media only screen and (max-width: 31.1875rem){.stepper .step .content{padding:1rem}}.stepper .step .content-title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-title-color)}@media only screen and (max-width: 31.1875rem){.stepper .step .content-title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.stepper .step .content-description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-description-color)}';export{r as tet_stepper_v3}
|
|
1
|
+
import{r as t,h as e,H as o}from"./p-5abb3bea.js";const r=class{constructor(e){t(this,e),this.stepperData=[],this.theme="light"}renderStep=(t,o)=>{const r=this.stepperData[o+1]?.active;return e("li",{class:"step"},e("div",{class:{"status-wrapper":!0,active:t.active}},e("div",{class:"line top"}),e("div",{class:{line:!0,bottom:!0,"next-step-active":r}}),this.renderStepIcon(t.icon)),e("div",{class:"content"},this.renderStepTitle(t?.title),this.renderStepDescription(t?.description)))};renderStepIcon=t=>"check"===t?e("div",{class:"check-icon"},e("tet-icon",{class:"check",name:"check"})):e("div","circle-attention"===t?{class:"circle-attention"}:{class:"circle"});renderStepTitle=t=>t?e("div",{class:"content-title",innerHTML:t}):null;renderStepDescription=t=>t?e("div",{class:"content-description",innerHTML:t}):null;render(){return e(o,{key:"80ab39b826b3c78e316f1834bddc9f9091ec3b70"},e("ol",{key:"bca96ce3d01fc609435e9443c72c66ff127bdc2f",class:{stepper:!0,[this.theme]:!0}},this.stepperData.map(this.renderStep.bind(this))))}};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{--stepper-step-active-color:var(--tc-blue-40);--stepper-step-active-color-dark:var(--tc-blue-40-dark);--stepper-step-non-active-color:var(--tc-border-tertiary);--stepper-step-non-active-color-dark:var(--tc-border-tertiary-dark);--stepper-step-check-color:var(--tc-layer-primary);--stepper-step-check-color-dark:var(--tc-layer-inverse-primary-dark);--stepper-step-description-color:var(--tc-text-secondary);--stepper-step-description-color-dark:var(--tc-text-secondary-dark);--stepper-step-title-color:var(--tc-text-primary);--stepper-step-title-color-dark:var(--tc-text-primary-dark);--stepper-step-content-background:var(--tc-layer-primary);--stepper-step-content-background-dark:var(--tc-layer-primary-dark);--stepper-step-shadow:var(--tc-elevation-one);--stepper-step-shadow-dark:var(--tc-elevation-one-dark);--stepper-step-attention-color:var(--tc-yellow-40);--stepper-step-attention-color-dark:var(--tc-yellow-40-dark);display:flex;justify-content:center;align-items:center}.stepper{width:100%;list-style:none}.stepper.dark{--stepper-step-active-color:var(--stepper-step-active-color-dark);--stepper-step-non-active-color:var(--stepper-step-non-active-color-dark);--stepper-step-check-color:var(--stepper-step-check-color-dark);--stepper-step-description-color:var(--stepper-step-description-color-dark);--stepper-step-title-color:var(--stepper-step-title-color-dark);--stepper-step-content-background:var(--stepper-step-content-background-dark);--stepper-step-shadow:var(--stepper-step-shadow-dark);--stepper-step-attention-color:var(--stepper-step-attention-color-dark)}.stepper .step{position:relative;display:flex}.stepper .step:first-child .line.top,.stepper .step:last-child .line.bottom{display:none}.stepper .step .status-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:2.5rem;margin-right:1rem}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper{width:2rem}}.stepper .step .status-wrapper .line{position:absolute;width:0.125rem;background-color:var(--stepper-step-non-active-color)}.stepper .step .status-wrapper .line.top{top:0;bottom:50%}.stepper .step .status-wrapper .line.bottom{top:50%;bottom:0}.stepper .step .status-wrapper .circle{position:absolute;width:1.25rem;height:1.25rem;background:var(--stepper-step-content-background);border:0.25rem solid var(--stepper-step-non-active-color);border-radius:50%}.stepper .step .status-wrapper .circle-attention{position:absolute;width:1.25rem;height:1.25rem;background:var(--stepper-step-content-background);border:0.25rem solid var(--stepper-step-attention-color);border-radius:50%}.stepper .step .status-wrapper.active .line.top,.stepper .step .status-wrapper.active .line.bottom.next-step-active{background-color:var(--stepper-step-active-color)}.stepper .step .status-wrapper.active .circle{border-color:var(--stepper-step-active-color)}.stepper .step .status-wrapper .check-icon{position:absolute;display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:var(--stepper-step-active-color);border-radius:50%}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper .check-icon{width:2rem;height:2rem}}.stepper .step .status-wrapper .check-icon .check{--icon-size:1.656rem;--icon-color:var(--stepper-step-check-color)}@media only screen and (max-width: 31.1875rem){.stepper .step .status-wrapper .check-icon .check{--icon-size:1.344rem}}.stepper .step .content{flex:1;padding:1rem 1.5rem;margin:0.25rem 0;box-shadow:var(--stepper-step-shadow);background:var(--stepper-step-content-background);border-radius:1rem}@media only screen and (max-width: 31.1875rem){.stepper .step .content{padding:1rem}}.stepper .step .content-title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-title-color)}@media only screen and (max-width: 31.1875rem){.stepper .step .content-title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.stepper .step .content-description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--stepper-step-description-color)}';export{r as tet_stepper_v3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,g as t,h as e,H as n}from"./p-83f43fdd.js";import{c as r,a as i}from"./p-165a8492.js";const f=class{constructor(t){o(this,t),this.stepperData=[],this.forcedColumn=!1,this.hideIcons=!1,this.theme="light"}get host(){return t(this)}componentDidLoad(){this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:"round-stepper__item"},e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{name:o.icon,theme:this.theme}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=`${r(224/i())}px`}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=`${r(192/i())}px`})))}onResize(){this.calculateContainerWidth()}render(){return e(n,{key:"8a5a3b29be17614f8335bfbf68ce0809d01383a7"},e("div",{key:"cf8b4828ac4cb737d7371ee7d7cc76eee9435789",class:{"round-stepper":!0,column:this.forcedColumn,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}};f.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}';export{f as tet_round_stepper}
|
|
1
|
+
import{r as o,g as t,h as e,H as n}from"./p-5abb3bea.js";import{c as r,a as i}from"./p-165a8492.js";const f=class{constructor(t){o(this,t),this.stepperData=[],this.forcedColumn=!1,this.hideIcons=!1,this.theme="light"}get host(){return t(this)}componentDidLoad(){this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:"round-stepper__item"},e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{name:o.icon,theme:this.theme}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=`${r(224/i())}px`}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=`${r(192/i())}px`})))}onResize(){this.calculateContainerWidth()}render(){return e(n,{key:"8a5a3b29be17614f8335bfbf68ce0809d01383a7"},e("div",{key:"cf8b4828ac4cb737d7371ee7d7cc76eee9435789",class:{"round-stepper":!0,column:this.forcedColumn,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}};f.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}';export{f as tet_round_stepper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as i,h as s,H as f}from"./p-
|
|
1
|
+
import{r as t,g as i,h as s,H as f}from"./p-5abb3bea.js";const e=class{constructor(i){t(this,i),this.header="",this.listBulletIcon="",this.imageSource="",this.list=[],this.containerSize="small"}get element(){return i(this)}onWindowResize(){this.setContainerSize()}componentDidLoad(){this.setContainerSize()}setContainerSize=()=>{const t=this.element.getBoundingClientRect().width;this.containerSize=t<=436?"small":t<=656?"medium":"large"};render(){return s(f,{key:"98c161a2b2741b3d80ec4c7d2f6d8a21140dd178"},s("div",{key:"9896697f6c5423d467bfeb80f6066883c61d034b",class:{"tv-gift-list":!0,[`tv-gift-list--${this.containerSize}`]:!0,"tv-gift-list--image-list":Boolean(this.imageSource)}},this.imageSource&&s("div",{key:"6987f6f4b1d0ed2259b4b5de358d524a904ff8be",class:"tv-gift-list__image__wrapper"},s("img",{key:"510a5bb8edfc8ab7b4afb8aa557676f993c27d4f",class:"tv-gift-list__image",src:this.imageSource})),s("div",{key:"511e0717b262f8cec45df7b15e9a0cbb88e2fc18",class:"tv-gift-list__list__wrapper"},s("span",{key:"7ea915bea52fc38db700a14868bbf685eecc8440",class:"tv-gift-list__list__header"},this.header),s("ul",{key:"bfe91e5cf44e6e8508886eb2d9e93b5e9b85d0f2",class:"tv-gift-list__list"},this.list.map((t=>s("li",{class:"tv-gift-list__list__item"},s("tet-icon",{name:this.listBulletIcon}),t)))))))}};e.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list__list__item{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}';export{e as tet_tv_gift_list}
|