@tet/tet-components 1.4.27-staging → 1.4.27-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-f852270f.js → address-656e77f6.js} +1 -1
- package/dist/cjs/{assets-b9d36649.js → assets-f64f0e16.js} +1 -1
- package/dist/cjs/{async-request-4517f566.js → async-request-fcf33aba.js} +1 -1
- package/dist/cjs/{http-codes-062f76cf.js → http-codes-40da1e61.js} +1 -1
- package/dist/cjs/{index-faec4c52.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-19a7608f.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-d6be0dd2.js → phone-055efd07.js} +2 -2
- package/dist/cjs/{product-comparison-aa80a77c.js → product-comparison-88a89820.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-label.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-loader.cjs.entry.js +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-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-a25b08b6.js → p-027f730e.js} +7 -7
- package/dist/components/{p-d21c7be3.js → p-04a2d6a8.js} +1 -1
- package/dist/components/{p-c29a45f3.js → p-089612ee.js} +10 -10
- package/dist/components/{p-f259ef5f.js → p-0a575a94.js} +6 -6
- package/dist/components/{p-c4f77126.js → p-1035feaa.js} +3 -3
- package/dist/components/{p-3447cfe2.js → p-193320bd.js} +1 -1
- package/dist/components/{p-a3b7c408.js → p-1b7b79a5.js} +3 -3
- package/dist/components/{p-f2402ed7.js → p-1e624d81.js} +2 -2
- package/dist/components/{p-aa122c92.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-99746f8e.js → p-2b5669f6.js} +1 -1
- package/dist/components/{p-5b460f62.js → p-2c1233bc.js} +1 -1
- package/dist/components/{p-d2c3076d.js → p-331ebe65.js} +1 -1
- package/dist/components/{p-a830ca83.js → p-34265c9d.js} +2 -2
- package/dist/components/{p-a1135d10.js → p-375a5cfa.js} +1 -1
- package/dist/components/{p-75612e20.js → p-41260991.js} +3 -3
- package/dist/components/{p-b6841a9b.js → p-44201f97.js} +1 -1
- package/dist/components/{p-3493f65f.js → p-4468c9e9.js} +1 -1
- package/dist/components/{p-a2c27d73.js → p-461e1a38.js} +1 -1
- package/dist/components/{p-95722fb3.js → p-48611429.js} +2 -2
- package/dist/components/{p-3d4fecca.js → p-4903892e.js} +9 -9
- package/dist/components/{p-f5f56fe1.js → p-49251432.js} +2 -2
- package/dist/components/{p-8bbea05f.js → p-49b5dcf4.js} +2 -2
- package/dist/components/{p-6e9df8dd.js → p-4b4a0334.js} +2 -2
- package/dist/components/{p-464c7198.js → p-50c4fd79.js} +1 -1
- package/dist/components/{p-ec4cea27.js → p-5472702d.js} +5 -5
- package/dist/components/{p-aedb4093.js → p-59997b7c.js} +1 -1
- package/dist/components/{p-92423544.js → p-5c6b063f.js} +2 -2
- package/dist/components/{p-40893ddd.js → p-64690a6c.js} +3 -3
- package/dist/components/{p-09e12e32.js → p-67c5a58c.js} +1 -1
- package/dist/components/{p-0d4040e8.js → p-68143dc1.js} +5 -5
- package/dist/components/{p-1fe9d8a5.js → p-6fa17892.js} +10 -10
- package/dist/components/{p-41b79a2e.js → p-74e1a749.js} +6 -6
- package/dist/components/{p-164c4f08.js → p-795a1c43.js} +4 -4
- package/dist/components/{p-bac1705f.js → p-7f859d29.js} +1 -1
- package/dist/components/{p-5a3da1ac.js → p-8a5c883e.js} +1 -1
- package/dist/components/{p-13296f85.js → p-8f56bf1c.js} +2 -2
- package/dist/components/{p-d2a4570d.js → p-95cc2537.js} +3 -3
- package/dist/components/{p-9b4b062e.js → p-9783cca1.js} +7 -7
- package/dist/components/{p-11700d82.js → p-a57bdbb3.js} +4 -4
- package/dist/components/{p-29aa33c8.js → p-a6be19f9.js} +1 -1
- package/dist/components/{p-19f32f2a.js → p-aae07dc6.js} +2 -2
- package/dist/components/{p-2a189a6b.js → p-af0662ff.js} +1 -1
- package/dist/components/{p-c6284dbe.js → p-af9beaa1.js} +7 -7
- package/dist/components/{p-d298006c.js → p-be5d67d1.js} +1 -1
- package/dist/components/{p-e9cec2be.js → p-bef5a700.js} +1 -1
- package/dist/components/{p-0af4c96a.js → p-bf18b5b7.js} +2 -2
- package/dist/components/{p-65a05865.js → p-c1c77130.js} +2 -2
- package/dist/components/{p-8921cb9c.js → p-c964254d.js} +1 -1
- package/dist/components/{p-c9cc0a5b.js → p-d22aed2d.js} +6 -6
- package/dist/components/{p-a0f69423.js → p-d57cec8c.js} +1 -1
- package/dist/components/{p-308ed708.js → p-ddcc69cd.js} +2 -2
- package/dist/components/{p-c2ea4c67.js → p-def0e33f.js} +3 -3
- package/dist/components/{p-3cf8ea69.js → p-defc1e19.js} +14 -14
- package/dist/components/{p-1469ed4f.js → p-df5d84f1.js} +3 -3
- package/dist/components/{p-a31e7e42.js → p-e3cb1d2d.js} +3 -3
- package/dist/components/{p-4db83698.js → p-e4f06634.js} +7 -7
- package/dist/components/{p-f4c5337a.js → p-e87a77a6.js} +1 -1
- package/dist/components/{p-26ffcb52.js → p-f76fad86.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +2 -2
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +2 -2
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-20e2d850.js → address-1e0810e7.js} +1 -1
- package/dist/esm/{assets-894007df.js → assets-e1349520.js} +1 -1
- package/dist/esm/{async-request-ae1056de.js → async-request-4c945e13.js} +1 -1
- package/dist/esm/{http-codes-cf0086d4.js → http-codes-1927ea00.js} +1 -1
- package/dist/esm/{index-e3209c56.js → index-412df137.js} +1 -1
- package/dist/esm/{index-e933a7d2.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-62660137.js → phone-1a920c5c.js} +2 -2
- package/dist/esm/{product-comparison-cb8955f6.js → product-comparison-dd90c721.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dropdown_2.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-label.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-loader.entry.js +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +1 -1
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-cf4d7d54.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-e60db8fd.js → translations-4712c45f.js} +1 -1
- package/dist/tet-components/{p-27a27a6f.entry.js → p-00e4bbed.entry.js} +1 -1
- package/dist/tet-components/{p-0d2c26f6.entry.js → p-028e8ace.entry.js} +1 -1
- package/dist/tet-components/{p-1a05c222.entry.js → p-040c0f07.entry.js} +1 -1
- package/dist/tet-components/{p-23f3b153.entry.js → p-0690732e.entry.js} +1 -1
- package/dist/tet-components/{p-7a9db071.entry.js → p-09e92f79.entry.js} +1 -1
- package/dist/tet-components/{p-c9ddf890.js → p-0c6b6730.js} +1 -1
- package/dist/tet-components/{p-af86e2dc.entry.js → p-0d5562a1.entry.js} +1 -1
- package/dist/tet-components/{p-b29111f0.entry.js → p-0e2dbd84.entry.js} +1 -1
- package/dist/tet-components/{p-726651bc.js → p-0ebbf5ef.js} +1 -1
- package/dist/tet-components/{p-fdd44094.entry.js → p-0f2d1a9c.entry.js} +1 -1
- package/dist/tet-components/{p-8b93b91f.entry.js → p-10e72480.entry.js} +1 -1
- package/dist/tet-components/{p-548d7cc1.entry.js → p-122f3d3c.entry.js} +1 -1
- package/dist/tet-components/{p-ef84df23.entry.js → p-1d0c3563.entry.js} +1 -1
- package/dist/tet-components/{p-b92dff8a.js → p-1fd2adaf.js} +1 -1
- package/dist/tet-components/{p-f9c98275.entry.js → p-2328b1d4.entry.js} +1 -1
- package/dist/tet-components/{p-12f975ff.entry.js → p-26b112a2.entry.js} +1 -1
- package/dist/tet-components/{p-efc8d952.entry.js → p-2738fbb7.entry.js} +1 -1
- package/dist/tet-components/{p-14c15a69.entry.js → p-2a43ccef.entry.js} +1 -1
- package/dist/tet-components/{p-6ffacde3.entry.js → p-32ece6e1.entry.js} +1 -1
- package/dist/tet-components/{p-a64706a6.entry.js → p-33768388.entry.js} +1 -1
- package/dist/tet-components/{p-2a973b3c.entry.js → p-33f2ed2e.entry.js} +1 -1
- package/dist/tet-components/{p-d3db997e.entry.js → p-39796998.entry.js} +1 -1
- package/dist/tet-components/{p-839ae15f.entry.js → p-3a3fd77f.entry.js} +1 -1
- package/dist/tet-components/{p-3b5e9fed.entry.js → p-3fc6a020.entry.js} +1 -1
- package/dist/tet-components/{p-c87aa965.entry.js → p-43c3b078.entry.js} +1 -1
- package/dist/tet-components/{p-fa67ec09.entry.js → p-43fd6ff8.entry.js} +1 -1
- package/dist/tet-components/{p-73c190a2.entry.js → p-46975ec4.entry.js} +1 -1
- package/dist/tet-components/{p-08569f07.entry.js → p-4967b041.entry.js} +1 -1
- package/dist/tet-components/{p-1b976fcb.entry.js → p-4e58c5e2.entry.js} +1 -1
- package/dist/tet-components/{p-fe7dab47.entry.js → p-4f5a19cb.entry.js} +1 -1
- package/dist/tet-components/{p-0bf60061.entry.js → p-5391d594.entry.js} +1 -1
- package/dist/tet-components/{p-1ea5d4bf.entry.js → p-5533f71b.entry.js} +1 -1
- package/dist/tet-components/{p-01cbb74c.entry.js → p-55be4b32.entry.js} +1 -1
- package/dist/tet-components/{p-59007fe7.entry.js → p-5845a3dc.entry.js} +1 -1
- package/dist/tet-components/{p-d76479dc.entry.js → p-584f54a7.entry.js} +1 -1
- package/dist/tet-components/{p-5d56e074.entry.js → p-5a6fc34c.entry.js} +1 -1
- package/dist/tet-components/{p-86b8ce79.entry.js → p-5d70599c.entry.js} +1 -1
- package/dist/tet-components/{p-835c7ee4.entry.js → p-5e8466e6.entry.js} +1 -1
- package/dist/tet-components/{p-239fa72a.entry.js → p-6297692b.entry.js} +1 -1
- package/dist/tet-components/{p-32488c4e.entry.js → p-629a9a5d.entry.js} +1 -1
- package/dist/tet-components/{p-df99dc91.entry.js → p-62bcf382.entry.js} +1 -1
- package/dist/tet-components/{p-55ded3a8.entry.js → p-6dde4d69.entry.js} +1 -1
- package/dist/tet-components/{p-31d0b400.entry.js → p-7056a120.entry.js} +1 -1
- package/dist/tet-components/{p-581b1f01.entry.js → p-71018cb8.entry.js} +1 -1
- package/dist/tet-components/{p-4fc641da.entry.js → p-73411459.entry.js} +1 -1
- package/dist/tet-components/{p-b39df477.js → p-7544dfd7.js} +1 -1
- package/dist/tet-components/{p-cc99e827.entry.js → p-75927057.entry.js} +1 -1
- package/dist/tet-components/{p-6fb8c506.entry.js → p-76526271.entry.js} +1 -1
- package/dist/tet-components/{p-3ac57578.js → p-778c46a6.js} +1 -1
- package/dist/tet-components/{p-0bda3eeb.entry.js → p-79700f85.entry.js} +1 -1
- package/dist/tet-components/{p-c1b9f3f1.entry.js → p-798aa31d.entry.js} +1 -1
- package/dist/tet-components/{p-127b2895.entry.js → p-7a3c1254.entry.js} +1 -1
- package/dist/tet-components/{p-c094dfd6.entry.js → p-7a3e4581.entry.js} +1 -1
- package/dist/tet-components/{p-4d935fc8.entry.js → p-7c7fb42f.entry.js} +1 -1
- package/dist/tet-components/{p-b61304cf.entry.js → p-7de684c1.entry.js} +1 -1
- package/dist/tet-components/{p-4d7f1c6e.entry.js → p-81db4c30.entry.js} +1 -1
- package/dist/tet-components/{p-5abb3bea.js → p-83f43fdd.js} +1 -1
- package/dist/tet-components/{p-b468a922.entry.js → p-872bbccf.entry.js} +1 -1
- package/dist/tet-components/{p-63f6def9.entry.js → p-8bfd498e.entry.js} +1 -1
- package/dist/tet-components/{p-c76a4457.entry.js → p-9c36ecbd.entry.js} +1 -1
- package/dist/tet-components/{p-b4b90473.entry.js → p-9c837569.entry.js} +1 -1
- package/dist/tet-components/{p-1ab14ba0.entry.js → p-a0f6721c.entry.js} +1 -1
- package/dist/tet-components/{p-e74416dc.entry.js → p-a64e3e96.entry.js} +1 -1
- package/dist/tet-components/{p-a476fd02.js → p-a8051a99.js} +1 -1
- package/dist/tet-components/{p-6e06eb15.entry.js → p-a903f58f.entry.js} +1 -1
- package/dist/tet-components/{p-6cf6894d.entry.js → p-ae8ff573.entry.js} +1 -1
- package/dist/tet-components/{p-2a558830.entry.js → p-b0fc3440.entry.js} +1 -1
- package/dist/tet-components/{p-c9583427.entry.js → p-b34e86ef.entry.js} +1 -1
- package/dist/tet-components/{p-d028d7c4.entry.js → p-b4ecbc40.entry.js} +1 -1
- package/dist/tet-components/{p-7bd6f009.entry.js → p-b822a377.entry.js} +1 -1
- package/dist/tet-components/{p-8574b729.entry.js → p-bb7d4ae2.entry.js} +1 -1
- package/dist/tet-components/{p-1f5ed76c.entry.js → p-bcca51cc.entry.js} +1 -1
- package/dist/tet-components/{p-24df18b9.entry.js → p-be3a10d0.entry.js} +1 -1
- package/dist/tet-components/{p-6c6cd148.entry.js → p-c10d5369.entry.js} +1 -1
- package/dist/tet-components/{p-1765c8c5.entry.js → p-c13b2ba7.entry.js} +1 -1
- package/dist/tet-components/{p-0614c980.entry.js → p-c31236d5.entry.js} +1 -1
- package/dist/tet-components/{p-ec5b1040.entry.js → p-c9f21fde.entry.js} +1 -1
- package/dist/tet-components/{p-60abca86.entry.js → p-cde8057a.entry.js} +1 -1
- package/dist/tet-components/{p-b2c138f0.entry.js → p-ce4b6943.entry.js} +1 -1
- package/dist/tet-components/{p-589e8e4b.entry.js → p-ce850061.entry.js} +1 -1
- package/dist/tet-components/{p-6c6fe82b.entry.js → p-cf11c4cd.entry.js} +1 -1
- package/dist/tet-components/{p-22c2b9f8.entry.js → p-cf479331.entry.js} +1 -1
- package/dist/tet-components/{p-70bdb222.entry.js → p-d4dc17f5.entry.js} +1 -1
- package/dist/tet-components/{p-49779ee5.entry.js → p-d5b72171.entry.js} +1 -1
- package/dist/tet-components/{p-2dbe670c.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-24e724eb.entry.js → p-d9560c74.entry.js} +1 -1
- package/dist/tet-components/{p-9c263933.entry.js → p-da0fc55d.entry.js} +1 -1
- package/dist/tet-components/{p-49da8f23.entry.js → p-e98108ba.entry.js} +1 -1
- package/dist/tet-components/{p-79ee95e0.entry.js → p-ed044f47.entry.js} +1 -1
- package/dist/tet-components/{p-43eff59d.entry.js → p-ee3604eb.entry.js} +1 -1
- package/dist/tet-components/{p-ec1e970f.entry.js → p-efdef0e5.entry.js} +1 -1
- package/dist/tet-components/{p-3b3fdcb0.entry.js → p-f06fb66c.entry.js} +1 -1
- package/dist/tet-components/{p-9bd457d2.entry.js → p-f16514db.entry.js} +1 -1
- package/dist/tet-components/{p-8fae4e03.entry.js → p-f5d4d8c8.entry.js} +1 -1
- package/dist/tet-components/{p-b22de340.entry.js → p-f68450a4.entry.js} +1 -1
- package/dist/tet-components/{p-265701de.entry.js → p-f6916bfc.entry.js} +1 -1
- package/dist/tet-components/{p-4213c1d1.js → p-f81b3bb0.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-54cc6dd2.entry.js → p-f9a0b36a.entry.js} +1 -1
- package/dist/tet-components/{p-70cec2eb.entry.js → p-fa446e53.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,g as i,h as s,H as f}from"./p-
|
|
1
|
+
import{r as t,g as i,h as s,H as f}from"./p-83f43fdd.js";const e=class{constructor(i){t(this,i),this.header="",this.listBulletIcon="",this.imageSource="",this.list=[],this.containerSize="small"}get element(){return i(this)}onWindowResize(){this.setContainerSize()}componentDidLoad(){this.setContainerSize()}setContainerSize=()=>{const t=this.element.getBoundingClientRect().width;this.containerSize=t<=436?"small":t<=656?"medium":"large"};render(){return s(f,{key:"98c161a2b2741b3d80ec4c7d2f6d8a21140dd178"},s("div",{key:"9896697f6c5423d467bfeb80f6066883c61d034b",class:{"tv-gift-list":!0,[`tv-gift-list--${this.containerSize}`]:!0,"tv-gift-list--image-list":Boolean(this.imageSource)}},this.imageSource&&s("div",{key:"6987f6f4b1d0ed2259b4b5de358d524a904ff8be",class:"tv-gift-list__image__wrapper"},s("img",{key:"510a5bb8edfc8ab7b4afb8aa557676f993c27d4f",class:"tv-gift-list__image",src:this.imageSource})),s("div",{key:"511e0717b262f8cec45df7b15e9a0cbb88e2fc18",class:"tv-gift-list__list__wrapper"},s("span",{key:"7ea915bea52fc38db700a14868bbf685eecc8440",class:"tv-gift-list__list__header"},this.header),s("ul",{key:"bfe91e5cf44e6e8508886eb2d9e93b5e9b85d0f2",class:"tv-gift-list__list"},this.list.map((t=>s("li",{class:"tv-gift-list__list__item"},s("tet-icon",{name:this.listBulletIcon}),t)))))))}};e.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list__list__item{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}';export{e as tet_tv_gift_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as e,H as r,g as n}from"./p-5abb3bea.js";import{T as i}from"./p-45f4f129.js";function a(o,t,e){const{top:r,left:n}=o.getBoundingClientRect(),{clientHeight:i,clientWidth:a}=o;return!(e<r||e>r+i||t<n||t>n+a)}const s=class{constructor(e){o(this,e),this.optionSelected=t(this,"optionSelected",7),this.optionChecked=t(this,"optionChecked",7),this.optionsChanged=t(this,"optionsChanged",7),this.label="",this.labelLogo="",this.labelLogoGrayscale="",this.labelRight="",this.labelRightColor="",this.labelSubText="",this.flexLayout=!1,this.buttonLabel="Select an option",this.allowMultiple=!1,this.closeOnSelection=!1,this.theme="light",this.options=[],this.disabled=!1,this.selectedOptionIndexes=[],this.isOpen=!1,this.isKeyboardFocus=!1}dropdownWrapperElement;dropdownOptionsElement;dropdownButtonElement;optionSelected;optionChecked;optionsChanged;componentWillLoad(){this.preselectOption()}onOptionsChange(o,t){o.map((({label:o,labelRight:t,value:e})=>o+t+e)).join()!==t.map((({label:o,labelRight:t,value:e})=>o+t+e)).join()&&this.preselectOption()}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,t=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o]:[o],t&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:t}){this.isOpen&&!this.disabled&&(a(this.dropdownWrapperElement,o,t)||a(this.dropdownOptionsElement,o,t)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const t=o.relatedTarget;this.dropdownWrapperElement.contains(t)||this.dropdownOptionsElement.contains(t)||(this.isOpen=!1,this.isKeyboardFocus=!1)}preselectOption=()=>{const o=this.options.findIndex((o=>o.preselected));o>=0&&this.handleOptionSelect(o,!0)()};renderButton(){const{label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:i,currentButtonLabelRight:a,currentButtonLabelRightColor:s,isOpen:l,disabled:f}=this;return e("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:f}},o&&e("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),e("div",{class:"dropdown__button-wrapper"},e("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":l,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:f,tabIndex:0},!f&&t&&e("img",{src:t,alt:o}),f&&r&&e("img",{src:r,alt:o}),e("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},i),n&&e("span",{class:"dropdown__button__labelright",style:{color:s}},a),e("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:l?"chevron-up":"chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:t,options:r}=this;let n=r.map(t?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),e("div",{class:"dropdown__options-focus-wrapper"},e("div",{class:"dropdown__options-scroll-wrapper"},e("ul",{id:"dropdown-options",ref:o=>this.dropdownOptionsElement=o,class:"dropdown__options",role:"listbox",tabindex:"-1","aria-labelledby":"dropdown-button","aria-expanded":o,"aria-multiselectable":t},n)))}renderOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,i=n[0]===r,a=this.handleOptionSelect(r),s=this.handleOptionKeydown(a);return e("li",{key:t,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-selected":i,"data-value":t,onClick:a,onKeyDown:s},o,i&&e("tet-icon",{class:"dropdown__icon",name:"check"}))}renderFlexOptionItem({label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,labelRightColor:i,labelSubText:a,value:s,disabled:l},f){const{selectedOptionIndexes:d}=this,c=d[0]===f,p=this.handleOptionSelect(f),u=this.handleOptionKeydown(p);return e("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":c},role:"option",tabindex:"0","aria-selected":c,"data-value":s,onClick:p,onKeyDown:u},e("div",{class:"dropdown__option__flex--label-container"},!l&&t&&e("img",{src:t,alt:o}),l&&r&&e("img",{src:r,alt:o}),o&&e("span",{class:"dropdown__button__label"},o),n&&e("span",{class:"dropdown__button__labelright",style:{color:i}},n)),e("div",{class:"dropdown__option__flex--subtext-container"},a&&e("span",null,a)))}renderMultipleOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,i=n.includes(r),a=this.handleMultipleOptionSelect(r,i),s=this.handleOptionKeydown(a);return e("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-checked":i,"data-value":t,onClick:a,onKeyDown:s},e("tet-checkbox",{checked:i,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return t=>{const{key:e,target:r}=t;switch(e){case" ":case"SpaceBar":case"Enter":t.preventDefault(),o();break;case"ArrowUp":t.preventDefault(),function(o){const t=o.previousElementSibling;t?.focus()}(r);break;case"ArrowDown":t.preventDefault(),function(o){const t=o.nextElementSibling;t?.focus()}(r);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!r.previousElementSibling&&t.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:t}=o;switch(t){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:t}=this.dropdownOptionsElement;if(0==t.length)return;requestAnimationFrame((()=>t[0].focus())),this.isKeyboardFocus=!1;break;case"Escape":this.isOpen=!1,this.isKeyboardFocus=!1;break;case"Tab":this.isKeyboardFocus=!1;break;case"Enter":case" ":case"SpaceBar":this.isKeyboardFocus=!this.isKeyboardFocus}}}handleOptionSelect(o,t=!1){return()=>{this.closeOnSelection&&!t&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,t=!1){return()=>{this.selectedOptionIndexes=t?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!t}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:t,options:e,selectedOptionIndexes:r}=this;return t||0===r.length?o:e[r[0]].label}get currentButtonLabelRight(){const{buttonLabel:o,allowMultiple:t,options:e,selectedOptionIndexes:r}=this;return t||0===r.length?o:e[r[0]].labelRight}get currentButtonLabelRightColor(){const{buttonLabel:o,allowMultiple:t,options:e,selectedOptionIndexes:r}=this;return t||0===r.length?o:e[r[0]].labelRightColor}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:t,isKeyboardFocus:n}=this;return e(r,{key:"f618d4e39eaeca3ccdb48ca5d4a9e4072dbbf070"},e("div",{key:"a5fc6419269f8db3ddb4fad6d820bf04ff97c06a",class:{dropdown:!0,"dropdown--open":t,"focus-visible":n&&t,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:["onOptionsChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}';const l=class{constructor(t){o(this,t),this.theme="classic",this.targetElementSelector=void 0,this.hoverElement=void 0,this.doNotShowOnHover=!1,this.position=i.BOTTOM,this.positionState=i.BOTTOM,this.showTooltip=!1}targetElement;tooltipPointer;margin=8;tooltipTimeThreshold=.25;tooltipStartTime;tooltipEndTime;resizeObserver;get element(){return n(this)}handleTouchmove(){this.hideQuick()}handleWheel(){this.hideQuick()}onKeydown(o){"Escape"===o.code&&this.hideQuick()}handleResize(){this.positionState=this.position}handlePositionChange(o){this.positionState=o}hideQuick=()=>{this.showTooltip&&(this.tooltipStartTime=Date.now(),this.hide())};onShowTooltipChange(o){o?this.element.classList.remove("hidden","hidden-quick"):this.element.classList.add(this.tooltipEndTime/1e3-this.tooltipStartTime/1e3>this.tooltipTimeThreshold?"hidden":"hidden-quick")}async componentWillLoad(){this.targetElement=this.targetElementSelector?document.querySelector(this.targetElementSelector):this.hoverElement?this.hoverElement:this.element.parentElement,this.targetElement&&(this.doNotShowOnHover||(this.targetElement?.addEventListener("mouseenter",this.show.bind(this)),this.targetElement?.addEventListener("mouseleave",this.hide.bind(this))),this.targetElement?.addEventListener("focusin",this.show.bind(this)),this.targetElement?.addEventListener("focusout",this.hide.bind(this)),this.resizeObserver=new ResizeObserver((()=>{this.targetElement?.offsetHeight||(this.element.classList.remove("hidden"),this.element.classList.add("hidden-quick"))})),this.resizeObserver.observe(this.targetElement),this.positionState=this.position,this.element.style.display="none")}componentDidLoad(){setTimeout((()=>{this.element.style.display="inline-block",!this.doNotShowOnHover&&this.targetElement?.matches(":hover")&&this.show().then()}),100)}async disconnectedCallback(){this.targetElement&&(this.targetElement?.removeEventListener("mouseenter",this.show.bind(this)),this.targetElement?.removeEventListener("mouseleave",this.hide.bind(this)),this.resizeObserver?.unobserve(this.targetElement))}async show(){this.tooltipStartTime=Date.now(),this.showTooltip=!0,this.positionTooltip()}async hide(){this.tooltipEndTime=Date.now(),this.showTooltip=!1}async toggle(){this.showTooltip?await this.hide():await this.show()}positionTooltip=()=>{const o=this.targetElement.getBoundingClientRect();if([i.LEFT,i.RIGHT].includes(this.positionState)){const t=window.innerWidth>o.right+this.margin+this.element.offsetWidth;this.element.offsetWidth+this.margin<o.left||t||(this.positionState=i.BOTTOM)}const t=this.positionTooltipVertically(o),e=this.positionTooltipHorizontally(o);this.element.style.margin=`${this.margin}px`;const r=this.getTooltipPosition(t||e);this.positionTooltipPointer(r)};getTooltipPosition(o){switch(this.positionState){case i.TOP:return o?i.BOTTOM:i.TOP;case i.BOTTOM:return o?i.TOP:i.BOTTOM;case i.LEFT:return o?i.RIGHT:i.LEFT;case i.RIGHT:return o?i.LEFT:i.RIGHT}}positionTooltipVertically(o){let t=!1;switch(this.positionState){case i.BOTTOM:o.bottom+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom=window.innerHeight-o.top+"px",t=!0):(this.element.style.top=`${o.bottom}px`,this.element.style.bottom=null);break;case i.TOP:o.top-this.element.offsetHeight<0?(this.element.style.top=`${o.bottom}px`,this.element.style.bottom=null,t=!0):(this.element.style.top=null,this.element.style.bottom=window.innerHeight-o.top+"px");break;default:const e=o.top+o.height/2-(this.element.offsetHeight/2+this.margin);e<0?(this.element.style.top="0",this.element.style.bottom=null):e+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom="0"):(this.element.style.top=`${e}px`,this.element.style.bottom=null)}return t}positionTooltipHorizontally(o){let t=!1;switch(this.positionState){case i.LEFT:this.element.offsetWidth+this.margin>o.left?(this.element.style.left=`${o.right}px`,this.element.style.right=null,t=!0):(this.element.style.left=null,this.element.style.right=window.innerWidth-o.left+"px");break;case i.RIGHT:window.innerWidth<o.right+this.margin+this.element.offsetWidth?(this.element.style.left=null,this.element.style.right=window.innerWidth-o.left+"px",t=!0):(this.element.style.left=`${o.right}px`,this.element.style.right=null);break;default:const e=o.left+o.width/2-(this.element.offsetWidth/2-this.margin);e<0?(this.element.style.left="0",this.element.style.right=null):e+this.element.offsetWidth+this.margin>window.innerWidth?(this.element.style.left=null,this.element.style.right="0"):(this.element.style.left=`${e}px`,this.element.style.right=null)}return t}positionTooltipPointer=o=>{const t=this.targetElement.getBoundingClientRect(),e=this.element.getBoundingClientRect();if([i.TOP,i.BOTTOM].includes(o)){const r=Math.min(t.right,e.left+this.element.offsetWidth),n=Math.max(t.left,e.left);this.tooltipPointer.style.left=(r+n)/2-e.left-this.tooltipPointer.offsetWidth/2+"px",o===i.BOTTOM&&(this.tooltipPointer.style.top="-6px",this.tooltipPointer.style.bottom=null,this.tooltipPointer.style.transform="rotate(0deg)"),o===i.TOP&&(this.tooltipPointer.style.top=null,this.tooltipPointer.style.bottom="-6px",this.tooltipPointer.style.transform="rotate(180deg)")}if([i.LEFT,i.RIGHT].includes(o)){const r=Math.min(t.bottom,e.top+this.element.offsetHeight),n=Math.max(t.top,e.top);this.tooltipPointer.style.top=(r+n)/2-e.top-this.tooltipPointer.offsetHeight/2+"px",o===i.RIGHT&&(this.tooltipPointer.style.left="-12px",this.tooltipPointer.style.right=null,this.tooltipPointer.style.transform="rotate(270deg)"),o===i.LEFT&&(this.tooltipPointer.style.left=null,this.tooltipPointer.style.right="-12px",this.tooltipPointer.style.transform="rotate(90deg)")}};renderTooltip=()=>e("div",{class:{tooltip:!0,[`${this.theme}`]:!0},role:"tooltip","aria-hidden":this.showTooltip?"false":"true","aria-live":this.showTooltip?"polite":void 0},e("div",{class:"tooltip-pointer",ref:o=>this.tooltipPointer=o}),e("slot",null));render(){return e(r,{key:"9e1242efc981b5fa1c0b019f5e792a078dfadd52",class:{visible:this.showTooltip}},this.renderTooltip())}static get watchers(){return{position:["handlePositionChange"],showTooltip:["onShowTooltipChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}';export{s as tet_dropdown,l as tet_tooltip}
|
|
1
|
+
import{r as o,c as t,h as e,H as r,g as n}from"./p-83f43fdd.js";import{T as i}from"./p-45f4f129.js";function a(o,t,e){const{top:r,left:n}=o.getBoundingClientRect(),{clientHeight:i,clientWidth:a}=o;return!(e<r||e>r+i||t<n||t>n+a)}const s=class{constructor(e){o(this,e),this.optionSelected=t(this,"optionSelected",7),this.optionChecked=t(this,"optionChecked",7),this.optionsChanged=t(this,"optionsChanged",7),this.label="",this.labelLogo="",this.labelLogoGrayscale="",this.labelRight="",this.labelRightColor="",this.labelSubText="",this.flexLayout=!1,this.buttonLabel="Select an option",this.allowMultiple=!1,this.closeOnSelection=!1,this.theme="light",this.options=[],this.disabled=!1,this.selectedOptionIndexes=[],this.isOpen=!1,this.isKeyboardFocus=!1}dropdownWrapperElement;dropdownOptionsElement;dropdownButtonElement;optionSelected;optionChecked;optionsChanged;componentWillLoad(){this.preselectOption()}onOptionsChange(o,t){o.map((({label:o,labelRight:t,value:e})=>o+t+e)).join()!==t.map((({label:o,labelRight:t,value:e})=>o+t+e)).join()&&this.preselectOption()}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,t=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o]:[o],t&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:t}){this.isOpen&&!this.disabled&&(a(this.dropdownWrapperElement,o,t)||a(this.dropdownOptionsElement,o,t)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const t=o.relatedTarget;this.dropdownWrapperElement.contains(t)||this.dropdownOptionsElement.contains(t)||(this.isOpen=!1,this.isKeyboardFocus=!1)}preselectOption=()=>{const o=this.options.findIndex((o=>o.preselected));o>=0&&this.handleOptionSelect(o,!0)()};renderButton(){const{label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:i,currentButtonLabelRight:a,currentButtonLabelRightColor:s,isOpen:l,disabled:f}=this;return e("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:f}},o&&e("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),e("div",{class:"dropdown__button-wrapper"},e("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":l,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:f,tabIndex:0},!f&&t&&e("img",{src:t,alt:o}),f&&r&&e("img",{src:r,alt:o}),e("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},i),n&&e("span",{class:"dropdown__button__labelright",style:{color:s}},a),e("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:l?"chevron-up":"chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:t,options:r}=this;let n=r.map(t?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),e("div",{class:"dropdown__options-focus-wrapper"},e("div",{class:"dropdown__options-scroll-wrapper"},e("ul",{id:"dropdown-options",ref:o=>this.dropdownOptionsElement=o,class:"dropdown__options",role:"listbox",tabindex:"-1","aria-labelledby":"dropdown-button","aria-expanded":o,"aria-multiselectable":t},n)))}renderOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,i=n[0]===r,a=this.handleOptionSelect(r),s=this.handleOptionKeydown(a);return e("li",{key:t,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-selected":i,"data-value":t,onClick:a,onKeyDown:s},o,i&&e("tet-icon",{class:"dropdown__icon",name:"check"}))}renderFlexOptionItem({label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,labelRightColor:i,labelSubText:a,value:s,disabled:l},f){const{selectedOptionIndexes:d}=this,c=d[0]===f,p=this.handleOptionSelect(f),u=this.handleOptionKeydown(p);return e("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":c},role:"option",tabindex:"0","aria-selected":c,"data-value":s,onClick:p,onKeyDown:u},e("div",{class:"dropdown__option__flex--label-container"},!l&&t&&e("img",{src:t,alt:o}),l&&r&&e("img",{src:r,alt:o}),o&&e("span",{class:"dropdown__button__label"},o),n&&e("span",{class:"dropdown__button__labelright",style:{color:i}},n)),e("div",{class:"dropdown__option__flex--subtext-container"},a&&e("span",null,a)))}renderMultipleOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,i=n.includes(r),a=this.handleMultipleOptionSelect(r,i),s=this.handleOptionKeydown(a);return e("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-checked":i,"data-value":t,onClick:a,onKeyDown:s},e("tet-checkbox",{checked:i,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return t=>{const{key:e,target:r}=t;switch(e){case" ":case"SpaceBar":case"Enter":t.preventDefault(),o();break;case"ArrowUp":t.preventDefault(),function(o){const t=o.previousElementSibling;t?.focus()}(r);break;case"ArrowDown":t.preventDefault(),function(o){const t=o.nextElementSibling;t?.focus()}(r);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!r.previousElementSibling&&t.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:t}=o;switch(t){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:t}=this.dropdownOptionsElement;if(0==t.length)return;requestAnimationFrame((()=>t[0].focus())),this.isKeyboardFocus=!1;break;case"Escape":this.isOpen=!1,this.isKeyboardFocus=!1;break;case"Tab":this.isKeyboardFocus=!1;break;case"Enter":case" ":case"SpaceBar":this.isKeyboardFocus=!this.isKeyboardFocus}}}handleOptionSelect(o,t=!1){return()=>{this.closeOnSelection&&!t&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,t=!1){return()=>{this.selectedOptionIndexes=t?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!t}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:t,options:e,selectedOptionIndexes:r}=this;return t||0===r.length?o:e[r[0]].label}get currentButtonLabelRight(){const{buttonLabel:o,allowMultiple:t,options:e,selectedOptionIndexes:r}=this;return t||0===r.length?o:e[r[0]].labelRight}get currentButtonLabelRightColor(){const{buttonLabel:o,allowMultiple:t,options:e,selectedOptionIndexes:r}=this;return t||0===r.length?o:e[r[0]].labelRightColor}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:t,isKeyboardFocus:n}=this;return e(r,{key:"f618d4e39eaeca3ccdb48ca5d4a9e4072dbbf070"},e("div",{key:"a5fc6419269f8db3ddb4fad6d820bf04ff97c06a",class:{dropdown:!0,"dropdown--open":t,"focus-visible":n&&t,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:["onOptionsChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}';const l=class{constructor(t){o(this,t),this.theme="classic",this.targetElementSelector=void 0,this.hoverElement=void 0,this.doNotShowOnHover=!1,this.position=i.BOTTOM,this.positionState=i.BOTTOM,this.showTooltip=!1}targetElement;tooltipPointer;margin=8;tooltipTimeThreshold=.25;tooltipStartTime;tooltipEndTime;resizeObserver;get element(){return n(this)}handleTouchmove(){this.hideQuick()}handleWheel(){this.hideQuick()}onKeydown(o){"Escape"===o.code&&this.hideQuick()}handleResize(){this.positionState=this.position}handlePositionChange(o){this.positionState=o}hideQuick=()=>{this.showTooltip&&(this.tooltipStartTime=Date.now(),this.hide())};onShowTooltipChange(o){o?this.element.classList.remove("hidden","hidden-quick"):this.element.classList.add(this.tooltipEndTime/1e3-this.tooltipStartTime/1e3>this.tooltipTimeThreshold?"hidden":"hidden-quick")}async componentWillLoad(){this.targetElement=this.targetElementSelector?document.querySelector(this.targetElementSelector):this.hoverElement?this.hoverElement:this.element.parentElement,this.targetElement&&(this.doNotShowOnHover||(this.targetElement?.addEventListener("mouseenter",this.show.bind(this)),this.targetElement?.addEventListener("mouseleave",this.hide.bind(this))),this.targetElement?.addEventListener("focusin",this.show.bind(this)),this.targetElement?.addEventListener("focusout",this.hide.bind(this)),this.resizeObserver=new ResizeObserver((()=>{this.targetElement?.offsetHeight||(this.element.classList.remove("hidden"),this.element.classList.add("hidden-quick"))})),this.resizeObserver.observe(this.targetElement),this.positionState=this.position,this.element.style.display="none")}componentDidLoad(){setTimeout((()=>{this.element.style.display="inline-block",!this.doNotShowOnHover&&this.targetElement?.matches(":hover")&&this.show().then()}),100)}async disconnectedCallback(){this.targetElement&&(this.targetElement?.removeEventListener("mouseenter",this.show.bind(this)),this.targetElement?.removeEventListener("mouseleave",this.hide.bind(this)),this.resizeObserver?.unobserve(this.targetElement))}async show(){this.tooltipStartTime=Date.now(),this.showTooltip=!0,this.positionTooltip()}async hide(){this.tooltipEndTime=Date.now(),this.showTooltip=!1}async toggle(){this.showTooltip?await this.hide():await this.show()}positionTooltip=()=>{const o=this.targetElement.getBoundingClientRect();if([i.LEFT,i.RIGHT].includes(this.positionState)){const t=window.innerWidth>o.right+this.margin+this.element.offsetWidth;this.element.offsetWidth+this.margin<o.left||t||(this.positionState=i.BOTTOM)}const t=this.positionTooltipVertically(o),e=this.positionTooltipHorizontally(o);this.element.style.margin=`${this.margin}px`;const r=this.getTooltipPosition(t||e);this.positionTooltipPointer(r)};getTooltipPosition(o){switch(this.positionState){case i.TOP:return o?i.BOTTOM:i.TOP;case i.BOTTOM:return o?i.TOP:i.BOTTOM;case i.LEFT:return o?i.RIGHT:i.LEFT;case i.RIGHT:return o?i.LEFT:i.RIGHT}}positionTooltipVertically(o){let t=!1;switch(this.positionState){case i.BOTTOM:o.bottom+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom=window.innerHeight-o.top+"px",t=!0):(this.element.style.top=`${o.bottom}px`,this.element.style.bottom=null);break;case i.TOP:o.top-this.element.offsetHeight<0?(this.element.style.top=`${o.bottom}px`,this.element.style.bottom=null,t=!0):(this.element.style.top=null,this.element.style.bottom=window.innerHeight-o.top+"px");break;default:const e=o.top+o.height/2-(this.element.offsetHeight/2+this.margin);e<0?(this.element.style.top="0",this.element.style.bottom=null):e+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom="0"):(this.element.style.top=`${e}px`,this.element.style.bottom=null)}return t}positionTooltipHorizontally(o){let t=!1;switch(this.positionState){case i.LEFT:this.element.offsetWidth+this.margin>o.left?(this.element.style.left=`${o.right}px`,this.element.style.right=null,t=!0):(this.element.style.left=null,this.element.style.right=window.innerWidth-o.left+"px");break;case i.RIGHT:window.innerWidth<o.right+this.margin+this.element.offsetWidth?(this.element.style.left=null,this.element.style.right=window.innerWidth-o.left+"px",t=!0):(this.element.style.left=`${o.right}px`,this.element.style.right=null);break;default:const e=o.left+o.width/2-(this.element.offsetWidth/2-this.margin);e<0?(this.element.style.left="0",this.element.style.right=null):e+this.element.offsetWidth+this.margin>window.innerWidth?(this.element.style.left=null,this.element.style.right="0"):(this.element.style.left=`${e}px`,this.element.style.right=null)}return t}positionTooltipPointer=o=>{const t=this.targetElement.getBoundingClientRect(),e=this.element.getBoundingClientRect();if([i.TOP,i.BOTTOM].includes(o)){const r=Math.min(t.right,e.left+this.element.offsetWidth),n=Math.max(t.left,e.left);this.tooltipPointer.style.left=(r+n)/2-e.left-this.tooltipPointer.offsetWidth/2+"px",o===i.BOTTOM&&(this.tooltipPointer.style.top="-6px",this.tooltipPointer.style.bottom=null,this.tooltipPointer.style.transform="rotate(0deg)"),o===i.TOP&&(this.tooltipPointer.style.top=null,this.tooltipPointer.style.bottom="-6px",this.tooltipPointer.style.transform="rotate(180deg)")}if([i.LEFT,i.RIGHT].includes(o)){const r=Math.min(t.bottom,e.top+this.element.offsetHeight),n=Math.max(t.top,e.top);this.tooltipPointer.style.top=(r+n)/2-e.top-this.tooltipPointer.offsetHeight/2+"px",o===i.RIGHT&&(this.tooltipPointer.style.left="-12px",this.tooltipPointer.style.right=null,this.tooltipPointer.style.transform="rotate(270deg)"),o===i.LEFT&&(this.tooltipPointer.style.left=null,this.tooltipPointer.style.right="-12px",this.tooltipPointer.style.transform="rotate(90deg)")}};renderTooltip=()=>e("div",{class:{tooltip:!0,[`${this.theme}`]:!0},role:"tooltip","aria-hidden":this.showTooltip?"false":"true","aria-live":this.showTooltip?"polite":void 0},e("div",{class:"tooltip-pointer",ref:o=>this.tooltipPointer=o}),e("slot",null));render(){return e(r,{key:"9e1242efc981b5fa1c0b019f5e792a078dfadd52",class:{visible:this.showTooltip}},this.renderTooltip())}static get watchers(){return{position:["handlePositionChange"],showTooltip:["onShowTooltipChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}';export{s as tet_dropdown,l as tet_tooltip}
|
|
@@ -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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as a,h as r,H as o}from"./p-5abb3bea.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){"auto"!==this.size&&(this.componentSize=this.size),this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length||0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o*100||1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e*(r.width/100),s=o.style.left||"0";let l="0";if(i>n){const t=-1*(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8110eab1a34abd220c2038e062d233f9de1c1552"},r("div",{key:"6000c8eb2f6a1b4dc7a0eba29581d6a223704355",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"91143fa452d14eec131a1ac9752e121bf9a530c9",class:"bar-graph__container"},r("div",{key:"a956338668a791018a7977315e2356685c0f5e23",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"dd37b4853791edbc0183c06fce5f1cf250ae423c",class:"bar-graph__graph-container"},r("div",{key:"acf246c3af8a903cd86ffc5ed659a91050ef7310",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"c7d76f13a8b40c3dc11f5a27937483c9362c625f",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}';export{e as tet_bar_graph}
|
|
1
|
+
import{r as t,g as a,h as r,H as o}from"./p-83f43fdd.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){"auto"!==this.size&&(this.componentSize=this.size),this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length||0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o*100||1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e*(r.width/100),s=o.style.left||"0";let l="0";if(i>n){const t=-1*(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8110eab1a34abd220c2038e062d233f9de1c1552"},r("div",{key:"6000c8eb2f6a1b4dc7a0eba29581d6a223704355",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"91143fa452d14eec131a1ac9752e121bf9a530c9",class:"bar-graph__container"},r("div",{key:"a956338668a791018a7977315e2356685c0f5e23",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"dd37b4853791edbc0183c06fce5f1cf250ae423c",class:"bar-graph__graph-container"},r("div",{key:"acf246c3af8a903cd86ffc5ed659a91050ef7310",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"c7d76f13a8b40c3dc11f5a27937483c9362c625f",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}';export{e as tet_bar_graph}
|