@tet/tet-components 1.4.50-testing → 1.4.51-production
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-656e77f6.js → address-951109ee.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-c00a24d2.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-13036d6f.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-16564d25.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-162b4cbc.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-a59cbcb0.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-055efd07.js → phone-39f20542.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-5535cd9e.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-label.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-loader.cjs.entry.js +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-cde3168f.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-ca556860.js} +1 -1
- package/dist/collection/assets/icons/icon-map.json +1 -1
- package/dist/collection/assets/icons/tc/tc-bell-outline.svg +4 -0
- package/dist/collection/assets/icons/tc/tc-stock-prices.svg +6 -0
- package/dist/components/assets/icons/icon-map.json +1 -1
- package/dist/components/assets/icons/tc/tc-bell-outline.svg +4 -0
- package/dist/components/assets/icons/tc/tc-stock-prices.svg +6 -0
- package/dist/components/index.js +1 -1
- package/dist/components/{p-dc78208d.js → p-09429507.js} +10 -10
- package/dist/components/{p-1c156088.js → p-0fc5f3a8.js} +3 -3
- package/dist/components/{p-90373c07.js → p-1001a393.js} +2 -2
- package/dist/components/{p-e0fbaa9b.js → p-1037133e.js} +1 -1
- package/dist/components/{p-6e0056da.js → p-110ad127.js} +4 -4
- package/dist/components/{p-b3cee116.js → p-14ee939b.js} +2 -2
- package/dist/components/{p-7e96dfc8.js → p-19d9055a.js} +2 -2
- package/dist/components/{p-980ee3cb.js → p-1cddaeb9.js} +3 -3
- package/dist/components/{p-2cea9c74.js → p-20cf1eca.js} +1 -1
- package/dist/components/{p-a4a3e247.js → p-2bbd77c2.js} +3 -3
- package/dist/components/{p-b104e991.js → p-2da9eed9.js} +2 -2
- package/dist/components/{p-d8613a5a.js → p-3b101667.js} +6 -6
- package/dist/components/{p-2ae3ffb1.js → p-3e5e90db.js} +1 -1
- package/dist/components/{p-154d269a.js → p-40ade6b1.js} +7 -7
- package/dist/components/{p-0b970024.js → p-41a2d3f9.js} +3 -3
- package/dist/components/{p-82e714a9.js → p-41ae31d7.js} +1 -1
- package/dist/components/{p-8cade04a.js → p-466d291f.js} +1 -1
- package/dist/components/{p-f51c3282.js → p-49a636a7.js} +2 -2
- package/dist/components/{p-79460a54.js → p-4cfcfeca.js} +2 -2
- package/dist/components/{p-c3dba1b7.js → p-4d8a254f.js} +1 -1
- package/dist/components/{p-2f33340b.js → p-5636c003.js} +2 -2
- package/dist/components/{p-f76fad86.js → p-5dcf08ec.js} +1 -1
- package/dist/components/{p-d78066f4.js → p-5fb2a24c.js} +9 -9
- package/dist/components/{p-e39dbd2a.js → p-6035b617.js} +1 -1
- package/dist/components/{p-7e43c30b.js → p-607b711d.js} +3 -3
- package/dist/components/{p-859d013d.js → p-60814fd4.js} +1 -1
- package/dist/components/{p-ac33a3cd.js → p-76bcd750.js} +1 -1
- package/dist/components/{p-4d99b71f.js → p-76ec7861.js} +6 -6
- package/dist/components/{p-3c4dfc97.js → p-8162fa4a.js} +7 -7
- package/dist/components/{p-8a601d32.js → p-82f09020.js} +3 -3
- package/dist/components/{p-642394d0.js → p-86edb0c6.js} +1 -1
- package/dist/components/{p-4468c9e9.js → p-8792ebce.js} +1 -1
- package/dist/components/{p-6a5ba9e8.js → p-885689aa.js} +1 -1
- package/dist/components/{p-25b93e8f.js → p-8b6ad07d.js} +1 -1
- package/dist/components/{p-45298312.js → p-9809e03e.js} +1 -1
- package/dist/components/{p-62ae3e1a.js → p-9ea75f0a.js} +7 -7
- package/dist/components/{p-95b425c5.js → p-a2e18fd2.js} +2 -2
- package/dist/components/{p-c2906218.js → p-a434796a.js} +1 -1
- package/dist/components/{p-c1fae833.js → p-a71944c9.js} +2 -2
- package/dist/components/{p-eaa7f570.js → p-bc649acc.js} +10 -10
- package/dist/components/{p-116ae5d5.js → p-bdd067fd.js} +3 -3
- package/dist/components/{p-6dfce734.js → p-c000b23e.js} +5 -5
- package/dist/components/{p-9b874e2a.js → p-c388aa4e.js} +1 -1
- package/dist/components/{p-bd9a7ee9.js → p-c5771e5b.js} +1 -1
- package/dist/components/{p-e6807a10.js → p-cbc99f83.js} +5 -5
- package/dist/components/{p-ab6b9d39.js → p-cc4ab3ba.js} +1 -1
- package/dist/components/{p-7c42b5c2.js → p-cd9c430c.js} +6 -6
- package/dist/components/{p-a0b33f7f.js → p-d09e470e.js} +1 -1
- package/dist/components/{p-4f785230.js → p-d284d615.js} +2 -2
- package/dist/components/{p-22aa2032.js → p-d8699c47.js} +4 -4
- package/dist/components/{p-679ae654.js → p-e18f111c.js} +1 -1
- package/dist/components/{p-aa319476.js → p-e3d4f1d3.js} +2 -2
- package/dist/components/{p-c7321214.js → p-e6335656.js} +2 -2
- package/dist/components/{p-4ccca850.js → p-ea499368.js} +14 -14
- package/dist/components/{p-2a7536dd.js → p-ec2e1429.js} +2 -2
- package/dist/components/{p-4aaa095c.js → p-ed0891ec.js} +3 -3
- package/dist/components/{p-44201f97.js → p-f0861d7a.js} +1 -1
- package/dist/components/{p-6d3966cd.js → p-fa530270.js} +1 -1
- package/dist/components/{p-c435c8ad.js → p-fc58828d.js} +7 -7
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-mini-compare-card.js +3 -3
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +2 -2
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-1e0810e7.js → address-24e316f2.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-343a0b59.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-a5159336.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-98d3e25c.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-0da0d682.js} +1 -1
- package/dist/esm/{index-412df137.js → index-6c5bc6fc.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-1a920c5c.js → phone-ea11e1d0.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-21980b84.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-label.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-loader.entry.js +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +1 -1
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-37dd9692.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-9a0d9386.js} +1 -1
- package/dist/tet-components/assets/icons/icon-map.json +1 -1
- package/dist/tet-components/assets/icons/tc/tc-bell-outline.svg +4 -0
- package/dist/tet-components/assets/icons/tc/tc-stock-prices.svg +6 -0
- package/dist/tet-components/{p-f6916bfc.entry.js → p-01a44fa7.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-0255120e.js} +1 -1
- package/dist/tet-components/{p-909c9c24.entry.js → p-03509092.entry.js} +1 -1
- package/dist/tet-components/{p-2d6a1818.entry.js → p-038eb947.entry.js} +1 -1
- package/dist/tet-components/{p-39ce1fd6.entry.js → p-0d7d420a.entry.js} +1 -1
- package/dist/tet-components/{p-9673e492.entry.js → p-114edb1d.entry.js} +1 -1
- package/dist/tet-components/{p-8f8d15ac.entry.js → p-13288ea9.entry.js} +1 -1
- package/dist/tet-components/{p-d99b265c.entry.js → p-14b9903f.entry.js} +1 -1
- package/dist/tet-components/{p-4c6a379b.entry.js → p-1537fc09.entry.js} +1 -1
- package/dist/tet-components/{p-ce850061.entry.js → p-154f01f9.entry.js} +1 -1
- package/dist/tet-components/{p-46975ec4.entry.js → p-17276f7a.entry.js} +1 -1
- package/dist/tet-components/{p-8c6bc9fc.entry.js → p-185ea84a.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-19c6a28c.js} +1 -1
- package/dist/tet-components/{p-724189c2.entry.js → p-1ad37ab3.entry.js} +1 -1
- package/dist/tet-components/{p-a13b1a2d.entry.js → p-1ae67837.entry.js} +1 -1
- package/dist/tet-components/{p-a17bd02a.entry.js → p-1baa8f1d.entry.js} +1 -1
- package/dist/tet-components/{p-76526271.entry.js → p-1cecb836.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-1e9db0cc.js} +1 -1
- package/dist/tet-components/{p-1cc155d8.entry.js → p-1f92c6a0.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-21acfb7d.js} +1 -1
- package/dist/tet-components/{p-d3340230.entry.js → p-21bdda53.entry.js} +1 -1
- package/dist/tet-components/{p-ee6aa532.entry.js → p-23ae40bc.entry.js} +1 -1
- package/dist/tet-components/{p-f4642ccc.entry.js → p-24b31e50.entry.js} +1 -1
- package/dist/tet-components/{p-b5596d13.entry.js → p-24b5fc92.entry.js} +1 -1
- package/dist/tet-components/{p-1e67317e.entry.js → p-27b1f1e9.entry.js} +1 -1
- package/dist/tet-components/{p-e7849c33.entry.js → p-294fcbe6.entry.js} +1 -1
- package/dist/tet-components/{p-bb17b298.entry.js → p-2e04273e.entry.js} +1 -1
- package/dist/tet-components/{p-879a259e.entry.js → p-2e1770c3.entry.js} +1 -1
- package/dist/tet-components/{p-427f1c33.entry.js → p-38177376.entry.js} +1 -1
- package/dist/tet-components/{p-5886a781.entry.js → p-3c8bea13.entry.js} +1 -1
- package/dist/tet-components/{p-67330b27.entry.js → p-3cf56481.entry.js} +1 -1
- package/dist/tet-components/{p-0bf78659.entry.js → p-3e617d43.entry.js} +1 -1
- package/dist/tet-components/{p-cde8057a.entry.js → p-48d13280.entry.js} +1 -1
- package/dist/tet-components/{p-a3023d50.entry.js → p-4e4f057c.entry.js} +1 -1
- package/dist/tet-components/{p-cea240d6.entry.js → p-4f7a8ae9.entry.js} +1 -1
- package/dist/tet-components/{p-a0f05860.entry.js → p-4fe60559.entry.js} +1 -1
- package/dist/tet-components/{p-920c54d8.entry.js → p-5104fc99.entry.js} +1 -1
- package/dist/tet-components/{p-5391d594.entry.js → p-52301881.entry.js} +1 -1
- package/dist/tet-components/{p-f6e7c000.entry.js → p-5574b3bf.entry.js} +1 -1
- package/dist/tet-components/{p-ee144210.entry.js → p-5592d9ee.entry.js} +1 -1
- package/dist/tet-components/{p-b35156e1.entry.js → p-55d40294.entry.js} +1 -1
- package/dist/tet-components/{p-0ebbf5ef.js → p-59ffdcd3.js} +1 -1
- package/dist/tet-components/{p-661719f6.entry.js → p-5c46df37.entry.js} +1 -1
- package/dist/tet-components/{p-23c7e4f9.entry.js → p-6139c1ba.entry.js} +1 -1
- package/dist/tet-components/{p-10e72480.entry.js → p-6235b259.entry.js} +1 -1
- package/dist/tet-components/{p-be3a10d0.entry.js → p-62d40cca.entry.js} +1 -1
- package/dist/tet-components/{p-b803b53c.entry.js → p-643c398b.entry.js} +1 -1
- package/dist/tet-components/{p-6eff3406.entry.js → p-69812025.entry.js} +1 -1
- package/dist/tet-components/{p-7870053c.entry.js → p-6a538e1b.entry.js} +1 -1
- package/dist/tet-components/{p-69c53285.entry.js → p-6f06432a.entry.js} +1 -1
- package/dist/tet-components/{p-b3cd875b.entry.js → p-74c123dd.entry.js} +1 -1
- package/dist/tet-components/{p-8cae823d.entry.js → p-771a6368.entry.js} +1 -1
- package/dist/tet-components/{p-9a1f44f5.entry.js → p-79931377.entry.js} +1 -1
- package/dist/tet-components/{p-a113873a.entry.js → p-7b88bb4c.entry.js} +1 -1
- package/dist/tet-components/p-7c868b40.js +2 -0
- package/dist/tet-components/{p-6c95eab9.entry.js → p-7fe74a67.entry.js} +1 -1
- package/dist/tet-components/p-81456c37.js +1 -0
- package/dist/tet-components/{p-778c46a6.js → p-81586378.js} +1 -1
- package/dist/tet-components/{p-7056a120.entry.js → p-83a9957c.entry.js} +1 -1
- package/dist/tet-components/{p-b0c62997.entry.js → p-8763c126.entry.js} +1 -1
- package/dist/tet-components/{p-b34e86ef.entry.js → p-886b6db2.entry.js} +1 -1
- package/dist/tet-components/{p-f16514db.entry.js → p-8a26190c.entry.js} +1 -1
- package/dist/tet-components/{p-a3cd4576.entry.js → p-8c320500.entry.js} +1 -1
- package/dist/tet-components/{p-12bc222d.entry.js → p-8cd391f1.entry.js} +1 -1
- package/dist/tet-components/{p-f3ce4422.entry.js → p-93e67d37.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-a0b08ff1.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-a193f723.entry.js} +1 -1
- package/dist/tet-components/{p-122f3d3c.entry.js → p-a31f3a9a.entry.js} +1 -1
- package/dist/tet-components/{p-dc74374f.entry.js → p-a3f313f1.entry.js} +1 -1
- package/dist/tet-components/{p-246fa8f2.entry.js → p-a497d092.entry.js} +1 -1
- package/dist/tet-components/{p-5812270e.entry.js → p-a9b808b5.entry.js} +1 -1
- package/dist/tet-components/{p-a8a8cddf.entry.js → p-ae027694.entry.js} +1 -1
- package/dist/tet-components/{p-8e77454e.entry.js → p-b54e29ee.entry.js} +1 -1
- package/dist/tet-components/{p-19019d33.entry.js → p-b92d64e0.entry.js} +1 -1
- package/dist/tet-components/{p-87e82c5a.entry.js → p-bbb58e2a.entry.js} +1 -1
- package/dist/tet-components/{p-46f6a051.entry.js → p-bcbb0768.entry.js} +1 -1
- package/dist/tet-components/{p-f18b3001.entry.js → p-beb5e68d.entry.js} +1 -1
- package/dist/tet-components/{p-bcc8aba1.entry.js → p-bfd7d0c9.entry.js} +1 -1
- package/dist/tet-components/{p-d7e9eec1.entry.js → p-c0c1b40a.entry.js} +1 -1
- package/dist/tet-components/{p-93796834.entry.js → p-c2d4f5ad.entry.js} +1 -1
- package/dist/tet-components/{p-54032c07.entry.js → p-c423be9c.entry.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-c95500c7.entry.js} +1 -1
- package/dist/tet-components/{p-6148c249.entry.js → p-cb171bb9.entry.js} +1 -1
- package/dist/tet-components/{p-c4de9e32.entry.js → p-ccbe2f2a.entry.js} +1 -1
- package/dist/tet-components/{p-aa8a24ab.entry.js → p-cd5e950a.entry.js} +1 -1
- package/dist/tet-components/{p-5e2eb1e5.entry.js → p-cfa681df.entry.js} +1 -1
- package/dist/tet-components/{p-f4290ddd.entry.js → p-d04088d9.entry.js} +1 -1
- package/dist/tet-components/{p-2d0a52cc.entry.js → p-d06fc591.entry.js} +1 -1
- package/dist/tet-components/{p-07dc7c0c.entry.js → p-d4b57359.entry.js} +1 -1
- package/dist/tet-components/{p-a64e3e96.entry.js → p-d69f671b.entry.js} +1 -1
- package/dist/tet-components/{p-da0fc55d.entry.js → p-d9ba7a6e.entry.js} +1 -1
- package/dist/tet-components/{p-942f8a91.entry.js → p-dadebb6f.entry.js} +1 -1
- package/dist/tet-components/{p-da4eb19b.entry.js → p-e24d9987.entry.js} +1 -1
- package/dist/tet-components/{p-a7fc9ff9.entry.js → p-e7cbab6c.entry.js} +1 -1
- package/dist/tet-components/{p-aa74013f.entry.js → p-ed6af051.entry.js} +1 -1
- package/dist/tet-components/{p-7577675b.entry.js → p-edd18cee.entry.js} +1 -1
- package/dist/tet-components/{p-39796998.entry.js → p-f080b1a0.entry.js} +1 -1
- package/dist/tet-components/{p-9f864793.entry.js → p-f113e773.entry.js} +1 -1
- package/dist/tet-components/{p-52d66148.entry.js → p-f32c58e7.entry.js} +1 -1
- package/dist/tet-components/{p-87221449.entry.js → p-f3cd9c56.entry.js} +1 -1
- package/dist/tet-components/{p-a8051a99.js → p-f9e5405c.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-fa69d1cf.entry.js} +1 -1
- package/dist/tet-components/{p-fcf67b32.entry.js → p-fc642818.entry.js} +1 -1
- package/dist/tet-components/{p-ccfa9f31.entry.js → p-fc8d6963.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-83f43fdd.js +0 -2
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as a}from"./p-83f43fdd.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"cb8d797e33ebe4f1e3608301cab1e31875bbbd70"},t("div",{key:"5cfabadb4df3172d7a5c11fc07dc8f4a956885b4",class:"variable-container"},t("div",{key:"ddb11c133301d478f4ee7c9a869d5f003c1330b7",class:"container-title main"},"Grid klase"),t("div",{key:"070ff361c127c199f175f3c132a843cefcaa3265",class:"container-section"},t("div",{key:"34d47cbfc32e96c5b3644fccd0166e573bf16fcc",class:"variable-name"},t("div",{key:"b94fe94a480819c8d856dbd053e1904e1c60cdec",class:"variable-part"},"tet"),t("div",{key:"94a5e5f6b89925e806a48535ba1e828bbc5a2db3",class:"variable-part"},"-grid")),t("div",{key:"20d4208bb6ae659142e32f4cbd9f0d956ae9bdd0",class:"variable-name"},t("div",{key:"01097353b30f802a864f67bb712978d56aa1dca8",class:"variable-part"},"tet-grid__cell")))),t("div",{key:"810785d634cdedabc9eef44d4bb385f379a83dfb",class:"container-wrapper"},t("div",{key:"e49c192846f4bca195212a773f6e554df50e8f0f",class:"container-title"},"Grida lietojumi"),t("div",{key:"f3c68b4c378cd0728175f6b7fd80e33fd9af1873",class:"container-comment"},"Parent līmenī ir jābūt klasei tet-grid. Tad childam ir jābūt tet-grid__cell."),t("div",{key:"491555aece64b8580412297fcf2f341b3532130d",class:"container-comment"},"Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"),t("div",{key:"26d797efa071dffe15736059ded79c9f60526419",class:"section"},t("div",{key:"cef0270c56896b97a2b47e18a16923a092a1d06d",class:"section-content"},t("div",{key:"dcadaa02e29a49f16618ea554a91ee899ebd9070",class:"show-grid tet-grid"},t("div",{key:"988178edc15de897823f72d5cefa6dd0bae94c45",class:"show-span tet-grid__cell--span-all"},t("div",{key:"7dbc746b436e9c58feb9cfbc8897d71bdbbfa635",class:"section-style"},"Teksts pa visu gridu"),t("div",{key:"61ad428c98dd46f7fce7a38633ef7d7326102422",class:"section-style-attribute"},"tet-grid__cell--span-all")))),t("div",{key:"6d94b3f1f8ea404d047ed89f9dceaf8c9012104e",class:"section-content"},t("div",{key:"9fb10b30964c5c68e57dd5ea6bb80ad0af22e65b",class:"show-grid tet-grid"},t("div",{key:"13ca4b197002f19352145df15e81b861034612c1",class:"show-span tet-grid__cell--span-4"},t("div",{key:"9a0727cdd859db42c03363b0e2d3be4ea00dd7ff"},"Teksts pa 4 kolonām"),t("div",{key:"6a4848169890d258abd8fed803f50b090c3dced7",class:"section-style-attribute"},"tet-grid__cell--span-4")))),t("div",{key:"6df9a7da746f6cbe958931a6935308a23a02040e",class:"section-content"},t("div",{key:"38570ffae8287774c43dad3b285d40324dea8650",class:"show-grid tet-grid"},t("div",{key:"c04539f4b9910ae0f8c42a04630c949237b72f85",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8"},t("div",{key:"a8719f17dd39ff1743ba2bbf6abb3688bcfdf991"},"Teksts pa 4 kolonām DF ekrāna, pa 8 LG "),t("div",{key:"81393029a3a53aaffd8d7b7e22fab81d81ecbd08",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")),t("div",{key:"05706b768c47cc94c9eb2208b66d7acc78481b40",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4"},t("div",{key:"5f286a52a5338bd55450b5a9e860f296c8b39914"},"Teksts pa 4 kolonām DF ekrāna, pa 4 LG "),t("div",{key:"782166bd189f2f474bd5289b835333bb53e540c2",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))),t("div",{key:"f04fab9cef93dd8d605a2100d6f22565b47a67ac",class:"section-content"},t("div",{key:"aad118cf95dba41a4a057ccc69d7c9a947a86e85",class:"show-grid tet-grid"},t("div",{key:"a135a67e91efc7a6433b770417eea12bc897d790",class:"show-span tet-grid__cell--span-all"},t("div",{key:"0985a537790960ded9db0540e053a4fa8807f0b1"},"Tekstu, ko redzam visu laiku."," ",t("span",{key:"5a9ea78aa93ef5c0a9bd9823356d2bddfa0e4436",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"Redzam tikai pie LG izmēra")),t("div",{key:"a46c1a9a30ac11f398930abee8166c7a063aafc2",class:"section-style-attribute"},"tet-grid__cell--hide",t("span",{key:"a8fa4dcbc428df9d753d88a7c43db545c49ff228",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"tet-grid__cell--lg-show"))))),t("div",{key:"6a8aab722479be1420e8ddad8cc4165e1ce87eb6",class:"section-content"},t("div",{key:"853a863caeadd318f8b2dd344e9a0a1231f73121",class:"show-grid tet-grid"},t("div",{key:"55a9966bd87d6b01dc4598bcdac4262d6308f868",class:"show-span tet-grid__cell--span-2"},t("div",{key:"a8afdc3ae864bcc19324600039a206f89feee142",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"c4663e4326f2551a2837f24f5d967ed64a51d82e",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"6fcf3a77afefed9da4328dff76858709a5ec9295"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"8512466ed941543b8bc4c6afb32075b6b65b1a5f",class:"section-style-attribute"},"tet-grid__cell--lg-span-8")),t("div",{key:"0e701d5516126ea3a35206c78dde6bdec6b0528d",class:"show-span tet-grid__cell--span-2"},t("div",{key:"9c853356b08f7361e71c348061ffdb2b873d3dd7",class:"section-style-attribute"},"tet-grid__cell--span-2")))))),t("div",{key:"c7a584f2c408084f3c8e12299492cb78d358581b",class:"container-wrapper"},t("div",{key:"c0e1505dfa729c54cbfb887587f7e46f99a94d18",class:"container-title"},"1920px breakpoint"),t("div",{key:"e56cf193d7925309583bd5a8460d894b6233d5b1",class:"container-comment"},"Pievienojot papildus klasi"," ",t("strong",{key:"8ef0e1356ad4173f2994e5905d28b14a0d073c6c"},t("i",{key:"b619b0c688de4453befb240026da562bd56c02d0"}," tet-grid--gg")),", tiek iespējots elementa maksimālais platums līdz 1920px."),t("div",{key:"74decf24a16d2934c0a700042704b54113c42876",class:"container-comment"},"Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"),t("div",{key:"a3753abc6bffffc28ffcb8166bfce7424e1db1a5",class:"section"},t("div",{key:"32ae1fc9de9c0591cb5c0db1147727da666ba21e",class:"section-content"},t("div",{key:"147e0ebf1734c3251d675d1bd24362c66247c9fe",class:"show-grid tet-grid tet-grid--gg"},t("div",{key:"d103f7dd77c4b68b0ee8c2d5254406d5f0eb6b7e",class:"show-span tet-grid__cell--span-2"},t("div",{key:"dce3e381e7e14771009ff3ee190985ebf3a75d9e",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"5b6f68f566c8d664a375d3f1b3f6f44542fb4730",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"7e4e4f5c51c64bc901d22038a7a4dfc22248caaf"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"189dd58ff8090a331413eb2c7085014ee685336a",class:"section-style-attribute"},"tet-grid__cell--lg-span-8"),t("div",{key:"2b83ca7f8735cb65a835e03d32aea927eb16a104",class:"tet-grid tet-grid--gg"},t("div",{key:"1a11e6b763c09b8c74d45d33c34643985f181529",class:"tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt"},t("div",{key:"07b7ed4c079288ac8b4b4115c45a1f0773700ceb"},"Šis teksts ir redzams tikai no 1920px platuma."),t("div",{key:"f85fc0b7230bb1e670af31bd6bffbed68788a198",class:"section-style-attribute"},"tet-grid__cell--lg-span-12"),t("div",{key:"35a0dee37df5aa16ddb3e5461195ff0f8d019748",class:"section-style-attribute"},"tet-grid__cell--hide"),t("div",{key:"5afa427f67f460c40a3d3e0027fb62594fddabe7",class:"section-style-attribute"},"tet-grid__cell--gg-show")))),t("div",{key:"a0e10a04da3ad7b294df4dddf2e3ba3b9f298a26",class:"show-span tet-grid__cell--span-2"},t("div",{key:"4b019e96245953dfd39420a8481402750f067294",class:"section-style-attribute"},"tet-grid__cell--span-2")))))))}};o.style='@charset "UTF-8";:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.tet-grid-story{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-comment{background:rgb(235, 237, 239);padding:1rem 0;font-size:1rem;text-align:center;margin:0.25rem 0;border-radius:1.5rem}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:1rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{gap:0.5rem;display:flex;flex-wrap:wrap}.section-content{border:0.0625rem solid gray;border-radius:2rem;flex:1 1 49%}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.show-span{background:lightgrey}.show-grid{background:darkgrey;border-radius:2rem;height:100%}';export{o as tet_grid}
|
|
1
|
+
import{r as e,h as t,H as a}from"./p-7c868b40.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"cb8d797e33ebe4f1e3608301cab1e31875bbbd70"},t("div",{key:"5cfabadb4df3172d7a5c11fc07dc8f4a956885b4",class:"variable-container"},t("div",{key:"ddb11c133301d478f4ee7c9a869d5f003c1330b7",class:"container-title main"},"Grid klase"),t("div",{key:"070ff361c127c199f175f3c132a843cefcaa3265",class:"container-section"},t("div",{key:"34d47cbfc32e96c5b3644fccd0166e573bf16fcc",class:"variable-name"},t("div",{key:"b94fe94a480819c8d856dbd053e1904e1c60cdec",class:"variable-part"},"tet"),t("div",{key:"94a5e5f6b89925e806a48535ba1e828bbc5a2db3",class:"variable-part"},"-grid")),t("div",{key:"20d4208bb6ae659142e32f4cbd9f0d956ae9bdd0",class:"variable-name"},t("div",{key:"01097353b30f802a864f67bb712978d56aa1dca8",class:"variable-part"},"tet-grid__cell")))),t("div",{key:"810785d634cdedabc9eef44d4bb385f379a83dfb",class:"container-wrapper"},t("div",{key:"e49c192846f4bca195212a773f6e554df50e8f0f",class:"container-title"},"Grida lietojumi"),t("div",{key:"f3c68b4c378cd0728175f6b7fd80e33fd9af1873",class:"container-comment"},"Parent līmenī ir jābūt klasei tet-grid. Tad childam ir jābūt tet-grid__cell."),t("div",{key:"491555aece64b8580412297fcf2f341b3532130d",class:"container-comment"},"Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"),t("div",{key:"26d797efa071dffe15736059ded79c9f60526419",class:"section"},t("div",{key:"cef0270c56896b97a2b47e18a16923a092a1d06d",class:"section-content"},t("div",{key:"dcadaa02e29a49f16618ea554a91ee899ebd9070",class:"show-grid tet-grid"},t("div",{key:"988178edc15de897823f72d5cefa6dd0bae94c45",class:"show-span tet-grid__cell--span-all"},t("div",{key:"7dbc746b436e9c58feb9cfbc8897d71bdbbfa635",class:"section-style"},"Teksts pa visu gridu"),t("div",{key:"61ad428c98dd46f7fce7a38633ef7d7326102422",class:"section-style-attribute"},"tet-grid__cell--span-all")))),t("div",{key:"6d94b3f1f8ea404d047ed89f9dceaf8c9012104e",class:"section-content"},t("div",{key:"9fb10b30964c5c68e57dd5ea6bb80ad0af22e65b",class:"show-grid tet-grid"},t("div",{key:"13ca4b197002f19352145df15e81b861034612c1",class:"show-span tet-grid__cell--span-4"},t("div",{key:"9a0727cdd859db42c03363b0e2d3be4ea00dd7ff"},"Teksts pa 4 kolonām"),t("div",{key:"6a4848169890d258abd8fed803f50b090c3dced7",class:"section-style-attribute"},"tet-grid__cell--span-4")))),t("div",{key:"6df9a7da746f6cbe958931a6935308a23a02040e",class:"section-content"},t("div",{key:"38570ffae8287774c43dad3b285d40324dea8650",class:"show-grid tet-grid"},t("div",{key:"c04539f4b9910ae0f8c42a04630c949237b72f85",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8"},t("div",{key:"a8719f17dd39ff1743ba2bbf6abb3688bcfdf991"},"Teksts pa 4 kolonām DF ekrāna, pa 8 LG "),t("div",{key:"81393029a3a53aaffd8d7b7e22fab81d81ecbd08",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")),t("div",{key:"05706b768c47cc94c9eb2208b66d7acc78481b40",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4"},t("div",{key:"5f286a52a5338bd55450b5a9e860f296c8b39914"},"Teksts pa 4 kolonām DF ekrāna, pa 4 LG "),t("div",{key:"782166bd189f2f474bd5289b835333bb53e540c2",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))),t("div",{key:"f04fab9cef93dd8d605a2100d6f22565b47a67ac",class:"section-content"},t("div",{key:"aad118cf95dba41a4a057ccc69d7c9a947a86e85",class:"show-grid tet-grid"},t("div",{key:"a135a67e91efc7a6433b770417eea12bc897d790",class:"show-span tet-grid__cell--span-all"},t("div",{key:"0985a537790960ded9db0540e053a4fa8807f0b1"},"Tekstu, ko redzam visu laiku."," ",t("span",{key:"5a9ea78aa93ef5c0a9bd9823356d2bddfa0e4436",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"Redzam tikai pie LG izmēra")),t("div",{key:"a46c1a9a30ac11f398930abee8166c7a063aafc2",class:"section-style-attribute"},"tet-grid__cell--hide",t("span",{key:"a8fa4dcbc428df9d753d88a7c43db545c49ff228",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"tet-grid__cell--lg-show"))))),t("div",{key:"6a8aab722479be1420e8ddad8cc4165e1ce87eb6",class:"section-content"},t("div",{key:"853a863caeadd318f8b2dd344e9a0a1231f73121",class:"show-grid tet-grid"},t("div",{key:"55a9966bd87d6b01dc4598bcdac4262d6308f868",class:"show-span tet-grid__cell--span-2"},t("div",{key:"a8afdc3ae864bcc19324600039a206f89feee142",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"c4663e4326f2551a2837f24f5d967ed64a51d82e",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"6fcf3a77afefed9da4328dff76858709a5ec9295"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"8512466ed941543b8bc4c6afb32075b6b65b1a5f",class:"section-style-attribute"},"tet-grid__cell--lg-span-8")),t("div",{key:"0e701d5516126ea3a35206c78dde6bdec6b0528d",class:"show-span tet-grid__cell--span-2"},t("div",{key:"9c853356b08f7361e71c348061ffdb2b873d3dd7",class:"section-style-attribute"},"tet-grid__cell--span-2")))))),t("div",{key:"c7a584f2c408084f3c8e12299492cb78d358581b",class:"container-wrapper"},t("div",{key:"c0e1505dfa729c54cbfb887587f7e46f99a94d18",class:"container-title"},"1920px breakpoint"),t("div",{key:"e56cf193d7925309583bd5a8460d894b6233d5b1",class:"container-comment"},"Pievienojot papildus klasi"," ",t("strong",{key:"8ef0e1356ad4173f2994e5905d28b14a0d073c6c"},t("i",{key:"b619b0c688de4453befb240026da562bd56c02d0"}," tet-grid--gg")),", tiek iespējots elementa maksimālais platums līdz 1920px."),t("div",{key:"74decf24a16d2934c0a700042704b54113c42876",class:"container-comment"},"Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"),t("div",{key:"a3753abc6bffffc28ffcb8166bfce7424e1db1a5",class:"section"},t("div",{key:"32ae1fc9de9c0591cb5c0db1147727da666ba21e",class:"section-content"},t("div",{key:"147e0ebf1734c3251d675d1bd24362c66247c9fe",class:"show-grid tet-grid tet-grid--gg"},t("div",{key:"d103f7dd77c4b68b0ee8c2d5254406d5f0eb6b7e",class:"show-span tet-grid__cell--span-2"},t("div",{key:"dce3e381e7e14771009ff3ee190985ebf3a75d9e",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"5b6f68f566c8d664a375d3f1b3f6f44542fb4730",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"7e4e4f5c51c64bc901d22038a7a4dfc22248caaf"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"189dd58ff8090a331413eb2c7085014ee685336a",class:"section-style-attribute"},"tet-grid__cell--lg-span-8"),t("div",{key:"2b83ca7f8735cb65a835e03d32aea927eb16a104",class:"tet-grid tet-grid--gg"},t("div",{key:"1a11e6b763c09b8c74d45d33c34643985f181529",class:"tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt"},t("div",{key:"07b7ed4c079288ac8b4b4115c45a1f0773700ceb"},"Šis teksts ir redzams tikai no 1920px platuma."),t("div",{key:"f85fc0b7230bb1e670af31bd6bffbed68788a198",class:"section-style-attribute"},"tet-grid__cell--lg-span-12"),t("div",{key:"35a0dee37df5aa16ddb3e5461195ff0f8d019748",class:"section-style-attribute"},"tet-grid__cell--hide"),t("div",{key:"5afa427f67f460c40a3d3e0027fb62594fddabe7",class:"section-style-attribute"},"tet-grid__cell--gg-show")))),t("div",{key:"a0e10a04da3ad7b294df4dddf2e3ba3b9f298a26",class:"show-span tet-grid__cell--span-2"},t("div",{key:"4b019e96245953dfd39420a8481402750f067294",class:"section-style-attribute"},"tet-grid__cell--span-2")))))))}};o.style='@charset "UTF-8";:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.tet-grid-story{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-comment{background:rgb(235, 237, 239);padding:1rem 0;font-size:1rem;text-align:center;margin:0.25rem 0;border-radius:1.5rem}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:1rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{gap:0.5rem;display:flex;flex-wrap:wrap}.section-content{border:0.0625rem solid gray;border-radius:2rem;flex:1 1 49%}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.show-span{background:lightgrey}.show-grid{background:darkgrey;border-radius:2rem;height:100%}';export{o as tet_grid}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,g as e,h as r,H as i}from"./p-83f43fdd.js";import{e as a,A as n}from"./p-0ebbf5ef.js";import{f as s}from"./p-e1e74d01.js";import{c}from"./p-d8518d4b.js";import{t as l}from"./p-a8051a99.js";import"./p-9a2b6ee2.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const o=new Map(d.cart);o.delete(t),f("cart",o)},u=()=>{const t=m("cart"),o=m("productDetails"),e={};for(const[r,i]of t.entries())e[o.get(r)?.name||r]=i;return e},y=class{constructor(e){t(this,e),this.compareLinkClick=o(this,"compareLinkClick",7),this.b2bConfiguratorSubmit=o(this,"b2bConfiguratorSubmit",7),this.successCloseClick=o(this,"successCloseClick",7),this.referenceElement=void 0,this.isLoading=!0,this.itemToRemove=null,this.checkoutAttempted=!1,this.formState="success",this.activePrimaryCategoryId=null,this.activeSecondaryCategoryId=null,this.selectedPrimaryCards=[],this.selectedSecondaryCards=[],this.isDesktopResolution=void 0,this.theme="light",this.stickyRefEl=""}get hostElement(){return e(this)}priceSuffix="€/mēn.";cartEl;confirmationDialogEl;submissionStateDialogEl;checkoutFormEl;primaryAccordionEl;secondaryAccordionEl;primaryNavEl;secondaryNavEl;resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}compareLinkClick;b2bConfiguratorSubmit;successCloseClick;async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){this.isLoading=!0,await(async t=>{const o="function"==typeof t?t():t,e=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([o,e]);return r})(this.fetchData),this.isLoading=!1,this.activePrimaryCategoryId=d.data.find((t=>"primary"===t.type))?.id||null,this.activeSecondaryCategoryId=d.data.find((t=>"secondary"===t.type))?.id||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){"validation-error"===t&&(this.submissionStateDialogEl.close(),this.checkoutFormEl.open()),this.formState=t}checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024};fetchData=async()=>{(t=>{f("data",t);const o=new Map;for(const e of t)for(const t of e.products){const{type:r,name:i,id:a}=e,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;o.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",o)})(await(()=>{let t;try{t=new URL(a.b2bConfigurator).href}catch(t){return console.error(t),Promise.reject("B2B configurator endpoint URL generation failed.")}return(new n).setUrl(t).setErrorFallbackValue([]).execute()})())};renderPlaceholder=()=>{const t="dark"===this.theme;return[r("div",{class:"offer placeholder"},r("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},r("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),r("div",{class:"offer__content"},r("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),r("div",{class:"offer__cards"},r("div",{class:"offer__cards-list"},r("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),r("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},r("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]};categoryClickHandler=t=>{const{id:o}=t.detail,e=this.getCategoryById(o);e&&("primary"===e.type?this.activePrimaryCategoryId=o:this.activeSecondaryCategoryId=o)};renderOffer=()=>{const t=[{name:l("components-b2b-offer-primary-title"),type:"primary"},{name:l("components-b2b-offer-secondary-title"),type:"secondary"}];return r("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const o=d.data.filter((o=>o.type===t.type)).map((t=>{const{id:o,name:e,icon:r}=t;return{id:o,name:e,icon:r,selected:o===this.activePrimaryCategoryId||o===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:o=>{"primary"===t.type?this.primaryAccordionEl=o:this.secondaryAccordionEl=o},key:t.type,class:"offer__block",isOpen:"primary"===t.type,header:t.name,withBorder:!0,theme:this.theme,transparentBackground:!0},r("div",{class:"offer__content"},r("div",{class:"offer__navigation"},r("tet-business-navigation",{ref:o=>{"primary"===t.type?this.primaryNavEl=o:this.secondaryNavEl=o},menuItems:o,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((o=>o.id===t));onCompareLinkClick=t=>{const o=this.getCategoryById(t);o&&o.modalScreenId&&this.compareLinkClick.emit(o.modalScreenId)};handleCardSelected=(t,o)=>{const e=this.getCategoryById(o);if(!e)return;const{type:r,allowMultipleChoice:i}=e;if("primary"===r){if(this.selectedPrimaryCards.includes(t))return;this.selectedPrimaryCards=i?[...this.selectedPrimaryCards,t]:[t]}else{if(this.selectedSecondaryCards.includes(t))return;this.selectedSecondaryCards=i?[...this.selectedSecondaryCards,t]:[t]}};handleProductCountChanged=async(t,o)=>{const{cardId:e,count:r}=t.detail,i=this.getCategoryById(o);if(i&&d.cart.get(e)!==r){if(!r)return this.itemToRemove=e,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==e&&h(t.productCode))),((t,o)=>{if(o<0)return;const e=new Map(d.cart);e.set(t,o),f("cart",e)})(e,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}};onConfirmationClose=()=>{this.itemToRemove=null};renderConfirmationDialog=()=>r("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"attention"}),r("div",{class:"action-dialog__title"},l("components-b2b-item-remove-confirmation-title"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},l("components-b2b-item-remove-confirmation-decline")),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{h(this.itemToRemove),this.confirmationDialogEl.close()}},l("components-b2b-item-remove-confirmation-accept"))));resetState=()=>{f("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()};renderSubmissionStateDialog=()=>{const t="loading"===this.formState,o=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},e=t?r("div",{class:"action-dialog"},r("tet-spinner",{theme:this.theme}),r("div",{class:"action-dialog__title"},l("components-b2b-loading-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-loading-dialog-description"))):[r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),r("div",{class:"action-dialog__title"},l("components-b2b-success-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-success-dialog-description"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:o},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-close"))),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-start-again"))))];return r("tet-dialog",{ref:t=>this.submissionStateDialogEl=t,class:{[this.theme]:!0,"action-dialog--loading":t},closeOnOverlayClick:!1,closeOnEscape:!t,hideCloseButton:t,theme:this.theme,onCloseDialog:"success"===this.formState?o:this.submissionStateDialogEl.close},e)};renderCards=t=>{const o="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,e="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(o),{modalScreenId:a,products:n=[]}=i||{},s=n.map((t=>{const{productCode:i,name:{lv:a},description:{lv:n},amount:s,b2bConfiguratorProduct:{discountAmount:c,selectionType:l,defaultValue:f,minValue:m,maxValue:h,translationKey:u},benefits:{lv:y},contracts:p}=t,b=!!t.attributes.find((t=>"isBestChoice"===t.key))?.value,g="single"===l?void 0:{defaultValue:f,minValue:m,maxValue:h,label:u},_={id:i,title:a,subtitle:n,isBestChoice:b,price:s,discountPrice:c,benefits:y.split("\n"),contract:p[0]?.contract,counterOptions:g},v=e.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,o),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,o)})}));return r("div",{class:"offer__cards"},r("div",{class:"offer__cards-header"},r("div",{class:"offer__cards-title"},l("components-b2b-offer-product-list-title")),a&&r("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(o)}},r("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},l("components-b2b-offer-compare-link-text")),r("div",{class:"compare__icon-wrapper"},r("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),r("div",{class:"offer__cards-list"},s))};handleCartProductCountChange=(t,o,e)=>{this.handleProductCountChanged({detail:{cardId:t,count:o}},e)};goToProduct=async(t,o)=>{const e=this.getCategoryById(t);e&&("primary"===e.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===e.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(o,t)}),0))};renderCartCardsList=t=>{const o=o=>{const e=d.cart.get(o),i=d.productDetails.get(o);if(void 0===e||!i)return null;const{name:a,amount:n,description:s,discountAmount:c,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:g,maxValue:_,translationKey:v}=u;return r("tet-business-summary-card",{key:o,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:e,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(o,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(o,0,h),onEditButtonClick:()=>this.goToProduct(h,o)})};return["primary","secondary"].map((t=>{const e=[...d.cart].filter((([o])=>{const e=d.productDetails.get(o);return e&&e.categoryType===t})).map((([t])=>o(t)));return e.length?r("div",{class:"cart__card-list",slot:t},e):null}))};positionStickyCartEl=()=>{this.referenceElement&&(this.isDesktopResolution?this.hostElement.style.setProperty("--b2b-cart-sticky-top",`${this.referenceElement.offsetTop}px`):this.hostElement.style.removeProperty("--b2b-cart-sticky-top"))};renderCart=(t="edit")=>{const o=!d.cart.size;let e={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,o]of d.cart){const r=d.productDetails.get(t);r&&(e[r.categoryType]+=(r.discountAmount??r.amount)*o,i[r.categoryType]+=1,a+=r.amount*o)}const{primary:n,secondary:c}=e,f=n+c,m=a-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:s(f,{currency:""}),primaryAmount:s(n,{currency:""}),secondaryAmount:s(c,{currency:""}),primaryCount:i.primary,secondaryCount:i.secondary,summarySavings:s(m,{currency:""}),hasPrimaryNotification:y,hasSecondaryNotification:p},g="edit"===t?r("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},l("components-b2b-cart-cta-button-title")):null;return r("tet-b2b-configurator-cart",{ref:o=>"edit"===t?this.cartEl=o:null,context:t,class:{cart:!0,"cart--empty":o,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:o,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[o,e]of d.cart){const e=d.productDetails.get(o);e&&(t[e.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:o}=this.areProductsAddedToCart();t&&o&&this.checkoutFormEl.open()};submit=({detail:t})=>{const o={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(o),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()};renderCheckoutForm=()=>r("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},r("div",{slot:"cart"},this.renderCart("checkout")));render(){return r(i,{key:"001da651eb395990d65a929558920f80f67ec357"},r("div",{key:"b20fe87916971db6c1173796f20f0b5b307f152c",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():d.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}static get watchers(){return{activePrimaryCategoryId:["resetSelectedPrimaryCards"],activeSecondaryCategoryId:["resetSelectedSecondaryCards"]}}};y.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;--b2b-cart-offset-top:0px}.light{--b2b-text-color:var(--tc-text-primary);--b2b-text-color-secondary:var(--tc-text-secondary);--b2b-background-color:var(--tc-layer-primary);--b2b-icon-background-color:var(--tc-layer-secondary);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary);--b2b-box-shadow:var(--tc-elevation-one);--b2b-border-color:var(--tc-border-quaternary);--b2b-summary-block-color:var(--tc-layer-secondary);--b2b-summary-accent-color:var(--tc-yellow-20);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40);--b2b-success-dialog-icon-color:var(--tc-green-40)}.dark{--b2b-text-color:var(--tc-text-primary-dark);--b2b-text-color-secondary:var(--tc-text-secondary-dark);--b2b-background-color:var(--tc-layer-primary-dark);--b2b-icon-background-color:var(--tc-layer-secondary-dark);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary-dark);--b2b-box-shadow:var(--tc-elevation-one-dark);--b2b-border-color:var(--tc-border-quaternary-dark);--b2b-summary-block-color:var(--tc-layer-secondary-dark);--b2b-summary-accent-color:var(--tc-grey-20-dark);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40-dark);--b2b-success-dialog-icon-color:var(--tc-green-40-dark)}button.button-reset{background:none;border:none;padding:0;color:inherit;text-align:inherit}.placeholder{--placeholder-animation-speed:5s}.configurator{display:flex;gap:1rem;flex-direction:column;color:var(--b2b-text-color)}@media screen and (min-width: 64rem){.configurator{gap:1.5rem;flex-direction:row;align-items:flex-start}}.offer{border-radius:1rem;height:fit-content;flex:0 0 calc(70% - 0.75rem);background-color:var(--b2b-background-color);box-shadow:var(--b2b-box-shadow)}.offer__block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif}.offer__block:first-child{--accordion-border-radius:1rem 1rem 0 0;--accordion-outer-border:var(--b2b-border-color)}.offer__block:last-child{--accordion-border-radius:0 0 1rem 1rem;--accordion-border-bottom-width:0}@media screen and (min-width: 64rem){.offer__block{--accordion-header-padding:1.5rem;--accordion-header-font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif}}.offer__content{overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;border-color:var(--b2b-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.offer__content{padding:1.5rem}}@media screen and (min-width: 64rem){.offer__content{flex-direction:row;gap:1.5rem;padding-bottom:2.5rem}}.offer__navigation{margin:0 -1.5rem;flex:0 0 30%}@media screen and (min-width: 64rem){.offer__navigation{max-width:20.5rem;margin:0}}.offer__cards{flex:1 1 0%}.offer__cards-header{padding:0.5rem 0 0.75rem 0;display:flex;gap:0.5rem;justify-content:space-between;align-items:center}@media screen and (min-width: 64rem){.offer__cards-header{padding:1rem 0}}.offer__cards-list{display:flex;flex-direction:column;gap:1rem}.offer__cards-title{flex:auto;font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.offer__cards-title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.compare__button{border-radius:50%;overflow:hidden;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.compare__button{border-radius:0.125rem}}.compare__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.compare__button.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.compare__button:active{--b2b-icon-background-color:var(--b2b-icon-pressed-background-color)}.compare__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:none}@media screen and (min-width: 64rem){.compare__text{display:initial}}.compare__icon-wrapper{width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--b2b-icon-background-color);cursor:pointer}@media screen and (min-width: 64rem){.compare__icon-wrapper{display:none}}.compare__icon{--icon-size:1.5rem;--icon-container-display:flex}.cart{flex:0 0 calc(30% - 0.75rem);position:sticky}.cart--edit{bottom:-1px;top:calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top))}@media screen and (min-width: 64rem){.cart--edit{max-width:calc(30% - 0.75rem)}}.cart--empty{display:none}@media screen and (min-width: 64rem){.cart--empty{display:flex}}.cart__card-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.cart__cta{display:block;align-self:center;width:stretch;--button-width:100%}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end;width:unset;--button-width:auto}}.action-dialog{display:flex;flex-direction:column;gap:0.5rem;align-items:center;margin-bottom:1.5rem}.action-dialog--loading{--dialog-footer-border-color:transparent}.action-dialog__title{text-align:center;font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.action-dialog__description{text-align:center;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.action-dialog__icon{--icon-size:3rem}.action-dialog__attention-icon{--icon-color:var(--b2b-confirmation-dialog-icon-color)}.action-dialog__success-icon{--icon-color:var(--b2b-success-dialog-icon-color)}.action-dialog__footer{display:flex;flex-direction:column;justify-content:space-between;flex:auto;gap:1rem}@media screen and (min-width: 31.25rem){.action-dialog__footer{flex-direction:row}}.action-dialog__button{--button-width:100%}.action-dialog__button-text{white-space:nowrap}';export{y as tet_b2b_configurator}
|
|
1
|
+
import{r as t,c as o,g as e,h as r,H as i}from"./p-7c868b40.js";import{e as a,A as n}from"./p-59ffdcd3.js";import{f as s}from"./p-e1e74d01.js";import{c}from"./p-21acfb7d.js";import{t as l}from"./p-f9e5405c.js";import"./p-9a2b6ee2.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const o=new Map(d.cart);o.delete(t),f("cart",o)},u=()=>{const t=m("cart"),o=m("productDetails"),e={};for(const[r,i]of t.entries())e[o.get(r)?.name||r]=i;return e},y=class{constructor(e){t(this,e),this.compareLinkClick=o(this,"compareLinkClick",7),this.b2bConfiguratorSubmit=o(this,"b2bConfiguratorSubmit",7),this.successCloseClick=o(this,"successCloseClick",7),this.referenceElement=void 0,this.isLoading=!0,this.itemToRemove=null,this.checkoutAttempted=!1,this.formState="success",this.activePrimaryCategoryId=null,this.activeSecondaryCategoryId=null,this.selectedPrimaryCards=[],this.selectedSecondaryCards=[],this.isDesktopResolution=void 0,this.theme="light",this.stickyRefEl=""}get hostElement(){return e(this)}priceSuffix="€/mēn.";cartEl;confirmationDialogEl;submissionStateDialogEl;checkoutFormEl;primaryAccordionEl;secondaryAccordionEl;primaryNavEl;secondaryNavEl;resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}compareLinkClick;b2bConfiguratorSubmit;successCloseClick;async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){this.isLoading=!0,await(async t=>{const o="function"==typeof t?t():t,e=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([o,e]);return r})(this.fetchData),this.isLoading=!1,this.activePrimaryCategoryId=d.data.find((t=>"primary"===t.type))?.id||null,this.activeSecondaryCategoryId=d.data.find((t=>"secondary"===t.type))?.id||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){"validation-error"===t&&(this.submissionStateDialogEl.close(),this.checkoutFormEl.open()),this.formState=t}checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024};fetchData=async()=>{(t=>{f("data",t);const o=new Map;for(const e of t)for(const t of e.products){const{type:r,name:i,id:a}=e,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;o.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",o)})(await(()=>{let t;try{t=new URL(a.b2bConfigurator).href}catch(t){return console.error(t),Promise.reject("B2B configurator endpoint URL generation failed.")}return(new n).setUrl(t).setErrorFallbackValue([]).execute()})())};renderPlaceholder=()=>{const t="dark"===this.theme;return[r("div",{class:"offer placeholder"},r("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},r("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),r("div",{class:"offer__content"},r("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),r("div",{class:"offer__cards"},r("div",{class:"offer__cards-list"},r("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),r("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},r("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]};categoryClickHandler=t=>{const{id:o}=t.detail,e=this.getCategoryById(o);e&&("primary"===e.type?this.activePrimaryCategoryId=o:this.activeSecondaryCategoryId=o)};renderOffer=()=>{const t=[{name:l("components-b2b-offer-primary-title"),type:"primary"},{name:l("components-b2b-offer-secondary-title"),type:"secondary"}];return r("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const o=d.data.filter((o=>o.type===t.type)).map((t=>{const{id:o,name:e,icon:r}=t;return{id:o,name:e,icon:r,selected:o===this.activePrimaryCategoryId||o===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:o=>{"primary"===t.type?this.primaryAccordionEl=o:this.secondaryAccordionEl=o},key:t.type,class:"offer__block",isOpen:"primary"===t.type,header:t.name,withBorder:!0,theme:this.theme,transparentBackground:!0},r("div",{class:"offer__content"},r("div",{class:"offer__navigation"},r("tet-business-navigation",{ref:o=>{"primary"===t.type?this.primaryNavEl=o:this.secondaryNavEl=o},menuItems:o,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((o=>o.id===t));onCompareLinkClick=t=>{const o=this.getCategoryById(t);o&&o.modalScreenId&&this.compareLinkClick.emit(o.modalScreenId)};handleCardSelected=(t,o)=>{const e=this.getCategoryById(o);if(!e)return;const{type:r,allowMultipleChoice:i}=e;if("primary"===r){if(this.selectedPrimaryCards.includes(t))return;this.selectedPrimaryCards=i?[...this.selectedPrimaryCards,t]:[t]}else{if(this.selectedSecondaryCards.includes(t))return;this.selectedSecondaryCards=i?[...this.selectedSecondaryCards,t]:[t]}};handleProductCountChanged=async(t,o)=>{const{cardId:e,count:r}=t.detail,i=this.getCategoryById(o);if(i&&d.cart.get(e)!==r){if(!r)return this.itemToRemove=e,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==e&&h(t.productCode))),((t,o)=>{if(o<0)return;const e=new Map(d.cart);e.set(t,o),f("cart",e)})(e,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}};onConfirmationClose=()=>{this.itemToRemove=null};renderConfirmationDialog=()=>r("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"attention"}),r("div",{class:"action-dialog__title"},l("components-b2b-item-remove-confirmation-title"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},l("components-b2b-item-remove-confirmation-decline")),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{h(this.itemToRemove),this.confirmationDialogEl.close()}},l("components-b2b-item-remove-confirmation-accept"))));resetState=()=>{f("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()};renderSubmissionStateDialog=()=>{const t="loading"===this.formState,o=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},e=t?r("div",{class:"action-dialog"},r("tet-spinner",{theme:this.theme}),r("div",{class:"action-dialog__title"},l("components-b2b-loading-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-loading-dialog-description"))):[r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),r("div",{class:"action-dialog__title"},l("components-b2b-success-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-success-dialog-description"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:o},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-close"))),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-start-again"))))];return r("tet-dialog",{ref:t=>this.submissionStateDialogEl=t,class:{[this.theme]:!0,"action-dialog--loading":t},closeOnOverlayClick:!1,closeOnEscape:!t,hideCloseButton:t,theme:this.theme,onCloseDialog:"success"===this.formState?o:this.submissionStateDialogEl.close},e)};renderCards=t=>{const o="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,e="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(o),{modalScreenId:a,products:n=[]}=i||{},s=n.map((t=>{const{productCode:i,name:{lv:a},description:{lv:n},amount:s,b2bConfiguratorProduct:{discountAmount:c,selectionType:l,defaultValue:f,minValue:m,maxValue:h,translationKey:u},benefits:{lv:y},contracts:p}=t,b=!!t.attributes.find((t=>"isBestChoice"===t.key))?.value,g="single"===l?void 0:{defaultValue:f,minValue:m,maxValue:h,label:u},_={id:i,title:a,subtitle:n,isBestChoice:b,price:s,discountPrice:c,benefits:y.split("\n"),contract:p[0]?.contract,counterOptions:g},v=e.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,o),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,o)})}));return r("div",{class:"offer__cards"},r("div",{class:"offer__cards-header"},r("div",{class:"offer__cards-title"},l("components-b2b-offer-product-list-title")),a&&r("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(o)}},r("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},l("components-b2b-offer-compare-link-text")),r("div",{class:"compare__icon-wrapper"},r("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),r("div",{class:"offer__cards-list"},s))};handleCartProductCountChange=(t,o,e)=>{this.handleProductCountChanged({detail:{cardId:t,count:o}},e)};goToProduct=async(t,o)=>{const e=this.getCategoryById(t);e&&("primary"===e.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===e.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(o,t)}),0))};renderCartCardsList=t=>{const o=o=>{const e=d.cart.get(o),i=d.productDetails.get(o);if(void 0===e||!i)return null;const{name:a,amount:n,description:s,discountAmount:c,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:g,maxValue:_,translationKey:v}=u;return r("tet-business-summary-card",{key:o,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:e,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(o,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(o,0,h),onEditButtonClick:()=>this.goToProduct(h,o)})};return["primary","secondary"].map((t=>{const e=[...d.cart].filter((([o])=>{const e=d.productDetails.get(o);return e&&e.categoryType===t})).map((([t])=>o(t)));return e.length?r("div",{class:"cart__card-list",slot:t},e):null}))};positionStickyCartEl=()=>{this.referenceElement&&(this.isDesktopResolution?this.hostElement.style.setProperty("--b2b-cart-sticky-top",`${this.referenceElement.offsetTop}px`):this.hostElement.style.removeProperty("--b2b-cart-sticky-top"))};renderCart=(t="edit")=>{const o=!d.cart.size;let e={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,o]of d.cart){const r=d.productDetails.get(t);r&&(e[r.categoryType]+=(r.discountAmount??r.amount)*o,i[r.categoryType]+=1,a+=r.amount*o)}const{primary:n,secondary:c}=e,f=n+c,m=a-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:s(f,{currency:""}),primaryAmount:s(n,{currency:""}),secondaryAmount:s(c,{currency:""}),primaryCount:i.primary,secondaryCount:i.secondary,summarySavings:s(m,{currency:""}),hasPrimaryNotification:y,hasSecondaryNotification:p},g="edit"===t?r("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},l("components-b2b-cart-cta-button-title")):null;return r("tet-b2b-configurator-cart",{ref:o=>"edit"===t?this.cartEl=o:null,context:t,class:{cart:!0,"cart--empty":o,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:o,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[o,e]of d.cart){const e=d.productDetails.get(o);e&&(t[e.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:o}=this.areProductsAddedToCart();t&&o&&this.checkoutFormEl.open()};submit=({detail:t})=>{const o={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(o),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()};renderCheckoutForm=()=>r("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},r("div",{slot:"cart"},this.renderCart("checkout")));render(){return r(i,{key:"001da651eb395990d65a929558920f80f67ec357"},r("div",{key:"b20fe87916971db6c1173796f20f0b5b307f152c",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():d.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}static get watchers(){return{activePrimaryCategoryId:["resetSelectedPrimaryCards"],activeSecondaryCategoryId:["resetSelectedSecondaryCards"]}}};y.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;--b2b-cart-offset-top:0px}.light{--b2b-text-color:var(--tc-text-primary);--b2b-text-color-secondary:var(--tc-text-secondary);--b2b-background-color:var(--tc-layer-primary);--b2b-icon-background-color:var(--tc-layer-secondary);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary);--b2b-box-shadow:var(--tc-elevation-one);--b2b-border-color:var(--tc-border-quaternary);--b2b-summary-block-color:var(--tc-layer-secondary);--b2b-summary-accent-color:var(--tc-yellow-20);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40);--b2b-success-dialog-icon-color:var(--tc-green-40)}.dark{--b2b-text-color:var(--tc-text-primary-dark);--b2b-text-color-secondary:var(--tc-text-secondary-dark);--b2b-background-color:var(--tc-layer-primary-dark);--b2b-icon-background-color:var(--tc-layer-secondary-dark);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary-dark);--b2b-box-shadow:var(--tc-elevation-one-dark);--b2b-border-color:var(--tc-border-quaternary-dark);--b2b-summary-block-color:var(--tc-layer-secondary-dark);--b2b-summary-accent-color:var(--tc-grey-20-dark);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40-dark);--b2b-success-dialog-icon-color:var(--tc-green-40-dark)}button.button-reset{background:none;border:none;padding:0;color:inherit;text-align:inherit}.placeholder{--placeholder-animation-speed:5s}.configurator{display:flex;gap:1rem;flex-direction:column;color:var(--b2b-text-color)}@media screen and (min-width: 64rem){.configurator{gap:1.5rem;flex-direction:row;align-items:flex-start}}.offer{border-radius:1rem;height:fit-content;flex:0 0 calc(70% - 0.75rem);background-color:var(--b2b-background-color);box-shadow:var(--b2b-box-shadow)}.offer__block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif}.offer__block:first-child{--accordion-border-radius:1rem 1rem 0 0;--accordion-outer-border:var(--b2b-border-color)}.offer__block:last-child{--accordion-border-radius:0 0 1rem 1rem;--accordion-border-bottom-width:0}@media screen and (min-width: 64rem){.offer__block{--accordion-header-padding:1.5rem;--accordion-header-font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif}}.offer__content{overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;border-color:var(--b2b-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.offer__content{padding:1.5rem}}@media screen and (min-width: 64rem){.offer__content{flex-direction:row;gap:1.5rem;padding-bottom:2.5rem}}.offer__navigation{margin:0 -1.5rem;flex:0 0 30%}@media screen and (min-width: 64rem){.offer__navigation{max-width:20.5rem;margin:0}}.offer__cards{flex:1 1 0%}.offer__cards-header{padding:0.5rem 0 0.75rem 0;display:flex;gap:0.5rem;justify-content:space-between;align-items:center}@media screen and (min-width: 64rem){.offer__cards-header{padding:1rem 0}}.offer__cards-list{display:flex;flex-direction:column;gap:1rem}.offer__cards-title{flex:auto;font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.offer__cards-title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.compare__button{border-radius:50%;overflow:hidden;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.compare__button{border-radius:0.125rem}}.compare__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.compare__button.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.compare__button:active{--b2b-icon-background-color:var(--b2b-icon-pressed-background-color)}.compare__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:none}@media screen and (min-width: 64rem){.compare__text{display:initial}}.compare__icon-wrapper{width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--b2b-icon-background-color);cursor:pointer}@media screen and (min-width: 64rem){.compare__icon-wrapper{display:none}}.compare__icon{--icon-size:1.5rem;--icon-container-display:flex}.cart{flex:0 0 calc(30% - 0.75rem);position:sticky}.cart--edit{bottom:-1px;top:calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top))}@media screen and (min-width: 64rem){.cart--edit{max-width:calc(30% - 0.75rem)}}.cart--empty{display:none}@media screen and (min-width: 64rem){.cart--empty{display:flex}}.cart__card-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.cart__cta{display:block;align-self:center;width:stretch;--button-width:100%}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end;width:unset;--button-width:auto}}.action-dialog{display:flex;flex-direction:column;gap:0.5rem;align-items:center;margin-bottom:1.5rem}.action-dialog--loading{--dialog-footer-border-color:transparent}.action-dialog__title{text-align:center;font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.action-dialog__description{text-align:center;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.action-dialog__icon{--icon-size:3rem}.action-dialog__attention-icon{--icon-color:var(--b2b-confirmation-dialog-icon-color)}.action-dialog__success-icon{--icon-color:var(--b2b-success-dialog-icon-color)}.action-dialog__footer{display:flex;flex-direction:column;justify-content:space-between;flex:auto;gap:1rem}@media screen and (min-width: 31.25rem){.action-dialog__footer{flex-direction:row}}.action-dialog__button{--button-width:100%}.action-dialog__button-text{white-space:nowrap}';export{y as tet_b2b_configurator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,g as r,h as i,H as t}from"./p-
|
|
1
|
+
import{r as e,g as r,h as i,H as t}from"./p-7c868b40.js";const n={L:{headingFont:"1.125rem",headingLine:"1.5rem",footerFont:"0.875rem",centsFont:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1.25rem",5:"1.25rem"},centsLine:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1rem",5:"1rem"},priceTypeFont:{1:"1rem",2:"1rem",3:"0.875rem",4:"0.875rem",5:"0.625rem"},euroFont:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},euroLine:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},padding:"1.625rem 0rem",width:"9.375rem",height:"9.375rem",gap:"0.125rem"},M:{headingFont:"0.875rem",headingLine:"1.25rem",footerFont:"0.75rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"1rem",4:"0.75rem",5:"0.75rem"},centsLine:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.625rem"},priceTypeFont:{1:"0.75rem",2:"0.75rem",3:"0.625rem",4:"0.625rem",5:"0.5rem"},euroFont:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},euroLine:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},padding:"1.125rem 0rem",width:"7rem",height:"7rem",gap:"0.125rem"},S:{headingFont:"0.625rem",headingLine:"1.125rem",footerFont:"0.625rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.5rem"},centsLine:{1:"1rem",2:"1rem",3:"0.75rem",4:"0.5rem",5:"0.375rem"},priceTypeFont:{1:"0.5rem",2:"0.5rem",3:"0.375rem",4:"0.375rem",5:"0.375rem"},euroFont:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},euroLine:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},padding:"0.5rem 0rem",width:"5rem",height:"5rem",gap:"0.0625rem"}},c=class{constructor(r){e(this,r),this.theme="light",this.background="grey",this.font=void 0,this.size="L",this.headingText=void 0,this.priceType=void 0,this.euroPrice=void 0,this.centsPrice=void 0,this.footerText=void 0,this.footerTextType="regular",this.staticColors=!0}get hostElement(){return r(this)}render(){const e={[this.theme]:!0,"static-colors":this.staticColors,"price-view__container":!0,"price-view__white":"white"===this.background,"price-view__black":"black"===this.background,"price-view__grey":"grey"===this.background,"price-view__yellow":"yellow"===this.background},r="monthly"===this.priceType,c={heading:{height:n[this.size].headingFont,fontSize:n[this.size].headingFont,lineHeight:n[this.size].headingFont},euro:{fontSize:n[this.size].euroFont[this.euroPrice.length],lineHeight:n[this.size].euroLine[this.euroPrice.length]},cents:{fontSize:n[this.size].centsFont[this.euroPrice.length],lineHeight:n[this.size].centsLine[this.euroPrice.length]},priceType:{fontSize:n[this.size].priceTypeFont[this.euroPrice.length],lineHeight:n[this.size].priceTypeFont[this.euroPrice.length]},footer:{height:n[this.size].footerFont,fontSize:n[this.size].footerFont,lineHeight:n[this.size].footerFont,textDecoration:"crossed-out"===this.footerTextType?"line-through":"none"},container:{padding:n[this.size].padding,width:n[this.size].width,height:n[this.size].height,display:"flex",alignItems:"center"},price:{gap:n[this.size].gap}},o=this?.centsPrice&&this?.centsPrice.length>0;return i(t,{key:"1e4014db7b02cb439d6ed757b6858545ab000a5a"},i("div",{key:"63a2f965efa9f35c96db0a218de31423697f1916",class:e,style:c.container},i("div",{key:"c2fcd90bf99586a4f2f92c254ccff6298d52a43c",class:"price-view__body"},this?.headingText&&i("h3",{key:"b65e2d8fb2a1d990eaac750b229ae9aeebe23de8",class:"price-view__heading",style:c.heading},this.headingText),i("div",{key:"134d4c8d5822b8ec6f5c282dde86d0f8646140b0",class:"price-view__price",style:{fontFamily:this.font,gap:c.price.gap}},i("span",{key:"89f51cf61e7e768649a9e863cdd7cb8f7842f950",class:"price-view__euro",style:c.euro},this.euroPrice,r||o?"":"€"),i("div",{key:"f90f6521227369d9e2fa2cc131cf8c02d53a98f0",class:"price-view__cents-container"},i("span",{key:"91718ffe8454817196848b87c36f51a03cf6416e",class:"price-view__cents",style:c.cents},this?.centsPrice),this.priceType&&i("span",{key:"55eb1da3b4a1006f12af1af2ca40972157b1f856",class:"price-view__type",style:c.priceType},r?"€/mēn.":"",!r&&o?"EUR":""))),this?.footerText&&i("p",{key:"e6e346ae69855987b4be89701634f2e160b06f00",class:"price-view__footer",style:c.footer},this.footerText))))}};c.style=":host{display:block}.price-view__container{box-sizing:border-box;font-family:Inter, sans-serif;width:9.375rem;height:9.375rem;padding:1.625rem 0rem;border-radius:1rem;container-type:inline-size}.price-view__container.dark:not(.static-colors).price-view__white{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__grey{background-color:var(--tc-grey-10-dark, rgb(24, 25, 27));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__black{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__white{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__grey{background-color:var(--tc-layer-secondary, rgb(247, 247, 247));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__black{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__yellow{background:var(--tc-yellow-40, rgb(255, 208, 38));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__body{margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.price-view__heading{text-align:left;font-family:Inter, sans-serif;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.75rem;letter-spacing:-0.012rem;margin-block:0}.price-view__price{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.25rem;letter-spacing:-0.015rem}.price-view__euro{font-style:normal;font-weight:600;letter-spacing:-0.0175rem;letter-spacing:-0.015rem}.price-view__cents-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-0.015rem}.price-view__cents{font-family:Gilroy, sans-serif;font-size:1.75rem;font-style:normal;font-weight:600;letter-spacing:-0.015rem}.price-view__footer{font-family:Inter, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.025rem;margin-block:0}";export{c as tet_price_view}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as o,h as n,H as i}from"./p-83f43fdd.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(o){t(this,o),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return o(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&this.host.blur()};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.host.blur())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,o=this.host.offsetWidth;await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,o="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const o=`${e}px`,n=this.inputWrapper.animate([{width:`${t}px`},{width:o}],{duration:this.animationDuration,fill:"forwards"});this.animation=n;try{await n.finished&&n.commitStyles()}catch{this.inputWrapper.style.width=o}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?n("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return n(i,{key:"efff4c98d180226a1c78b7fb783efb9e8ac7ea9d"},n("div",{key:"d78e0335b21ab5ad8657f329820511fdb1acc4b2",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},n("div",{key:"23a0b12387c18250f759fa871ebb7a2557a01157",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},n("tet-input",{key:"1f2810c277b0429a2c9892d755c6288d33449373",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};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)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:1rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary-dark);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-desktop-collapsed-background-hover-color);transition:background-color 300ms ease-in-out, border 300ms ease-in-out}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|
|
1
|
+
import{r as t,c as e,g as o,h as n,H as i}from"./p-7c868b40.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(o){t(this,o),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return o(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&this.host.blur()};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.host.blur())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,o=this.host.offsetWidth;await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,o="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const o=`${e}px`,n=this.inputWrapper.animate([{width:`${t}px`},{width:o}],{duration:this.animationDuration,fill:"forwards"});this.animation=n;try{await n.finished&&n.commitStyles()}catch{this.inputWrapper.style.width=o}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?n("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return n(i,{key:"efff4c98d180226a1c78b7fb783efb9e8ac7ea9d"},n("div",{key:"d78e0335b21ab5ad8657f329820511fdb1acc4b2",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},n("div",{key:"23a0b12387c18250f759fa871ebb7a2557a01157",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},n("tet-input",{key:"1f2810c277b0429a2c9892d755c6288d33449373",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};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)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:1rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary-dark);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-desktop-collapsed-background-hover-color);transition:background-color 300ms ease-in-out, border 300ms ease-in-out}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as e,h as o,H as l}from"./p-83f43fdd.js";import{T as a}from"./p-45f4f129.js";const r=class{constructor(e){t(this,e),this.caption="",this.cellTextAlign="left",this.tableHeader="",this.tableHeaderTextAlign="left",this.tableHeaderColumnSpan=1,this.tableHeaderWidth="",this.tableData={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},this.gappedColumnLayout=!1,this.theme="light",this.fixedFirstColumn=!1,this.normalizedColumns=[]}get host(){return e(this)}onTableDataChange(){this.normalizedColumns=this.transformColumns(this.tableData.columns)}componentWillLoad(){this.normalizedColumns=this.transformColumns(this.tableData.columns),this.loadSlotData()}transformColumns(t){return t&&0!==t.length?t.map((t=>"string"==typeof t?{value:t,tooltip:""}:t)):[]}loadSlotData(){const t=this.host.querySelector("template");if(null===t)return;const e={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},o=t.querySelector("thead")||t.content.querySelector("thead"),l=t.querySelector("tbody")||t.content.querySelector("tbody");if(null!==o||null!==l){if(null!==o){let t;o.querySelectorAll("th").forEach((o=>{const l=o.innerHTML.replace(/ /g,""),a=""===l?t:o.getAttribute("data-color"),r=this.getCellDataOptions(o);e.columns.push(l),e.columnColors.push(a),e.columnHeaderOptions.push(r),t=a}))}if(null!==l){const t=JSON.parse(l.getAttribute("data-mobile-columns"));l.querySelectorAll("tr").forEach((o=>{const l=this.getRowOptions(o,t),a={label:o.querySelector("th")?.innerHTML||"",cells:[]};o.querySelectorAll("td").forEach((t=>{const e=this.getCellDataOptions(t);a.cells.push({value:t.innerHTML,options:e})})),e.rowOptions.push(l),e.rows.push(a)}))}this.tableData=e}}renderDesktopHeader=(t,e,l)=>{const a=this.getColumnCellInnerClassName(l),r=this.getColumnColor(l),n={};return r&&(n["--table-header-background-color"]=r),e&&"left"!==e.textAlign&&(n["--table-cell-text-align"]=e.textAlign),e&&e.width&&(n["--table-cell-width"]=e.width),o("th",{class:a,style:n,colSpan:e?.columnSpan||1,scope:"col"},(t.value||t.tooltip)&&o("div",{class:"cell-content-wrapper"},t.value,t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileHeader=t=>o("th",{scope:"col",colSpan:2},o("div",{class:"mobile-table-header"},o("p",{innerHTML:t.label}),!!t.subLabel&&!t.tooltip&&this.renderTooltip(t.subLabel),t.tooltip&&this.renderTooltip(t.tooltip)));renderRowData=(t,e)=>{const l={};return"left"!==this.tableHeaderTextAlign&&(l["--table-cell-text-align"]=this.tableHeaderTextAlign),this.tableHeaderWidth&&(l["--table-cell-width"]=this.tableHeaderWidth),o("tr",null,o("th",{scope:"row",style:l,colSpan:this.tableHeaderColumnSpan||1},o("p",{class:"title"},o("span",{innerHTML:t.label}),t.tooltip&&this.renderTooltip(t.tooltip)),t.subLabel&&!t.tooltip&&o("p",{class:"subtitle",innerHTML:t.subLabel})),t.cells.map(((t,o)=>this.renderDesktopCellData(t,o,e))))};renderTooltip=t=>o("span",{class:"tooltip-wrapper"},o("tet-icon",{theme:this.theme,type:"secondary",class:"info-icon",name:"info-circle",tabindex:"0"}),o("tet-tooltip",{position:a.TOP,theme:this.theme},t));renderDesktopCellData=(t,e,l)=>{const a=this.tableData.rowOptions&&this.tableData.rowOptions[l];if(a&&a.mobileShow)return null;if(t.options&&t.options.mobileShow)return null;const r=this.getColumnCellInnerClassName(e),n=this.getColumnColor(e),s=t.options,i={};return n&&(i["--table-cell-overlay-color"]=`${n}4D`),s&&"left"!==s.textAlign&&(i["--table-cell-text-align"]=s.textAlign),o("td",{class:r,style:i,colSpan:s?.columnSpan||1},o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileCellData=(t,e,l)=>{const a=t.options,r=this.getRowOption(l),n=this.getMobileColumn(l,e);return r&&r.mobileHide||a&&a.mobileHide?null:o("tr",null,o("th",null,o("div",{class:"cell-content-wrapper"},n||this.normalizedColumns[e]?.value,this.normalizedColumns[e]?.tooltip&&this.renderTooltip(this.normalizedColumns[e].tooltip))),o("td",null,o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip))))};renderLargeScreenTable=()=>{const t=t=>this.tableData.columnHeaderOptions&&this.tableData.columnHeaderOptions[t],e={columnSpan:this.tableHeaderColumnSpan,textAlign:this.tableHeaderTextAlign,width:this.tableHeaderWidth};return o("table",{class:{table:!0,"table--gapped-columns":this.gappedColumnLayout,[this.theme]:!0,"table--fixed-first-column":this.fixedFirstColumn}},this.caption&&o("caption",null,this.caption),o("thead",null,o("tr",null,this.renderDesktopHeader({value:this.tableHeader,tooltip:""},e),this.normalizedColumns?.map(((e,o)=>this.renderDesktopHeader(e,t(o),o))))),o("tbody",null,this.tableData.rows?.map(((t,e)=>this.renderRowData(t,e)))))};renderMobileScreenTable=()=>o("div",{class:"mobile-table-wrapper"},this.tableData.rows?.map(((t,e)=>this.getRowOption(e)?.mobileHide?null:o("table",{class:{"mobile-table":!0,[this.theme]:!0}},o("thead",null,o("tr",null,this.renderMobileHeader(t))),o("tbody",null,t.cells.map(((t,o)=>this.renderMobileCellData(t,o,e))))))));getMobileColumn(t,e){const o=this.getRowOption(t);if(null==o)return"";const{mobileColumns:l}=o;return null==l||null==l[e]?"":""===l[e]?" ":l[e]}getRowOption(t){return null==this.tableData.rowOptions?null:this.tableData.rowOptions[t]}getRowOptions(t,e){return{mobileColumns:JSON.parse(t.getAttribute("data-mobile-columns"))||e,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getCellDataOptions(t){return{width:t.getAttribute("width"),columnSpan:parseInt(t.getAttribute("colspan")),textAlign:t.getAttribute("data-text-align")||this.cellTextAlign,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getColumnColor(t){const{tableData:{columns:e,columnColors:o}}=this;return null==o||t<0&&t>=e.length?null:o[t]}getColumnCellInnerClassName(t){const{tableData:{columns:e},gappedColumnLayout:o}=this;return o?{"table__cell--inner":t+1<e.length&&""===e[t+1]}:{}}render(){return o(l,{key:"fa1c59eea83b45a3123643b06c47f817a5ec7e55"},this.renderLargeScreenTable(),this.renderMobileScreenTable())}static get watchers(){return{tableData:["onTableDataChange"]}}};r.style='.sc-tet-table-h{box-sizing:border-box}*.sc-tet-table,*.sc-tet-table:before,*.sc-tet-table:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-table-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-table::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-table::before{content:"\\e85a"}.icon.tet-close.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-table::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-table::before{content:"\\e86c"}.icon.tet-check.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-table::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-table::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-table::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-table::before{content:"\\e86a"}.icon.tet-info.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-table::before{content:"\\e81d"}.icon.tet-done.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-table::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-table-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-table-h{--table-desktop-size-display:table;--table-mobile-size-display:none;--table-header-cell-padding:1rem;--table-header-cell-padding-mobile:0.5rem 0.75rem;--table-body-cell-padding:1rem;--table-background-base-color:var(--tc-layer-primary);--table-background-highlight-color:var(--tc-layer-secondary);--table-header-background-color:var(--tc-layer-tertiary);--table-separator-border-width:0.0625rem;--table-separator-border-color:var(--tc-border-quaternary);--table-bottom-border-color:var(--tc-grey-20);--table-header-color:var(--tc-text-primary);--table-cell-text-align:left;--table-cell-color:var(--tc-text-primary);--table-cell-subtitle-color:var(--tc-text-tertiary);--table-cell-vertical-align:middle;--table-gapped-columns-header-radius:0.5rem;--table-gapped-columns-gap:0.5rem;--table-cell-width:auto;--table-tooltip-icon-color:var(--tc-icon-secondary);--table-focus-outline-color:var(--tc-blue-40);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(196, 198, 202, 0.30) 100%)}.table.dark.sc-tet-table,.mobile-table.dark.sc-tet-table{--table-background-base-color:var(--tc-layer-primary-dark);--table-background-highlight-color:var(--tc-layer-secondary-dark);--table-header-background-color:var(--tc-layer-tertiary-dark);--table-separator-border-color:var(--tc-border-quaternary-dark);--table-bottom-border-color:var(--tc-grey-20-dark);--table-header-color:var(--tc-text-primary-dark);--table-cell-color:var(--tc-text-primary-dark);--table-cell-subtitle-color:var(--tc-text-tertiary-dark);--table-tooltip-icon-color:var(--tc-icon-secondary-dark);--table-focus-outline-color:var(--tc-blue-40-dark);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(12, 12, 14, 0.30) 100%)}.table.sc-tet-table .tooltip-wrapper.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{display:flex;align-self:flex-start;margin-top:0.125rem}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table{--icon-container-display:flex;--icon-color:var(--table-tooltip-icon-color);--icon-size:1.25rem;border-radius:50%}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible{outline:0.125rem solid var(--table-focus-outline-color)}.table.sc-tet-table .cell-content-wrapper.sc-tet-table,.mobile-table.sc-tet-table .cell-content-wrapper.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem}.table.sc-tet-table{display:var(--table-desktop-size-display);border-spacing:0;width:100%;table-layout:fixed}.table.sc-tet-table caption.sc-tet-table{padding:0.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table,.table.sc-tet-table tr.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);text-align:var(--table-cell-text-align);background:var(--table-background-base-color);border:none}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table{vertical-align:var(--table-cell-vertical-align)}.table.sc-tet-table thead.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);padding:var(--table-header-cell-padding);color:var(--table-header-color);background:var(--table-header-background-color);text-align:var(--table-cell-text-align);font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:var(--table-separator-border-width) solid var(--table-bottom-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .title.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem;line-height:1.5rem}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .subtitle.sc-tet-table{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;margin-top:0.25rem;color:var(--table-cell-subtitle-color);line-height:1.25rem}.table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:var(--table-cell-width);padding:var(--table-body-cell-padding);color:var(--table-cell-color);box-shadow:var(--table-cell-overlay-color) 0 0 0 100rem inset;text-align:var(--table-cell-text-align);font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child{position:sticky;left:0;z-index:1}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table::after,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child::after{content:"";position:absolute;top:0;right:-1rem;height:100%;width:1rem;background:var(--table-sticky-col-separator-gradient)}.table--gapped-columns.sc-tet-table{border-collapse:separate}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table{position:relative;background:none;border-bottom:0;z-index:10;padding-right:calc(var(--table-header-cell-padding) + var(--table-gapped-columns-gap))}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table::before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:var(--table-header-background-color);border-top-left-radius:var(--table-gapped-columns-header-radius);border-top-right-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:first-child::before{display:none}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:not(:last-child):not(.table__cell--inner)::before{right:var(--table-gapped-columns-gap)}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table::before{border-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table td.sc-tet-table:not(:last-child):not(.table__cell--inner){border-right:var(--table-gapped-columns-gap) transparent solid}.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:none}.mobile-table-wrapper.sc-tet-table{display:var(--table-mobile-size-display);flex-direction:column;row-gap:2rem}.mobile-table.sc-tet-table{width:100%;text-align:left;vertical-align:top;border-collapse:collapse;table-layout:fixed}.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{margin:0}.mobile-table.sc-tet-table thead.sc-tet-table th.sc-tet-table{border-radius:0.625rem 0.625rem 0 0;padding:var(--table-header-cell-padding-mobile);background-color:var(--table-header-background-color);color:var(--table-header-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table{width:40%}.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:60%}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.5rem 0.75rem;background:var(--table-background-base-color);color:var(--table-cell-color)}.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.mobile-table-header.sc-tet-table{display:flex;align-items:center;justify-content:space-between;column-gap:0.5rem}';export{r as tet_table}
|
|
1
|
+
import{r as t,g as e,h as o,H as l}from"./p-7c868b40.js";import{T as a}from"./p-45f4f129.js";const r=class{constructor(e){t(this,e),this.caption="",this.cellTextAlign="left",this.tableHeader="",this.tableHeaderTextAlign="left",this.tableHeaderColumnSpan=1,this.tableHeaderWidth="",this.tableData={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},this.gappedColumnLayout=!1,this.theme="light",this.fixedFirstColumn=!1,this.normalizedColumns=[]}get host(){return e(this)}onTableDataChange(){this.normalizedColumns=this.transformColumns(this.tableData.columns)}componentWillLoad(){this.normalizedColumns=this.transformColumns(this.tableData.columns),this.loadSlotData()}transformColumns(t){return t&&0!==t.length?t.map((t=>"string"==typeof t?{value:t,tooltip:""}:t)):[]}loadSlotData(){const t=this.host.querySelector("template");if(null===t)return;const e={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},o=t.querySelector("thead")||t.content.querySelector("thead"),l=t.querySelector("tbody")||t.content.querySelector("tbody");if(null!==o||null!==l){if(null!==o){let t;o.querySelectorAll("th").forEach((o=>{const l=o.innerHTML.replace(/ /g,""),a=""===l?t:o.getAttribute("data-color"),r=this.getCellDataOptions(o);e.columns.push(l),e.columnColors.push(a),e.columnHeaderOptions.push(r),t=a}))}if(null!==l){const t=JSON.parse(l.getAttribute("data-mobile-columns"));l.querySelectorAll("tr").forEach((o=>{const l=this.getRowOptions(o,t),a={label:o.querySelector("th")?.innerHTML||"",cells:[]};o.querySelectorAll("td").forEach((t=>{const e=this.getCellDataOptions(t);a.cells.push({value:t.innerHTML,options:e})})),e.rowOptions.push(l),e.rows.push(a)}))}this.tableData=e}}renderDesktopHeader=(t,e,l)=>{const a=this.getColumnCellInnerClassName(l),r=this.getColumnColor(l),n={};return r&&(n["--table-header-background-color"]=r),e&&"left"!==e.textAlign&&(n["--table-cell-text-align"]=e.textAlign),e&&e.width&&(n["--table-cell-width"]=e.width),o("th",{class:a,style:n,colSpan:e?.columnSpan||1,scope:"col"},(t.value||t.tooltip)&&o("div",{class:"cell-content-wrapper"},t.value,t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileHeader=t=>o("th",{scope:"col",colSpan:2},o("div",{class:"mobile-table-header"},o("p",{innerHTML:t.label}),!!t.subLabel&&!t.tooltip&&this.renderTooltip(t.subLabel),t.tooltip&&this.renderTooltip(t.tooltip)));renderRowData=(t,e)=>{const l={};return"left"!==this.tableHeaderTextAlign&&(l["--table-cell-text-align"]=this.tableHeaderTextAlign),this.tableHeaderWidth&&(l["--table-cell-width"]=this.tableHeaderWidth),o("tr",null,o("th",{scope:"row",style:l,colSpan:this.tableHeaderColumnSpan||1},o("p",{class:"title"},o("span",{innerHTML:t.label}),t.tooltip&&this.renderTooltip(t.tooltip)),t.subLabel&&!t.tooltip&&o("p",{class:"subtitle",innerHTML:t.subLabel})),t.cells.map(((t,o)=>this.renderDesktopCellData(t,o,e))))};renderTooltip=t=>o("span",{class:"tooltip-wrapper"},o("tet-icon",{theme:this.theme,type:"secondary",class:"info-icon",name:"info-circle",tabindex:"0"}),o("tet-tooltip",{position:a.TOP,theme:this.theme},t));renderDesktopCellData=(t,e,l)=>{const a=this.tableData.rowOptions&&this.tableData.rowOptions[l];if(a&&a.mobileShow)return null;if(t.options&&t.options.mobileShow)return null;const r=this.getColumnCellInnerClassName(e),n=this.getColumnColor(e),s=t.options,i={};return n&&(i["--table-cell-overlay-color"]=`${n}4D`),s&&"left"!==s.textAlign&&(i["--table-cell-text-align"]=s.textAlign),o("td",{class:r,style:i,colSpan:s?.columnSpan||1},o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileCellData=(t,e,l)=>{const a=t.options,r=this.getRowOption(l),n=this.getMobileColumn(l,e);return r&&r.mobileHide||a&&a.mobileHide?null:o("tr",null,o("th",null,o("div",{class:"cell-content-wrapper"},n||this.normalizedColumns[e]?.value,this.normalizedColumns[e]?.tooltip&&this.renderTooltip(this.normalizedColumns[e].tooltip))),o("td",null,o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip))))};renderLargeScreenTable=()=>{const t=t=>this.tableData.columnHeaderOptions&&this.tableData.columnHeaderOptions[t],e={columnSpan:this.tableHeaderColumnSpan,textAlign:this.tableHeaderTextAlign,width:this.tableHeaderWidth};return o("table",{class:{table:!0,"table--gapped-columns":this.gappedColumnLayout,[this.theme]:!0,"table--fixed-first-column":this.fixedFirstColumn}},this.caption&&o("caption",null,this.caption),o("thead",null,o("tr",null,this.renderDesktopHeader({value:this.tableHeader,tooltip:""},e),this.normalizedColumns?.map(((e,o)=>this.renderDesktopHeader(e,t(o),o))))),o("tbody",null,this.tableData.rows?.map(((t,e)=>this.renderRowData(t,e)))))};renderMobileScreenTable=()=>o("div",{class:"mobile-table-wrapper"},this.tableData.rows?.map(((t,e)=>this.getRowOption(e)?.mobileHide?null:o("table",{class:{"mobile-table":!0,[this.theme]:!0}},o("thead",null,o("tr",null,this.renderMobileHeader(t))),o("tbody",null,t.cells.map(((t,o)=>this.renderMobileCellData(t,o,e))))))));getMobileColumn(t,e){const o=this.getRowOption(t);if(null==o)return"";const{mobileColumns:l}=o;return null==l||null==l[e]?"":""===l[e]?" ":l[e]}getRowOption(t){return null==this.tableData.rowOptions?null:this.tableData.rowOptions[t]}getRowOptions(t,e){return{mobileColumns:JSON.parse(t.getAttribute("data-mobile-columns"))||e,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getCellDataOptions(t){return{width:t.getAttribute("width"),columnSpan:parseInt(t.getAttribute("colspan")),textAlign:t.getAttribute("data-text-align")||this.cellTextAlign,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getColumnColor(t){const{tableData:{columns:e,columnColors:o}}=this;return null==o||t<0&&t>=e.length?null:o[t]}getColumnCellInnerClassName(t){const{tableData:{columns:e},gappedColumnLayout:o}=this;return o?{"table__cell--inner":t+1<e.length&&""===e[t+1]}:{}}render(){return o(l,{key:"fa1c59eea83b45a3123643b06c47f817a5ec7e55"},this.renderLargeScreenTable(),this.renderMobileScreenTable())}static get watchers(){return{tableData:["onTableDataChange"]}}};r.style='.sc-tet-table-h{box-sizing:border-box}*.sc-tet-table,*.sc-tet-table:before,*.sc-tet-table:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-table-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-table::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-table::before{content:"\\e85a"}.icon.tet-close.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-table::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-table::before{content:"\\e86c"}.icon.tet-check.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-table::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-table::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-table::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-table::before{content:"\\e86a"}.icon.tet-info.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-table::before{content:"\\e81d"}.icon.tet-done.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-table::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-table-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-table-h{--table-desktop-size-display:table;--table-mobile-size-display:none;--table-header-cell-padding:1rem;--table-header-cell-padding-mobile:0.5rem 0.75rem;--table-body-cell-padding:1rem;--table-background-base-color:var(--tc-layer-primary);--table-background-highlight-color:var(--tc-layer-secondary);--table-header-background-color:var(--tc-layer-tertiary);--table-separator-border-width:0.0625rem;--table-separator-border-color:var(--tc-border-quaternary);--table-bottom-border-color:var(--tc-grey-20);--table-header-color:var(--tc-text-primary);--table-cell-text-align:left;--table-cell-color:var(--tc-text-primary);--table-cell-subtitle-color:var(--tc-text-tertiary);--table-cell-vertical-align:middle;--table-gapped-columns-header-radius:0.5rem;--table-gapped-columns-gap:0.5rem;--table-cell-width:auto;--table-tooltip-icon-color:var(--tc-icon-secondary);--table-focus-outline-color:var(--tc-blue-40);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(196, 198, 202, 0.30) 100%)}.table.dark.sc-tet-table,.mobile-table.dark.sc-tet-table{--table-background-base-color:var(--tc-layer-primary-dark);--table-background-highlight-color:var(--tc-layer-secondary-dark);--table-header-background-color:var(--tc-layer-tertiary-dark);--table-separator-border-color:var(--tc-border-quaternary-dark);--table-bottom-border-color:var(--tc-grey-20-dark);--table-header-color:var(--tc-text-primary-dark);--table-cell-color:var(--tc-text-primary-dark);--table-cell-subtitle-color:var(--tc-text-tertiary-dark);--table-tooltip-icon-color:var(--tc-icon-secondary-dark);--table-focus-outline-color:var(--tc-blue-40-dark);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(12, 12, 14, 0.30) 100%)}.table.sc-tet-table .tooltip-wrapper.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{display:flex;align-self:flex-start;margin-top:0.125rem}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table{--icon-container-display:flex;--icon-color:var(--table-tooltip-icon-color);--icon-size:1.25rem;border-radius:50%}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible{outline:0.125rem solid var(--table-focus-outline-color)}.table.sc-tet-table .cell-content-wrapper.sc-tet-table,.mobile-table.sc-tet-table .cell-content-wrapper.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem}.table.sc-tet-table{display:var(--table-desktop-size-display);border-spacing:0;width:100%;table-layout:fixed}.table.sc-tet-table caption.sc-tet-table{padding:0.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table,.table.sc-tet-table tr.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);text-align:var(--table-cell-text-align);background:var(--table-background-base-color);border:none}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table{vertical-align:var(--table-cell-vertical-align)}.table.sc-tet-table thead.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);padding:var(--table-header-cell-padding);color:var(--table-header-color);background:var(--table-header-background-color);text-align:var(--table-cell-text-align);font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:var(--table-separator-border-width) solid var(--table-bottom-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .title.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem;line-height:1.5rem}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .subtitle.sc-tet-table{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;margin-top:0.25rem;color:var(--table-cell-subtitle-color);line-height:1.25rem}.table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:var(--table-cell-width);padding:var(--table-body-cell-padding);color:var(--table-cell-color);box-shadow:var(--table-cell-overlay-color) 0 0 0 100rem inset;text-align:var(--table-cell-text-align);font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child{position:sticky;left:0;z-index:1}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table::after,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child::after{content:"";position:absolute;top:0;right:-1rem;height:100%;width:1rem;background:var(--table-sticky-col-separator-gradient)}.table--gapped-columns.sc-tet-table{border-collapse:separate}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table{position:relative;background:none;border-bottom:0;z-index:10;padding-right:calc(var(--table-header-cell-padding) + var(--table-gapped-columns-gap))}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table::before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:var(--table-header-background-color);border-top-left-radius:var(--table-gapped-columns-header-radius);border-top-right-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:first-child::before{display:none}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:not(:last-child):not(.table__cell--inner)::before{right:var(--table-gapped-columns-gap)}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table::before{border-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table td.sc-tet-table:not(:last-child):not(.table__cell--inner){border-right:var(--table-gapped-columns-gap) transparent solid}.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:none}.mobile-table-wrapper.sc-tet-table{display:var(--table-mobile-size-display);flex-direction:column;row-gap:2rem}.mobile-table.sc-tet-table{width:100%;text-align:left;vertical-align:top;border-collapse:collapse;table-layout:fixed}.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{margin:0}.mobile-table.sc-tet-table thead.sc-tet-table th.sc-tet-table{border-radius:0.625rem 0.625rem 0 0;padding:var(--table-header-cell-padding-mobile);background-color:var(--table-header-background-color);color:var(--table-header-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table{width:40%}.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:60%}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.5rem 0.75rem;background:var(--table-background-base-color);color:var(--table-cell-color)}.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.mobile-table-header.sc-tet-table{display:flex;align-items:center;justify-content:space-between;column-gap:0.5rem}';export{r as tet_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e,A as s}from"./p-
|
|
1
|
+
import{e,A as s}from"./p-59ffdcd3.js";const r=r=>{let t;try{t=new URL(r,e.addressSearch).href}catch(e){return console.error(e),Promise.resolve([])}return(new s).setUrl(t).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()},t=r=>{let t;try{t=new URL(r,e.address).href}catch(e){return console.error(e),Promise.resolve({addressKey:"",fullAddress:"",postalCode:""})}return(new s).setUrl(t).setOptions({method:"GET"}).setErrorFallbackValue({addressKey:"",fullAddress:"",postalCode:""}).execute()};export{r as a,t as s}
|