@tet/tet-components 1.4.32-testing → 1.4.33-production
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-951109ee.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-c00a24d2.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-13036d6f.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-16564d25.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-162b4cbc.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-a59cbcb0.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-055efd07.js → phone-39f20542.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-5535cd9e.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +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-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +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-cde3168f.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-ca556860.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-efdf0813.js → p-07bd1945.js} +2 -2
- package/dist/components/{p-86aaf990.js → p-0b792ae8.js} +3 -3
- package/dist/components/{p-3881222c.js → p-0db06fa7.js} +6 -6
- package/dist/components/{p-d41f8f87.js → p-0f1f2626.js} +2 -2
- package/dist/components/{p-250eb091.js → p-1f5601ce.js} +1 -1
- package/dist/components/{p-f1380f68.js → p-22fdcc08.js} +3 -3
- package/dist/components/{p-ce823477.js → p-2619cfaa.js} +2 -2
- package/dist/components/{p-869958e9.js → p-28c0a4a7.js} +2 -2
- package/dist/components/{p-c615bc41.js → p-2a33c5d8.js} +1 -1
- package/dist/components/{p-58991856.js → p-2bf20615.js} +1 -1
- package/dist/components/{p-19a63760.js → p-300e9cf0.js} +1 -1
- package/dist/components/{p-848ec723.js → p-30d786cb.js} +1 -1
- package/dist/components/{p-c4d184b3.js → p-33034f04.js} +4 -4
- package/dist/components/{p-d32eca66.js → p-35bdef5b.js} +2 -2
- package/dist/components/{p-1b1c4871.js → p-3f2a5be0.js} +6 -6
- package/dist/components/{p-4e0e2b59.js → p-44f1fd10.js} +1 -1
- package/dist/components/{p-595baac6.js → p-4b7e949a.js} +1 -1
- package/dist/components/{p-e9bf0228.js → p-50bc472a.js} +1 -1
- package/dist/components/{p-924b430a.js → p-5b69ddb3.js} +1 -1
- package/dist/components/{p-f76fad86.js → p-5dcf08ec.js} +1 -1
- package/dist/components/{p-d96c9c10.js → p-604ee86f.js} +3 -3
- package/dist/components/{p-60104d4b.js → p-62ac4dbe.js} +2 -2
- package/dist/components/{p-4a4f4abf.js → p-6341470b.js} +2 -2
- package/dist/components/{p-0138c33f.js → p-6d1c747e.js} +6 -6
- package/dist/components/{p-980978bc.js → p-6ea5eca6.js} +3 -3
- package/dist/components/{p-ee54db57.js → p-72ea9b04.js} +1 -1
- package/dist/components/{p-548501b5.js → p-7650876b.js} +1 -1
- package/dist/components/{p-cf8fb3b8.js → p-7d7dc2cd.js} +10 -10
- package/dist/components/{p-9c321f66.js → p-819ec45c.js} +7 -7
- package/dist/components/{p-43ec1361.js → p-841fd1e8.js} +2 -2
- package/dist/components/{p-4468c9e9.js → p-8792ebce.js} +1 -1
- package/dist/components/{p-25b93e8f.js → p-8b6ad07d.js} +1 -1
- package/dist/components/{p-d69376b7.js → p-8df1da35.js} +2 -2
- package/dist/components/{p-6cd63078.js → p-914e8067.js} +1 -1
- package/dist/components/{p-c6c5425e.js → p-9d882e3c.js} +1 -1
- package/dist/components/{p-b0040cc1.js → p-a08da643.js} +2 -2
- package/dist/components/{p-1ffee60d.js → p-aa01ae22.js} +2 -2
- package/dist/components/{p-6d10cfc1.js → p-aebc6fa2.js} +10 -10
- package/dist/components/{p-dfb8a350.js → p-b13f1730.js} +7 -7
- package/dist/components/{p-13c2091d.js → p-b5fdd66f.js} +7 -7
- package/dist/components/{p-4061b379.js → p-b6e24b98.js} +5 -5
- package/dist/components/{p-dd3541f5.js → p-c13688d0.js} +1 -1
- package/dist/components/{p-ca8df28e.js → p-c5e15c62.js} +3 -3
- package/dist/components/{p-1dc3b03c.js → p-c721dc59.js} +3 -3
- package/dist/components/{p-eca7dc6f.js → p-c860ca8e.js} +2 -2
- package/dist/components/{p-4ff94d2c.js → p-cc30d91c.js} +2 -2
- package/dist/components/{p-89c93c64.js → p-d0c012c2.js} +1 -1
- package/dist/components/{p-92eb4c89.js → p-dde6d4b3.js} +5 -5
- package/dist/components/{p-027b4019.js → p-de7755f0.js} +3 -3
- package/dist/components/{p-fd3bdd4c.js → p-e71863b9.js} +14 -14
- package/dist/components/{p-b453369c.js → p-eb255b53.js} +1 -1
- package/dist/components/{p-0d8e93da.js → p-ebbe3e30.js} +1 -1
- package/dist/components/{p-7620ce21.js → p-ebe463f5.js} +1 -1
- package/dist/components/{p-44201f97.js → p-f0861d7a.js} +1 -1
- package/dist/components/{p-2d32db8b.js → p-f531dd70.js} +3 -3
- package/dist/components/{p-52fcf7aa.js → p-fadcb8c0.js} +1 -1
- package/dist/components/{p-b0347530.js → p-fbaae8a8.js} +9 -9
- package/dist/components/{p-543c7a96.js → p-fdc6dff0.js} +7 -7
- package/dist/components/{p-19d39e59.js → p-fee39d89.js} +4 -4
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +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 +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +2 -2
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- 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-24e316f2.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-343a0b59.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-a5159336.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-98d3e25c.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-0da0d682.js} +1 -1
- package/dist/esm/{index-412df137.js → index-6c5bc6fc.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-1a920c5c.js → phone-ea11e1d0.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-21980b84.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +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-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +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-37dd9692.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-9a0d9386.js} +1 -1
- package/dist/tet-components/{p-f6916bfc.entry.js → p-01a44fa7.entry.js} +1 -1
- package/dist/tet-components/{p-1308389c.entry.js → p-01a73822.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-0255120e.js} +1 -1
- package/dist/tet-components/{p-85a4823a.entry.js → p-069bb428.entry.js} +1 -1
- package/dist/tet-components/{p-068ab35d.entry.js → p-09244635.entry.js} +1 -1
- package/dist/tet-components/{p-ee15fbb6.entry.js → p-0a010d49.entry.js} +1 -1
- package/dist/tet-components/{p-5845a3dc.entry.js → p-0dff386b.entry.js} +1 -1
- package/dist/tet-components/{p-3e7e1106.entry.js → p-129ea4aa.entry.js} +1 -1
- package/dist/tet-components/{p-4fb3f48b.entry.js → p-1305ac8b.entry.js} +1 -1
- package/dist/tet-components/{p-3e1e9943.entry.js → p-1367a20e.entry.js} +1 -1
- package/dist/tet-components/{p-ce850061.entry.js → p-154f01f9.entry.js} +1 -1
- package/dist/tet-components/{p-46975ec4.entry.js → p-17276f7a.entry.js} +1 -1
- package/dist/tet-components/{p-a093603e.entry.js → p-18fd9a9b.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-19c6a28c.js} +1 -1
- package/dist/tet-components/{p-0ffbeb2a.entry.js → p-1c3e8262.entry.js} +1 -1
- package/dist/tet-components/{p-76526271.entry.js → p-1cecb836.entry.js} +1 -1
- package/dist/tet-components/{p-8dad0d3e.entry.js → p-1e17776a.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-1e9db0cc.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-21acfb7d.js} +1 -1
- package/dist/tet-components/{p-32691e85.entry.js → p-23f007d1.entry.js} +1 -1
- package/dist/tet-components/{p-970336de.entry.js → p-26bb92cf.entry.js} +1 -1
- package/dist/tet-components/{p-c1b70e23.entry.js → p-2c384e28.entry.js} +1 -1
- package/dist/tet-components/{p-8a363e18.entry.js → p-3090ceaf.entry.js} +1 -1
- package/dist/tet-components/{p-09dd8219.entry.js → p-31395459.entry.js} +1 -1
- package/dist/tet-components/{p-7c7fb42f.entry.js → p-3939a5ce.entry.js} +1 -1
- package/dist/tet-components/{p-e0fc34c9.entry.js → p-3a2ababb.entry.js} +1 -1
- package/dist/tet-components/{p-1db8895a.entry.js → p-3eb50fd4.entry.js} +1 -1
- package/dist/tet-components/{p-c00fe3e7.entry.js → p-44a91cb5.entry.js} +1 -1
- package/dist/tet-components/{p-c10d5369.entry.js → p-46c0bb7a.entry.js} +1 -1
- package/dist/tet-components/{p-cde8057a.entry.js → p-48d13280.entry.js} +1 -1
- package/dist/tet-components/{p-c380ea54.entry.js → p-4dd78947.entry.js} +1 -1
- package/dist/tet-components/{p-7ffb8e4f.entry.js → p-4e5981ec.entry.js} +1 -1
- package/dist/tet-components/{p-8d2269b5.entry.js → p-51031414.entry.js} +1 -1
- package/dist/tet-components/{p-920c54d8.entry.js → p-5104fc99.entry.js} +1 -1
- package/dist/tet-components/{p-5391d594.entry.js → p-52301881.entry.js} +1 -1
- package/dist/tet-components/{p-c455736d.entry.js → p-544b367e.entry.js} +1 -1
- package/dist/tet-components/{p-c8c0f6d3.entry.js → p-5638b6da.entry.js} +1 -1
- package/dist/tet-components/{p-3fc6a020.entry.js → p-59a281e6.entry.js} +1 -1
- package/dist/tet-components/{p-0ebbf5ef.js → p-59ffdcd3.js} +1 -1
- package/dist/tet-components/{p-94322144.entry.js → p-5a159d09.entry.js} +1 -1
- package/dist/tet-components/{p-747e5e19.entry.js → p-5b398efa.entry.js} +1 -1
- package/dist/tet-components/{p-b7393577.entry.js → p-5beaf555.entry.js} +1 -1
- package/dist/tet-components/{p-8c0ac70a.entry.js → p-5c95f657.entry.js} +1 -1
- package/dist/tet-components/{p-28c54fff.entry.js → p-60b40369.entry.js} +1 -1
- package/dist/tet-components/{p-10e72480.entry.js → p-6235b259.entry.js} +1 -1
- package/dist/tet-components/{p-be3a10d0.entry.js → p-62d40cca.entry.js} +1 -1
- package/dist/tet-components/{p-d41a4ec0.entry.js → p-652d8821.entry.js} +1 -1
- package/dist/tet-components/{p-ab13d33d.entry.js → p-66889c36.entry.js} +1 -1
- package/dist/tet-components/{p-872bbccf.entry.js → p-69147f6a.entry.js} +1 -1
- package/dist/tet-components/{p-2a43ccef.entry.js → p-6c2146a3.entry.js} +1 -1
- package/dist/tet-components/{p-7d64d525.entry.js → p-6d3f9540.entry.js} +1 -1
- package/dist/tet-components/{p-1ddfaaa0.entry.js → p-75c10e63.entry.js} +1 -1
- package/dist/tet-components/p-7c868b40.js +2 -0
- package/dist/tet-components/{p-71018cb8.entry.js → p-7f302806.entry.js} +1 -1
- package/dist/tet-components/{p-bcca51cc.entry.js → p-8109113f.entry.js} +1 -1
- package/dist/tet-components/p-81456c37.js +1 -0
- package/dist/tet-components/{p-778c46a6.js → p-81586378.js} +1 -1
- package/dist/tet-components/{p-7056a120.entry.js → p-83a9957c.entry.js} +1 -1
- package/dist/tet-components/{p-b34e86ef.entry.js → p-886b6db2.entry.js} +1 -1
- package/dist/tet-components/{p-f16514db.entry.js → p-8a26190c.entry.js} +1 -1
- package/dist/tet-components/{p-62fbcab1.entry.js → p-8b5c6c0f.entry.js} +1 -1
- package/dist/tet-components/{p-ae8ff573.entry.js → p-8c71799f.entry.js} +1 -1
- package/dist/tet-components/{p-ed061701.entry.js → p-8ff5d57f.entry.js} +1 -1
- package/dist/tet-components/{p-32ece6e1.entry.js → p-926177ce.entry.js} +1 -1
- package/dist/tet-components/{p-20bb8b10.entry.js → p-9273644f.entry.js} +1 -1
- package/dist/tet-components/{p-eaaf3ccf.entry.js → p-9454be24.entry.js} +1 -1
- package/dist/tet-components/{p-c858f416.entry.js → p-9852c6ed.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-a0b08ff1.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-a193f723.entry.js} +1 -1
- package/dist/tet-components/{p-122f3d3c.entry.js → p-a31f3a9a.entry.js} +1 -1
- package/dist/tet-components/{p-2ee91947.entry.js → p-a541a98f.entry.js} +1 -1
- package/dist/tet-components/{p-f68450a4.entry.js → p-b40bff4c.entry.js} +1 -1
- package/dist/tet-components/{p-eaaaeafe.entry.js → p-bb9f2d7e.entry.js} +1 -1
- package/dist/tet-components/{p-c72c4c61.entry.js → p-bc54c063.entry.js} +1 -1
- package/dist/tet-components/{p-503fa549.entry.js → p-be319bd7.entry.js} +1 -1
- package/dist/tet-components/{p-a7b563a4.entry.js → p-c14a369f.entry.js} +1 -1
- package/dist/tet-components/{p-b87db05c.entry.js → p-c336a502.entry.js} +1 -1
- package/dist/tet-components/{p-1a05235c.entry.js → p-c3ed0a5c.entry.js} +1 -1
- package/dist/tet-components/{p-00e4bbed.entry.js → p-c5ade3c9.entry.js} +1 -1
- package/dist/tet-components/{p-3e3ecc08.entry.js → p-c5fdf41f.entry.js} +1 -1
- package/dist/tet-components/{p-b365e697.entry.js → p-c7e5e252.entry.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-c95500c7.entry.js} +1 -1
- package/dist/tet-components/{p-77eaa70d.entry.js → p-d01bc0e2.entry.js} +1 -1
- package/dist/tet-components/{p-f5d4d8c8.entry.js → p-d032a998.entry.js} +1 -1
- package/dist/tet-components/{p-a64e3e96.entry.js → p-d69f671b.entry.js} +1 -1
- package/dist/tet-components/{p-2f95b99f.entry.js → p-d8e0f044.entry.js} +1 -1
- package/dist/tet-components/{p-da0fc55d.entry.js → p-d9ba7a6e.entry.js} +1 -1
- package/dist/tet-components/{p-aa54c6ab.entry.js → p-dfce7d08.entry.js} +1 -1
- package/dist/tet-components/{p-a4bef9cf.entry.js → p-e4f3341d.entry.js} +1 -1
- package/dist/tet-components/{p-903c4587.entry.js → p-e615ce9c.entry.js} +1 -1
- package/dist/tet-components/{p-e481116c.entry.js → p-e6c1a083.entry.js} +1 -1
- package/dist/tet-components/{p-13b8d342.entry.js → p-eaefbd67.entry.js} +1 -1
- package/dist/tet-components/{p-aff47d36.entry.js → p-ed471ab0.entry.js} +1 -1
- package/dist/tet-components/{p-39796998.entry.js → p-f080b1a0.entry.js} +1 -1
- package/dist/tet-components/{p-9cb7ecf6.entry.js → p-f6a284f4.entry.js} +1 -1
- package/dist/tet-components/{p-e9883cd3.entry.js → p-f7f3a146.entry.js} +1 -1
- package/dist/tet-components/{p-a8051a99.js → p-f9e5405c.js} +1 -1
- package/dist/tet-components/{p-a5bbadd5.entry.js → p-fa101e62.entry.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-fa69d1cf.entry.js} +1 -1
- package/dist/tet-components/{p-2328b1d4.entry.js → p-fce06601.entry.js} +1 -1
- package/dist/tet-components/{p-7a3c1254.entry.js → p-fedf8a46.entry.js} +1 -1
- package/dist/tet-components/{p-d6aa828a.entry.js → p-ff9c35bb.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-83f43fdd.js +0 -2
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t}from"./p-7c868b40.js";import{c as e}from"./p-21acfb7d.js";var o;!function(t){t.LIGHT="light",t.DARK="dark"}(o||(o={}));const a="tet-components-theme",r=t=>Object.values(o).some((e=>e===t)),{state:c,onChange:n}=e({theme:(()=>{const t=localStorage.getItem(a);return r(t)?t:o.LIGHT})()});n("theme",(t=>{const e=t.toString();if(!r(e))throw new Error(`Invalid theme: "${e}"`);localStorage.setItem(a,e)}));const s=t=>`theme-${t}`,m=({theme:e},o)=>t("div",{class:{[s(e||c.theme)]:!0}},o);export{o as T,m as a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e,A as o}from"./p-
|
|
1
|
+
import{e,A as o}from"./p-59ffdcd3.js";const r=r=>{let t;try{t=new URL(e.productComparison).href}catch(e){return console.error(e),Promise.reject("SAC product comparison endpoint URL generation failed.")}return(new o).setUrl(t+"?products="+r).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()};export{r as p}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,g as e,h as t,H as r}from"./p-
|
|
1
|
+
import{r as a,g as e,h as t,H as r}from"./p-7c868b40.js";import{f as c}from"./p-25c9957d.js";import"./p-59ffdcd3.js";import{p as i}from"./p-81586378.js";import{C as s}from"./p-c9cdf98c.js";import"./p-6e631dc7.js";const d=class{constructor(e){a(this,e),this.data=void 0,this.forceColumn=!1,this.layout="default",this.theme="light",this.darkMode=!1,this.isNetflixCard=!1,this.darkHeader=!1,this.withProductFilters=!1,this.productDataLoaded=!1,this.showLoader=!0,this.productSACData=void 0,this.filteredProductCodes=[]}get element(){return e(this)}compareCardsFiltersHelper;async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,e){return void 0!==a?.compareCards?a.compareCards.forEach((a=>{void 0===a.productCode||e.includes(a.productCode)||e.push(a.productCode)})):void 0!==a?.tabs&&a.tabs.forEach((a=>{void 0!==a.compareCards?e=this.addProductCodes(a,e):void 0!==a.tabList&&(e=this.addProductCodes(a.tabList,e))})),e}getProductData(a){this.productDataLoaded=!1,i(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new s(((a,e,t)=>{this.filteredProductCodes=t})),this.compareCardsFiltersHelper.initialize(this.productSACData)}handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds};renderLoader=()=>t("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>t("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem",darkTheme:this.darkMode}))));renderTabHeader(a,e){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==a?.tabs&&void 0!==a?.tabHeader)return a.tabs.map((e=>{""!==e?.title&&void 0!==e?.title&&1===a.tabs.length&&(e.disabled=!0)})),t("div",{class:"tet-compare-cards-tab__header-container"},t("tet-tab-header",{theme:this.darkHeader||this.darkMode?"dark":"light",position:a.tabHeader.position,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>t("button",{"data-name":`tab-${e}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?t("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText}):"",a.title,a.image&&a.imagePositionRight?t("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText}):"")))))}renderContent(a,e){return void 0!==a.compareCards?t("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):t("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>t("div",{"data-name":`tab-${e}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,e+1):"",void 0!==a.tabList?this.renderContent(a.tabList,e+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderProductFilters=()=>t("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"});renderCompareCards(a,e="",r=""){let i=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(i=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let s=[];return i.forEach((a=>{if(void 0!==a.productCode){const e=a.productCode,t=this.productSACData.products[e];t&&(a=c(a,e,t,this.theme,this.darkMode,this.isNetflixCard))}s.push(a)})),t("div",{class:"tet-compare-cards-tab__content"},t("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":e??!1,"card-script":r??!1,data:s}))}render(){return t(r,{key:"bf2d026a0e74585254e590a71302a501763e0123"},t("div",{key:"e47f3487791b5e0aabcf1872f6f3e46dcf3dd5e7",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),t("div",{key:"f20c8e061a02dd0bead38bdf50d65b31a991a91a",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}static get watchers(){return{showLoader:["onDataChange"]}}};d.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:1.5rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{d as tet_compare_cards_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as n}from"./p-
|
|
1
|
+
import{r as o,h as t,H as n}from"./p-7c868b40.js";const e=class{constructor(t){o(this,t),this.contactBlocks=[]}renderValueBlock(o){return t("div",{class:"contact-info-card-block"},t("span",{class:"contact-info-card-block-label",innerHTML:o.label}),t("span",{class:"contact-info-card-block-value",innerHTML:o.value}))}render(){return t(n,{key:"c4edf96e31755a8507b5321598f0067d75e84994"},t("div",{key:"4857de94fae7550d0dd12583edca85f4ae184518",class:"contact-info"},t("div",{key:"31636e15733dc3ca00bfedfe68ad7dae5382f605",class:"contact-info-card"},this.contactBlocks.map(this.renderValueBlock.bind(this)))))}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--contact-info-padding:1.5rem 1rem;--contact-info-label-bottom-margin:0;--contact-info-individual-block-margin:0 0.5rem;--contact-info-individual-block-width-offset:1rem;--contact-info-label-color:rgb(67, 75, 86);--contact-info-value-color:rgb(10, 11, 13);--contact-info-box-shadow:0 0 0.0625rem rgba(10, 11, 13, .08), 0 0.1875rem 0.25rem rgba(10, 11, 13, .12);--contact-info-border-radius:1rem;--contact-info-row-gap:1.1875rem;--contact-info-max-width:39.5rem;display:block;width:100%;max-width:var(--contact-info-max-width)}.contact-info{display:flex;flex-direction:column}.contact-info-card{display:flex;flex-direction:column;padding:var(--contact-info-padding);row-gap:var(--contact-info-row-gap);box-shadow:var(--contact-info-box-shadow);border-radius:var(--contact-info-border-radius)}@media only screen and (min-width: 34rem){.contact-info-card{flex-direction:row;flex-wrap:wrap}}.contact-info-card-block{flex:0 1 calc(50% - var(--contact-info-individual-block-width-offset));margin:var(--contact-info-individual-block-margin);display:flex;flex-direction:column}.contact-info-card-block-label{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--contact-info-label-color);letter-spacing:-0.005625rem;margin-bottom:var(--contact-info-label-bottom-margin)}.contact-info-card-block-value{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--contact-info-value-color);letter-spacing:-0.01125rem}';export{e as tet_contact_info}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as t,r as o,c as i,f as e,h as a,H as n}from"./p-83f43fdd.js";import{T as r,a as s}from"./p-f81d95ae.js";import{e as c}from"./p-0ebbf5ef.js";import{A as l}from"./p-0c6b6730.js";import{p as m,t as f}from"./p-a8051a99.js";import"./p-d8518d4b.js";import"./p-9a2b6ee2.js";const d={testing:{baseUrl:"https://tst-pieteikties.tet.lv"},staging:{baseUrl:"https://uat-pieteikties.tet.lv"},production:{baseUrl:"https://pieteikties.tet.lv"}}[t.environment]??{},h={testing:{baseUrl:"https://mans-pretest.tet.lv/mytet"},staging:{baseUrl:"https://mans-accept.tet.lv/mytet"},production:{baseUrl:"https://mans.tet.lv/mytet"}}[t.environment]??{},g=class{constructor(t){o(this,t),this.selectedMacdOrderType=i(this,"selectedMacdOrderType",7),this.openCommunication=i(this,"openCommunication",7),this.errorLoading=i(this,"errorLoading",7),this.communicationDialogResponse=i(this,"communicationDialogResponse",7),this.language="lv",this.theme=r.LIGHT,this.showErrorNotification=!1,this.showLoader=!0,this.loaderHeight="17.8125rem",this.accessToken=void 0,this.eventsOnly=!1,this.hideUnavailable=!1,this.assetId=void 0,this.accountNumber=void 0,this.macdOrderTypes=[],this.ignoredMacdOrderTypes=[],this.suspendFn=void 0,this.changeOfPlanFn=void 0,this.promotionChangeFn=void 0,this.ceaseFn=void 0,this.modifyFn=void 0}modalDialogEl;modalTitle;modalContent;communicationRedirectUrl;currentMacdOrderTypes=[];onLanguageChange(t){m("macd",t).then((()=>e(this)))}async setAccessToken(t){t?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}setMacdOrderTypes(t){Array.isArray(t)&&t.length>0&&(this.currentMacdOrderTypes=[...t])}selectedMacdOrderType;openCommunication;errorLoading;communicationDialogResponse;async componentWillLoad(){m("macd",this.language).then((()=>e(this))),this.hasMacdOrderTypes(this.macdOrderTypes)&&(this.currentMacdOrderTypes=[...this.macdOrderTypes],this.showLoader=!1)}async componentDidLoad(){this.accessToken?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}hasMacdOrderTypes(t){const o=t??this.currentMacdOrderTypes;return Array.isArray(o)&&o.length>0}async loadMacdOrderTypes(){try{this.showErrorNotification=!1;const t=await(t=>{let o;try{o=new URL(c.macdOrderTypes).href}catch(t){return console.error(t),Promise.reject("Macd Order Type endpoint URL generation failed.")}return(new l).setUrl(o).setOptions({method:"POST",headers:{Authorization:t,Accept:"application/json","Content-Type":"application/json"}}).execute()})(this.accessToken);t.assetId&&(this.assetId=t.assetId),t.accountNumber&&(this.accountNumber=t.accountNumber),Array.isArray(t.macdOrderTypes)&&(this.currentMacdOrderTypes=[...t.macdOrderTypes])}catch(t){this.errorLoading.emit(t.message),this.showErrorNotification=!0}this.showLoader=!1}getVisibleMacdOrderTypes(){let t=this.currentMacdOrderTypes.filter((({code:t})=>!this.ignoredMacdOrderTypes.includes(t)));return this.hideUnavailable&&(t=t.filter((({availability:t})=>t.status))),t}onMacdOrderTypeClick(t){if(!t.availability.status)return;let o,i;if(t.availability.redirectUrl)o=t.availability.redirectUrl;else{const i=new URLSearchParams({lang:this.language,assetId:this.assetId,macdOrderType:t.code});o=new URL("?"+i.toString(),d.baseUrl).href,["suspend","modify"].includes(t.code)&&(o=new URL(`/mytet/services/v2/change/${t.code}/${this.assetId}`,h.baseUrl).href)}switch(this.selectedMacdOrderType.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber,redirectUrl:o}),t.code){case"suspend":i=this.suspendFn;break;case"change-of-plan":i=this.changeOfPlanFn;break;case"promotion-change":i=this.promotionChangeFn;break;case"cease":i=this.ceaseFn;break;case"modify":i=this.modifyFn}i?i(o):this.eventsOnly||window.location.assign(o)}onCommunicationCTAClick(t){this.modalTitle=t.availability.reason[0].title,this.modalContent=t.availability.reason[0].description,this.communicationRedirectUrl=new URL(`/mytet/communication/ask-question/?topic=${t.availability.contactFormSubjectCode}`,h.baseUrl).href,e(this),this.modalDialogEl.open(),this.openCommunication.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber})}renderMacdOrderTypesList(){return this.hasMacdOrderTypes.bind(this)&&a("ul",{class:"macd-list"},this.getVisibleMacdOrderTypes().map(this.renderMacdOrderTypeListItem.bind(this)))}renderMacdOrderTypeListItem(t){const o={"macd-list-item-icon-wrapper":!0,multiple:!t.availability.status};return a("li",{class:"macd-list-item",onClick:()=>t.availability.status?this.onMacdOrderTypeClick(t):this.onCommunicationCTAClick(t)},a("span",{class:"macd-list-item-name"},f(t.name)),a("div",{class:o},t.availability.status?null:this.renderCommunicationCTA(),this.renderActionButton()))}renderActionButton(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon action",name:this.theme===r.DARK?"arrow-right":"chevron-right"})}renderCommunicationCTA(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon cta",name:"attention"})}renderLoader(){return a("tet-placeholder",{class:"placeholder",height:this.loaderHeight})}renderDialog(){const t=(this.modalTitle&&this.modalTitle.length>0&&f(this.modalTitle))??void 0,o=(this.modalContent&&this.modalContent.length>0&&f(this.modalContent))??void 0,i=()=>{const t=(this.communicationRedirectUrl&&this.communicationRedirectUrl.length>0&&f(this.communicationRedirectUrl))??void 0;this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"redirect-to-communication",communicationRedirectUrl:this.communicationRedirectUrl}),this.eventsOnly||window.location.assign(t)},e=()=>{this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"cancel"})};return a("tet-dialog",{headerTitle:t,footerDisplay:"right",onCloseDialog:()=>e(),ref:t=>this.modalDialogEl=t,theme:this.theme},a("div",{innerHTML:o}),a("tet-button",{slot:"footer",size:"medium",type:"secondary",onClick:()=>e(),theme:this.theme},f("macd-cancel")),a("tet-button",{slot:"footer",size:"medium",onClick:()=>i(),theme:this.theme},f("macd-to-communication")))}renderErrorNotification(){const t="light"===this.theme?"classic":"dark";return a("tet-notification",{class:"macd-error-notification",content:f("macd-error-loading"),type:"warning",icon:"attention",theme:t})}render(){const t=this.showErrorNotification?this.renderErrorNotification():this.renderMacdOrderTypesList(),o=this.showLoader?this.renderLoader():t;return a(n,{key:"14a900bd1e5e75cb47673e3d51b4e60f7f80d8f2"},a("div",{key:"3916c7ce06cfcc8f98655d200131c582b9b38884",class:"wrapper"},a(s,{key:"6bdc365fce9fbb7f54b0a217ec215485c47bf9dd",theme:this.theme},o,this.renderDialog())))}static get watchers(){return{language:["onLanguageChange"],accessToken:["setAccessToken"],macdOrderTypes:["setMacdOrderTypes"]}}};g.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--macd-list-font-family:var(--text-font);--macd-list-radius:1rem;--macd-list-padding:0;--macd-list-margin:0;--macd-list-background:rgb(255, 255, 255);--macd-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-list-item-background:rgb(255, 255, 255);--macd-list-item-padding:1rem 1.5rem;--macd-list-item-border:.0625rem solid rgb(215, 219, 224);--macd-list-item-name-text-color:rgb(10, 11, 13);--macd-list-item-icon-color:var(--color-grey-50);--macd-list-item-icon-size:1.5rem;--macd-list-item-icon-spacing:.5rem;--macd-list-communication-icon-color:rgb(255, 182, 26);--macd-notification-warning-background-color:rgb(252, 244, 227);--macd-notification-warning-icon-color:rgb(255, 182, 26);--macd-notification-warning-border-left-color:rgb(251, 231, 187);--macd-notification-title-color:rgb(67, 75, 86);--macd-dark-list-background:rgb(10, 11, 13);--macd-dark-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-dark-list-communication-icon-color:rgb(255, 182, 26);--macd-dark-list-font-family:var(--text-font);--macd-dark-list-item-background:rgb(10, 11, 13);--macd-dark-list-item-border:.03125rem solid rgb(67, 75, 86);--macd-dark-list-item-icon-color:rgb(31, 208, 214);--macd-dark-list-item-icon-size:1.5rem;--macd-dark-list-item-icon-spacing:.5rem;--macd-dark-list-item-name-text-color:rgb(255, 255, 255);--macd-dark-list-item-padding:1rem 0;--macd-dark-list-margin:0;--macd-dark-list-padding:0 1rem;--macd-dark-list-radius:.5rem;--macd-dark-notification-title-color:rgb(215, 219, 224);--macd-dark-notification-warning-background-color:rgb(35, 40, 46);--macd-dark-notification-warning-border-left-color:rgba(255, 190, 51, 0.3);--macd-dark-notification-warning-icon-color:rgb(255, 182, 26);--macd-placeholder-primary-background-color:#01050C;--macd-placeholder-secondary-background-color:#12171E;display:block;width:100%;max-width:39.5rem}.wrapper{width:100%}.wrapper .placeholder{--placeholder-animation-speed:10s}.wrapper .theme-dark{--macd-list-background:var(--macd-dark-list-background);--macd-list-box-shadow:var(--macd-dark-list-box-shadow);--macd-list-communication-icon-color:var(--macd-dark-list-communication-icon-color);--macd-list-font-family:var(--macd-dark-list-font-family);--macd-list-item-background:var(--macd-dark-list-item-background);--macd-list-item-border:var(--macd-dark-list-item-border);--macd-list-item-icon-color:var(--macd-dark-list-item-icon-color);--macd-list-item-icon-size:var(--macd-dark-list-item-icon-size);--macd-list-item-icon-spacing:var(--macd-dark-list-item-icon-spacing);--macd-list-item-name-text-color:var(--macd-dark-list-item-name-text-color);--macd-list-item-padding:var(--macd-dark-list-item-padding);--macd-list-margin:var(--macd-dark-list-margin);--macd-list-padding:var(--macd-dark-list-padding);--macd-list-radius:var(--macd-dark-list-radius);--macd-notification-title-color:var(--macd-dark-notification-title-color);--macd-notification-warning-background-color:var(--macd-dark-notification-warning-background-color);--macd-notification-warning-border-left-color:var(--macd-dark-notification-warning-border-left-color);--macd-notification-warning-icon-color:var(--macd-dark-notification-warning-icon-color)}.wrapper .theme-dark .placeholder{--placeholder-primary-background-color:var(--macd-placeholder-primary-background-color);--placeholder-secondary-background-color:var(--macd-placeholder-secondary-background-color)}.macd-error-notification{--notification-warning-background-color:var(--macd-notification-warning-background-color);--notification-warning-icon-color:var(--macd-notification-warning-icon-color);--notification-warning-border-left-color:var(--macd-notification-warning-border-left-color);--notification-title-color:var(--macd-notification-title-color)}.macd-list{padding:var(--macd-list-padding);margin:var(--macd-list-margin);box-shadow:var(--macd-list-box-shadow);background:var(--macd-list-background);border-radius:var(--macd-list-radius)}.macd-list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:3.5625rem;padding:var(--macd-list-item-padding);cursor:pointer;font-style:normal}.macd-list-item+.macd-list-item{border-top:var(--macd-list-item-border)}.macd-list-item-name{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--macd-list-item-name-text-color);font-family:var(--macd-list-font-family);line-height:1.5rem;letter-spacing:-0.01125rem}.macd-list-item-icon-wrapper.multiple{min-width:calc(var(--macd-list-item-icon-size) * 2 + var(--macd-list-item-icon-spacing))}.macd-list-item-icon-wrapper-icon{--icon-size:var(--macd-list-item-icon-size)}.macd-list-item-icon-wrapper-icon.cta{--icon-color:var(--macd-list-communication-icon-color)}.macd-list-item-icon-wrapper-icon.cta+.action{margin-left:var(--macd-list-item-icon-spacing)}.macd-list-item-icon-wrapper-icon.action{--icon-color:var(--macd-list-item-icon-color)}';export{g as tet_macd_view}
|
|
1
|
+
import{E as t,r as o,c as i,f as e,h as a,H as n}from"./p-7c868b40.js";import{T as r,a as s}from"./p-81456c37.js";import{e as c}from"./p-59ffdcd3.js";import{A as l}from"./p-0255120e.js";import{p as m,t as f}from"./p-f9e5405c.js";import"./p-21acfb7d.js";import"./p-9a2b6ee2.js";const d={testing:{baseUrl:"https://tst-pieteikties.tet.lv"},staging:{baseUrl:"https://uat-pieteikties.tet.lv"},production:{baseUrl:"https://pieteikties.tet.lv"}}[t.environment]??{},h={testing:{baseUrl:"https://mans-pretest.tet.lv/mytet"},staging:{baseUrl:"https://mans-accept.tet.lv/mytet"},production:{baseUrl:"https://mans.tet.lv/mytet"}}[t.environment]??{},g=class{constructor(t){o(this,t),this.selectedMacdOrderType=i(this,"selectedMacdOrderType",7),this.openCommunication=i(this,"openCommunication",7),this.errorLoading=i(this,"errorLoading",7),this.communicationDialogResponse=i(this,"communicationDialogResponse",7),this.language="lv",this.theme=r.LIGHT,this.showErrorNotification=!1,this.showLoader=!0,this.loaderHeight="17.8125rem",this.accessToken=void 0,this.eventsOnly=!1,this.hideUnavailable=!1,this.assetId=void 0,this.accountNumber=void 0,this.macdOrderTypes=[],this.ignoredMacdOrderTypes=[],this.suspendFn=void 0,this.changeOfPlanFn=void 0,this.promotionChangeFn=void 0,this.ceaseFn=void 0,this.modifyFn=void 0}modalDialogEl;modalTitle;modalContent;communicationRedirectUrl;currentMacdOrderTypes=[];onLanguageChange(t){m("macd",t).then((()=>e(this)))}async setAccessToken(t){t?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}setMacdOrderTypes(t){Array.isArray(t)&&t.length>0&&(this.currentMacdOrderTypes=[...t])}selectedMacdOrderType;openCommunication;errorLoading;communicationDialogResponse;async componentWillLoad(){m("macd",this.language).then((()=>e(this))),this.hasMacdOrderTypes(this.macdOrderTypes)&&(this.currentMacdOrderTypes=[...this.macdOrderTypes],this.showLoader=!1)}async componentDidLoad(){this.accessToken?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}hasMacdOrderTypes(t){const o=t??this.currentMacdOrderTypes;return Array.isArray(o)&&o.length>0}async loadMacdOrderTypes(){try{this.showErrorNotification=!1;const t=await(t=>{let o;try{o=new URL(c.macdOrderTypes).href}catch(t){return console.error(t),Promise.reject("Macd Order Type endpoint URL generation failed.")}return(new l).setUrl(o).setOptions({method:"POST",headers:{Authorization:t,Accept:"application/json","Content-Type":"application/json"}}).execute()})(this.accessToken);t.assetId&&(this.assetId=t.assetId),t.accountNumber&&(this.accountNumber=t.accountNumber),Array.isArray(t.macdOrderTypes)&&(this.currentMacdOrderTypes=[...t.macdOrderTypes])}catch(t){this.errorLoading.emit(t.message),this.showErrorNotification=!0}this.showLoader=!1}getVisibleMacdOrderTypes(){let t=this.currentMacdOrderTypes.filter((({code:t})=>!this.ignoredMacdOrderTypes.includes(t)));return this.hideUnavailable&&(t=t.filter((({availability:t})=>t.status))),t}onMacdOrderTypeClick(t){if(!t.availability.status)return;let o,i;if(t.availability.redirectUrl)o=t.availability.redirectUrl;else{const i=new URLSearchParams({lang:this.language,assetId:this.assetId,macdOrderType:t.code});o=new URL("?"+i.toString(),d.baseUrl).href,["suspend","modify"].includes(t.code)&&(o=new URL(`/mytet/services/v2/change/${t.code}/${this.assetId}`,h.baseUrl).href)}switch(this.selectedMacdOrderType.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber,redirectUrl:o}),t.code){case"suspend":i=this.suspendFn;break;case"change-of-plan":i=this.changeOfPlanFn;break;case"promotion-change":i=this.promotionChangeFn;break;case"cease":i=this.ceaseFn;break;case"modify":i=this.modifyFn}i?i(o):this.eventsOnly||window.location.assign(o)}onCommunicationCTAClick(t){this.modalTitle=t.availability.reason[0].title,this.modalContent=t.availability.reason[0].description,this.communicationRedirectUrl=new URL(`/mytet/communication/ask-question/?topic=${t.availability.contactFormSubjectCode}`,h.baseUrl).href,e(this),this.modalDialogEl.open(),this.openCommunication.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber})}renderMacdOrderTypesList(){return this.hasMacdOrderTypes.bind(this)&&a("ul",{class:"macd-list"},this.getVisibleMacdOrderTypes().map(this.renderMacdOrderTypeListItem.bind(this)))}renderMacdOrderTypeListItem(t){const o={"macd-list-item-icon-wrapper":!0,multiple:!t.availability.status};return a("li",{class:"macd-list-item",onClick:()=>t.availability.status?this.onMacdOrderTypeClick(t):this.onCommunicationCTAClick(t)},a("span",{class:"macd-list-item-name"},f(t.name)),a("div",{class:o},t.availability.status?null:this.renderCommunicationCTA(),this.renderActionButton()))}renderActionButton(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon action",name:this.theme===r.DARK?"arrow-right":"chevron-right"})}renderCommunicationCTA(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon cta",name:"attention"})}renderLoader(){return a("tet-placeholder",{class:"placeholder",height:this.loaderHeight})}renderDialog(){const t=(this.modalTitle&&this.modalTitle.length>0&&f(this.modalTitle))??void 0,o=(this.modalContent&&this.modalContent.length>0&&f(this.modalContent))??void 0,i=()=>{const t=(this.communicationRedirectUrl&&this.communicationRedirectUrl.length>0&&f(this.communicationRedirectUrl))??void 0;this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"redirect-to-communication",communicationRedirectUrl:this.communicationRedirectUrl}),this.eventsOnly||window.location.assign(t)},e=()=>{this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"cancel"})};return a("tet-dialog",{headerTitle:t,footerDisplay:"right",onCloseDialog:()=>e(),ref:t=>this.modalDialogEl=t,theme:this.theme},a("div",{innerHTML:o}),a("tet-button",{slot:"footer",size:"medium",type:"secondary",onClick:()=>e(),theme:this.theme},f("macd-cancel")),a("tet-button",{slot:"footer",size:"medium",onClick:()=>i(),theme:this.theme},f("macd-to-communication")))}renderErrorNotification(){const t="light"===this.theme?"classic":"dark";return a("tet-notification",{class:"macd-error-notification",content:f("macd-error-loading"),type:"warning",icon:"attention",theme:t})}render(){const t=this.showErrorNotification?this.renderErrorNotification():this.renderMacdOrderTypesList(),o=this.showLoader?this.renderLoader():t;return a(n,{key:"14a900bd1e5e75cb47673e3d51b4e60f7f80d8f2"},a("div",{key:"3916c7ce06cfcc8f98655d200131c582b9b38884",class:"wrapper"},a(s,{key:"6bdc365fce9fbb7f54b0a217ec215485c47bf9dd",theme:this.theme},o,this.renderDialog())))}static get watchers(){return{language:["onLanguageChange"],accessToken:["setAccessToken"],macdOrderTypes:["setMacdOrderTypes"]}}};g.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--macd-list-font-family:var(--text-font);--macd-list-radius:1rem;--macd-list-padding:0;--macd-list-margin:0;--macd-list-background:rgb(255, 255, 255);--macd-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-list-item-background:rgb(255, 255, 255);--macd-list-item-padding:1rem 1.5rem;--macd-list-item-border:.0625rem solid rgb(215, 219, 224);--macd-list-item-name-text-color:rgb(10, 11, 13);--macd-list-item-icon-color:var(--color-grey-50);--macd-list-item-icon-size:1.5rem;--macd-list-item-icon-spacing:.5rem;--macd-list-communication-icon-color:rgb(255, 182, 26);--macd-notification-warning-background-color:rgb(252, 244, 227);--macd-notification-warning-icon-color:rgb(255, 182, 26);--macd-notification-warning-border-left-color:rgb(251, 231, 187);--macd-notification-title-color:rgb(67, 75, 86);--macd-dark-list-background:rgb(10, 11, 13);--macd-dark-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-dark-list-communication-icon-color:rgb(255, 182, 26);--macd-dark-list-font-family:var(--text-font);--macd-dark-list-item-background:rgb(10, 11, 13);--macd-dark-list-item-border:.03125rem solid rgb(67, 75, 86);--macd-dark-list-item-icon-color:rgb(31, 208, 214);--macd-dark-list-item-icon-size:1.5rem;--macd-dark-list-item-icon-spacing:.5rem;--macd-dark-list-item-name-text-color:rgb(255, 255, 255);--macd-dark-list-item-padding:1rem 0;--macd-dark-list-margin:0;--macd-dark-list-padding:0 1rem;--macd-dark-list-radius:.5rem;--macd-dark-notification-title-color:rgb(215, 219, 224);--macd-dark-notification-warning-background-color:rgb(35, 40, 46);--macd-dark-notification-warning-border-left-color:rgba(255, 190, 51, 0.3);--macd-dark-notification-warning-icon-color:rgb(255, 182, 26);--macd-placeholder-primary-background-color:#01050C;--macd-placeholder-secondary-background-color:#12171E;display:block;width:100%;max-width:39.5rem}.wrapper{width:100%}.wrapper .placeholder{--placeholder-animation-speed:10s}.wrapper .theme-dark{--macd-list-background:var(--macd-dark-list-background);--macd-list-box-shadow:var(--macd-dark-list-box-shadow);--macd-list-communication-icon-color:var(--macd-dark-list-communication-icon-color);--macd-list-font-family:var(--macd-dark-list-font-family);--macd-list-item-background:var(--macd-dark-list-item-background);--macd-list-item-border:var(--macd-dark-list-item-border);--macd-list-item-icon-color:var(--macd-dark-list-item-icon-color);--macd-list-item-icon-size:var(--macd-dark-list-item-icon-size);--macd-list-item-icon-spacing:var(--macd-dark-list-item-icon-spacing);--macd-list-item-name-text-color:var(--macd-dark-list-item-name-text-color);--macd-list-item-padding:var(--macd-dark-list-item-padding);--macd-list-margin:var(--macd-dark-list-margin);--macd-list-padding:var(--macd-dark-list-padding);--macd-list-radius:var(--macd-dark-list-radius);--macd-notification-title-color:var(--macd-dark-notification-title-color);--macd-notification-warning-background-color:var(--macd-dark-notification-warning-background-color);--macd-notification-warning-border-left-color:var(--macd-dark-notification-warning-border-left-color);--macd-notification-warning-icon-color:var(--macd-dark-notification-warning-icon-color)}.wrapper .theme-dark .placeholder{--placeholder-primary-background-color:var(--macd-placeholder-primary-background-color);--placeholder-secondary-background-color:var(--macd-placeholder-secondary-background-color)}.macd-error-notification{--notification-warning-background-color:var(--macd-notification-warning-background-color);--notification-warning-icon-color:var(--macd-notification-warning-icon-color);--notification-warning-border-left-color:var(--macd-notification-warning-border-left-color);--notification-title-color:var(--macd-notification-title-color)}.macd-list{padding:var(--macd-list-padding);margin:var(--macd-list-margin);box-shadow:var(--macd-list-box-shadow);background:var(--macd-list-background);border-radius:var(--macd-list-radius)}.macd-list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:3.5625rem;padding:var(--macd-list-item-padding);cursor:pointer;font-style:normal}.macd-list-item+.macd-list-item{border-top:var(--macd-list-item-border)}.macd-list-item-name{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--macd-list-item-name-text-color);font-family:var(--macd-list-font-family);line-height:1.5rem;letter-spacing:-0.01125rem}.macd-list-item-icon-wrapper.multiple{min-width:calc(var(--macd-list-item-icon-size) * 2 + var(--macd-list-item-icon-spacing))}.macd-list-item-icon-wrapper-icon{--icon-size:var(--macd-list-item-icon-size)}.macd-list-item-icon-wrapper-icon.cta{--icon-color:var(--macd-list-communication-icon-color)}.macd-list-item-icon-wrapper-icon.cta+.action{margin-left:var(--macd-list-item-icon-spacing)}.macd-list-item-icon-wrapper-icon.action{--icon-color:var(--macd-list-item-icon-color)}';export{g as tet_macd_view}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as f,H as s}from"./p-
|
|
1
|
+
import{r as t,c as o,h as f,H as s}from"./p-7c868b40.js";import{n as a}from"./p-58434b0c.js";var e;!function(t){t.Close="close",t.ChevronDown="chevron-down"}(e||(e={}));const i=class{constructor(f){t(this,f),this.optionSelected=o(this,"optionSelected",7),this.inputValueCleared=o(this,"inputValueCleared",7),this.inputValueChanged=o(this,"inputValueChanged",7),this.options=[],this.defaultOption=void 0,this.noOptionsMessage=void 0,this.placeholder="",this.label="",this.theme="classic",this.hasError=!1,this.errorMessage="",this.inputValue=""}autocomplete;nativeInput;inputComponent;optionSelected;inputValueCleared;inputValueChanged;async clearInput(t=!1){await this.autocomplete.clear(t)}async focusOnNativeInput(){await this.autocomplete.focusOnNativeInput()}async componentDidLoad(){this.nativeInput=await this.inputComponent.getInputHtmlElement(),this.nativeInput?.addEventListener("input",this.nativeInputCallback),this.defaultOption&&await this.autocomplete.selectOption(this.defaultOption)}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.nativeInputCallback)}nativeInputCallback=({target:t})=>{const o=t.value;o&&(this.inputValue=a(o),this.inputValueChanged.emit(o))};get rightIconName(){return this.inputValue.length?e.Close:e.ChevronDown}iconRightClickCallback=async()=>{this.rightIconName!==e.ChevronDown&&(await this.autocomplete.clear(),this.inputValueCleared.emit())};autocompleteClearInputCallback=()=>{this.inputValue="",this.inputValueCleared.emit()};handleAutocompleteOptionSelection=({detail:t})=>{this.inputValue=t.label,this.optionSelected.emit(t)};optionsFilterAction=t=>this.options.filter((({label:o})=>o.toLowerCase().includes(a(t))));render(){return f(s,{key:"2d5f404b9f9aab5962bfd8d9bd12d23a0d59cbe0"},f("tet-autocomplete",{key:"1fdd54fd2808c5b484eade99ddfa8453b92bbc43",newStyle:!0,defaultOptions:this.options,showOptionsOnEscapeClear:!0,noOptionsMessage:this.noOptionsMessage,optionsFilterAction:this.optionsFilterAction,clearCallback:this.autocompleteClearInputCallback,onOptionSelected:this.handleAutocompleteOptionSelection,ref:t=>this.autocomplete=t,darkTheme:"dark"===this.theme},f("tet-input",{key:"e5681c2c075a505627213bfe61b369e9e7ab7bf6",class:"input",label:this.label,error:this.hasError,"icon-right":this.rightIconName,"input-class":"autocomplete-input","input-placeholder":this.placeholder,ref:t=>this.inputComponent=t,iconRightClickCallback:this.iconRightClickCallback,theme:this.theme})),this.hasError&&this.errorMessage&&f("p",{key:"80654d97211649a7b5c7082de0cf9fed91a0a72b",class:"error-message"},this.errorMessage))}};i.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{display:block}.input{--input-icon-size:1.25rem;--input-icon-top-position:0.625rem;--input-border-radius:0.625rem;--input-padding:0.5rem 0.5rem 0.5rem 0.75rem}.error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem;color:rgb(233, 69, 54)}';export{i as tet_autocomplete_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as o,f as t,h as r,H as n}from"./p-83f43fdd.js";import{p as a,t as i}from"./p-a8051a99.js";import"./p-9a2b6ee2.js";import"./p-0ebbf5ef.js";const c=class{constructor(t){e(this,t),this.feedbackSubmitted=o(this,"feedbackSubmitted",7),this.theme="light",this.language="lv",this.data=void 0,this.expanded=!1,this.formError=!1,this.characterCount=0,this.submissionData={helpful:!0,options:{},comment:""},this.submitted=!1}feedbackSubmitted;onLanguageChange(e){a("tet-components",e).then((()=>t(this)))}async componentWillLoad(){await a("tet-components",this.language),t(this)}accordionRef;textareaRef;checkboxRefs=new Map;getDefaultValues(){return{label:i("components-feedback-form-label"),labelTag:"h2",okButtonLabel:i("components-button-label-yes"),okButtonIconName:"tc-check",nokButtonLabel:i("components-button-label-no"),nokButtonIconName:"tc-close",formTitle:i("components-feedback-form-title"),formDescription:i("components-feedback-form-description"),checkboxOptions:[],showTextarea:!0,textareaLabel:i("components-feedback-form-textarea-label"),textareaPlaceholder:i("components-feedback-form-textarea-placeholder"),textareaMaxLength:500,footerText:i("components-feedback-form-footer-text"),footerIconName:"tc-bubbles",submitButtonLabel:i("components-feedback-form-submit-button-label"),submitButtonIconName:"tc-arrow-right",thankYouIconName:"tc-check-circle",thankYouTitle:i("components-feedback-form-thank-you-title"),thankYouDescription:i("components-feedback-form-thank-you-description")}}get mergedData(){return{...this.getDefaultValues(),...this.data}}toggleAccordion(){this.accordionRef&&(this.accordionRef.toggle(),this.formError&&this.setFormError(!1))}onListItemClick(e,o){const t=!!e.detail.checked;if(this.formError&&this.setFormError(!1),t)this.submissionData={...this.submissionData,options:{...this.submissionData.options,[o]:!0}};else{const{[o]:e,...t}=this.submissionData.options;this.submissionData={...this.submissionData,options:t}}}async onTextInput(){if(!this.textareaRef)return;const e=await this.textareaRef.getValue();this.characterCount=e.length,this.submissionData={...this.submissionData,comment:e}}submitFeedback(e){if(this.submissionData.helpful=e,e)this.submissionData.options={},this.submissionData.comment="";else if(!Object.keys(this.submissionData.options).length)return void this.setFormError(!0);this.feedbackSubmitted.emit(this.submissionData),this.submitted=!0}setFormError(e){for(const o of this.checkboxRefs.values())o.setError(e);this.formError=e}getSubheadingTag(){const{labelTag:e}=this.mergedData;return{h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6"}[e]}renderAccordionHeader(){const{theme:e,mergedData:o,expanded:t}=this,{label:n,labelTag:a,okButtonLabel:i,nokButtonLabel:c,okButtonIconName:l,nokButtonIconName:s}=o;return r("div",{slot:"header",class:{"feedback-form__header":!0,"feedback-form__header--expanded":t}},r(a,{class:"feedback-form__title"},n),r("div",{class:"feedback-form__button-container"},r("tet-button",{class:"button",iconName:l,iconPosition:"left",theme:e,type:"secondary",onClick:()=>this.submitFeedback(!0),"data-testid":"feedback-ok-button"},i),r("tet-button",{class:"button",iconName:s,iconPosition:"left",theme:e,type:"secondary",onClick:()=>this.toggleAccordion(),"data-testid":"feedback-nok-button"},c)))}renderFormContentHeader(){const{theme:e,mergedData:o}=this,{formTitle:t,formDescription:n}=o,a=this.getSubheadingTag();return r("div",{class:"main__header"},r("div",{class:"main__header--left"},r(a,{id:"form-content-title",class:"title"},t),r("p",{id:"form-content-description",class:"subtitle"},n)),r("button",{class:"main__header-close-btn",onClick:()=>this.toggleAccordion(),"aria-label":i("components-availability-close"),type:"button","data-testid":"feedback-close-button"},r("tet-icon",{theme:e,class:"icon",name:"tc-close"})))}renderFormCheckboxOptions(){const{theme:e,mergedData:o}=this,{checkboxOptions:t}=o;return t.length?r("ul",{class:"main__option-list"},t.map((({id:o,label:t})=>r("li",{key:o,class:{"checkbox-wrapper":!0,"checkbox-wrapper--error":this.formError}},r("tet-checkbox",{ref:e=>{e&&this.checkboxRefs.set(o,e)},class:"checkbox",theme:e,checked:!!this.submissionData?.options?.[o],focusStyleOnContainer:!0,onCheck:e=>this.onListItemClick(e,o)},t))))):null}renderFormTextArea(){const{theme:e,mergedData:o}=this,{showTextarea:t,textareaLabel:n,textareaPlaceholder:a,textareaMaxLength:i}=o;return t?r("div",{class:"main__text-input"},r("tet-textarea",{label:n,class:"textarea",theme:e,value:this.submissionData.comment,onInput:()=>this.onTextInput(),ref:e=>this.textareaRef=e,placeholder:a,maxLength:i}),r("div",{class:"counter"},this.characterCount,"/",i)):null}renderFormFooter(){const{theme:e,mergedData:o}=this,{footerText:t,footerIconName:n}=o,a=t.split(/\{\{\s*([+0-9][0-9 ]{0,20})\s*\}\}/g),i=e=>e.trim(),c=a.map(((o,t)=>t%2==0?o:r("a",{href:`tel:${i(o)}`,class:{"tet-link":!0,[e]:!0,"tet-link--secondary":!0}},i(o))));return r("footer",{class:"feedback-form__form--footer"},r("div",{class:"footer-icon-block"},r("tet-icon",{theme:e,class:"footer-icon",name:n})),r("div",{class:"footer-text"},c))}renderSubmitButton(){const{theme:e,mergedData:o}=this,{submitButtonLabel:t,submitButtonIconName:n}=o;return r("tet-button",{class:"main__submit-button",iconName:n,theme:e,type:"primary",onClick:()=>this.submitFeedback(!1),"data-testid":"feedback-submit-button"},t)}renderAccordionContent(){return r("form",{class:"feedback-form__form","aria-labelledby":"form-content-title","aria-describedby":"form-content-description"},r("div",{class:"feedback-form__form--main"},this.renderFormContentHeader(),this.renderFormCheckboxOptions(),this.renderFormTextArea(),this.renderSubmitButton()),this.renderFormFooter())}renderAccordionComponent(){return r("tet-accordion",{class:"feedback-form__accordion",theme:this.theme,isHeaderInteractive:!1,transparentBackground:!0,ref:e=>this.accordionRef=e,onOpenChanged:e=>{this.expanded=e.detail}},this.renderAccordionHeader(),this.renderAccordionContent())}renderThankYouComponent(){const{labelTag:e,thankYouIconName:o,thankYouTitle:t,thankYouDescription:n}=this.mergedData,a=e;return r("div",{class:"feedback-form__thank-you","aria-live":"polite"},r("tet-icon",{class:"icon",name:o}),r("div",{class:"text-block"},r(a,{class:"title"},t),r("p",{class:"description"},n)))}render(){return r(n,{key:"e7aa956631b0d25bae506fe251ad03be7ccdbbd6"},r("section",{key:"f5b8109ed32a3ba27e9bec6c772536c111ac3edd",class:"feedback-form"},this.submitted?this.renderThankYouComponent():this.renderAccordionComponent()))}static get watchers(){return{language:["onLanguageChange"]}}};c.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--form-border-radius:1rem;--form-text-color:var(--tc-text-primary);--form-text-secondary-color:var(--tc-text-secondary);--form-box-shadow:var(--tc-elevation-one);--form-border-color:var(--tc-border-quaternary);--form-accent-color:var(--tc-yellow-20);--form-content-background-color:var(--tc-layer-primary);--form-footer-background-color:var(--tc-yellow-00);--form-thank-you-icon-color:var(--tc-yellow-40);--form-list-item-hover-background-color:var(--tc-layer-secondary);--form-list-item-pressed-background-color:var(--tc-layer-tertiary);--form-list-item-border-color:var(--tc-border-tertiary);--form-list-item-border-hover-color:var(--tc-border-secondary);--form-list-item-border-pressed-color:var(--tc-border-secondary);--form-list-item-border-active-color:var(--tc-border-primary);--form-list-item-border-error-color:var(--tc-alert-accent-error)}:host([theme=dark]){--form-text-color:var(--tc-text-primary-dark);--form-text-secondary-color:var(--tc-text-secondary-dark);--form-box-shadow:var(--tc-elevation-one-dark);--form-border-color:var(--tc-border-quaternary-dark);--form-accent-color:var(--tc-grey-20-dark);--form-content-background-color:var(--tc-layer-primary-dark);--form-footer-background-color:var(--tc-grey-10-dark);--form-thank-you-icon-color:var(--tc-yellow-40-dark);--form-list-item-hover-background-color:var(--tc-layer-secondary-dark);--form-list-item-pressed-background-color:var(--tc-layer-tertiary-dark);--form-list-item-border-color:var(--tc-border-tertiary-dark);--form-list-item-border-hover-color:var(--tc-border-secondary-dark);--form-list-item-border-pressed-color:var(--tc-border-secondary-dark);--form-list-item-border-active-color:var(--tc-border-primary-dark);--form-list-item-border-error-color:var(--tc-alert-accent-error-dark)}:host([theme=dark]) .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.feedback-form{box-shadow:var(--form-box-shadow);border-radius:var(--form-border-radius)}.feedback-form__accordion{--accordion-header-padding:0;--accordion-header-mobile-padding:0;--accordion-animation-duration:0.1s}.feedback-form__header{display:flex;flex-direction:column;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color);transition:padding 0.1s ease-in, height 0.1s ease-in}@media screen and (min-width: 31.25rem){.feedback-form__header{flex-direction:row;justify-content:space-between;gap:1.5rem}}@media screen and (min-width: 64rem){.feedback-form__header{padding:1.5rem}}.feedback-form__header--expanded{height:0;padding-top:0;padding-bottom:0;border:none}.feedback-form__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:center}@media screen and (min-width: 31.25rem){.feedback-form__title{text-align:left}}.feedback-form__button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 31.25rem){.feedback-form__button-container{justify-content:flex-start;flex-wrap:nowrap}}.feedback-form__button-container .button{--button-padding:0.375rem 0.875rem;--button-width:100%;min-width:6.25rem}.feedback-form__form{display:flex;flex-direction:column;overflow:hidden;background-color:var(--form-content-background-color);border:0.0625rem solid var(--form-border-color);border-radius:var(--form-border-radius);padding-top:1rem;gap:1.5rem}@media screen and (min-width: 31.25rem){.feedback-form__form{gap:1rem}}@media screen and (min-width: 64rem){.feedback-form__form{padding-top:1.5rem;gap:1.5rem}}.feedback-form__form--main{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.feedback-form__form--main .main__header{display:flex;justify-content:space-between;gap:1rem}.feedback-form__form--main .main__header--left .title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{color:var(--form-text-secondary-color);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--main .main__header--left .title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.feedback-form__form--main .main__header-close-btn{border:none;display:flex;align-self:flex-start;background-color:transparent;border-radius:0.125rem;cursor:pointer}.feedback-form__form--main .main__header-close-btn .icon{--icon-container-display:flex;--icon-size:1.5rem}.feedback-form__form--main .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.feedback-form__form--main .main__option-list{--item-background-color:var(--form-content-background-color);--item-border-color:var(--form-list-item-border-color);list-style:none;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 31.25rem){.feedback-form__form--main .main__option-list{margin-bottom:0.5rem}}.feedback-form__form--main .main__option-list .checkbox{--checkbox-alignment:flex-start;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:-0.125rem}.feedback-form__form--main .main__option-list .checkbox-wrapper{border-radius:0.625rem;box-shadow:var(--form-box-shadow)}.feedback-form__form--main .main__option-list .checkbox-wrapper--error{--item-border-color:var(--form-list-item-border-error-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container){padding:1rem;border-radius:0.625rem;border:0.0625rem solid var(--item-border-color);background-color:var(--item-background-color);cursor:pointer}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):hover{--item-background-color:var(--form-list-item-hover-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):active{--item-background-color:var(--form-list-item-pressed-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):hover{--item-border-color:var(--form-list-item-border-hover-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):active{--item-border-color:var(--form-list-item-border-pressed-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox[checked]::part(checkbox-container){--item-border-color:var(--form-list-item-border-active-color)}.feedback-form__form--main .main__text-input .textarea{--input-font-size:0.875rem;--textarea-resize:vertical}.feedback-form__form--main .main__text-input .counter{color:var(--form-text-secondary-color);padding:0 0.25rem;text-align:right;font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__submit-button{--button-padding:0.625rem 1rem;margin-left:auto}.feedback-form__form--footer{display:flex;align-items:flex-start;padding:1rem;gap:0.75rem;background-color:var(--form-footer-background-color);border-top:0.0625rem solid var(--form-border-color);color:var(--form-text-secondary-color);font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--footer{padding:1.5rem;gap:1rem}}.feedback-form__form--footer .footer-text{max-width:38.75rem}.feedback-form__form--footer .footer-icon-block{display:flex;flex-shrink:0;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--form-accent-color)}@media screen and (min-width: 31.25rem){.feedback-form__form--footer .footer-icon-block{width:3rem;height:3rem}}.feedback-form__form--footer .footer-icon-block .footer-icon{--icon-container-display:flex}.feedback-form__thank-you{display:flex;gap:0.75rem;padding:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color)}.feedback-form__thank-you .icon{--icon-size:1.5rem;--icon-color:var(--form-thank-you-icon-color);animation:fadeIn 0.25s ease-in-out}.feedback-form__thank-you .title{color:var(--form-text-color);animation:fadeIn 0.25s ease-in-out;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.feedback-form__thank-you .description{color:var(--form-text-secondary-color);animation:fadeIn 0.25s ease-in-out;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.feedback-form__thank-you{align-items:center;gap:1rem;padding:1.125rem 1rem}.feedback-form__thank-you .icon{--icon-size:2.25rem}.feedback-form__thank-you .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.feedback-form__thank-you{padding:1.125rem 1.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}';export{c as tet_feedback_form}
|
|
1
|
+
import{r as e,c as o,f as t,h as r,H as n}from"./p-7c868b40.js";import{p as a,t as i}from"./p-f9e5405c.js";import"./p-9a2b6ee2.js";import"./p-59ffdcd3.js";const c=class{constructor(t){e(this,t),this.feedbackSubmitted=o(this,"feedbackSubmitted",7),this.theme="light",this.language="lv",this.data=void 0,this.expanded=!1,this.formError=!1,this.characterCount=0,this.submissionData={helpful:!0,options:{},comment:""},this.submitted=!1}feedbackSubmitted;onLanguageChange(e){a("tet-components",e).then((()=>t(this)))}async componentWillLoad(){await a("tet-components",this.language),t(this)}accordionRef;textareaRef;checkboxRefs=new Map;getDefaultValues(){return{label:i("components-feedback-form-label"),labelTag:"h2",okButtonLabel:i("components-button-label-yes"),okButtonIconName:"tc-check",nokButtonLabel:i("components-button-label-no"),nokButtonIconName:"tc-close",formTitle:i("components-feedback-form-title"),formDescription:i("components-feedback-form-description"),checkboxOptions:[],showTextarea:!0,textareaLabel:i("components-feedback-form-textarea-label"),textareaPlaceholder:i("components-feedback-form-textarea-placeholder"),textareaMaxLength:500,footerText:i("components-feedback-form-footer-text"),footerIconName:"tc-bubbles",submitButtonLabel:i("components-feedback-form-submit-button-label"),submitButtonIconName:"tc-arrow-right",thankYouIconName:"tc-check-circle",thankYouTitle:i("components-feedback-form-thank-you-title"),thankYouDescription:i("components-feedback-form-thank-you-description")}}get mergedData(){return{...this.getDefaultValues(),...this.data}}toggleAccordion(){this.accordionRef&&(this.accordionRef.toggle(),this.formError&&this.setFormError(!1))}onListItemClick(e,o){const t=!!e.detail.checked;if(this.formError&&this.setFormError(!1),t)this.submissionData={...this.submissionData,options:{...this.submissionData.options,[o]:!0}};else{const{[o]:e,...t}=this.submissionData.options;this.submissionData={...this.submissionData,options:t}}}async onTextInput(){if(!this.textareaRef)return;const e=await this.textareaRef.getValue();this.characterCount=e.length,this.submissionData={...this.submissionData,comment:e}}submitFeedback(e){if(this.submissionData.helpful=e,e)this.submissionData.options={},this.submissionData.comment="";else if(!Object.keys(this.submissionData.options).length)return void this.setFormError(!0);this.feedbackSubmitted.emit(this.submissionData),this.submitted=!0}setFormError(e){for(const o of this.checkboxRefs.values())o.setError(e);this.formError=e}getSubheadingTag(){const{labelTag:e}=this.mergedData;return{h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6"}[e]}renderAccordionHeader(){const{theme:e,mergedData:o,expanded:t}=this,{label:n,labelTag:a,okButtonLabel:i,nokButtonLabel:c,okButtonIconName:l,nokButtonIconName:s}=o;return r("div",{slot:"header",class:{"feedback-form__header":!0,"feedback-form__header--expanded":t}},r(a,{class:"feedback-form__title"},n),r("div",{class:"feedback-form__button-container"},r("tet-button",{class:"button",iconName:l,iconPosition:"left",theme:e,type:"secondary",onClick:()=>this.submitFeedback(!0),"data-testid":"feedback-ok-button"},i),r("tet-button",{class:"button",iconName:s,iconPosition:"left",theme:e,type:"secondary",onClick:()=>this.toggleAccordion(),"data-testid":"feedback-nok-button"},c)))}renderFormContentHeader(){const{theme:e,mergedData:o}=this,{formTitle:t,formDescription:n}=o,a=this.getSubheadingTag();return r("div",{class:"main__header"},r("div",{class:"main__header--left"},r(a,{id:"form-content-title",class:"title"},t),r("p",{id:"form-content-description",class:"subtitle"},n)),r("button",{class:"main__header-close-btn",onClick:()=>this.toggleAccordion(),"aria-label":i("components-availability-close"),type:"button","data-testid":"feedback-close-button"},r("tet-icon",{theme:e,class:"icon",name:"tc-close"})))}renderFormCheckboxOptions(){const{theme:e,mergedData:o}=this,{checkboxOptions:t}=o;return t.length?r("ul",{class:"main__option-list"},t.map((({id:o,label:t})=>r("li",{key:o,class:{"checkbox-wrapper":!0,"checkbox-wrapper--error":this.formError}},r("tet-checkbox",{ref:e=>{e&&this.checkboxRefs.set(o,e)},class:"checkbox",theme:e,checked:!!this.submissionData?.options?.[o],focusStyleOnContainer:!0,onCheck:e=>this.onListItemClick(e,o)},t))))):null}renderFormTextArea(){const{theme:e,mergedData:o}=this,{showTextarea:t,textareaLabel:n,textareaPlaceholder:a,textareaMaxLength:i}=o;return t?r("div",{class:"main__text-input"},r("tet-textarea",{label:n,class:"textarea",theme:e,value:this.submissionData.comment,onInput:()=>this.onTextInput(),ref:e=>this.textareaRef=e,placeholder:a,maxLength:i}),r("div",{class:"counter"},this.characterCount,"/",i)):null}renderFormFooter(){const{theme:e,mergedData:o}=this,{footerText:t,footerIconName:n}=o,a=t.split(/\{\{\s*([+0-9][0-9 ]{0,20})\s*\}\}/g),i=e=>e.trim(),c=a.map(((o,t)=>t%2==0?o:r("a",{href:`tel:${i(o)}`,class:{"tet-link":!0,[e]:!0,"tet-link--secondary":!0}},i(o))));return r("footer",{class:"feedback-form__form--footer"},r("div",{class:"footer-icon-block"},r("tet-icon",{theme:e,class:"footer-icon",name:n})),r("div",{class:"footer-text"},c))}renderSubmitButton(){const{theme:e,mergedData:o}=this,{submitButtonLabel:t,submitButtonIconName:n}=o;return r("tet-button",{class:"main__submit-button",iconName:n,theme:e,type:"primary",onClick:()=>this.submitFeedback(!1),"data-testid":"feedback-submit-button"},t)}renderAccordionContent(){return r("form",{class:"feedback-form__form","aria-labelledby":"form-content-title","aria-describedby":"form-content-description"},r("div",{class:"feedback-form__form--main"},this.renderFormContentHeader(),this.renderFormCheckboxOptions(),this.renderFormTextArea(),this.renderSubmitButton()),this.renderFormFooter())}renderAccordionComponent(){return r("tet-accordion",{class:"feedback-form__accordion",theme:this.theme,isHeaderInteractive:!1,transparentBackground:!0,ref:e=>this.accordionRef=e,onOpenChanged:e=>{this.expanded=e.detail}},this.renderAccordionHeader(),this.renderAccordionContent())}renderThankYouComponent(){const{labelTag:e,thankYouIconName:o,thankYouTitle:t,thankYouDescription:n}=this.mergedData,a=e;return r("div",{class:"feedback-form__thank-you","aria-live":"polite"},r("tet-icon",{class:"icon",name:o}),r("div",{class:"text-block"},r(a,{class:"title"},t),r("p",{class:"description"},n)))}render(){return r(n,{key:"e7aa956631b0d25bae506fe251ad03be7ccdbbd6"},r("section",{key:"f5b8109ed32a3ba27e9bec6c772536c111ac3edd",class:"feedback-form"},this.submitted?this.renderThankYouComponent():this.renderAccordionComponent()))}static get watchers(){return{language:["onLanguageChange"]}}};c.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--form-border-radius:1rem;--form-text-color:var(--tc-text-primary);--form-text-secondary-color:var(--tc-text-secondary);--form-box-shadow:var(--tc-elevation-one);--form-border-color:var(--tc-border-quaternary);--form-accent-color:var(--tc-yellow-20);--form-content-background-color:var(--tc-layer-primary);--form-footer-background-color:var(--tc-yellow-00);--form-thank-you-icon-color:var(--tc-yellow-40);--form-list-item-hover-background-color:var(--tc-layer-secondary);--form-list-item-pressed-background-color:var(--tc-layer-tertiary);--form-list-item-border-color:var(--tc-border-tertiary);--form-list-item-border-hover-color:var(--tc-border-secondary);--form-list-item-border-pressed-color:var(--tc-border-secondary);--form-list-item-border-active-color:var(--tc-border-primary);--form-list-item-border-error-color:var(--tc-alert-accent-error)}:host([theme=dark]){--form-text-color:var(--tc-text-primary-dark);--form-text-secondary-color:var(--tc-text-secondary-dark);--form-box-shadow:var(--tc-elevation-one-dark);--form-border-color:var(--tc-border-quaternary-dark);--form-accent-color:var(--tc-grey-20-dark);--form-content-background-color:var(--tc-layer-primary-dark);--form-footer-background-color:var(--tc-grey-10-dark);--form-thank-you-icon-color:var(--tc-yellow-40-dark);--form-list-item-hover-background-color:var(--tc-layer-secondary-dark);--form-list-item-pressed-background-color:var(--tc-layer-tertiary-dark);--form-list-item-border-color:var(--tc-border-tertiary-dark);--form-list-item-border-hover-color:var(--tc-border-secondary-dark);--form-list-item-border-pressed-color:var(--tc-border-secondary-dark);--form-list-item-border-active-color:var(--tc-border-primary-dark);--form-list-item-border-error-color:var(--tc-alert-accent-error-dark)}:host([theme=dark]) .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.feedback-form{box-shadow:var(--form-box-shadow);border-radius:var(--form-border-radius)}.feedback-form__accordion{--accordion-header-padding:0;--accordion-header-mobile-padding:0;--accordion-animation-duration:0.1s}.feedback-form__header{display:flex;flex-direction:column;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:1rem;gap:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color);transition:padding 0.1s ease-in, height 0.1s ease-in}@media screen and (min-width: 31.25rem){.feedback-form__header{flex-direction:row;justify-content:space-between;gap:1.5rem}}@media screen and (min-width: 64rem){.feedback-form__header{padding:1.5rem}}.feedback-form__header--expanded{height:0;padding-top:0;padding-bottom:0;border:none}.feedback-form__title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";text-align:center}@media screen and (min-width: 31.25rem){.feedback-form__title{text-align:left}}.feedback-form__button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 31.25rem){.feedback-form__button-container{justify-content:flex-start;flex-wrap:nowrap}}.feedback-form__button-container .button{--button-padding:0.375rem 0.875rem;--button-width:100%;min-width:6.25rem}.feedback-form__form{display:flex;flex-direction:column;overflow:hidden;background-color:var(--form-content-background-color);border:0.0625rem solid var(--form-border-color);border-radius:var(--form-border-radius);padding-top:1rem;gap:1.5rem}@media screen and (min-width: 31.25rem){.feedback-form__form{gap:1rem}}@media screen and (min-width: 64rem){.feedback-form__form{padding-top:1.5rem;gap:1.5rem}}.feedback-form__form--main{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.feedback-form__form--main .main__header{display:flex;justify-content:space-between;gap:1rem}.feedback-form__form--main .main__header--left .title{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{color:var(--form-text-secondary-color);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--main .main__header--left .title{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__header--left .subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.feedback-form__form--main .main__header-close-btn{border:none;display:flex;align-self:flex-start;background-color:transparent;border-radius:0.125rem;cursor:pointer}.feedback-form__form--main .main__header-close-btn .icon{--icon-container-display:flex;--icon-size:1.5rem}.feedback-form__form--main .main__header-close-btn:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.feedback-form__form--main .main__option-list{--item-background-color:var(--form-content-background-color);--item-border-color:var(--form-list-item-border-color);list-style:none;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 31.25rem){.feedback-form__form--main .main__option-list{margin-bottom:0.5rem}}.feedback-form__form--main .main__option-list .checkbox{--checkbox-alignment:flex-start;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:-0.125rem}.feedback-form__form--main .main__option-list .checkbox-wrapper{border-radius:0.625rem;box-shadow:var(--form-box-shadow)}.feedback-form__form--main .main__option-list .checkbox-wrapper--error{--item-border-color:var(--form-list-item-border-error-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container){padding:1rem;border-radius:0.625rem;border:0.0625rem solid var(--item-border-color);background-color:var(--item-background-color);cursor:pointer}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):hover{--item-background-color:var(--form-list-item-hover-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper .checkbox::part(checkbox-container):active{--item-background-color:var(--form-list-item-pressed-background-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):hover{--item-border-color:var(--form-list-item-border-hover-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox::part(checkbox-container):active{--item-border-color:var(--form-list-item-border-pressed-color)}.feedback-form__form--main .main__option-list .checkbox-wrapper:not(.checkbox-wrapper--error) .checkbox[checked]::part(checkbox-container){--item-border-color:var(--form-list-item-border-active-color)}.feedback-form__form--main .main__text-input .textarea{--input-font-size:0.875rem;--textarea-resize:vertical}.feedback-form__form--main .main__text-input .counter{color:var(--form-text-secondary-color);padding:0 0.25rem;text-align:right;font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.feedback-form__form--main .main__submit-button{--button-padding:0.625rem 1rem;margin-left:auto}.feedback-form__form--footer{display:flex;align-items:flex-start;padding:1rem;gap:0.75rem;background-color:var(--form-footer-background-color);border-top:0.0625rem solid var(--form-border-color);color:var(--form-text-secondary-color);font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.feedback-form__form--footer{padding:1.5rem;gap:1rem}}.feedback-form__form--footer .footer-text{max-width:38.75rem}.feedback-form__form--footer .footer-icon-block{display:flex;flex-shrink:0;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--form-accent-color)}@media screen and (min-width: 31.25rem){.feedback-form__form--footer .footer-icon-block{width:3rem;height:3rem}}.feedback-form__form--footer .footer-icon-block .footer-icon{--icon-container-display:flex}.feedback-form__thank-you{display:flex;gap:0.75rem;padding:1rem;background-color:var(--form-accent-color);border-radius:var(--form-border-radius);border:0.0625rem solid var(--form-border-color)}.feedback-form__thank-you .icon{--icon-size:1.5rem;--icon-color:var(--form-thank-you-icon-color);animation:fadeIn 0.25s ease-in-out}.feedback-form__thank-you .title{color:var(--form-text-color);animation:fadeIn 0.25s ease-in-out;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.feedback-form__thank-you .description{color:var(--form-text-secondary-color);animation:fadeIn 0.25s ease-in-out;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.feedback-form__thank-you{align-items:center;gap:1rem;padding:1.125rem 1rem}.feedback-form__thank-you .icon{--icon-size:2.25rem}.feedback-form__thank-you .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.feedback-form__thank-you{padding:1.125rem 1.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}';export{c as tet_feedback_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as o,h as r,H as s}from"./p-83f43fdd.js";import{a}from"./p-64ec8edd.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:"3dd4398f1a41a6f18b4375bde917e324a16e7893","data-id-suffix":this.idSuffix},r("div",{key:"6ba5e8a79e70b152ff410eb2a6d484409ed1c45a",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:"5aa50c6850d8ad60cf8e18b27988e9d3650cbfda",ref:t=>this.tabContainer=t})),r("div",{key:"e3c364663b0ad151e8d3d7e9150f09024b728792",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-7c868b40.js";import{a}from"./p-64ec8edd.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:"3dd4398f1a41a6f18b4375bde917e324a16e7893","data-id-suffix":this.idSuffix},r("div",{key:"6ba5e8a79e70b152ff410eb2a6d484409ed1c45a",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:"5aa50c6850d8ad60cf8e18b27988e9d3650cbfda",ref:t=>this.tabContainer=t})),r("div",{key:"e3c364663b0ad151e8d3d7e9150f09024b728792",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}
|