@tet/tet-components 1.4.88-staging → 1.4.88-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-db3de695.js → address-d3d97441.js} +1 -1
- package/dist/cjs/{assets-294836fa.js → assets-f0cfef4d.js} +1 -1
- package/dist/cjs/{async-request-2739d46b.js → async-request-a617bfe6.js} +1 -1
- package/dist/cjs/{http-codes-3b8718ff.js → http-codes-0eae7bd3.js} +1 -1
- package/dist/cjs/{index-faec4c52.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-19a7608f.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-76ec1bae.js → phone-f6be08ae.js} +2 -2
- package/dist/cjs/{product-comparison-1b20429d.js → product-comparison-fd3cbd23.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-assembler.cjs.entry.js +3 -3
- 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_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +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-countdown.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-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.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-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-46514846.js → theme-wrapper-66880718.js} +2 -2
- package/dist/cjs/{translations-d1d3bb81.js → translations-3b76d1ce.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-2614b255.js → p-02a00e05.js} +1 -1
- package/dist/components/{p-5269fc3a.js → p-159ed9d8.js} +2 -2
- package/dist/components/{p-52dd72de.js → p-1f3c972f.js} +2 -2
- package/dist/components/{p-aa122c92.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-c4f311b1.js → p-2ac0baaf.js} +2 -2
- package/dist/components/{p-12117ae8.js → p-2cab7834.js} +2 -2
- package/dist/components/{p-800f1f89.js → p-2f22a81f.js} +10 -10
- package/dist/components/{p-f66adc4b.js → p-30ca4b8c.js} +3 -3
- package/dist/components/{p-a3b919be.js → p-38b44a4a.js} +5 -5
- package/dist/components/{p-9408e81f.js → p-397abe05.js} +2 -2
- package/dist/components/{p-21cd2ac0.js → p-3c245fac.js} +1 -1
- package/dist/components/{p-1d9d92f2.js → p-3c641357.js} +1 -1
- package/dist/components/{p-6c8365ad.js → p-41b526b0.js} +1 -1
- package/dist/components/{p-e93e2f02.js → p-42763bb3.js} +2 -2
- package/dist/components/{p-61ca2c10.js → p-4592c574.js} +1 -1
- package/dist/components/{p-3829b6a4.js → p-5f555c17.js} +1 -1
- package/dist/components/{p-e9724d8b.js → p-5ffee61b.js} +3 -3
- package/dist/components/{p-8dfc3188.js → p-64b5efc5.js} +7 -7
- package/dist/components/{p-2fec4cfb.js → p-69d639eb.js} +1 -1
- package/dist/components/{p-62612f11.js → p-6b99bfd5.js} +1 -1
- package/dist/components/{p-482c1e2d.js → p-6eb5729c.js} +1 -1
- package/dist/components/{p-6dc36934.js → p-79bf16a7.js} +2 -2
- package/dist/components/{p-2d0986db.js → p-82cab158.js} +2 -2
- package/dist/components/{p-de200e95.js → p-85cc94e2.js} +3 -3
- package/dist/components/{p-39d4d69c.js → p-877a76e3.js} +1 -1
- package/dist/components/{p-82a90d7d.js → p-8886e0c4.js} +2 -2
- package/dist/components/{p-72e39f4b.js → p-8d451fe4.js} +2 -2
- package/dist/components/{p-3f56abc9.js → p-90a4160a.js} +3 -3
- package/dist/components/{p-10334405.js → p-9a5168d8.js} +4 -4
- package/dist/components/{p-4b39d803.js → p-9e7f367e.js} +7 -7
- package/dist/components/{p-dc4265cb.js → p-a15fed0a.js} +1 -1
- package/dist/components/{p-977bc1b8.js → p-a4ba9da1.js} +1 -1
- package/dist/components/{p-ecd5a800.js → p-a63560c4.js} +1 -1
- package/dist/components/{p-ae1ec712.js → p-aab8ca76.js} +6 -6
- package/dist/components/{p-f6eaa402.js → p-af62323f.js} +1 -1
- package/dist/components/{p-bafeff00.js → p-afc3aa5b.js} +7 -7
- package/dist/components/{p-5fc9026f.js → p-b1383214.js} +6 -6
- package/dist/components/{p-37f0836b.js → p-b4d70c8d.js} +14 -14
- package/dist/components/{p-7b01f8ef.js → p-b6107f35.js} +1 -1
- package/dist/components/{p-d0dc900b.js → p-b714574e.js} +2 -2
- package/dist/components/{p-7a9a3da7.js → p-bd210864.js} +3 -3
- package/dist/components/{p-f7af242b.js → p-bd9d0124.js} +1 -1
- package/dist/components/{p-99f3d588.js → p-c31ae7d5.js} +10 -10
- package/dist/components/{p-ffbd81f8.js → p-c4d65478.js} +4 -4
- package/dist/components/{p-2383cd46.js → p-d0c7e92a.js} +1 -1
- package/dist/components/{p-69c28fe0.js → p-d2f4f800.js} +3 -3
- package/dist/components/{p-6f4c6246.js → p-e296086b.js} +1 -1
- package/dist/components/{p-73cf40f0.js → p-e37d188c.js} +7 -7
- package/dist/components/{p-4ed7f239.js → p-e8462efe.js} +2 -2
- package/dist/components/{p-8914e5f7.js → p-e91aabaf.js} +5 -5
- package/dist/components/{p-193c2b34.js → p-eb3d2e79.js} +3 -3
- package/dist/components/{p-f01f17a8.js → p-f1efe32e.js} +9 -9
- package/dist/components/{p-e46361b7.js → p-f33b757a.js} +1 -1
- package/dist/components/{p-3b72f855.js → p-f772f238.js} +2 -2
- package/dist/components/{p-e7c22cc9.js → p-f7770ac0.js} +1 -1
- package/dist/components/{p-fdd6f2de.js → p-f8d67b60.js} +6 -6
- package/dist/components/{p-83321bf5.js → p-fc241fc2.js} +1 -1
- package/dist/components/{p-9bca95f0.js → p-fc7bcd98.js} +1 -1
- package/dist/components/{p-a872b4cf.js → p-fd8fbabd.js} +3 -3
- 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-assembler.js +7 -7
- 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-v3.js +10 -10
- 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-countdown.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-mini-compare-card.js +3 -3
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +3 -3
- 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-blocks.js +2 -2
- 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 +12 -12
- 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-804b2fd3.js → address-a5f65679.js} +1 -1
- package/dist/esm/{assets-d337f5e7.js → assets-785095c4.js} +1 -1
- package/dist/esm/{async-request-a13d02e9.js → async-request-02db63e4.js} +1 -1
- package/dist/esm/{http-codes-8100f4ea.js → http-codes-9125ce84.js} +1 -1
- package/dist/esm/{index-e3209c56.js → index-412df137.js} +1 -1
- package/dist/esm/{index-e933a7d2.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-1c98b03b.js → phone-05f71013.js} +2 -2
- package/dist/esm/{product-comparison-7fa9705a.js → product-comparison-fdb9b9cc.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-assembler.entry.js +3 -3
- 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_2.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +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-countdown.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-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio.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-tooltip.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-cf4d7d54.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-31f9e210.js → translations-9b49c612.js} +1 -1
- package/dist/tet-components/{p-3c941b9c.entry.js → p-04383c87.entry.js} +1 -1
- package/dist/tet-components/{p-977a9ab3.entry.js → p-0603f191.entry.js} +1 -1
- package/dist/tet-components/{p-3c34400e.entry.js → p-0b8db4bd.entry.js} +1 -1
- package/dist/tet-components/{p-244df510.entry.js → p-0e8ce9be.entry.js} +1 -1
- package/dist/tet-components/{p-332429fb.entry.js → p-1190627a.entry.js} +1 -1
- package/dist/tet-components/{p-1a41b213.entry.js → p-141ca837.entry.js} +1 -1
- package/dist/tet-components/{p-40c84567.entry.js → p-16baebcc.entry.js} +1 -1
- package/dist/tet-components/{p-b2fe4255.entry.js → p-17f02ff2.entry.js} +1 -1
- package/dist/tet-components/{p-e0d6c2ee.entry.js → p-18cfc0de.entry.js} +1 -1
- package/dist/tet-components/{p-3f94cab9.entry.js → p-1a14aa91.entry.js} +1 -1
- package/dist/tet-components/{p-7aba2238.entry.js → p-1bd93ad3.entry.js} +1 -1
- package/dist/tet-components/{p-382ca7f2.entry.js → p-21d4d3b5.entry.js} +1 -1
- package/dist/tet-components/{p-22c938f1.entry.js → p-22f62d6c.entry.js} +1 -1
- package/dist/tet-components/{p-850594d3.js → p-2358a695.js} +1 -1
- package/dist/tet-components/{p-4f0ea3d1.entry.js → p-297532a4.entry.js} +1 -1
- package/dist/tet-components/{p-0e6d4a8f.entry.js → p-29cde2fc.entry.js} +1 -1
- package/dist/tet-components/{p-9feb1b61.entry.js → p-2a81ebee.entry.js} +1 -1
- package/dist/tet-components/{p-1f5bea17.js → p-2ba08431.js} +1 -1
- package/dist/tet-components/{p-65f772dd.entry.js → p-2e32e234.entry.js} +1 -1
- package/dist/tet-components/{p-6b4d301c.entry.js → p-354161a5.entry.js} +1 -1
- package/dist/tet-components/{p-8754ebfa.entry.js → p-3769400b.entry.js} +1 -1
- package/dist/tet-components/{p-720ef057.entry.js → p-37ebc717.entry.js} +1 -1
- package/dist/tet-components/{p-cd3711dc.entry.js → p-3b4f599e.entry.js} +1 -1
- package/dist/tet-components/{p-eb5d53df.entry.js → p-3c79acc4.entry.js} +1 -1
- package/dist/tet-components/{p-fa674b43.js → p-3e60d61c.js} +1 -1
- package/dist/tet-components/{p-03b9ea8e.entry.js → p-403151e8.entry.js} +1 -1
- package/dist/tet-components/{p-ca515898.entry.js → p-4080168f.entry.js} +1 -1
- package/dist/tet-components/{p-894e34a9.js → p-4330c786.js} +1 -1
- package/dist/tet-components/{p-888ecd99.entry.js → p-437c756e.entry.js} +1 -1
- package/dist/tet-components/{p-2f25de81.entry.js → p-46f6a051.entry.js} +1 -1
- package/dist/tet-components/{p-fb13ad14.entry.js → p-4737a17f.entry.js} +1 -1
- package/dist/tet-components/{p-91ff9e2c.entry.js → p-489d039a.entry.js} +1 -1
- package/dist/tet-components/{p-a216284a.entry.js → p-492a4b67.entry.js} +1 -1
- package/dist/tet-components/{p-e6672405.entry.js → p-573a5aa2.entry.js} +1 -1
- package/dist/tet-components/{p-d1d433a5.js → p-5810a3a6.js} +1 -1
- package/dist/tet-components/{p-66dbb9c9.entry.js → p-5a4ca784.entry.js} +1 -1
- package/dist/tet-components/{p-7d996496.entry.js → p-5be4d23b.entry.js} +1 -1
- package/dist/tet-components/{p-253cb3d0.entry.js → p-5c622324.entry.js} +1 -1
- package/dist/tet-components/{p-3dc12425.entry.js → p-5d6630ff.entry.js} +1 -1
- package/dist/tet-components/{p-78dcc75d.entry.js → p-617d491d.entry.js} +1 -1
- package/dist/tet-components/{p-5911bb84.entry.js → p-63d74d15.entry.js} +1 -1
- package/dist/tet-components/{p-917f260c.entry.js → p-664d0142.entry.js} +1 -1
- package/dist/tet-components/{p-dd43300e.entry.js → p-6774cf86.entry.js} +1 -1
- package/dist/tet-components/{p-62801e1b.entry.js → p-69864c14.entry.js} +1 -1
- package/dist/tet-components/{p-5468202b.entry.js → p-6a26232b.entry.js} +1 -1
- package/dist/tet-components/{p-6f7ec96d.entry.js → p-6b8d2298.entry.js} +1 -1
- package/dist/tet-components/{p-e30fa532.entry.js → p-6eb72733.entry.js} +1 -1
- package/dist/tet-components/{p-444cf5fd.entry.js → p-6ff7c00e.entry.js} +1 -1
- package/dist/tet-components/{p-31be2161.entry.js → p-724189c2.entry.js} +1 -1
- package/dist/tet-components/{p-21ab603b.entry.js → p-750203cc.entry.js} +1 -1
- package/dist/tet-components/{p-f72b4fbc.entry.js → p-7700dd4d.entry.js} +1 -1
- package/dist/tet-components/{p-c8130311.entry.js → p-77132ab0.entry.js} +1 -1
- package/dist/tet-components/{p-7bac49d9.entry.js → p-77bec9a6.entry.js} +1 -1
- package/dist/tet-components/{p-47495f13.entry.js → p-7a76d340.entry.js} +1 -1
- package/dist/tet-components/{p-b35f37b5.entry.js → p-7c507fc6.entry.js} +1 -1
- package/dist/tet-components/{p-7ffd2532.entry.js → p-811658a5.entry.js} +1 -1
- package/dist/tet-components/{p-5abb3bea.js → p-83f43fdd.js} +1 -1
- package/dist/tet-components/{p-17579e95.entry.js → p-8a838992.entry.js} +1 -1
- package/dist/tet-components/{p-248a36ae.entry.js → p-922d690b.entry.js} +1 -1
- package/dist/tet-components/{p-43fa99c2.entry.js → p-97ba5bac.entry.js} +1 -1
- package/dist/tet-components/{p-a1ff753f.entry.js → p-9d486f94.entry.js} +1 -1
- package/dist/tet-components/{p-7e5c2bce.entry.js → p-9f36e03f.entry.js} +1 -1
- package/dist/tet-components/{p-495e2b8a.entry.js → p-9f5c8a11.entry.js} +1 -1
- package/dist/tet-components/{p-1548f0e4.entry.js → p-a082e6eb.entry.js} +1 -1
- package/dist/tet-components/{p-fb883dc8.entry.js → p-a7a88854.entry.js} +1 -1
- package/dist/tet-components/{p-c9e0bd7e.entry.js → p-a7e876fe.entry.js} +1 -1
- package/dist/tet-components/{p-0e5baceb.entry.js → p-a91b95f0.entry.js} +1 -1
- package/dist/tet-components/{p-f2b23190.entry.js → p-a95717ec.entry.js} +1 -1
- package/dist/tet-components/{p-d58b3ace.entry.js → p-ae79d84f.entry.js} +1 -1
- package/dist/tet-components/{p-0d9d648f.entry.js → p-aeb891f9.entry.js} +1 -1
- package/dist/tet-components/{p-706552fe.entry.js → p-b152fc68.entry.js} +1 -1
- package/dist/tet-components/{p-ffd8f4f8.entry.js → p-b385e950.entry.js} +1 -1
- package/dist/tet-components/{p-e27b814f.entry.js → p-b8f98209.entry.js} +1 -1
- package/dist/tet-components/{p-962a6437.entry.js → p-bb12c319.entry.js} +1 -1
- package/dist/tet-components/{p-3230ccfa.entry.js → p-bc169fff.entry.js} +1 -1
- package/dist/tet-components/{p-a20dfa4b.entry.js → p-bc91e97f.entry.js} +1 -1
- package/dist/tet-components/{p-bca053cb.entry.js → p-bcdb7766.entry.js} +1 -1
- package/dist/tet-components/{p-4f9a6940.entry.js → p-bd7c1780.entry.js} +1 -1
- package/dist/tet-components/{p-c3c9da28.entry.js → p-bdd12fb0.entry.js} +1 -1
- package/dist/tet-components/{p-ff5b0f63.entry.js → p-c4de9e32.entry.js} +1 -1
- package/dist/tet-components/{p-31775503.entry.js → p-c60a57ab.entry.js} +1 -1
- package/dist/tet-components/{p-9aa26417.entry.js → p-c73ac63a.entry.js} +1 -1
- package/dist/tet-components/{p-97d4da3f.entry.js → p-c7c8fd94.entry.js} +1 -1
- package/dist/tet-components/{p-3b70f7c4.entry.js → p-c93bf05f.entry.js} +1 -1
- package/dist/tet-components/{p-6946217e.entry.js → p-c9b78591.entry.js} +1 -1
- package/dist/tet-components/{p-843882a1.entry.js → p-c9cab637.entry.js} +1 -1
- package/dist/tet-components/{p-2c891567.entry.js → p-ccfa9f31.entry.js} +1 -1
- package/dist/tet-components/{p-0650c3e5.entry.js → p-cd73df08.entry.js} +1 -1
- package/dist/tet-components/{p-214974f5.entry.js → p-cfa7d9ad.entry.js} +1 -1
- package/dist/tet-components/{p-8c06c3da.entry.js → p-d079d610.entry.js} +1 -1
- package/dist/tet-components/{p-f4a23966.entry.js → p-d2a96894.entry.js} +1 -1
- package/dist/tet-components/{p-5a70afaf.entry.js → p-d2e38d4c.entry.js} +1 -1
- package/dist/tet-components/{p-2dbe670c.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-75d79a8b.entry.js → p-d951657c.entry.js} +1 -1
- package/dist/tet-components/{p-778b0326.entry.js → p-da74043a.entry.js} +1 -1
- package/dist/tet-components/{p-b474e15d.entry.js → p-dcf3b911.entry.js} +1 -1
- package/dist/tet-components/{p-1ff7148a.js → p-ddaea568.js} +1 -1
- package/dist/tet-components/{p-829bc19e.entry.js → p-dff50738.entry.js} +1 -1
- package/dist/tet-components/{p-a015c2ba.entry.js → p-e0199bf1.entry.js} +1 -1
- package/dist/tet-components/{p-f5bb07c5.entry.js → p-e0ba1eb8.entry.js} +1 -1
- package/dist/tet-components/{p-83fa4b8d.entry.js → p-e282eeab.entry.js} +1 -1
- package/dist/tet-components/{p-0190b524.js → p-e2b55e84.js} +1 -1
- package/dist/tet-components/{p-9b355dad.entry.js → p-e683f356.entry.js} +1 -1
- package/dist/tet-components/{p-bbd8f904.entry.js → p-f116f601.entry.js} +1 -1
- package/dist/tet-components/{p-f72bba9f.entry.js → p-f4df5d30.entry.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-4e9cba3e.entry.js → p-f8a234fe.entry.js} +1 -1
- package/dist/tet-components/{p-81987791.entry.js → p-fe8a8b4d.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-660bdc27.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-5abb3bea.js";import{t as n}from"./p-850594d3.js";import{a as i}from"./p-713fff27.js";import"./p-9a2b6ee2.js";import"./p-fa674b43.js";const r=class{constructor(o){t(this,o),this.isPhoneNumber=!1,this.errorMessages=[],this.class="",this.placeholder="",this.type="text",this.value="",this.disabled=!1,this.readonly=!1,this.error=!1,this.label="",this.accessibilityLabel="",this.iconLeft="",this.iconRight="",this.iconLeftAccessibilityLabel=void 0,this.iconRightAccessibilityLabel=void 0,this.iconLeftClickCallback=void 0,this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="classic",this.autocomplete="off",this.maxlength=void 0,this.inputTabindex=void 0,this.isKeyboardFocus=!0,this.focusVisible=!1}inputHtmlElement;componentDidLoad(){this.manualValidation||this.inputHtmlElement.addEventListener("input",(t=>{this.validateInputValue(t.target.value)}))}async getInputHtmlElement(){return this.inputHtmlElement}onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};async getErrors(){return this.errorMessages}async clearErrors(){this.errorMessages=[]}async validateInput(){return this.validateInputValue(this.inputHtmlElement.value),this.getErrors()}validateInputValue=t=>{this.errorMessages=(t=>this.validators.map((o=>o.validate(t)?"":o.getErrorMessage())).filter(Boolean))(t)};preventIconMouseDown(t){t.preventDefault()}renderIcon=(t,e,r)=>{const a=Boolean(r),s="left"===e?this.iconLeftAccessibilityLabel:this.iconRightAccessibilityLabel??n("components-input-icon-right-default-label");return o("tet-icon",{name:t,class:{icon:!0,"icon-left":"left"===e,"icon-right":"right"===e,clickable:a},onMouseDown:a?this.preventIconMouseDown:void 0,onClick:r,accessibilityLabel:a?s:"",onKeyDown:i})};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-input__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-input__error-message"},n(t)))));render(){const t=this.class?.split(" ").filter(Boolean)??[],n={"tet-input__base":!0,[`tet-input__${this.theme}`]:!0,"with-icon--left":!!this.iconLeft,"with-icon--right":!!this.iconRight,"with-prefix":this.isPhoneNumber,error:this.error||this.errorMessages.length>0,"keyboard-focus":this.focusVisible,...t.reduce(((t,o)=>({...t,[o]:!0})),{})};return o(e,null,o("label",{class:{[`${this.theme}`]:!0}},this.label&&o("span",{class:{"tet-input__label":!0,[`tet-input__${this.theme}`]:!0}},this.label),o("div",{class:{"input-container":!0,[`tet-input__${this.theme}`]:!0}},this.isPhoneNumber&&o("span",{class:"tet-input__prefix"},"+371 |"),o("input",{onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,class:n,placeholder:this.placeholder,type:this.type,value:this.value,ref:t=>this.inputHtmlElement=t,disabled:this.disabled,autoComplete:this.autocomplete?this.autocomplete:"off",maxlength:this.maxlength,readOnly:this.readonly,...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{},...this.inputTabindex?{tabindex:this.inputTabindex}:{}}),!!this.iconLeft&&this.renderIcon(this.iconLeft,"left",this.iconLeftClickCallback),!!this.iconRight&&this.renderIcon(this.iconRight,"right",this.iconRightClickCallback),o("slot",null))),this.errorMessages.length>0&&this.renderErrorMessages())}};r.style='.sc-tet-input-h{box-sizing:border-box}*.sc-tet-input,*.sc-tet-input:before,*.sc-tet-input:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-input-h{--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.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e85a"}.icon.tet-close.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e86c"}.icon.tet-check.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e86a"}.icon.tet-info.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e81d"}.icon.tet-done.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::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")}.sc-tet-input-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-input-h{--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)}.sc-tet-input:root,.sc-tet-input-h{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark.sc-tet-input,.tet-textarea__dark.sc-tet-input{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint.sc-tet-input{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light.sc-tet-input,.tet-textarea__light.sc-tet-input{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original.sc-tet-input{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base.sc-tet-input,.tet-textarea__base.sc-tet-input{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem}.tet-input__base.sc-tet-input::placeholder,.tet-textarea__base.sc-tet-input::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled].sc-tet-input,.tet-textarea__base[disabled].sc-tet-input{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base.sc-tet-input:not(:disabled).error,.tet-textarea__base.sc-tet-input:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base.sc-tet-input:not(:disabled):hover,.tet-textarea__base.sc-tet-input:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base.sc-tet-input:not(:disabled):focus,.tet-input__base.sc-tet-input:not(:disabled):active,.tet-textarea__base.sc-tet-input:not(:disabled):focus,.tet-textarea__base.sc-tet-input:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error.sc-tet-input:not(:disabled).keyboard-focus,.tet-textarea__base.error.sc-tet-input:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base.sc-tet-input{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label.sc-tet-input,.tet-textarea__label.sc-tet-input{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original.sc-tet-input,.tet-textarea__label.tet-input__mint-original.sc-tet-input{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input,.tet-textarea__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input{color:var(--input-disabled-label-color)}.tet-input__error-message.sc-tet-input,.tet-textarea__error-message.sc-tet-input{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors.sc-tet-input{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden.sc-tet-input{display:none}.sc-tet-input-h{display:block}.input-container.sc-tet-input{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container.sc-tet-input:focus-within .icon.sc-tet-input{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix.sc-tet-input{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:var(--input-font-size);color:var(--input-placeholder-color);background:none;user-select:none;white-space:nowrap;pointer-events:none;z-index:2}.tet-input__base.with-prefix.sc-tet-input{padding-left:4rem}.tet-input__base.with-icon--left.sc-tet-input{padding-left:2.5rem}.tet-input__base.with-icon--right.sc-tet-input{padding-right:2.5rem}.tet-input__base.sc-tet-input:disabled~tet-icon.sc-tet-input{--input-icon-color:var(--input-disabled-icon-color)}.icon.sc-tet-input{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable.sc-tet-input{cursor:pointer}.icon.clickable.sc-tet-input:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left.sc-tet-input{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right.sc-tet-input{right:0.75rem}';export{r as tet_input}
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-83f43fdd.js";import{t as n}from"./p-2358a695.js";import{a as i}from"./p-713fff27.js";import"./p-9a2b6ee2.js";import"./p-3e60d61c.js";const r=class{constructor(o){t(this,o),this.isPhoneNumber=!1,this.errorMessages=[],this.class="",this.placeholder="",this.type="text",this.value="",this.disabled=!1,this.readonly=!1,this.error=!1,this.label="",this.accessibilityLabel="",this.iconLeft="",this.iconRight="",this.iconLeftAccessibilityLabel=void 0,this.iconRightAccessibilityLabel=void 0,this.iconLeftClickCallback=void 0,this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="classic",this.autocomplete="off",this.maxlength=void 0,this.inputTabindex=void 0,this.isKeyboardFocus=!0,this.focusVisible=!1}inputHtmlElement;componentDidLoad(){this.manualValidation||this.inputHtmlElement.addEventListener("input",(t=>{this.validateInputValue(t.target.value)}))}async getInputHtmlElement(){return this.inputHtmlElement}onKeyDown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onMouseDown(){this.isKeyboardFocus=!1,this.focusVisible=!1}addKeyboardFocus=()=>{this.focusVisible=this.isKeyboardFocus};removeKeyboardFocus=()=>{this.focusVisible=!1};async getErrors(){return this.errorMessages}async clearErrors(){this.errorMessages=[]}async validateInput(){return this.validateInputValue(this.inputHtmlElement.value),this.getErrors()}validateInputValue=t=>{this.errorMessages=(t=>this.validators.map((o=>o.validate(t)?"":o.getErrorMessage())).filter(Boolean))(t)};preventIconMouseDown(t){t.preventDefault()}renderIcon=(t,e,r)=>{const a=Boolean(r),s="left"===e?this.iconLeftAccessibilityLabel:this.iconRightAccessibilityLabel??n("components-input-icon-right-default-label");return o("tet-icon",{name:t,class:{icon:!0,"icon-left":"left"===e,"icon-right":"right"===e,clickable:a},onMouseDown:a?this.preventIconMouseDown:void 0,onClick:r,accessibilityLabel:a?s:"",onKeyDown:i})};renderErrorMessages=()=>o("div",{class:{errors:!0,[`tet-input__${this.theme}`]:!0,"errors--hidden":this.disabled}},this.errorMessages.map((t=>o("p",{class:"tet-input__error-message"},n(t)))));render(){const t=this.class?.split(" ").filter(Boolean)??[],n={"tet-input__base":!0,[`tet-input__${this.theme}`]:!0,"with-icon--left":!!this.iconLeft,"with-icon--right":!!this.iconRight,"with-prefix":this.isPhoneNumber,error:this.error||this.errorMessages.length>0,"keyboard-focus":this.focusVisible,...t.reduce(((t,o)=>({...t,[o]:!0})),{})};return o(e,null,o("label",{class:{[`${this.theme}`]:!0}},this.label&&o("span",{class:{"tet-input__label":!0,[`tet-input__${this.theme}`]:!0}},this.label),o("div",{class:{"input-container":!0,[`tet-input__${this.theme}`]:!0}},this.isPhoneNumber&&o("span",{class:"tet-input__prefix"},"+371 |"),o("input",{onFocus:this.addKeyboardFocus,onFocusout:this.removeKeyboardFocus,class:n,placeholder:this.placeholder,type:this.type,value:this.value,ref:t=>this.inputHtmlElement=t,disabled:this.disabled,autoComplete:this.autocomplete?this.autocomplete:"off",maxlength:this.maxlength,readOnly:this.readonly,...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{},...this.inputTabindex?{tabindex:this.inputTabindex}:{}}),!!this.iconLeft&&this.renderIcon(this.iconLeft,"left",this.iconLeftClickCallback),!!this.iconRight&&this.renderIcon(this.iconRight,"right",this.iconRightClickCallback),o("slot",null))),this.errorMessages.length>0&&this.renderErrorMessages())}};r.style='.sc-tet-input-h{box-sizing:border-box}*.sc-tet-input,*.sc-tet-input:before,*.sc-tet-input:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-input-h{--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.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e85a"}.icon.tet-close.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e86c"}.icon.tet-check.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e86a"}.icon.tet-info.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::before{content:"\\e81d"}.icon.tet-done.sc-tet-input{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;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.sc-tet-input::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")}.sc-tet-input-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-input-h{--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)}.sc-tet-input:root,.sc-tet-input-h{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark.sc-tet-input,.tet-textarea__dark.sc-tet-input{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint.sc-tet-input{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light.sc-tet-input,.tet-textarea__light.sc-tet-input{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original.sc-tet-input{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base.sc-tet-input,.tet-textarea__base.sc-tet-input{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem}.tet-input__base.sc-tet-input::placeholder,.tet-textarea__base.sc-tet-input::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original.sc-tet-input:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled].sc-tet-input,.tet-textarea__base[disabled].sc-tet-input{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base.sc-tet-input:not(:disabled).error,.tet-textarea__base.sc-tet-input:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base.sc-tet-input:not(:disabled):hover,.tet-textarea__base.sc-tet-input:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base.sc-tet-input:not(:disabled):focus,.tet-input__base.sc-tet-input:not(:disabled):active,.tet-textarea__base.sc-tet-input:not(:disabled):focus,.tet-textarea__base.sc-tet-input:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus.sc-tet-input:focus,.tet-textarea__base.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error.sc-tet-input:not(:disabled).keyboard-focus,.tet-textarea__base.error.sc-tet-input:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base.sc-tet-input{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label.sc-tet-input,.tet-textarea__label.sc-tet-input{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original.sc-tet-input,.tet-textarea__label.tet-input__mint-original.sc-tet-input{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input,.tet-textarea__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input{color:var(--input-disabled-label-color)}.tet-input__error-message.sc-tet-input,.tet-textarea__error-message.sc-tet-input{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors.sc-tet-input{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden.sc-tet-input{display:none}.sc-tet-input-h{display:block}.input-container.sc-tet-input{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container.sc-tet-input:focus-within .icon.sc-tet-input{--input-icon-color:var(--input-focus-icon-color)}.tet-input__prefix.sc-tet-input{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:var(--input-font-size);color:var(--input-placeholder-color);background:none;user-select:none;white-space:nowrap;pointer-events:none;z-index:2}.tet-input__base.with-prefix.sc-tet-input{padding-left:4rem}.tet-input__base.with-icon--left.sc-tet-input{padding-left:2.5rem}.tet-input__base.with-icon--right.sc-tet-input{padding-right:2.5rem}.tet-input__base.sc-tet-input:disabled~tet-icon.sc-tet-input{--input-icon-color:var(--input-disabled-icon-color)}.icon.sc-tet-input{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable.sc-tet-input{cursor:pointer}.icon.clickable.sc-tet-input:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left.sc-tet-input{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right.sc-tet-input{right:0.75rem}';export{r as tet_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e}from"./p-
|
|
1
|
+
import{e}from"./p-3e60d61c.js";import{A as r}from"./p-ddaea568.js";const s=s=>{const t=e.createCallCenterTask;return(new r).setUrl(t).setData(s).setOptions({method:"POST"}).setErrorFallbackValue({TaskId:null}).execute()};class t{errorMessage;latvianPhoneNumberRegex="^(((\\+371|00371)[26])|[26])([0-9]{7}$)";phoneNumberRegex="^(?:00|\\+)\\d+$";constructor(e){this.errorMessage=e}getErrorMessage(){return this.errorMessage}validate(e){const r=e.trim();return"2"===r.slice(0,1)||"6"===r.slice(0,1)||"+371"===r.slice(0,4)||"00371"===r.slice(0,5)?RegExp(this.latvianPhoneNumberRegex).test(r):RegExp(this.phoneNumberRegex).test(r)}}export{t as P,s as c}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as t,r as o,c as i,f as e,h as a,H as n}from"./p-5abb3bea.js";import{T as r,a as s}from"./p-660bdc27.js";import{e as c}from"./p-fa674b43.js";import{A as l}from"./p-1ff7148a.js";import{p as m,t as f}from"./p-850594d3.js";import"./p-2dbe670c.js";import"./p-9a2b6ee2.js";const d={testing:{baseUrl:"https://tst-pieteikties.tet.lv"},staging:{baseUrl:"https://uat-pieteikties.tet.lv"},production:{baseUrl:"https://pieteikties.tet.lv"}}[t.environment]??{},h={testing:{baseUrl:"https://mans-pretest.tet.lv/mytet"},staging:{baseUrl:"https://mans-accept.tet.lv/mytet"},production:{baseUrl:"https://mans.tet.lv/mytet"}}[t.environment]??{},g=class{constructor(t){o(this,t),this.selectedMacdOrderType=i(this,"selectedMacdOrderType",7),this.openCommunication=i(this,"openCommunication",7),this.errorLoading=i(this,"errorLoading",7),this.communicationDialogResponse=i(this,"communicationDialogResponse",7),this.language="lv",this.theme=r.LIGHT,this.showErrorNotification=!1,this.showLoader=!0,this.loaderHeight="17.8125rem",this.accessToken=void 0,this.eventsOnly=!1,this.hideUnavailable=!1,this.assetId=void 0,this.accountNumber=void 0,this.macdOrderTypes=[],this.ignoredMacdOrderTypes=[],this.suspendFn=void 0,this.changeOfPlanFn=void 0,this.promotionChangeFn=void 0,this.ceaseFn=void 0,this.modifyFn=void 0}modalDialogEl;modalTitle;modalContent;communicationRedirectUrl;currentMacdOrderTypes=[];onLanguageChange(t){m("macd",t).then((()=>e(this)))}async setAccessToken(t){t?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}setMacdOrderTypes(t){Array.isArray(t)&&t.length>0&&(this.currentMacdOrderTypes=[...t])}selectedMacdOrderType;openCommunication;errorLoading;communicationDialogResponse;async componentWillLoad(){await m("macd",this.language),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:"acb9e94e7c7c598a495a35fe7b4917316bc5e31b"},a("div",{key:"cc7544efffc227be12530fd85cb0f2f59c205848",class:"wrapper"},a(s,{key:"92bdc621481b625fc405380ed498bbe2d5cc9901",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-83f43fdd.js";import{T as r,a as s}from"./p-f81d95ae.js";import{e as c}from"./p-3e60d61c.js";import{A as l}from"./p-ddaea568.js";import{p as m,t as f}from"./p-2358a695.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(){await m("macd",this.language),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:"acb9e94e7c7c598a495a35fe7b4917316bc5e31b"},a("div",{key:"cc7544efffc227be12530fd85cb0f2f59c205848",class:"wrapper"},a(s,{key:"92bdc621481b625fc405380ed498bbe2d5cc9901",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 o,h as t,H as e}from"./p-
|
|
1
|
+
import{r as o,h as t,H as e}from"./p-83f43fdd.js";const n=class{constructor(t){o(this,t),this.width="100%",this.height="auto",this.darkTheme=!1}render(){return t(e,{key:"fc3198f44f5c197c90bf8f6e652e7da7dc4d08b9",style:{width:this.width,height:this.height}},t("div",{key:"5fbe8f34374b9c42ee237dbfa2a3151bfb4b0ed1",class:{placeholder:!0,"dark-theme":this.darkTheme},style:{height:this.height}}))}};n.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--placeholder-primary-background-color:#eeeeee;--placeholder-secondary-background-color:#dddddd;--placeholder-animation-speed:2s;--placeholder-border-radius:0.3125rem;--placeholder-min-height:2em;display:block;min-height:var(--placeholder-min-height)}.dark-theme{--placeholder-primary-background-color:#111111;--placeholder-secondary-background-color:#222222}@keyframes animatedBackground{from{background-position-x:-100vw}to{background-position-x:100vw}}.placeholder{display:block;min-height:var(--placeholder-min-height);border-radius:var(--placeholder-border-radius);background-image:linear-gradient(90deg, var(--placeholder-primary-background-color) 0%, var(--placeholder-secondary-background-color) 50%, var(--placeholder-primary-background-color) 100%);background-position:0 0;background-repeat:repeat;animation:animatedBackground var(--placeholder-animation-speed) linear infinite}';export{n as tet_placeholder}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,g as t,h as i,H as n}from"./p-5abb3bea.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="info-circle";ICON_CHECK="check-circle";ICON_ATTENTION="attention";ICON_CLOSE="close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent||o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/3*2,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"e3e9bf136a9a69eeac3a7421fd9849ca78bf525b"},i("div",{key:"44b7741f55a7d89f22de4e1b53ca31dd4d04d4f2",class:{notification:!0,[this.theme]:!0}},i("div",{key:"23d1cbf818e3bdffc950314b75babc8cd402f964",class:{item:!0,[this.type]:!0}},i("div",{key:"87d1ab660e7d14e7a297bb93b19178e43ae5d03e",class:"header"},this.renderTypeIcon(),i("div",{key:"8857b530ace215d9d37c5c45093ebcd8a7d7e128",class:"title"},o),this.renderCloseButton()),i("div",{key:"3d673f1e372ef8f76d904ee9ef1af1b71bb04da7",class:"content"},i("span",{key:"fc0bc9a80738e84d3da9873200d2fdffe371a50c",innerHTML:t}),i("div",{key:"e36383369f2336e74c08bc7eb1521964d495ed22"},i("slot",{key:"9969a2013fbb697f8d1f7c60a381f12cc45577c3",name:"button"}))))))}};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)}@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")}: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-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;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{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}
|
|
1
|
+
import{r as o,g as t,h as i,H as n}from"./p-83f43fdd.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="info-circle";ICON_CHECK="check-circle";ICON_ATTENTION="attention";ICON_CLOSE="close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent||o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/3*2,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"e3e9bf136a9a69eeac3a7421fd9849ca78bf525b"},i("div",{key:"44b7741f55a7d89f22de4e1b53ca31dd4d04d4f2",class:{notification:!0,[this.theme]:!0}},i("div",{key:"23d1cbf818e3bdffc950314b75babc8cd402f964",class:{item:!0,[this.type]:!0}},i("div",{key:"87d1ab660e7d14e7a297bb93b19178e43ae5d03e",class:"header"},this.renderTypeIcon(),i("div",{key:"8857b530ace215d9d37c5c45093ebcd8a7d7e128",class:"title"},o),this.renderCloseButton()),i("div",{key:"3d673f1e372ef8f76d904ee9ef1af1b71bb04da7",class:"content"},i("span",{key:"fc0bc9a80738e84d3da9873200d2fdffe371a50c",innerHTML:t}),i("div",{key:"e36383369f2336e74c08bc7eb1521964d495ed22"},i("slot",{key:"9969a2013fbb697f8d1f7c60a381f12cc45577c3",name:"button"}))))))}};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)}@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")}: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-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;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{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as r,h as a,H as s}from"./p-5abb3bea.js";import{a as o}from"./p-a9634fae.js";const i=class{constructor(r){e(this,r),this.select=t(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.disabled=!1,this.mode="tab-header",this.accessibilityLabel="",this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.showOverflowGradients=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.effectivePosition="left",this.hasOverflowLeft=!1,this.hasOverflowRight=!1,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;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return r(this)}select;async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")||(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type||"square-detached"===this.type}get isSwitchMode(){return"switch"===this.mode}get isSwitchDisabled(){return this.isSwitchMode&&this.disabled}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}onDisabledChange(){this.initTabHeaders()}setTabAccessibility(e,t,r){const a=this.isSwitchMode&&(this.isSwitchDisabled||e.classList.contains("disabled"));if(e.setAttribute("tabIndex",r&&!a?"0":"-1"),this.isSwitchMode)return e.setAttribute("role","radio"),e.setAttribute("aria-checked",`${r}`),a?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.removeAttribute("aria-selected"),void e.removeAttribute("aria-controls");e.setAttribute("role","tab"),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`),e.setAttribute("aria-selected",`${r}`),e.removeAttribute("aria-checked")}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`);const r=this.isSwitchDisabled||e.classList.contains("disabled"),a=e.classList.contains("active");if(this.setTabAccessibility(e,t,a),!r&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const r=()=>{this.isDragging||this.selectTab(e.getAttribute("data-name")||t)},a=t=>{const{key:r}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(r)){t.preventDefault();const a=this.tabHeadersNotDisabled.indexOf(e);let s;switch(r){case"ArrowRight":s=a+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=a-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const o=this.tabHeadersNotDisabled[s];o.focus(),o.click()}};e.addEventListener("click",r),e.addEventListener("keydown",a),this.tabListeners.set(e,{click:r,keydown:a})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t){const r=e.getAttribute("data-image-active"),a=e.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=t,s.alt=a,s.draggable=!1,s.classList.add("tab-header-image"),"square-detached"===this.type?(s.style.filter="var(--square-detached-img-filter, none)",s.style.maxWidth="var(--square-detached-logo-max-w, 100%)",s.style.maxHeight="var(--square-detached-logo-max-h, 100%)",s.style.objectFit="contain"):s.style.maxHeight="1.5rem",e.appendChild(s),r){const t=document.createElement("img");t.src=r,t.alt=a,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const t=this.getTabElement(this.selectedId),r=t.parentNode.getBoundingClientRect(),a=t.getBoundingClientRect();if(this.segmentAnimation={width:`${a.width}px`,position:`${a.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,r=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(r.width/2+r.left)})}}async selectTab(e,t=!0,r=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach(((e,t)=>{e.classList.remove("active"),this.setTabAccessibility(e,t,!1);const r=e.querySelector("img.tab-header-image.active");r&&(r.style.display="none");const a=e.querySelector("img.tab-header-image.default");a&&(a.style.display="inline-block")}));const a=this.getTabElement(e);if(null===a)return;if(r&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=a.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}a.classList.add("active"),this.setTabAccessibility(a,this.tabHeaders.indexOf(a),!0),this.applyPillIconColor();const s=a.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const e=a.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=o(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:r}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":r}}return{}}render(){const e=this.showOverflowGradients;return a(s,{key:"7ec1139f579ef209df0af5bb1a0c2c318441aa35","data-id-suffix":this.idSuffix},a("div",{key:"46912061c10409706acaf76a5814622ae201e198",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--disabled":this.isSwitchDisabled,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:this.isSwitchMode?"radiogroup":"tablist","aria-label":this.isSwitchMode&&this.accessibilityLabel?this.accessibilityLabel:void 0,"aria-orientation":this.isSwitchMode?"horizontal":void 0,"aria-disabled":this.isSwitchDisabled?"true":void 0},e&&a("div",{key:"77dd73bfb3eb00358c1f5dea34e2cedf8d4a998d",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),a("slot",{key:"7eff26bd0244486f28be39bb64245c3ef8dee0fb",onSlotchange:()=>this.updatePositionClass(),ref:e=>this.tabContainer=e}),e&&a("div",{key:"a1c5faa59e7f3a62f8062ec2dc74706e35f7f766",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),a("div",{key:"cca3b3b98de15f8367720adf3d74b140f50c7d5a",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"],disabled:["onDisabledChange"]}}};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;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);--tabs-headers-square-detached-button-max-width-default:7rem;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-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-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);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;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem}.tabs.square-detached ::slotted(*){display:flex;flex:1;min-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));max-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:unset}.tabs.square-detached ::slotted(:last-child){margin-right:unset}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(*){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(*){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;--tabs-headers-square-detached-button-max-width-default:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(*){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;--tabs-headers-square-detached-button-max-width-default:17.25rem;min-width:12.25rem !important;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.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.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.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);cursor:not-allowed}.tabs--segmented.tabs--disabled{border:none;--tabs-headers-segmented-background-color:var(--tc-layer-secondary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:none}.tabs--segmented.tabs--disabled ::slotted(*){color:var(--tc-grey-40);cursor:not-allowed}.tabs--segmented.tabs--disabled ::slotted(.active){color:var(--tc-grey-50)}.tabs--segmented.tabs--disabled.dark,.tabs--segmented.tabs--disabled.dark-gray{--tabs-headers-segmented-background-color:var(--tc-layer-secondary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(*),.tabs--segmented.tabs--disabled.dark-gray ::slotted(*){color:var(--tc-grey-40-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(.active),.tabs--segmented.tabs--disabled.dark-gray ::slotted(.active){color:var(--tc-grey-50-dark)}.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 e,c as t,g as r,h as a,H as s}from"./p-83f43fdd.js";import{a as o}from"./p-a9634fae.js";const i=class{constructor(r){e(this,r),this.select=t(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.disabled=!1,this.mode="tab-header",this.accessibilityLabel="",this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.showOverflowGradients=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.effectivePosition="left",this.hasOverflowLeft=!1,this.hasOverflowRight=!1,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;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return r(this)}select;async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")||(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type||"square-detached"===this.type}get isSwitchMode(){return"switch"===this.mode}get isSwitchDisabled(){return this.isSwitchMode&&this.disabled}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}onDisabledChange(){this.initTabHeaders()}setTabAccessibility(e,t,r){const a=this.isSwitchMode&&(this.isSwitchDisabled||e.classList.contains("disabled"));if(e.setAttribute("tabIndex",r&&!a?"0":"-1"),this.isSwitchMode)return e.setAttribute("role","radio"),e.setAttribute("aria-checked",`${r}`),a?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.removeAttribute("aria-selected"),void e.removeAttribute("aria-controls");e.setAttribute("role","tab"),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`),e.setAttribute("aria-selected",`${r}`),e.removeAttribute("aria-checked")}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`);const r=this.isSwitchDisabled||e.classList.contains("disabled"),a=e.classList.contains("active");if(this.setTabAccessibility(e,t,a),!r&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const r=()=>{this.isDragging||this.selectTab(e.getAttribute("data-name")||t)},a=t=>{const{key:r}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(r)){t.preventDefault();const a=this.tabHeadersNotDisabled.indexOf(e);let s;switch(r){case"ArrowRight":s=a+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=a-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const o=this.tabHeadersNotDisabled[s];o.focus(),o.click()}};e.addEventListener("click",r),e.addEventListener("keydown",a),this.tabListeners.set(e,{click:r,keydown:a})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t){const r=e.getAttribute("data-image-active"),a=e.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=t,s.alt=a,s.draggable=!1,s.classList.add("tab-header-image"),"square-detached"===this.type?(s.style.filter="var(--square-detached-img-filter, none)",s.style.maxWidth="var(--square-detached-logo-max-w, 100%)",s.style.maxHeight="var(--square-detached-logo-max-h, 100%)",s.style.objectFit="contain"):s.style.maxHeight="1.5rem",e.appendChild(s),r){const t=document.createElement("img");t.src=r,t.alt=a,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const t=this.getTabElement(this.selectedId),r=t.parentNode.getBoundingClientRect(),a=t.getBoundingClientRect();if(this.segmentAnimation={width:`${a.width}px`,position:`${a.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,r=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(r.width/2+r.left)})}}async selectTab(e,t=!0,r=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach(((e,t)=>{e.classList.remove("active"),this.setTabAccessibility(e,t,!1);const r=e.querySelector("img.tab-header-image.active");r&&(r.style.display="none");const a=e.querySelector("img.tab-header-image.default");a&&(a.style.display="inline-block")}));const a=this.getTabElement(e);if(null===a)return;if(r&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=a.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}a.classList.add("active"),this.setTabAccessibility(a,this.tabHeaders.indexOf(a),!0),this.applyPillIconColor();const s=a.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const e=a.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=o(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:r}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":r}}return{}}render(){const e=this.showOverflowGradients;return a(s,{key:"7ec1139f579ef209df0af5bb1a0c2c318441aa35","data-id-suffix":this.idSuffix},a("div",{key:"46912061c10409706acaf76a5814622ae201e198",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--disabled":this.isSwitchDisabled,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:this.isSwitchMode?"radiogroup":"tablist","aria-label":this.isSwitchMode&&this.accessibilityLabel?this.accessibilityLabel:void 0,"aria-orientation":this.isSwitchMode?"horizontal":void 0,"aria-disabled":this.isSwitchDisabled?"true":void 0},e&&a("div",{key:"77dd73bfb3eb00358c1f5dea34e2cedf8d4a998d",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),a("slot",{key:"7eff26bd0244486f28be39bb64245c3ef8dee0fb",onSlotchange:()=>this.updatePositionClass(),ref:e=>this.tabContainer=e}),e&&a("div",{key:"a1c5faa59e7f3a62f8062ec2dc74706e35f7f766",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),a("div",{key:"cca3b3b98de15f8367720adf3d74b140f50c7d5a",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"],disabled:["onDisabledChange"]}}};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;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);--tabs-headers-square-detached-button-max-width-default:7rem;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-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-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);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;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem}.tabs.square-detached ::slotted(*){display:flex;flex:1;min-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));max-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:unset}.tabs.square-detached ::slotted(:last-child){margin-right:unset}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(*){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(*){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;--tabs-headers-square-detached-button-max-width-default:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(*){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;--tabs-headers-square-detached-button-max-width-default:17.25rem;min-width:12.25rem !important;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.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.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.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);cursor:not-allowed}.tabs--segmented.tabs--disabled{border:none;--tabs-headers-segmented-background-color:var(--tc-layer-secondary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:none}.tabs--segmented.tabs--disabled ::slotted(*){color:var(--tc-grey-40);cursor:not-allowed}.tabs--segmented.tabs--disabled ::slotted(.active){color:var(--tc-grey-50)}.tabs--segmented.tabs--disabled.dark,.tabs--segmented.tabs--disabled.dark-gray{--tabs-headers-segmented-background-color:var(--tc-layer-secondary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(*),.tabs--segmented.tabs--disabled.dark-gray ::slotted(*){color:var(--tc-grey-40-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(.active),.tabs--segmented.tabs--disabled.dark-gray ::slotted(.active){color:var(--tc-grey-50-dark)}.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}
|