@tet/tet-components 1.4.68-staging → 1.4.68-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-f852270f.js → address-656e77f6.js} +1 -1
- package/dist/cjs/{assets-b9d36649.js → assets-f64f0e16.js} +1 -1
- package/dist/cjs/{async-request-4517f566.js → async-request-fcf33aba.js} +1 -1
- package/dist/cjs/{http-codes-062f76cf.js → http-codes-40da1e61.js} +1 -1
- package/dist/cjs/{index-faec4c52.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-19a7608f.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-d6be0dd2.js → phone-055efd07.js} +2 -2
- package/dist/cjs/{product-comparison-aa80a77c.js → product-comparison-88a89820.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-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 +1 -1
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-46514846.js → theme-wrapper-66880718.js} +2 -2
- package/dist/cjs/{translations-89a0ec3d.js → translations-03c9de64.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-3f70a86a.js → p-05a4a88a.js} +2 -2
- package/dist/components/{p-d92091d6.js → p-1281b61e.js} +2 -2
- package/dist/components/{p-b4ccc509.js → p-189a37d2.js} +5 -5
- package/dist/components/{p-1a0a5e0b.js → p-1942f0f5.js} +3 -3
- package/dist/components/{p-b520b98a.js → p-1a84e464.js} +6 -6
- package/dist/components/{p-0c48b91d.js → p-22b05881.js} +3 -3
- package/dist/components/{p-4a8127bf.js → p-23f7b264.js} +6 -6
- package/dist/components/{p-aa122c92.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-a2b1a79a.js → p-25ea4db6.js} +1 -1
- package/dist/components/{p-d9008657.js → p-2be031c9.js} +9 -9
- package/dist/components/{p-72ab8bd5.js → p-2f7b2d35.js} +1 -1
- package/dist/components/{p-d0df24b6.js → p-3c404244.js} +1 -1
- package/dist/components/{p-a4099430.js → p-411270c6.js} +2 -2
- package/dist/components/{p-08612744.js → p-42d78188.js} +7 -7
- package/dist/components/{p-3493f65f.js → p-4468c9e9.js} +1 -1
- package/dist/components/{p-9972183e.js → p-454eccfc.js} +3 -3
- package/dist/components/{p-25538d98.js → p-4d181fc9.js} +5 -5
- package/dist/components/{p-3e36e361.js → p-5a41a155.js} +4 -4
- package/dist/components/{p-1585767d.js → p-61ba5ba1.js} +1 -1
- package/dist/components/{p-785629c2.js → p-68c6a6d2.js} +1 -1
- package/dist/components/{p-65955941.js → p-69ddd50b.js} +6 -6
- package/dist/components/{p-7f14c72a.js → p-6b6e4f80.js} +1 -1
- package/dist/components/{p-d2a24b94.js → p-70507bfc.js} +1 -1
- package/dist/components/{p-1cc1a7b5.js → p-70a6ba6c.js} +14 -14
- package/dist/components/{p-3fef4912.js → p-72215a89.js} +2 -2
- package/dist/components/{p-446fe76d.js → p-734f67c5.js} +1 -1
- package/dist/components/{p-503abf7a.js → p-789bee5f.js} +1 -1
- package/dist/components/{p-3a347581.js → p-79e64e7a.js} +2 -2
- package/dist/components/{p-4ca8db20.js → p-7cd73a11.js} +3 -3
- package/dist/components/{p-a40527e5.js → p-806583bf.js} +4 -4
- package/dist/components/{p-fcf4aad0.js → p-809b2c68.js} +3 -3
- package/dist/components/{p-05f9e34d.js → p-8803338b.js} +1 -1
- package/dist/components/{p-57b59a16.js → p-8cd5cc24.js} +2 -2
- package/dist/components/{p-e7e499ef.js → p-8f3097ac.js} +10 -10
- package/dist/components/{p-9568c281.js → p-8f9ff447.js} +2 -2
- package/dist/components/{p-d8eb751f.js → p-a004fba4.js} +2 -2
- package/dist/components/{p-4606f4f9.js → p-a46ed058.js} +1 -1
- package/dist/components/{p-0dc23dbb.js → p-a57638be.js} +1 -1
- package/dist/components/{p-8a9be4ba.js → p-a6c51126.js} +2 -2
- package/dist/components/{p-b8e53499.js → p-ac8ad039.js} +1 -1
- package/dist/components/{p-a79cb5c9.js → p-b51591ec.js} +1 -1
- package/dist/components/{p-538a0e87.js → p-b63a7833.js} +3 -3
- package/dist/components/{p-926949eb.js → p-b7eb822d.js} +1 -1
- package/dist/components/{p-1c324769.js → p-c7f783f8.js} +7 -7
- package/dist/components/{p-d34a8ce6.js → p-cd88c18e.js} +7 -7
- package/dist/components/{p-8e3c606a.js → p-d2906f29.js} +3 -3
- package/dist/components/{p-95b43510.js → p-d5d6ad18.js} +2 -2
- package/dist/components/{p-6d79283f.js → p-d659d0dc.js} +1 -1
- package/dist/components/{p-9ccfc5fc.js → p-d6c8d210.js} +10 -10
- package/dist/components/{p-1bfee463.js → p-d840d114.js} +1 -1
- package/dist/components/{p-3794206a.js → p-dab4d025.js} +1 -1
- package/dist/components/{p-43ae78c6.js → p-de671173.js} +1 -1
- package/dist/components/{p-9e4881fa.js → p-e72337be.js} +1 -1
- package/dist/components/{p-5fb97604.js → p-e8595e06.js} +2 -2
- package/dist/components/{p-5c4dbc29.js → p-eabd73fc.js} +3 -3
- package/dist/components/{p-d6e2d762.js → p-ecb62209.js} +1 -1
- package/dist/components/{p-89110d69.js → p-efa3ec10.js} +2 -2
- package/dist/components/{p-5f9d5d42.js → p-f6c678ae.js} +2 -2
- package/dist/components/{p-6e8583d1.js → p-f6e855a8.js} +7 -7
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-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 +2 -2
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-20e2d850.js → address-1e0810e7.js} +1 -1
- package/dist/esm/{assets-894007df.js → assets-e1349520.js} +1 -1
- package/dist/esm/{async-request-ae1056de.js → async-request-4c945e13.js} +1 -1
- package/dist/esm/{http-codes-cf0086d4.js → http-codes-1927ea00.js} +1 -1
- package/dist/esm/{index-e3209c56.js → index-412df137.js} +1 -1
- package/dist/esm/{index-e933a7d2.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-62660137.js → phone-1a920c5c.js} +2 -2
- package/dist/esm/{product-comparison-cb8955f6.js → product-comparison-dd90c721.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-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 +1 -1
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-cf4d7d54.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-e60db8fd.js → translations-4712c45f.js} +1 -1
- package/dist/tet-components/{p-58313d11.entry.js → p-003e17a0.entry.js} +1 -1
- package/dist/tet-components/{p-c9ddf890.js → p-0c6b6730.js} +1 -1
- package/dist/tet-components/{p-a4ab521b.entry.js → p-0ce56ec9.entry.js} +1 -1
- package/dist/tet-components/{p-726651bc.js → p-0ebbf5ef.js} +1 -1
- package/dist/tet-components/{p-18c74666.entry.js → p-1080e977.entry.js} +1 -1
- package/dist/tet-components/{p-548d7cc1.entry.js → p-122f3d3c.entry.js} +1 -1
- package/dist/tet-components/{p-25416a3a.entry.js → p-158f319b.entry.js} +1 -1
- package/dist/tet-components/{p-39ce6062.entry.js → p-1fbb7d96.entry.js} +1 -1
- package/dist/tet-components/{p-b92dff8a.js → p-1fd2adaf.js} +1 -1
- package/dist/tet-components/{p-ceff5b1f.entry.js → p-1ff1f044.entry.js} +1 -1
- package/dist/tet-components/{p-fbc6cc0a.entry.js → p-255cd889.entry.js} +1 -1
- package/dist/tet-components/{p-08aeaafd.entry.js → p-25bb7d4f.entry.js} +1 -1
- package/dist/tet-components/{p-fcbb1ac6.entry.js → p-25e48d9f.entry.js} +1 -1
- package/dist/tet-components/{p-649a4eab.entry.js → p-2acd5146.entry.js} +1 -1
- package/dist/tet-components/{p-47a897c5.entry.js → p-2b5b2c71.entry.js} +1 -1
- package/dist/tet-components/{p-bea999e0.entry.js → p-2c92d701.entry.js} +1 -1
- package/dist/tet-components/{p-bf61c059.entry.js → p-2fb8ea65.entry.js} +1 -1
- package/dist/tet-components/{p-a28e087f.entry.js → p-331e7bf2.entry.js} +1 -1
- package/dist/tet-components/{p-592f0674.entry.js → p-38be49a6.entry.js} +1 -1
- package/dist/tet-components/{p-70448ec8.entry.js → p-401e736e.entry.js} +1 -1
- package/dist/tet-components/{p-8ac7782f.entry.js → p-46b3fc7f.entry.js} +1 -1
- package/dist/tet-components/{p-2f25de81.entry.js → p-46f6a051.entry.js} +1 -1
- package/dist/tet-components/{p-60ef69f6.entry.js → p-480ca12a.entry.js} +1 -1
- package/dist/tet-components/{p-f17a4724.entry.js → p-4b84438a.entry.js} +1 -1
- package/dist/tet-components/{p-0dca3de0.entry.js → p-4c6a379b.entry.js} +1 -1
- package/dist/tet-components/{p-2bf6d5b3.entry.js → p-52949a88.entry.js} +1 -1
- package/dist/tet-components/{p-e1ce8689.entry.js → p-5b5001cf.entry.js} +1 -1
- package/dist/tet-components/{p-cf362ecc.entry.js → p-5c821eef.entry.js} +1 -1
- package/dist/tet-components/{p-85fffa05.entry.js → p-5fb62a1b.entry.js} +1 -1
- package/dist/tet-components/{p-3251b52b.entry.js → p-64e277c1.entry.js} +1 -1
- package/dist/tet-components/{p-25d4852b.entry.js → p-6693715e.entry.js} +1 -1
- package/dist/tet-components/{p-e1aa6a4d.entry.js → p-689e9d36.entry.js} +1 -1
- package/dist/tet-components/{p-1beb018b.entry.js → p-697d23d7.entry.js} +1 -1
- package/dist/tet-components/{p-81cabfb1.entry.js → p-69c58fc4.entry.js} +1 -1
- package/dist/tet-components/{p-e30eca37.entry.js → p-6b088283.entry.js} +1 -1
- package/dist/tet-components/{p-fc81fb8e.entry.js → p-6babde37.entry.js} +1 -1
- package/dist/tet-components/{p-4babd7b2.entry.js → p-6be0549b.entry.js} +1 -1
- package/dist/tet-components/{p-31be2161.entry.js → p-724189c2.entry.js} +1 -1
- package/dist/tet-components/{p-b39df477.js → p-7544dfd7.js} +1 -1
- package/dist/tet-components/{p-c1955aa6.entry.js → p-75bbc14a.entry.js} +1 -1
- package/dist/tet-components/{p-3ac57578.js → p-778c46a6.js} +1 -1
- package/dist/tet-components/{p-f581e4ca.entry.js → p-78d6f52c.entry.js} +1 -1
- package/dist/tet-components/{p-fbe053de.entry.js → p-7e7068af.entry.js} +1 -1
- package/dist/tet-components/{p-278f1d5e.entry.js → p-7f18c74c.entry.js} +1 -1
- package/dist/tet-components/{p-aa09ca5f.entry.js → p-7fc933fe.entry.js} +1 -1
- package/dist/tet-components/{p-0416fa6c.entry.js → p-805fb580.entry.js} +1 -1
- package/dist/tet-components/{p-a3b09130.entry.js → p-83e4ae9f.entry.js} +1 -1
- package/dist/tet-components/{p-5abb3bea.js → p-83f43fdd.js} +1 -1
- package/dist/tet-components/{p-091ba284.entry.js → p-84322a3d.entry.js} +1 -1
- package/dist/tet-components/{p-d811ee75.entry.js → p-85f3f726.entry.js} +1 -1
- package/dist/tet-components/{p-9f921c87.entry.js → p-87221449.entry.js} +1 -1
- package/dist/tet-components/{p-e3f93dd7.entry.js → p-876009b7.entry.js} +1 -1
- package/dist/tet-components/{p-63f6def9.entry.js → p-8bfd498e.entry.js} +1 -1
- package/dist/tet-components/{p-dcfc2639.entry.js → p-8fa0be45.entry.js} +1 -1
- package/dist/tet-components/{p-4e9f66a8.entry.js → p-900bd4e1.entry.js} +1 -1
- package/dist/tet-components/{p-ed1f4ff9.entry.js → p-91f385ae.entry.js} +1 -1
- package/dist/tet-components/{p-b4fb5193.entry.js → p-93820289.entry.js} +1 -1
- package/dist/tet-components/{p-8998d112.entry.js → p-949d0eaf.entry.js} +1 -1
- package/dist/tet-components/{p-1d7b8a14.entry.js → p-97cff839.entry.js} +1 -1
- package/dist/tet-components/{p-aba71e2d.entry.js → p-9a75ed39.entry.js} +1 -1
- package/dist/tet-components/{p-b4b90473.entry.js → p-9c837569.entry.js} +1 -1
- package/dist/tet-components/{p-0448b5de.entry.js → p-a0baf31a.entry.js} +1 -1
- package/dist/tet-components/{p-a476fd02.js → p-a8051a99.js} +1 -1
- package/dist/tet-components/{p-695ded14.entry.js → p-b01405f8.entry.js} +1 -1
- package/dist/tet-components/{p-b2137624.entry.js → p-b0688983.entry.js} +1 -1
- package/dist/tet-components/{p-5e8bd119.entry.js → p-b0c62997.entry.js} +1 -1
- package/dist/tet-components/{p-738c3987.entry.js → p-b31168fc.entry.js} +1 -1
- package/dist/tet-components/{p-f63082c7.entry.js → p-b44083d7.entry.js} +1 -1
- package/dist/tet-components/{p-e1bba17c.entry.js → p-b5315830.entry.js} +1 -1
- package/dist/tet-components/{p-9c0a5507.entry.js → p-b98f7254.entry.js} +1 -1
- package/dist/tet-components/{p-89d2d3d9.entry.js → p-ba8c6a1c.entry.js} +1 -1
- package/dist/tet-components/{p-735ca4ae.entry.js → p-bd9f9dea.entry.js} +1 -1
- package/dist/tet-components/{p-90d2e87a.entry.js → p-be3cb49b.entry.js} +1 -1
- package/dist/tet-components/{p-ff5b0f63.entry.js → p-c4de9e32.entry.js} +1 -1
- package/dist/tet-components/{p-1fefb3df.entry.js → p-c711cd66.entry.js} +1 -1
- package/dist/tet-components/{p-d451529f.entry.js → p-c9493529.entry.js} +1 -1
- package/dist/tet-components/{p-ec5b1040.entry.js → p-c9f21fde.entry.js} +1 -1
- package/dist/tet-components/{p-c654aa06.entry.js → p-cac7dbf9.entry.js} +1 -1
- package/dist/tet-components/{p-2c891567.entry.js → p-ccfa9f31.entry.js} +1 -1
- package/dist/tet-components/{p-ad38e14e.entry.js → p-cd86d0b1.entry.js} +1 -1
- package/dist/tet-components/{p-60abca86.entry.js → p-cde8057a.entry.js} +1 -1
- package/dist/tet-components/{p-51dfe68c.entry.js → p-cf3456e2.entry.js} +1 -1
- package/dist/tet-components/{p-27a33156.entry.js → p-d06f8b4e.entry.js} +1 -1
- package/dist/tet-components/{p-ebbeac97.entry.js → p-d091fa60.entry.js} +1 -1
- package/dist/tet-components/{p-9c34400c.entry.js → p-d1035694.entry.js} +1 -1
- package/dist/tet-components/{p-5ec1a6cf.entry.js → p-d5b36540.entry.js} +1 -1
- package/dist/tet-components/{p-4e21dd2f.entry.js → p-d778c1fe.entry.js} +1 -1
- package/dist/tet-components/{p-2dbe670c.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-fd682dea.entry.js → p-ddce536f.entry.js} +1 -1
- package/dist/tet-components/{p-78ec990b.entry.js → p-e13c62c8.entry.js} +1 -1
- package/dist/tet-components/{p-f1771c69.entry.js → p-e17d0862.entry.js} +1 -1
- package/dist/tet-components/{p-26147420.entry.js → p-e290c65d.entry.js} +1 -1
- package/dist/tet-components/{p-a3af708c.entry.js → p-e6aab016.entry.js} +1 -1
- package/dist/tet-components/{p-0f8cdb24.entry.js → p-e93ab3e8.entry.js} +1 -1
- package/dist/tet-components/{p-c82904b9.entry.js → p-ed07c65a.entry.js} +1 -1
- package/dist/tet-components/{p-1ff90a2c.entry.js → p-edd42275.entry.js} +1 -1
- package/dist/tet-components/{p-c07ad1c3.entry.js → p-f58bb61e.entry.js} +1 -1
- package/dist/tet-components/{p-265701de.entry.js → p-f6916bfc.entry.js} +1 -1
- package/dist/tet-components/{p-4213c1d1.js → p-f81b3bb0.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-c7e67378.entry.js → p-f93ab9f3.entry.js} +1 -1
- package/dist/tet-components/{p-e70a8127.entry.js → p-f9c69d39.entry.js} +1 -1
- package/dist/tet-components/{p-e8ec9d1c.entry.js → p-fa259a3d.entry.js} +1 -1
- package/dist/tet-components/{p-40ed3be9.entry.js → p-fc88ce77.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-660bdc27.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,H as i}from"./p-5abb3bea.js";const r=class{constructor(e){t(this,e),this.check=o(this,"check",7),this.theme="light",this.label=void 0,this.accessibilityLabel="",this.name=void 0,this.value=0,this.disabled=!1,this.checked=!1,this.labelFont="sm",this.alignCenter=!0,this.labelPosition="right",this.focusStyleOnContainer=!1}check;async setChecked(t){this.checked=t}handleChange(t){this.check.emit({value:this.value,checked:t.target.checked})}renderSwitch(){const{theme:t,labelFont:o}=this;return e("span",{class:{switch__input:!0,[t]:!0,"switch__input--hide-focus-style":this.focusStyleOnContainer,...o?{[`switch__input--${o}`]:!0}:{}}},e("span",{class:"switch__state"}))}render(){const{label:t,name:o,theme:r,disabled:n,checked:s,accessibilityLabel:c,labelFont:a,alignCenter:l,labelPosition:f}=this;return e(i,{key:"a2f5fbf46c4a6925b15fde78620558fa981bc121"},e("div",{key:"d6fd41a0ed4533989005d38f4ce6f32e0833953a",class:{switch:!0,[`${r}`]:!0}},e("label",{key:"05ed8fa0c0b11f04dc27dfc55ee1a6ba50f45d1a",class:{switch__container:!0,"switch__container--align-start":!l,[`switch__container--${a}`]:!0,"switch__container--focus-style":this.focusStyleOnContainer},part:"switch-container",htmlFor:"tet-switch"},e("input",{key:"b9a4fe2547549a24ae6c15f553c1ad39b13293e0",class:"switch__html-input",name:o,id:"tet-switch",type:"checkbox",disabled:n,checked:s,onChange:this.handleChange.bind(this),...c?{"aria-label":c}:{}}),"right"===f&&this.renderSwitch(),e("span",{key:"802f590c1fc0a8e9cc759ac29b2a24f338b07054",class:{switch__label:!0,..."left"===f?{"switch__label--left":!0}:{},...a?{[`switch__label--${a}`]:!0}:{}},innerHTML:t},e("slot",{key:"ce4f0fa080eb8d20a916b879eaac41c2ff009d04"})),"left"===f&&this.renderSwitch())))}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--switch-justify-content:normal;--switch-flex-direction:row;--switch-gap:0.75rem;--switch-container-outline-offset:0.125rem;--switch-text-color:var(--tc-text-primary);--switch-background-color:var(--tc-toggle-button-default);--switch-checked-background-color:var(--tc-toggle-button-active-default);--switch-knob-color:var(--tc-toggle-button-ellipse-default);--switch-checked-knob-color:var(--tc-toggle-button-ellipse-default);--switch-focus-background-color:var(--switch-background-color);--switch-focus-shadow:var(--tc-toggle-button-hover-shadow-centre), var(--tc-toggle-button-hover-shadow-raised);--switch-focus-checked-shadow:var(--switch-focus-shadow);--switch-hover-background-color:var(--tc-toggle-button-hover);--switch-hover-checked-background-color:var(--tc-toggle-button-active-hover);--switch-pressed-background-color:var(--switch-background-color);--switch-pressed-checked-background-color:var(--switch-checked-background-color);--switch-disabled-background-color:var(--tc-toggle-button-disabled);--switch-disabled-checked-background-color:var(--tc-toggle-button-active-disabled);--switch-disabled-knob-color:var(--tc-toggle-button-ellipse-disabled);--switch-disabled-checked-knob-color:var(--tc-toggle-button-ellipse-disabled);--switch-disabled-text-color:var(--tc-grey-40);--switch-outline-focus-color:var(--tc-blue-40);display:block;position:relative}.switch.dark{--switch-background-color:var(--tc-toggle-button-default-dark);--switch-checked-background-color:var(--tc-toggle-button-active-default-dark);--switch-knob-color:var(--tc-toggle-button-ellipse-default-dark);--switch-checked-knob-color:var(--tc-toggle-button-ellipse-default-dark);--switch-text-color:var(--tc-text-primary-dark);--switch-hover-background-color:var(--tc-toggle-button-hover-dark);--switch-hover-checked-background-color:var(--tc-toggle-button-active-hover-dark);--switch-pressed-background-color:var(--switch-background-color);--switch-pressed-checked-background-color:var(--switch-checked-background-color);--switch-focus-background-color:var(--switch-background-color-dark);--switch-focus-shadow:var(--tc-toggle-button-hover-shadow-centre-dark), var(--tc-toggle-button-hover-shadow-raised-dark);--switch-focus-checked-shadow:var(--switch-focus-shadow);--switch-disabled-background-color:var(--tc-toggle-button-disabled-dark);--switch-disabled-checked-background-color:var(--tc-toggle-button-active-disabled-dark);--switch-disabled-knob-color:var(--tc-toggle-button-ellipse-disabled-dark);--switch-disabled-checked-knob-color:var(--tc-toggle-button-ellipse-disabled-dark);--switch-disabled-text-color:var(--tc-grey-40-dark);--switch-outline-focus-color:var(--tc-blue-40-dark)}.switch.mint{--switch-background-color:rgb(67, 75, 86);--switch-checked-background-color:rgb(31, 208, 214);--switch-knob-color:rgb(255, 255, 255);--switch-checked-knob-color:rgb(10, 11, 13);--switch-text-color:rgb(255, 255, 255);--switch-hover-background-color:rgba(255, 255, 255, 0.3);--switch-hover-checked-background-color:rgb(24, 165, 170);--switch-focus-background-color:var(--switch-background-color);--switch-focus-shadow:0 0 0 0.5rem rgba(153, 160, 174, 0.2),\n 0 0 0 0.5rem rgba(255, 255, 255, 0.24),\n 0 0.0625rem 0.0625rem rgba(10, 11, 13, 0.16),\n 0 0.1875rem 0.5rem rgba(10, 11, 13, 0.15);--switch-focus-checked-shadow:var(--switch-focus-shadow);--switch-disabled-background-color:rgb(35, 40, 46);--switch-disabled-checked-background-color:rgba(31, 208, 214, 0.32);--switch-disabled-knob-color:rgb(67, 75, 86);--switch-disabled-checked-knob-color:rgb(10, 11, 13);--switch-disabled-text-color:rgb(67, 75, 86);--switch-outline-focus-color:var(--tc-blue-40-dark)}.switch__container{display:flex;gap:var(--switch-gap);flex-direction:var(--switch-flex-direction);justify-content:var(--switch-justify-content);align-items:center;cursor:pointer;user-select:none;color:var(--switch-text-color)}.switch__container:has(.switch__html-input:disabled){cursor:auto}.switch__container--focus-style:has(.switch__html-input:focus-visible){outline:0.125rem solid var(--switch-outline-focus-color);outline-offset:var(--switch-container-outline-offset);border-radius:0.125rem}.switch__container--align-start{align-items:flex-start}.switch__container--lg-inter,.switch__container--lg-gilroy{--switch-gap:1rem}.switch__state{position:absolute;content:"";top:0;bottom:0;left:0;right:0;border-radius:5.5rem;transition:background-color 0.15s ease;background-color:var(--switch-background-color)}.switch__html-input{position:absolute;opacity:0;width:0;height:0}.switch__html-input:hover~.switch__input .switch__state{background-color:var(--switch-hover-background-color)}.switch__html-input:active~.switch__input .switch__state{background-color:var(--switch-pressed-background-color)}.switch__html-input:focus~.switch__input::after{box-shadow:var(--switch-focus-shadow)}.switch__html-input:focus-visible~.switch__input.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.switch__html-input:focus-visible~.switch__input.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.switch__html-input:focus-visible~.switch__input.switch__input--hide-focus-style{outline:none}.switch__html-input:focus-visible~.switch__input::after{--switch-focus-shadow:none}.switch__html-input:checked~.switch__input .switch__state{background-color:var(--switch-checked-background-color)}.switch__html-input:checked~.switch__input::after{translate:1.375rem;background-color:var(--switch-checked-knob-color)}.switch__html-input:checked:hover~.switch__input .switch__state{background-color:var(--switch-hover-checked-background-color)}.switch__html-input:checked:active~.switch__input .switch__state{background-color:var(--switch-pressed-checked-background-color)}.switch__html-input:checked:focus~.switch__input::after{box-shadow:var(--switch-focus-checked-shadow)}.switch__html-input:checked:focus-visible~.switch__input::after{--switch-focus-checked-shadow:none}.switch__html-input[disabled]~.switch__input .switch__state{background-color:var(--switch-disabled-background-color)}.switch__html-input[disabled]~.switch__input::after{box-shadow:none;background:var(--switch-disabled-knob-color)}.switch__html-input[disabled]~.switch__label{color:var(--switch-disabled-text-color)}.switch__html-input[disabled]:checked~.switch__input .switch__state{background-color:var(--switch-disabled-checked-background-color)}.switch__html-input[disabled]:checked~.switch__input::after{background-color:var(--switch-disabled-checked-knob-color)}.switch__input{position:relative;width:3rem;min-width:3rem;height:1.5rem;min-height:1.5rem;border-radius:5.5rem}.switch__input::after{content:"";display:block;transition:translate 0.15s ease;position:absolute;left:0.25rem;top:0.1875rem;width:1.125rem;height:1.125rem;border-radius:100%;box-shadow:0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.16), 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);background-color:var(--switch-knob-color)}.switch__label--sm{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.5rem}.switch__label--md{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.switch__label--lg-inter{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.switch__label--lg-gilroy{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.switch__label--left{text-align:right}';export{r as tet_switch}
|
|
1
|
+
import{r as t,c as o,h as e,H as i}from"./p-83f43fdd.js";const r=class{constructor(e){t(this,e),this.check=o(this,"check",7),this.theme="light",this.label=void 0,this.accessibilityLabel="",this.name=void 0,this.value=0,this.disabled=!1,this.checked=!1,this.labelFont="sm",this.alignCenter=!0,this.labelPosition="right",this.focusStyleOnContainer=!1}check;async setChecked(t){this.checked=t}handleChange(t){this.check.emit({value:this.value,checked:t.target.checked})}renderSwitch(){const{theme:t,labelFont:o}=this;return e("span",{class:{switch__input:!0,[t]:!0,"switch__input--hide-focus-style":this.focusStyleOnContainer,...o?{[`switch__input--${o}`]:!0}:{}}},e("span",{class:"switch__state"}))}render(){const{label:t,name:o,theme:r,disabled:n,checked:s,accessibilityLabel:c,labelFont:a,alignCenter:l,labelPosition:f}=this;return e(i,{key:"a2f5fbf46c4a6925b15fde78620558fa981bc121"},e("div",{key:"d6fd41a0ed4533989005d38f4ce6f32e0833953a",class:{switch:!0,[`${r}`]:!0}},e("label",{key:"05ed8fa0c0b11f04dc27dfc55ee1a6ba50f45d1a",class:{switch__container:!0,"switch__container--align-start":!l,[`switch__container--${a}`]:!0,"switch__container--focus-style":this.focusStyleOnContainer},part:"switch-container",htmlFor:"tet-switch"},e("input",{key:"b9a4fe2547549a24ae6c15f553c1ad39b13293e0",class:"switch__html-input",name:o,id:"tet-switch",type:"checkbox",disabled:n,checked:s,onChange:this.handleChange.bind(this),...c?{"aria-label":c}:{}}),"right"===f&&this.renderSwitch(),e("span",{key:"802f590c1fc0a8e9cc759ac29b2a24f338b07054",class:{switch__label:!0,..."left"===f?{"switch__label--left":!0}:{},...a?{[`switch__label--${a}`]:!0}:{}},innerHTML:t},e("slot",{key:"ce4f0fa080eb8d20a916b879eaac41c2ff009d04"})),"left"===f&&this.renderSwitch())))}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--switch-justify-content:normal;--switch-flex-direction:row;--switch-gap:0.75rem;--switch-container-outline-offset:0.125rem;--switch-text-color:var(--tc-text-primary);--switch-background-color:var(--tc-toggle-button-default);--switch-checked-background-color:var(--tc-toggle-button-active-default);--switch-knob-color:var(--tc-toggle-button-ellipse-default);--switch-checked-knob-color:var(--tc-toggle-button-ellipse-default);--switch-focus-background-color:var(--switch-background-color);--switch-focus-shadow:var(--tc-toggle-button-hover-shadow-centre), var(--tc-toggle-button-hover-shadow-raised);--switch-focus-checked-shadow:var(--switch-focus-shadow);--switch-hover-background-color:var(--tc-toggle-button-hover);--switch-hover-checked-background-color:var(--tc-toggle-button-active-hover);--switch-pressed-background-color:var(--switch-background-color);--switch-pressed-checked-background-color:var(--switch-checked-background-color);--switch-disabled-background-color:var(--tc-toggle-button-disabled);--switch-disabled-checked-background-color:var(--tc-toggle-button-active-disabled);--switch-disabled-knob-color:var(--tc-toggle-button-ellipse-disabled);--switch-disabled-checked-knob-color:var(--tc-toggle-button-ellipse-disabled);--switch-disabled-text-color:var(--tc-grey-40);--switch-outline-focus-color:var(--tc-blue-40);display:block;position:relative}.switch.dark{--switch-background-color:var(--tc-toggle-button-default-dark);--switch-checked-background-color:var(--tc-toggle-button-active-default-dark);--switch-knob-color:var(--tc-toggle-button-ellipse-default-dark);--switch-checked-knob-color:var(--tc-toggle-button-ellipse-default-dark);--switch-text-color:var(--tc-text-primary-dark);--switch-hover-background-color:var(--tc-toggle-button-hover-dark);--switch-hover-checked-background-color:var(--tc-toggle-button-active-hover-dark);--switch-pressed-background-color:var(--switch-background-color);--switch-pressed-checked-background-color:var(--switch-checked-background-color);--switch-focus-background-color:var(--switch-background-color-dark);--switch-focus-shadow:var(--tc-toggle-button-hover-shadow-centre-dark), var(--tc-toggle-button-hover-shadow-raised-dark);--switch-focus-checked-shadow:var(--switch-focus-shadow);--switch-disabled-background-color:var(--tc-toggle-button-disabled-dark);--switch-disabled-checked-background-color:var(--tc-toggle-button-active-disabled-dark);--switch-disabled-knob-color:var(--tc-toggle-button-ellipse-disabled-dark);--switch-disabled-checked-knob-color:var(--tc-toggle-button-ellipse-disabled-dark);--switch-disabled-text-color:var(--tc-grey-40-dark);--switch-outline-focus-color:var(--tc-blue-40-dark)}.switch.mint{--switch-background-color:rgb(67, 75, 86);--switch-checked-background-color:rgb(31, 208, 214);--switch-knob-color:rgb(255, 255, 255);--switch-checked-knob-color:rgb(10, 11, 13);--switch-text-color:rgb(255, 255, 255);--switch-hover-background-color:rgba(255, 255, 255, 0.3);--switch-hover-checked-background-color:rgb(24, 165, 170);--switch-focus-background-color:var(--switch-background-color);--switch-focus-shadow:0 0 0 0.5rem rgba(153, 160, 174, 0.2),\n 0 0 0 0.5rem rgba(255, 255, 255, 0.24),\n 0 0.0625rem 0.0625rem rgba(10, 11, 13, 0.16),\n 0 0.1875rem 0.5rem rgba(10, 11, 13, 0.15);--switch-focus-checked-shadow:var(--switch-focus-shadow);--switch-disabled-background-color:rgb(35, 40, 46);--switch-disabled-checked-background-color:rgba(31, 208, 214, 0.32);--switch-disabled-knob-color:rgb(67, 75, 86);--switch-disabled-checked-knob-color:rgb(10, 11, 13);--switch-disabled-text-color:rgb(67, 75, 86);--switch-outline-focus-color:var(--tc-blue-40-dark)}.switch__container{display:flex;gap:var(--switch-gap);flex-direction:var(--switch-flex-direction);justify-content:var(--switch-justify-content);align-items:center;cursor:pointer;user-select:none;color:var(--switch-text-color)}.switch__container:has(.switch__html-input:disabled){cursor:auto}.switch__container--focus-style:has(.switch__html-input:focus-visible){outline:0.125rem solid var(--switch-outline-focus-color);outline-offset:var(--switch-container-outline-offset);border-radius:0.125rem}.switch__container--align-start{align-items:flex-start}.switch__container--lg-inter,.switch__container--lg-gilroy{--switch-gap:1rem}.switch__state{position:absolute;content:"";top:0;bottom:0;left:0;right:0;border-radius:5.5rem;transition:background-color 0.15s ease;background-color:var(--switch-background-color)}.switch__html-input{position:absolute;opacity:0;width:0;height:0}.switch__html-input:hover~.switch__input .switch__state{background-color:var(--switch-hover-background-color)}.switch__html-input:active~.switch__input .switch__state{background-color:var(--switch-pressed-background-color)}.switch__html-input:focus~.switch__input::after{box-shadow:var(--switch-focus-shadow)}.switch__html-input:focus-visible~.switch__input.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.switch__html-input:focus-visible~.switch__input.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.switch__html-input:focus-visible~.switch__input.switch__input--hide-focus-style{outline:none}.switch__html-input:focus-visible~.switch__input::after{--switch-focus-shadow:none}.switch__html-input:checked~.switch__input .switch__state{background-color:var(--switch-checked-background-color)}.switch__html-input:checked~.switch__input::after{translate:1.375rem;background-color:var(--switch-checked-knob-color)}.switch__html-input:checked:hover~.switch__input .switch__state{background-color:var(--switch-hover-checked-background-color)}.switch__html-input:checked:active~.switch__input .switch__state{background-color:var(--switch-pressed-checked-background-color)}.switch__html-input:checked:focus~.switch__input::after{box-shadow:var(--switch-focus-checked-shadow)}.switch__html-input:checked:focus-visible~.switch__input::after{--switch-focus-checked-shadow:none}.switch__html-input[disabled]~.switch__input .switch__state{background-color:var(--switch-disabled-background-color)}.switch__html-input[disabled]~.switch__input::after{box-shadow:none;background:var(--switch-disabled-knob-color)}.switch__html-input[disabled]~.switch__label{color:var(--switch-disabled-text-color)}.switch__html-input[disabled]:checked~.switch__input .switch__state{background-color:var(--switch-disabled-checked-background-color)}.switch__html-input[disabled]:checked~.switch__input::after{background-color:var(--switch-disabled-checked-knob-color)}.switch__input{position:relative;width:3rem;min-width:3rem;height:1.5rem;min-height:1.5rem;border-radius:5.5rem}.switch__input::after{content:"";display:block;transition:translate 0.15s ease;position:absolute;left:0.25rem;top:0.1875rem;width:1.125rem;height:1.125rem;border-radius:100%;box-shadow:0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.16), 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);background-color:var(--switch-knob-color)}.switch__label--sm{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.5rem}.switch__label--md{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.switch__label--lg-inter{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.switch__label--lg-gilroy{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.switch__label--left{text-align:right}';export{r as tet_switch}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as r,h as a,H as o}from"./p-5abb3bea.js";import{a as s}from"./p-64ec8edd.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.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}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()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("role","tab"),e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`);const r=e.classList.contains("disabled"),a=e.classList.contains("active");if(e.setAttribute("tabIndex",a?"0":"-1"),e.setAttribute("aria-selected",`${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 o;switch(r){case"ArrowRight":o=a+1,o>=this.tabHeadersNotDisabled.length&&(o=0);break;case"ArrowLeft":o=a-1,o<0&&(o=this.tabHeadersNotDisabled.length-1);break;case"Home":o=0;break;case"End":o=this.tabHeadersNotDisabled.length-1}const s=this.tabHeadersNotDisabled[o];s.focus(),s.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")??"",o=document.createElement("img");if(o.src=t,o.alt=a,o.draggable=!1,o.classList.add("tab-header-image"),"square-detached"===this.type?(o.style.filter="var(--square-detached-img-filter, none)",o.style.maxWidth="var(--square-detached-logo-max-w, 100%)",o.style.maxHeight="var(--square-detached-logo-max-h, 100%)",o.style.objectFit="contain"):o.style.maxHeight="1.5rem",e.appendChild(o),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),o.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=>{e.classList.remove("active"),e.setAttribute("aria-selected","false"),e.setAttribute("tabIndex","-1");const t=e.querySelector("img.tab-header-image.active");t&&(t.style.display="none");const r=e.querySelector("img.tab-header-image.default");r&&(r.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"),a.setAttribute("aria-selected","true"),a.setAttribute("tabIndex","0"),this.applyPillIconColor();const o=a.querySelector("img.tab-header-image.active");if(o){o.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=s(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(o,{key:"0c3b63ca375eaa752e40ce11d6841dfada97b0fc","data-id-suffix":this.idSuffix},a("div",{key:"42380177d8b2beb98ff36b63c0e5ad1ca1f1d752",class:{tabs:!0,"tabs--segmented":this.segmented,"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:"tablist"},e&&a("div",{key:"b8be20459ebd6f22d86aa7b67cf862f92aa04ea9",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),a("slot",{key:"584bd232f1f67948ecf6fcf361490b075ee7ec3c",onSlotchange:()=>this.updatePositionClass(),ref:e=>this.tabContainer=e}),e&&a("div",{key:"0da0b87d1c9b19fd3026f9981ecfcede1f45c0d9",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),a("div",{key:"3e6c23d18e393c2abda0bbe50c8cbb128f231461",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;--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:0;--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-edge-padding:0;--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);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) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none;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;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;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);--tabs-edge-padding:var(--tabs-headers-square-detached-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:var(--tabs-headers-square-detached-edge-padding)}.tabs.square-detached ::slotted(*){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:0 !important}.tabs.square-detached ::slotted(:last-child){margin-right:0 !important}.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;width:7rem;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;width: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;min-width:12.25rem !important;max-width:17.25rem;flex:1;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:var(--tabs-headers-pill-edge-padding)}.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::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 o}from"./p-83f43fdd.js";import{a as s}from"./p-64ec8edd.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.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}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()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("role","tab"),e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`);const r=e.classList.contains("disabled"),a=e.classList.contains("active");if(e.setAttribute("tabIndex",a?"0":"-1"),e.setAttribute("aria-selected",`${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 o;switch(r){case"ArrowRight":o=a+1,o>=this.tabHeadersNotDisabled.length&&(o=0);break;case"ArrowLeft":o=a-1,o<0&&(o=this.tabHeadersNotDisabled.length-1);break;case"Home":o=0;break;case"End":o=this.tabHeadersNotDisabled.length-1}const s=this.tabHeadersNotDisabled[o];s.focus(),s.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")??"",o=document.createElement("img");if(o.src=t,o.alt=a,o.draggable=!1,o.classList.add("tab-header-image"),"square-detached"===this.type?(o.style.filter="var(--square-detached-img-filter, none)",o.style.maxWidth="var(--square-detached-logo-max-w, 100%)",o.style.maxHeight="var(--square-detached-logo-max-h, 100%)",o.style.objectFit="contain"):o.style.maxHeight="1.5rem",e.appendChild(o),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),o.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=>{e.classList.remove("active"),e.setAttribute("aria-selected","false"),e.setAttribute("tabIndex","-1");const t=e.querySelector("img.tab-header-image.active");t&&(t.style.display="none");const r=e.querySelector("img.tab-header-image.default");r&&(r.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"),a.setAttribute("aria-selected","true"),a.setAttribute("tabIndex","0"),this.applyPillIconColor();const o=a.querySelector("img.tab-header-image.active");if(o){o.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=s(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(o,{key:"0c3b63ca375eaa752e40ce11d6841dfada97b0fc","data-id-suffix":this.idSuffix},a("div",{key:"42380177d8b2beb98ff36b63c0e5ad1ca1f1d752",class:{tabs:!0,"tabs--segmented":this.segmented,"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:"tablist"},e&&a("div",{key:"b8be20459ebd6f22d86aa7b67cf862f92aa04ea9",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),a("slot",{key:"584bd232f1f67948ecf6fcf361490b075ee7ec3c",onSlotchange:()=>this.updatePositionClass(),ref:e=>this.tabContainer=e}),e&&a("div",{key:"0da0b87d1c9b19fd3026f9981ecfcede1f45c0d9",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),a("div",{key:"3e6c23d18e393c2abda0bbe50c8cbb128f231461",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;--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:0;--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-edge-padding:0;--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);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) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none;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;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;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);--tabs-edge-padding:var(--tabs-headers-square-detached-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:var(--tabs-headers-square-detached-edge-padding)}.tabs.square-detached ::slotted(*){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:0 !important}.tabs.square-detached ::slotted(:last-child){margin-right:0 !important}.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;width:7rem;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;width: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;min-width:12.25rem !important;max-width:17.25rem;flex:1;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:var(--tabs-headers-pill-edge-padding)}.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::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,g as e,f as r,h as a,F as n,H as i}from"./p-5abb3bea.js";import{t as l,p as s}from"./p-a476fd02.js";import{e as c,A as u}from"./p-726651bc.js";import"./p-9a2b6ee2.js";var d,m,f;!function(o){o.SMALL="small",o.AVERAGE="average",o.LARGE="large",o.INDIVIDUAL="custom"}(d||(d={})),function(o){o.HOURLY="hourly",o.MONTHLY="monthly"}(m||(m={})),function(o){o.V_CPU="vcpu",o.V_RAM="vram",o.STORAGE="storage",o.EXTRA_STORAGE="extra-storage",o.LICENSE="license",o.MS_LICENSE="ms_license",o.BANDWIDTH="bandwidth"}(f||(f={}));const g={v_cpu_standard:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_cpu_performance:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_ram:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0}],storage_bronze:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_silver:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_gold:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_platinum:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_backup:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_object:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],license_windows:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],license_veeam:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_rds:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_dc_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_professional_plus:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],cis_suite_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],project_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sharepoint_server:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],bandwidth_ip:[{name:"components-cloud-configurator-unit-ip",value:1,default:!0}],bandwidth_capacity:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],ddos_protection_bandwidth:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],bandwidth_router:[{name:"components-cloud-configurator-unit-nsx-router",value:1,default:!0},{name:"components-cloud-configurator-unit-not-required",value:0}]},p={storage_bronze:"components-cloud-configurator-unit-of-measure",storage_silver:"components-cloud-configurator-unit-of-measure",storage_gold:"components-cloud-configurator-unit-of-measure",storage_platinum:"components-cloud-configurator-unit-of-measure",storage_backup:"components-cloud-configurator-unit-of-measure",storage_object:"components-cloud-configurator-unit-of-measure",bandwidth_router:"components-cloud-configurator-select-device"},h={[f.V_CPU]:"components-cloud-configurator-summary-group-vcpu",[f.V_RAM]:"components-cloud-configurator-summary-group-vram",[f.STORAGE]:"components-cloud-configurator-summary-group-storage",[f.EXTRA_STORAGE]:"components-cloud-configurator-summary-group-extra-storage",[f.LICENSE]:"components-cloud-configurator-summary-group-license",[f.MS_LICENSE]:"components-cloud-configurator-summary-group-ms-license",[f.BANDWIDTH]:"components-cloud-configurator-summary-group-bandwidth"},_=["v_cpu_standard","v_cpu_performance","v_ram","storage_bronze","storage_silver","storage_gold","storage_platinum","storage_backup","storage_object","license_windows","license_veeam","sql_server_standard_core","win_rds","win_server_standard_core","win_server_dc_core","sql_server_standard","office_standard","office_professional_plus","cis_suite_standard_core","project_standard","sharepoint_server","bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_enabled","ddos_protection_bandwidth"];function y(o){const t={};for(const e of _)t[e]=o[e];return t}function b(o){const t=g[o];if(t)return t.forEach((o=>{o.name=l(o.name)})),t}function w(o){const t=p[o];if(t)return l(t)}function v(o){const t=b(o);if(t)return t.find((o=>o.default))}function x(o,t){return o.toFixed(t===m.MONTHLY?2:8).replace(".",",")}const k=async()=>{let o;try{o=new URL(c.cloudConfigurator).href}catch(o){return console.error(o),Promise.reject("Cloud Configurator endpoint URL generation failed.")}const t=(new u).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue([]);return await t.execute()},G=class{constructor(e){o(this,e),this.cloudCalculatorSubmit=t(this,"cloudCalculatorSubmit",7),this.language="lv",this.containerSelector="",this.theme="light",this.selectOnFocus=void 0,this.isLoading=!0,this.headerRef=void 0,this.footerRef=void 0,this.formValues={},this.selectedTab=d.SMALL,this.selectedPeriod=m.MONTHLY,this.isFloatingSummary=!1,this.isListExpanded=!1,this.parentElement=void 0}get root(){return e(this)}headerObserver;footerObserver=new IntersectionObserver((([o])=>{this.isFloatingSummary=0===o.intersectionRatio}));fields=null;cloudCalculatorSubmit;async componentWillLoad(){this.parentElement=this.containerSelector?document.querySelector(this.containerSelector):this.root.parentElement,this.headerObserver=new IntersectionObserver((([o])=>{0!==o.intersectionRatio&&o.target.classList.toggle("header--is-pinned",o.intersectionRatio<1)}),{rootMargin:`-${this.parentElement.offsetTop+1}px 0px 0px 0px`,root:document,threshold:1}),this.fetchData()}onisLoadingChange(o){o||this.setDefaultValues()}onHeaderRefChange(o){o&&(this.headerRef.style.top=this.parentElement.offsetTop-1+"px",this.headerObserver.observe(this.headerRef))}onFooterRefChange(o){o&&this.footerObserver.observe(this.footerRef)}onSelectedTabChange(){this.setDefaultValues()}async onLanguageChange(o){await s("cloud-calculator",o),r(this)}onTabSelected=o=>{this.selectedTab=o.detail.new};onExpandableListToggle=()=>{this.isListExpanded=!this.isListExpanded};onSummaryPeriodChange=o=>{this.selectedPeriod=o.detail.value};onDdosProtectionEnabledCheck=o=>{const{checked:t}=o.detail;this.formValues.ddos_protection_enabled.value=t?1:0,this.setDefaultValue("bandwidth_capacity"),this.setDefaultValue("ddos_protection_bandwidth"),this.formValues={...this.formValues}};onNumberValueChanged=(o,t)=>{const{min:e}=this.fields[t],r=this.formValues[t];let a=o.value;o.suffix||(o.suffix=v(t)),r?.suffix?.value!==o.suffix.value&&(a=0===o.suffix.value?0:e);const n=this.getPrices(t,a,o.suffix);this.formValues[t]={...r,value:a,suffix:o.suffix,...n},this.formValues={...this.formValues}};onFormSubmit=()=>{const o=y(this.formValues),t=this.formValues.ddos_protection_enabled?.value;t?delete o.bandwidth_capacity:delete o.ddos_protection_bandwidth;const e={formValues:o,totals:this.getTotals()};this.cloudCalculatorSubmit.emit(e)};fetchData=async()=>{const o=await Promise.all([k(),s("cloud-calculator",this.language)]);this.fields=o[0],this.isLoading=!1};setDefaultValues=()=>{for(const o of Object.keys(this.fields))this.setDefaultValue(o);const o=y(this.formValues);this.formValues={...o},this.root.shadowRoot.querySelectorAll("tet-number-input").forEach((o=>o.resetSuffix()))};setDefaultValue=o=>{const t=this.fields[o],e=t.default[this.selectedTab]||t.min,r=v(t.key),a=this.getPrices(t.key,e,r);this.formValues[t.key]={key:t.key,value:e,title:t.name.lv,groupKey:t.group,groupName:l(h[t.group]),...a,suffix:v(t.key)}};getFieldKeysByGroup(o){return Object.values(this.fields).filter((t=>t.group===o)).map((o=>o.key))}getTotals(){const o=!!this.formValues.ddos_protection_enabled?.value,t={hourly:0,monthly:0};for(const e of Object.values(this.formValues))"bandwidth_capacity"===e.key&&o||("ddos_protection_bandwidth"!==e.key||o)&&(t.hourly+=e.hourly,t.monthly+=e.monthly);return t}getPrices(o,t,e){const{priceHourly:r,priceMonthly:a}=this.fields[o];let n=1;return e?.value&&(n=e.value),"bandwidth_ip"===o?{monthly:(t-1)*a*n,hourly:(t-1)*r*n}:{monthly:t*a*n,hourly:t*r*n}}getMinValue(o){const t=this.fields[o],e=this.formValues[o];return t?0===e?.suffix?.value?0:t.min:null}getMaxValue(o){const t=this.fields[o],e=this.formValues[o];return t&&e?e.suffix?t.max/e.suffix.value:t.max:null}getLabel(o){if(["v_ram"].includes(o))return null;const t=this.fields[o];return t?t.name[this.language]:null}getHelperText(o){const t=this.fields[o];return t?t.description[this.language]:null}renderTitle=()=>a(n,null,a("p",{class:"content__subtitle"},l(`components-cloud-configurator-${this.selectedTab}-subtitle`)));renderNumberInput(o,t){return!0===t?.hidden?null:a("div",{class:"form__input"},a("tet-number-input",{min:this.getMinValue(o),max:this.getMaxValue(o),label:this.getLabel(o),"accessibility-label":this.getHelperText(o),"button-accessibility-label":w(o),helperText:this.getHelperText(o),value:this.formValues[o]?.value,disabled:t?.disabled,suffixes:b(o),onInputValueChanged:t=>this.onNumberValueChanged(t.detail,o),selectOnFocus:this.selectOnFocus,theme:this.theme}))}renderExpandableItem(o){const t=this.fields[o];return a("div",{class:"expandable-item"},a("div",{class:"expandable-item__description"},a("div",{class:"expandable-item__title"},t.name[this.language]),a("div",{class:"expandable-item__helper"},t.description[this.language])),a("tet-stepper-input",{min:this.getMinValue(o),max:this.getMaxValue(o),step:1,value:this.formValues[o]?.value,onInputValueChanged:t=>this.onNumberValueChanged({value:t.detail},o),selectOnFocus:this.selectOnFocus,"accessibility-label":t.name[this.language],theme:this.theme}))}renderSummaryTable(){return a("div",{class:"summary-table"},this.renderSummaryRow(f.V_CPU,null,`x ${l("components-cloud-configurator-unit-cores")}`),this.renderSummaryRow(f.V_RAM),this.renderSummaryRow(f.STORAGE),this.renderSummaryRow(f.EXTRA_STORAGE),this.renderSummaryRow(f.LICENSE),this.renderSummaryRow(f.MS_LICENSE,null,l("components-cloud-configurator-unit-pieces")),this.renderSummaryRow(f.BANDWIDTH,["bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_bandwidth"]))}renderSummaryRow(o,t,e){let r,n=h[o];if(r=t||this.getFieldKeysByGroup(o),o===f.BANDWIDTH&&(r=r.filter((o=>"ddos_protection_enabled"!==o)),this.formValues.ddos_protection_enabled?.value?(r=r.filter((o=>"bandwidth_capacity"!==o)),n="components-cloud-configurator-group-bandwidth-ddos"):r=r.filter((o=>"ddos_protection_bandwidth"!==o))),!Object.entries(this.fields).some((o=>r.includes(o[0]))))return null;const i=[a("div",{class:"summary-table__header"},l(n))];let s=!0;for(const o of r){const t=this.formValues[o];if(!this.fields[o]||!t||!t[this.selectedPeriod])continue;s||i.push(a("div",{class:"summary-table__header"}));const r=this.getLabel(o),n=e||t.suffix?.name;i.push(a("div",{class:"summary-table__label"},!!r&&a("span",null,`${r},`),a("span",null,`${t?.value}${n}`)));const c=t[this.selectedPeriod]||0,u=l(this.selectedPeriod===m.MONTHLY?"components-cloud-configurator-price-suffix-montly":"components-cloud-configurator-price-suffix-hourly");i.push(a("div",{class:"summary-table__value"},`${x(c,this.selectedPeriod)} ${u}`)),s=!1}return 1===i.length?null:a("div",{class:"summary-table__row"},i.map((o=>o)))}renderFloatingSummary(){const o=this.getFieldKeysByGroup(f.V_CPU),t=this.getFieldKeysByGroup(f.V_RAM),e=this.getFieldKeysByGroup(f.STORAGE),r=this.getFieldKeysByGroup(f.EXTRA_STORAGE),n=this.getFieldKeysByGroup(f.LICENSE),i=this.getFieldKeysByGroup(f.BANDWIDTH),s=this.getFieldKeysByGroup(f.MS_LICENSE),c=Object.values(this.formValues),u=c.reduce(((r,a)=>(o.includes(a.key)?r.cpu+=a.value:t.includes(a.key)?r.ram+=a.value:e.includes(a.key)&&(r.storage+=a.value*(a.suffix?.value||1)),r)),{cpu:0,ram:0,storage:0});let d=0;c.some((o=>n.includes(o.key)&&o.value))&&(d+=1),c.some((o=>i.includes(o.key)&&o.value))&&(d+=1),c.some((o=>s.includes(o.key)&&o.value))&&(d+=1),c.some((o=>r.includes(o.key)&&o.value))&&(d+=1);const m=this.getTotals();return a("div",{class:"floating-summary__container"},this.isFloatingSummary&&a("div",{class:"floating-summary__count"},a("span",{class:"floating-summary__count--item"},`${u.cpu} ${l("components-cloud-configurator-summary-cpu")},`),a("span",{class:"floating-summary__count--item"},`${u.ram} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-ram")},`),a("span",{class:"floating-summary__count--break"}),a("span",{class:"floating-summary__count--item"},`${u.storage} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-storage")}`),a("span",{class:"floating-summary__count--other"},`+${d}`)),a("div",{class:"floating-summary__sum"},a("span",{class:"floating-summary__sum--label"},`${l("components-cloud-configurator-summary-sum")}:`),a("span",{class:"floating-summary__sum--value"},`${x(m[this.selectedPeriod],this.selectedPeriod)} ${l("components-cloud-configurator-price-unit")}`)))}renderPlaceholder(){return a(i,null,a("div",{class:"cloud-configurator"},a("div",{class:"content"},a("div",{class:"content__title"},a("tet-placeholder",{width:"90%",height:"1.75rem",darkTheme:"dark"===this.theme})),a("div",{class:"content__subtitle"},a("tet-placeholder",{width:"100%",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme}))),a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"})))),a("div",{class:"header",part:"header"},a("div",{class:"inner-wrapper"},a("tet-placeholder",{width:"25.5rem",height:"2.875rem",darkTheme:"dark"===this.theme})))))}render(){return this.isLoading?this.renderPlaceholder():(s("cloud-configurator",this.language),a(i,null,a("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},a("div",{class:{header:!0,[this.theme]:!!this.theme},part:"header",ref:o=>this.headerRef=o},a("div",{class:"inner-wrapper"},a("tet-tab-header",{class:"header__segment-switch",segmented:!0,position:"center",defaultTab:"small",theme:this.theme,onTabSelected:this.onTabSelected},a("button",{"data-name":d.SMALL},a("p",null,l("components-cloud-configurator-type-small"))),a("button",{"data-name":d.AVERAGE},a("p",null,l("components-cloud-configurator-type-average"))),a("button",{"data-name":d.LARGE},a("p",null,l("components-cloud-configurator-type-large"))),a("button",{"data-name":d.INDIVIDUAL},a("p",null,l("components-cloud-configurator-type-custom")))))),a("div",{class:"content",part:"content"},this.renderTitle(),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vcpu")),this.renderNumberInput("v_cpu_standard"),this.renderNumberInput("v_cpu_performance")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vram")),this.renderNumberInput("v_ram"),a("div",{class:"form__input"})),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-storage")),this.renderNumberInput("storage_bronze"),this.renderNumberInput("storage_silver"),this.renderNumberInput("storage_gold"),this.renderNumberInput("storage_platinum")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-extra-storage")),this.renderNumberInput("storage_backup"),this.renderNumberInput("storage_object")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-license")),this.renderNumberInput("license_windows"),this.renderNumberInput("license_veeam")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-ms-license")),a("div",{class:{"expandable-list":!0,expanded:this.isListExpanded}},this.renderExpandableItem("sql_server_standard_core"),this.renderExpandableItem("win_rds"),this.renderExpandableItem("win_server_standard_core"),this.renderExpandableItem("win_server_dc_core"),this.renderExpandableItem("sql_server_standard"),this.renderExpandableItem("office_standard"),this.renderExpandableItem("office_professional_plus"),this.renderExpandableItem("cis_suite_standard_core"),this.renderExpandableItem("project_standard"),this.renderExpandableItem("sharepoint_server"),a("div",{class:"expandable-list__toggle-row"},this.isListExpanded&&a(n,null,a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-collapse")," ",a("tet-icon",{name:"chevron-up",theme:this.theme})),a("div",{innerHTML:l("components-cloud-configurator-ms-license-full-list")})),!this.isListExpanded&&a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-expand")," ",a("tet-icon",{name:"chevron-down",theme:this.theme}))))),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-bandwidth")),this.renderNumberInput("bandwidth_ip"),this.renderNumberInput("bandwidth_router"),this.renderNumberInput("bandwidth_capacity",{disabled:!0,hidden:Boolean(this.formValues.ddos_protection_enabled?.value)}),this.renderNumberInput("ddos_protection_bandwidth",{hidden:!Boolean(this.formValues.ddos_protection_enabled?.value)}),a("div",{class:"form__input"}),a("div",{class:"form__checkbox"},a("tet-checkbox",{label:this.getLabel("ddos_protection_enabled"),value:this.formValues.ddos_protection_enabled?.value,checked:!!this.formValues.ddos_protection_enabled?.value,onCheck:this.onDdosProtectionEnabledCheck,theme:this.theme}),a("p",{class:"form__checkbox-helper"},this.getHelperText("ddos_protection_enabled"))))),a("div",{class:"summary",part:"summary"},a("h2",{class:"summary__title"},l("components-cloud-configurator-group-summary")),a("div",{class:"summary__toggle",role:"radiogroup"},a("tet-radio",{name:"summary-period",value:m.MONTHLY,checked:this.selectedPeriod===m.MONTHLY,label:l("components-cloud-configurator-summary-period-monthly"),theme:this.theme,onCheck:this.onSummaryPeriodChange}),a("tet-radio",{name:"summary-period",value:m.HOURLY,checked:this.selectedPeriod===m.HOURLY,label:l("components-cloud-configurator-summary-period-hourly"),theme:this.theme,onCheck:this.onSummaryPeriodChange})),this.renderSummaryTable())),a("div",{class:{"floating-summary":!0,"floating-summary--is-pinned":this.isFloatingSummary},part:"floating-summary"},this.renderFloatingSummary()),a("div",{part:"footer",class:"footer",ref:o=>this.footerRef=o},a("tet-button",{class:"footer__button",size:"large",type:"primary",theme:this.theme,onClick:this.onFormSubmit},l("components-cloud-configurator-submit"))))))}static get watchers(){return{isLoading:["onisLoadingChange"],headerRef:["onHeaderRefChange"],footerRef:["onFooterRefChange"],selectedTab:["onSelectedTabChange"],language:["onLanguageChange"]}}};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{--tet-cloud-calculator-border-radius:none;--tet-cloud-calculator-background-primary-color:var(--tc-background-primary);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary);--tet-cloud-calculator-background-floating-summary:var(--tc-layer-inverse-primary);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-inverse-primary);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey);display:block;height:100%;width:100%}.cloud-configurator{position:relative;border-radius:var(--tet-cloud-calculator-border-radius);background-color:var(--tet-cloud-calculator-background-primary-color);display:flex;flex-direction:column;height:100%;width:100%;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator.dark{--tet-cloud-calculator-background-primary-color:var(--tc-background-primary-dark);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary-dark);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary-dark);--tet-cloud-calculator-background-floating-summary:var(--tc-background-tertiary-dark);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary-dark);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary-dark);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-primary-dark);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary-dark);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary-dark);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey-dark)}.cloud-configurator .header{position:-webkit-sticky;position:sticky;top:0;order:-1;z-index:2;margin:1.75rem 0 0;overflow:hidden;padding-bottom:0.25rem}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{display:flex;justify-content:center;width:100%;padding:0.75rem 0;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .header--is-pinned .inner-wrapper{-moz-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1)}.cloud-configurator .content{margin:2.5rem 1rem 0}.cloud-configurator .content__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:center;max-width:29.25rem;margin:0 auto 0.5rem}.cloud-configurator .content__subtitle{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);text-align:center;margin:0 auto 3.5rem;max-width:29.25rem}.cloud-configurator .form{display:flex;flex-direction:column;gap:2.5rem;width:100%}.cloud-configurator .form__group{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:2.5rem;padding-bottom:2rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color);justify-content:center}.cloud-configurator .form__group-label{width:100%;min-width:100%;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .form__input{min-width:15.625rem;max-width:21.875rem;flex:1 1 calc(50% - 1.5rem)}.cloud-configurator .form__input>*{width:100%}.cloud-configurator .form__checkbox{margin-top:0.5rem;padding-left:0.25rem;width:100%}.cloud-configurator .form__checkbox tet-checkbox{padding-left:0.25rem;display:flex}.cloud-configurator .form__checkbox-helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);margin-left:2rem;max-width:36.563rem}.cloud-configurator .expandable-list{display:flex;flex-direction:column;width:100%;gap:0.5rem}.cloud-configurator .expandable-list.expanded .expandable-item:nth-child(n+4){display:flex}.cloud-configurator .expandable-list .expandable-item{display:flex;flex-direction:row;width:100%;padding-bottom:0.5rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .expandable-list .expandable-item:nth-child(n+4){display:none}.cloud-configurator .expandable-list .expandable-item__description{display:flex;flex-direction:column;flex:1}.cloud-configurator .expandable-list .expandable-item__label{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list .expandable-item__helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color)}.cloud-configurator .expandable-list__toggle-row{display:flex;justify-content:space-between;flex-direction:column;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--icon-size:1.25rem}.cloud-configurator .expandable-list__toggle,.cloud-configurator .expandable-list__link{display:flex;align-items:flex-end;gap:0.25rem;padding:0.5rem 0;text-decoration:underline;cursor:pointer;color:var(--tet-cloud-calculator-text-primary-color);border-color:transparent;background:transparent;font-size:inherit}.cloud-configurator .expandable-list__toggle:visited,.cloud-configurator .expandable-list__link:visited{color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list__toggle:hover,.cloud-configurator .expandable-list__link:hover{color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__toggle:hover tet-icon,.cloud-configurator .expandable-list__link:hover tet-icon{--icon-color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__link tet-icon{padding-bottom:0.125rem;--icon-color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .summary{margin:2.5rem 0 0;padding-bottom:1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{display:flex;gap:1.5rem;padding-bottom:1.5rem;justify-content:flex-start;margin:1.5rem 0 1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary-table{display:grid;grid-template-columns:3fr 1fr;width:100%;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .summary-table__row{display:contents}.cloud-configurator .summary-table__row:nth-child(2n)>*{background-color:var(--tet-cloud-calculator-background-secondary-color)}.cloud-configurator .summary-table__row>*{height:100%;padding-bottom:0.125rem}.cloud-configurator .summary-table__row>*.summary-table__header{padding-left:1rem;padding-bottom:0.5rem}.cloud-configurator .summary-table__row>*.summary-table__label{padding-left:1rem}.cloud-configurator .summary-table__row>*.summary-table__value{padding-right:1rem}.cloud-configurator .summary-table__row>*:nth-child(-n+1){padding-top:0.75rem}.cloud-configurator .summary-table__row>*:nth-last-child(-n+2){padding-bottom:0.75rem}.cloud-configurator .summary-table__header{grid-column:span 2;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap}.cloud-configurator .summary-table__header~.summary-table__header{display:none}.cloud-configurator .summary-table__label{grid-column:1;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:left;color:var(--tet-cloud-calculator-text-secondary-color);white-space:nowrap;min-width:10rem;display:flex;justify-content:flex-start;gap:0.5rem;padding-right:0.5rem}.cloud-configurator .summary-table__label>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.cloud-configurator .summary-table__value{grid-column:2;text-align:right;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap;padding-left:0}.cloud-configurator .floating-summary{display:flex;position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--tet-cloud-calculator-background-primary-color);color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .floating-summary--is-pinned{background-color:var(--tet-cloud-calculator-background-floating-summary);color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary__container{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;width:100%}.cloud-configurator .floating-summary__count{display:none;align-items:center}.cloud-configurator .floating-summary--is-pinned .floating-summary__count{display:flex;flex-direction:row;column-gap:0.5rem;flex-wrap:wrap;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--item{color:var(--tet-cloud-calculator-text-blue-grey)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--other{color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--break{flex-basis:100%;height:0}.cloud-configurator .floating-summary__sum{display:flex;flex-direction:row;gap:0.25rem;align-items:flex-end;flex:1 0 auto;font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__sum--label{margin-left:auto}.cloud-configurator .floating-summary__sum--value{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum--value{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{display:flex;flex-direction:row-reverse;margin:0 1rem 2.5rem;padding-top:1rem}.cloud-configurator .footer__button{--button-width:9.375rem}@media all and (min-width: 31.25rem){.cloud-configurator .content{margin:2.5rem 1.5rem 0}.cloud-configurator .content__title{font:500 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif}.cloud-configurator .expandable-list__toggle-row{flex-direction:row}.cloud-configurator .footer{margin:0 1.5rem 2.5rem}}@media all and (min-width: 48rem){.cloud-configurator .header{margin:1.5rem 0 0}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{padding:1rem 0}.cloud-configurator .content{margin:2.5rem 2rem 0}.cloud-configurator .footer{margin:0 2rem 2.5rem}.cloud-configurator .form__group{padding-bottom:2.5rem}.cloud-configurator .form__group-label{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{justify-content:flex-end;margin-top:0.5rem}.cloud-configurator .summary__title{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary-table{display:grid;grid-template-columns:2fr 5fr}.cloud-configurator .summary-table__header{grid-column:1}.cloud-configurator .summary-table__row>*.summary-table__header{padding-bottom:unset}.cloud-configurator .summary-table__row>*:nth-child(-n+3){padding-top:0.75rem}.cloud-configurator .summary-table__header~.summary-table__header{display:block}.cloud-configurator .summary-table__label{grid-column:2;text-align:right;justify-content:flex-end}.cloud-configurator .summary-table__value{grid-column:3}.cloud-configurator .floating-summary{height:4rem}.cloud-configurator .floating-summary__container{padding:1rem 2rem}.cloud-configurator .floating-summary__count{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__count--break{display:none}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{align-items:center}.cloud-configurator .floating-summary__sum{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{padding-top:0.5rem}}@media all and (min-width: 64rem){.cloud-configurator .content{margin:2.5rem 2.5rem 0}.cloud-configurator .footer{margin:0 2.5rem 2.5rem}.cloud-configurator .floating-summary__container{padding:1rem 2.5rem}}';export{G as tet_cloud_configurator}
|
|
1
|
+
import{r as o,c as t,g as e,f as r,h as a,F as n,H as i}from"./p-83f43fdd.js";import{t as l,p as s}from"./p-a8051a99.js";import{e as c,A as u}from"./p-0ebbf5ef.js";import"./p-9a2b6ee2.js";var d,m,f;!function(o){o.SMALL="small",o.AVERAGE="average",o.LARGE="large",o.INDIVIDUAL="custom"}(d||(d={})),function(o){o.HOURLY="hourly",o.MONTHLY="monthly"}(m||(m={})),function(o){o.V_CPU="vcpu",o.V_RAM="vram",o.STORAGE="storage",o.EXTRA_STORAGE="extra-storage",o.LICENSE="license",o.MS_LICENSE="ms_license",o.BANDWIDTH="bandwidth"}(f||(f={}));const g={v_cpu_standard:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_cpu_performance:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_ram:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0}],storage_bronze:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_silver:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_gold:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_platinum:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_backup:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_object:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],license_windows:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],license_veeam:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_rds:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_dc_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_professional_plus:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],cis_suite_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],project_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sharepoint_server:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],bandwidth_ip:[{name:"components-cloud-configurator-unit-ip",value:1,default:!0}],bandwidth_capacity:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],ddos_protection_bandwidth:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],bandwidth_router:[{name:"components-cloud-configurator-unit-nsx-router",value:1,default:!0},{name:"components-cloud-configurator-unit-not-required",value:0}]},p={storage_bronze:"components-cloud-configurator-unit-of-measure",storage_silver:"components-cloud-configurator-unit-of-measure",storage_gold:"components-cloud-configurator-unit-of-measure",storage_platinum:"components-cloud-configurator-unit-of-measure",storage_backup:"components-cloud-configurator-unit-of-measure",storage_object:"components-cloud-configurator-unit-of-measure",bandwidth_router:"components-cloud-configurator-select-device"},h={[f.V_CPU]:"components-cloud-configurator-summary-group-vcpu",[f.V_RAM]:"components-cloud-configurator-summary-group-vram",[f.STORAGE]:"components-cloud-configurator-summary-group-storage",[f.EXTRA_STORAGE]:"components-cloud-configurator-summary-group-extra-storage",[f.LICENSE]:"components-cloud-configurator-summary-group-license",[f.MS_LICENSE]:"components-cloud-configurator-summary-group-ms-license",[f.BANDWIDTH]:"components-cloud-configurator-summary-group-bandwidth"},_=["v_cpu_standard","v_cpu_performance","v_ram","storage_bronze","storage_silver","storage_gold","storage_platinum","storage_backup","storage_object","license_windows","license_veeam","sql_server_standard_core","win_rds","win_server_standard_core","win_server_dc_core","sql_server_standard","office_standard","office_professional_plus","cis_suite_standard_core","project_standard","sharepoint_server","bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_enabled","ddos_protection_bandwidth"];function y(o){const t={};for(const e of _)t[e]=o[e];return t}function b(o){const t=g[o];if(t)return t.forEach((o=>{o.name=l(o.name)})),t}function w(o){const t=p[o];if(t)return l(t)}function v(o){const t=b(o);if(t)return t.find((o=>o.default))}function x(o,t){return o.toFixed(t===m.MONTHLY?2:8).replace(".",",")}const k=async()=>{let o;try{o=new URL(c.cloudConfigurator).href}catch(o){return console.error(o),Promise.reject("Cloud Configurator endpoint URL generation failed.")}const t=(new u).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue([]);return await t.execute()},G=class{constructor(e){o(this,e),this.cloudCalculatorSubmit=t(this,"cloudCalculatorSubmit",7),this.language="lv",this.containerSelector="",this.theme="light",this.selectOnFocus=void 0,this.isLoading=!0,this.headerRef=void 0,this.footerRef=void 0,this.formValues={},this.selectedTab=d.SMALL,this.selectedPeriod=m.MONTHLY,this.isFloatingSummary=!1,this.isListExpanded=!1,this.parentElement=void 0}get root(){return e(this)}headerObserver;footerObserver=new IntersectionObserver((([o])=>{this.isFloatingSummary=0===o.intersectionRatio}));fields=null;cloudCalculatorSubmit;async componentWillLoad(){this.parentElement=this.containerSelector?document.querySelector(this.containerSelector):this.root.parentElement,this.headerObserver=new IntersectionObserver((([o])=>{0!==o.intersectionRatio&&o.target.classList.toggle("header--is-pinned",o.intersectionRatio<1)}),{rootMargin:`-${this.parentElement.offsetTop+1}px 0px 0px 0px`,root:document,threshold:1}),this.fetchData()}onisLoadingChange(o){o||this.setDefaultValues()}onHeaderRefChange(o){o&&(this.headerRef.style.top=this.parentElement.offsetTop-1+"px",this.headerObserver.observe(this.headerRef))}onFooterRefChange(o){o&&this.footerObserver.observe(this.footerRef)}onSelectedTabChange(){this.setDefaultValues()}async onLanguageChange(o){await s("cloud-calculator",o),r(this)}onTabSelected=o=>{this.selectedTab=o.detail.new};onExpandableListToggle=()=>{this.isListExpanded=!this.isListExpanded};onSummaryPeriodChange=o=>{this.selectedPeriod=o.detail.value};onDdosProtectionEnabledCheck=o=>{const{checked:t}=o.detail;this.formValues.ddos_protection_enabled.value=t?1:0,this.setDefaultValue("bandwidth_capacity"),this.setDefaultValue("ddos_protection_bandwidth"),this.formValues={...this.formValues}};onNumberValueChanged=(o,t)=>{const{min:e}=this.fields[t],r=this.formValues[t];let a=o.value;o.suffix||(o.suffix=v(t)),r?.suffix?.value!==o.suffix.value&&(a=0===o.suffix.value?0:e);const n=this.getPrices(t,a,o.suffix);this.formValues[t]={...r,value:a,suffix:o.suffix,...n},this.formValues={...this.formValues}};onFormSubmit=()=>{const o=y(this.formValues),t=this.formValues.ddos_protection_enabled?.value;t?delete o.bandwidth_capacity:delete o.ddos_protection_bandwidth;const e={formValues:o,totals:this.getTotals()};this.cloudCalculatorSubmit.emit(e)};fetchData=async()=>{const o=await Promise.all([k(),s("cloud-calculator",this.language)]);this.fields=o[0],this.isLoading=!1};setDefaultValues=()=>{for(const o of Object.keys(this.fields))this.setDefaultValue(o);const o=y(this.formValues);this.formValues={...o},this.root.shadowRoot.querySelectorAll("tet-number-input").forEach((o=>o.resetSuffix()))};setDefaultValue=o=>{const t=this.fields[o],e=t.default[this.selectedTab]||t.min,r=v(t.key),a=this.getPrices(t.key,e,r);this.formValues[t.key]={key:t.key,value:e,title:t.name.lv,groupKey:t.group,groupName:l(h[t.group]),...a,suffix:v(t.key)}};getFieldKeysByGroup(o){return Object.values(this.fields).filter((t=>t.group===o)).map((o=>o.key))}getTotals(){const o=!!this.formValues.ddos_protection_enabled?.value,t={hourly:0,monthly:0};for(const e of Object.values(this.formValues))"bandwidth_capacity"===e.key&&o||("ddos_protection_bandwidth"!==e.key||o)&&(t.hourly+=e.hourly,t.monthly+=e.monthly);return t}getPrices(o,t,e){const{priceHourly:r,priceMonthly:a}=this.fields[o];let n=1;return e?.value&&(n=e.value),"bandwidth_ip"===o?{monthly:(t-1)*a*n,hourly:(t-1)*r*n}:{monthly:t*a*n,hourly:t*r*n}}getMinValue(o){const t=this.fields[o],e=this.formValues[o];return t?0===e?.suffix?.value?0:t.min:null}getMaxValue(o){const t=this.fields[o],e=this.formValues[o];return t&&e?e.suffix?t.max/e.suffix.value:t.max:null}getLabel(o){if(["v_ram"].includes(o))return null;const t=this.fields[o];return t?t.name[this.language]:null}getHelperText(o){const t=this.fields[o];return t?t.description[this.language]:null}renderTitle=()=>a(n,null,a("p",{class:"content__subtitle"},l(`components-cloud-configurator-${this.selectedTab}-subtitle`)));renderNumberInput(o,t){return!0===t?.hidden?null:a("div",{class:"form__input"},a("tet-number-input",{min:this.getMinValue(o),max:this.getMaxValue(o),label:this.getLabel(o),"accessibility-label":this.getHelperText(o),"button-accessibility-label":w(o),helperText:this.getHelperText(o),value:this.formValues[o]?.value,disabled:t?.disabled,suffixes:b(o),onInputValueChanged:t=>this.onNumberValueChanged(t.detail,o),selectOnFocus:this.selectOnFocus,theme:this.theme}))}renderExpandableItem(o){const t=this.fields[o];return a("div",{class:"expandable-item"},a("div",{class:"expandable-item__description"},a("div",{class:"expandable-item__title"},t.name[this.language]),a("div",{class:"expandable-item__helper"},t.description[this.language])),a("tet-stepper-input",{min:this.getMinValue(o),max:this.getMaxValue(o),step:1,value:this.formValues[o]?.value,onInputValueChanged:t=>this.onNumberValueChanged({value:t.detail},o),selectOnFocus:this.selectOnFocus,"accessibility-label":t.name[this.language],theme:this.theme}))}renderSummaryTable(){return a("div",{class:"summary-table"},this.renderSummaryRow(f.V_CPU,null,`x ${l("components-cloud-configurator-unit-cores")}`),this.renderSummaryRow(f.V_RAM),this.renderSummaryRow(f.STORAGE),this.renderSummaryRow(f.EXTRA_STORAGE),this.renderSummaryRow(f.LICENSE),this.renderSummaryRow(f.MS_LICENSE,null,l("components-cloud-configurator-unit-pieces")),this.renderSummaryRow(f.BANDWIDTH,["bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_bandwidth"]))}renderSummaryRow(o,t,e){let r,n=h[o];if(r=t||this.getFieldKeysByGroup(o),o===f.BANDWIDTH&&(r=r.filter((o=>"ddos_protection_enabled"!==o)),this.formValues.ddos_protection_enabled?.value?(r=r.filter((o=>"bandwidth_capacity"!==o)),n="components-cloud-configurator-group-bandwidth-ddos"):r=r.filter((o=>"ddos_protection_bandwidth"!==o))),!Object.entries(this.fields).some((o=>r.includes(o[0]))))return null;const i=[a("div",{class:"summary-table__header"},l(n))];let s=!0;for(const o of r){const t=this.formValues[o];if(!this.fields[o]||!t||!t[this.selectedPeriod])continue;s||i.push(a("div",{class:"summary-table__header"}));const r=this.getLabel(o),n=e||t.suffix?.name;i.push(a("div",{class:"summary-table__label"},!!r&&a("span",null,`${r},`),a("span",null,`${t?.value}${n}`)));const c=t[this.selectedPeriod]||0,u=l(this.selectedPeriod===m.MONTHLY?"components-cloud-configurator-price-suffix-montly":"components-cloud-configurator-price-suffix-hourly");i.push(a("div",{class:"summary-table__value"},`${x(c,this.selectedPeriod)} ${u}`)),s=!1}return 1===i.length?null:a("div",{class:"summary-table__row"},i.map((o=>o)))}renderFloatingSummary(){const o=this.getFieldKeysByGroup(f.V_CPU),t=this.getFieldKeysByGroup(f.V_RAM),e=this.getFieldKeysByGroup(f.STORAGE),r=this.getFieldKeysByGroup(f.EXTRA_STORAGE),n=this.getFieldKeysByGroup(f.LICENSE),i=this.getFieldKeysByGroup(f.BANDWIDTH),s=this.getFieldKeysByGroup(f.MS_LICENSE),c=Object.values(this.formValues),u=c.reduce(((r,a)=>(o.includes(a.key)?r.cpu+=a.value:t.includes(a.key)?r.ram+=a.value:e.includes(a.key)&&(r.storage+=a.value*(a.suffix?.value||1)),r)),{cpu:0,ram:0,storage:0});let d=0;c.some((o=>n.includes(o.key)&&o.value))&&(d+=1),c.some((o=>i.includes(o.key)&&o.value))&&(d+=1),c.some((o=>s.includes(o.key)&&o.value))&&(d+=1),c.some((o=>r.includes(o.key)&&o.value))&&(d+=1);const m=this.getTotals();return a("div",{class:"floating-summary__container"},this.isFloatingSummary&&a("div",{class:"floating-summary__count"},a("span",{class:"floating-summary__count--item"},`${u.cpu} ${l("components-cloud-configurator-summary-cpu")},`),a("span",{class:"floating-summary__count--item"},`${u.ram} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-ram")},`),a("span",{class:"floating-summary__count--break"}),a("span",{class:"floating-summary__count--item"},`${u.storage} ${l("components-cloud-configurator-unit-gigabyte")} ${l("components-cloud-configurator-summary-storage")}`),a("span",{class:"floating-summary__count--other"},`+${d}`)),a("div",{class:"floating-summary__sum"},a("span",{class:"floating-summary__sum--label"},`${l("components-cloud-configurator-summary-sum")}:`),a("span",{class:"floating-summary__sum--value"},`${x(m[this.selectedPeriod],this.selectedPeriod)} ${l("components-cloud-configurator-price-unit")}`)))}renderPlaceholder(){return a(i,null,a("div",{class:"cloud-configurator"},a("div",{class:"content"},a("div",{class:"content__title"},a("tet-placeholder",{width:"90%",height:"1.75rem",darkTheme:"dark"===this.theme})),a("div",{class:"content__subtitle"},a("tet-placeholder",{width:"100%",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme}))),a("div",{class:"form__group"},a("div",{class:"form__group-label"},a("tet-placeholder",{width:"10rem",height:"1rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"},a("tet-placeholder",{width:"100%",height:"2.875rem",darkTheme:"dark"===this.theme})),a("div",{class:"form__input"})))),a("div",{class:"header",part:"header"},a("div",{class:"inner-wrapper"},a("tet-placeholder",{width:"25.5rem",height:"2.875rem",darkTheme:"dark"===this.theme})))))}render(){return this.isLoading?this.renderPlaceholder():(s("cloud-configurator",this.language),a(i,null,a("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},a("div",{class:{header:!0,[this.theme]:!!this.theme},part:"header",ref:o=>this.headerRef=o},a("div",{class:"inner-wrapper"},a("tet-tab-header",{class:"header__segment-switch",segmented:!0,position:"center",defaultTab:"small",theme:this.theme,onTabSelected:this.onTabSelected},a("button",{"data-name":d.SMALL},a("p",null,l("components-cloud-configurator-type-small"))),a("button",{"data-name":d.AVERAGE},a("p",null,l("components-cloud-configurator-type-average"))),a("button",{"data-name":d.LARGE},a("p",null,l("components-cloud-configurator-type-large"))),a("button",{"data-name":d.INDIVIDUAL},a("p",null,l("components-cloud-configurator-type-custom")))))),a("div",{class:"content",part:"content"},this.renderTitle(),a("div",{class:"form",part:"form"},a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vcpu")),this.renderNumberInput("v_cpu_standard"),this.renderNumberInput("v_cpu_performance")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-vram")),this.renderNumberInput("v_ram"),a("div",{class:"form__input"})),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-storage")),this.renderNumberInput("storage_bronze"),this.renderNumberInput("storage_silver"),this.renderNumberInput("storage_gold"),this.renderNumberInput("storage_platinum")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-extra-storage")),this.renderNumberInput("storage_backup"),this.renderNumberInput("storage_object")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-license")),this.renderNumberInput("license_windows"),this.renderNumberInput("license_veeam")),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-ms-license")),a("div",{class:{"expandable-list":!0,expanded:this.isListExpanded}},this.renderExpandableItem("sql_server_standard_core"),this.renderExpandableItem("win_rds"),this.renderExpandableItem("win_server_standard_core"),this.renderExpandableItem("win_server_dc_core"),this.renderExpandableItem("sql_server_standard"),this.renderExpandableItem("office_standard"),this.renderExpandableItem("office_professional_plus"),this.renderExpandableItem("cis_suite_standard_core"),this.renderExpandableItem("project_standard"),this.renderExpandableItem("sharepoint_server"),a("div",{class:"expandable-list__toggle-row"},this.isListExpanded&&a(n,null,a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-collapse")," ",a("tet-icon",{name:"chevron-up",theme:this.theme})),a("div",{innerHTML:l("components-cloud-configurator-ms-license-full-list")})),!this.isListExpanded&&a("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},l("components-cloud-configurator-ms-license-expand")," ",a("tet-icon",{name:"chevron-down",theme:this.theme}))))),a("div",{class:"form__group"},a("h3",{class:"form__group-label"},l("components-cloud-configurator-group-bandwidth")),this.renderNumberInput("bandwidth_ip"),this.renderNumberInput("bandwidth_router"),this.renderNumberInput("bandwidth_capacity",{disabled:!0,hidden:Boolean(this.formValues.ddos_protection_enabled?.value)}),this.renderNumberInput("ddos_protection_bandwidth",{hidden:!Boolean(this.formValues.ddos_protection_enabled?.value)}),a("div",{class:"form__input"}),a("div",{class:"form__checkbox"},a("tet-checkbox",{label:this.getLabel("ddos_protection_enabled"),value:this.formValues.ddos_protection_enabled?.value,checked:!!this.formValues.ddos_protection_enabled?.value,onCheck:this.onDdosProtectionEnabledCheck,theme:this.theme}),a("p",{class:"form__checkbox-helper"},this.getHelperText("ddos_protection_enabled"))))),a("div",{class:"summary",part:"summary"},a("h2",{class:"summary__title"},l("components-cloud-configurator-group-summary")),a("div",{class:"summary__toggle",role:"radiogroup"},a("tet-radio",{name:"summary-period",value:m.MONTHLY,checked:this.selectedPeriod===m.MONTHLY,label:l("components-cloud-configurator-summary-period-monthly"),theme:this.theme,onCheck:this.onSummaryPeriodChange}),a("tet-radio",{name:"summary-period",value:m.HOURLY,checked:this.selectedPeriod===m.HOURLY,label:l("components-cloud-configurator-summary-period-hourly"),theme:this.theme,onCheck:this.onSummaryPeriodChange})),this.renderSummaryTable())),a("div",{class:{"floating-summary":!0,"floating-summary--is-pinned":this.isFloatingSummary},part:"floating-summary"},this.renderFloatingSummary()),a("div",{part:"footer",class:"footer",ref:o=>this.footerRef=o},a("tet-button",{class:"footer__button",size:"large",type:"primary",theme:this.theme,onClick:this.onFormSubmit},l("components-cloud-configurator-submit"))))))}static get watchers(){return{isLoading:["onisLoadingChange"],headerRef:["onHeaderRefChange"],footerRef:["onFooterRefChange"],selectedTab:["onSelectedTabChange"],language:["onLanguageChange"]}}};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{--tet-cloud-calculator-border-radius:none;--tet-cloud-calculator-background-primary-color:var(--tc-background-primary);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary);--tet-cloud-calculator-background-floating-summary:var(--tc-layer-inverse-primary);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-inverse-primary);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey);display:block;height:100%;width:100%}.cloud-configurator{position:relative;border-radius:var(--tet-cloud-calculator-border-radius);background-color:var(--tet-cloud-calculator-background-primary-color);display:flex;flex-direction:column;height:100%;width:100%;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator.dark{--tet-cloud-calculator-background-primary-color:var(--tc-background-primary-dark);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary-dark);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary-dark);--tet-cloud-calculator-background-floating-summary:var(--tc-background-tertiary-dark);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary-dark);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary-dark);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-primary-dark);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary-dark);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary-dark);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey-dark)}.cloud-configurator .header{position:-webkit-sticky;position:sticky;top:0;order:-1;z-index:2;margin:1.75rem 0 0;overflow:hidden;padding-bottom:0.25rem}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{display:flex;justify-content:center;width:100%;padding:0.75rem 0;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .header--is-pinned .inner-wrapper{-moz-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1)}.cloud-configurator .content{margin:2.5rem 1rem 0}.cloud-configurator .content__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:center;max-width:29.25rem;margin:0 auto 0.5rem}.cloud-configurator .content__subtitle{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);text-align:center;margin:0 auto 3.5rem;max-width:29.25rem}.cloud-configurator .form{display:flex;flex-direction:column;gap:2.5rem;width:100%}.cloud-configurator .form__group{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:2.5rem;padding-bottom:2rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color);justify-content:center}.cloud-configurator .form__group-label{width:100%;min-width:100%;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .form__input{min-width:15.625rem;max-width:21.875rem;flex:1 1 calc(50% - 1.5rem)}.cloud-configurator .form__input>*{width:100%}.cloud-configurator .form__checkbox{margin-top:0.5rem;padding-left:0.25rem;width:100%}.cloud-configurator .form__checkbox tet-checkbox{padding-left:0.25rem;display:flex}.cloud-configurator .form__checkbox-helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);margin-left:2rem;max-width:36.563rem}.cloud-configurator .expandable-list{display:flex;flex-direction:column;width:100%;gap:0.5rem}.cloud-configurator .expandable-list.expanded .expandable-item:nth-child(n+4){display:flex}.cloud-configurator .expandable-list .expandable-item{display:flex;flex-direction:row;width:100%;padding-bottom:0.5rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .expandable-list .expandable-item:nth-child(n+4){display:none}.cloud-configurator .expandable-list .expandable-item__description{display:flex;flex-direction:column;flex:1}.cloud-configurator .expandable-list .expandable-item__label{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list .expandable-item__helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color)}.cloud-configurator .expandable-list__toggle-row{display:flex;justify-content:space-between;flex-direction:column;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--icon-size:1.25rem}.cloud-configurator .expandable-list__toggle,.cloud-configurator .expandable-list__link{display:flex;align-items:flex-end;gap:0.25rem;padding:0.5rem 0;text-decoration:underline;cursor:pointer;color:var(--tet-cloud-calculator-text-primary-color);border-color:transparent;background:transparent;font-size:inherit}.cloud-configurator .expandable-list__toggle:visited,.cloud-configurator .expandable-list__link:visited{color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list__toggle:hover,.cloud-configurator .expandable-list__link:hover{color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__toggle:hover tet-icon,.cloud-configurator .expandable-list__link:hover tet-icon{--icon-color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__link tet-icon{padding-bottom:0.125rem;--icon-color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .summary{margin:2.5rem 0 0;padding-bottom:1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{display:flex;gap:1.5rem;padding-bottom:1.5rem;justify-content:flex-start;margin:1.5rem 0 1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary-table{display:grid;grid-template-columns:3fr 1fr;width:100%;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .summary-table__row{display:contents}.cloud-configurator .summary-table__row:nth-child(2n)>*{background-color:var(--tet-cloud-calculator-background-secondary-color)}.cloud-configurator .summary-table__row>*{height:100%;padding-bottom:0.125rem}.cloud-configurator .summary-table__row>*.summary-table__header{padding-left:1rem;padding-bottom:0.5rem}.cloud-configurator .summary-table__row>*.summary-table__label{padding-left:1rem}.cloud-configurator .summary-table__row>*.summary-table__value{padding-right:1rem}.cloud-configurator .summary-table__row>*:nth-child(-n+1){padding-top:0.75rem}.cloud-configurator .summary-table__row>*:nth-last-child(-n+2){padding-bottom:0.75rem}.cloud-configurator .summary-table__header{grid-column:span 2;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap}.cloud-configurator .summary-table__header~.summary-table__header{display:none}.cloud-configurator .summary-table__label{grid-column:1;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:left;color:var(--tet-cloud-calculator-text-secondary-color);white-space:nowrap;min-width:10rem;display:flex;justify-content:flex-start;gap:0.5rem;padding-right:0.5rem}.cloud-configurator .summary-table__label>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.cloud-configurator .summary-table__value{grid-column:2;text-align:right;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap;padding-left:0}.cloud-configurator .floating-summary{display:flex;position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--tet-cloud-calculator-background-primary-color);color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .floating-summary--is-pinned{background-color:var(--tet-cloud-calculator-background-floating-summary);color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary__container{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;width:100%}.cloud-configurator .floating-summary__count{display:none;align-items:center}.cloud-configurator .floating-summary--is-pinned .floating-summary__count{display:flex;flex-direction:row;column-gap:0.5rem;flex-wrap:wrap;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--item{color:var(--tet-cloud-calculator-text-blue-grey)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--other{color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--break{flex-basis:100%;height:0}.cloud-configurator .floating-summary__sum{display:flex;flex-direction:row;gap:0.25rem;align-items:flex-end;flex:1 0 auto;font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__sum--label{margin-left:auto}.cloud-configurator .floating-summary__sum--value{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum--value{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{display:flex;flex-direction:row-reverse;margin:0 1rem 2.5rem;padding-top:1rem}.cloud-configurator .footer__button{--button-width:9.375rem}@media all and (min-width: 31.25rem){.cloud-configurator .content{margin:2.5rem 1.5rem 0}.cloud-configurator .content__title{font:500 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif}.cloud-configurator .expandable-list__toggle-row{flex-direction:row}.cloud-configurator .footer{margin:0 1.5rem 2.5rem}}@media all and (min-width: 48rem){.cloud-configurator .header{margin:1.5rem 0 0}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{padding:1rem 0}.cloud-configurator .content{margin:2.5rem 2rem 0}.cloud-configurator .footer{margin:0 2rem 2.5rem}.cloud-configurator .form__group{padding-bottom:2.5rem}.cloud-configurator .form__group-label{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{justify-content:flex-end;margin-top:0.5rem}.cloud-configurator .summary__title{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary-table{display:grid;grid-template-columns:2fr 5fr}.cloud-configurator .summary-table__header{grid-column:1}.cloud-configurator .summary-table__row>*.summary-table__header{padding-bottom:unset}.cloud-configurator .summary-table__row>*:nth-child(-n+3){padding-top:0.75rem}.cloud-configurator .summary-table__header~.summary-table__header{display:block}.cloud-configurator .summary-table__label{grid-column:2;text-align:right;justify-content:flex-end}.cloud-configurator .summary-table__value{grid-column:3}.cloud-configurator .floating-summary{height:4rem}.cloud-configurator .floating-summary__container{padding:1rem 2rem}.cloud-configurator .floating-summary__count{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__count--break{display:none}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{align-items:center}.cloud-configurator .floating-summary__sum{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{padding-top:0.5rem}}@media all and (min-width: 64rem){.cloud-configurator .content{margin:2.5rem 2.5rem 0}.cloud-configurator .footer{margin:0 2.5rem 2.5rem}.cloud-configurator .floating-summary__container{padding:1rem 2.5rem}}';export{G as tet_cloud_configurator}
|