@tet/tet-components 1.4.84-staging → 1.4.84-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-db3de695.js → address-d3d97441.js} +1 -1
- package/dist/cjs/{assets-294836fa.js → assets-f0cfef4d.js} +1 -1
- package/dist/cjs/{async-request-2739d46b.js → async-request-a617bfe6.js} +1 -1
- package/dist/cjs/{http-codes-3b8718ff.js → http-codes-0eae7bd3.js} +1 -1
- package/dist/cjs/{index-faec4c52.js → index-3242ff3f.js} +1 -1
- package/dist/cjs/{index-19a7608f.js → index-4b423f33.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{phone-76ec1bae.js → phone-f6be08ae.js} +2 -2
- package/dist/cjs/{product-comparison-1b20429d.js → product-comparison-fd3cbd23.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-assembler.cjs.entry.js +3 -3
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +3 -3
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +4 -4
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +1 -1
- package/dist/cjs/tet-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +3 -3
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-label.cjs.entry.js +3 -3
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-loader.cjs.entry.js +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-46514846.js → theme-wrapper-66880718.js} +2 -2
- package/dist/cjs/{translations-d1d3bb81.js → translations-3b76d1ce.js} +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-cb70d183.js → p-029b2ff9.js} +3 -3
- package/dist/components/{p-b3382559.js → p-031a3871.js} +3 -3
- package/dist/components/{p-1462fcba.js → p-087c3a6a.js} +14 -14
- package/dist/components/{p-9c08605d.js → p-0afc2241.js} +1 -1
- package/dist/components/{p-52cb87c0.js → p-0ca9409e.js} +1 -1
- package/dist/components/{p-6008f83a.js → p-11313fde.js} +1 -1
- package/dist/components/{p-c4d1919d.js → p-13e4af07.js} +1 -1
- package/dist/components/{p-6ef76f9a.js → p-1b3e41bf.js} +3 -3
- package/dist/components/{p-cb12b29e.js → p-1f76c32a.js} +2 -2
- package/dist/components/{p-f076a4aa.js → p-1f9707d0.js} +3 -3
- package/dist/components/{p-aa122c92.js → p-25b93e8f.js} +1 -1
- package/dist/components/{p-a421eaca.js → p-27c35586.js} +2 -2
- package/dist/components/{p-256b178b.js → p-2f649a89.js} +10 -10
- package/dist/components/{p-812696e6.js → p-30e9da5f.js} +2 -2
- package/dist/components/{p-ef789579.js → p-31b7c9a4.js} +7 -7
- package/dist/components/{p-dd6e29bd.js → p-367decc3.js} +3 -3
- package/dist/components/{p-c6dbd426.js → p-3c51ce78.js} +2 -2
- package/dist/components/{p-4f4248f8.js → p-43f43609.js} +1 -1
- package/dist/components/{p-d0254bc4.js → p-45762824.js} +1 -1
- package/dist/components/{p-41c490d2.js → p-45e291cf.js} +3 -3
- package/dist/components/{p-45a93f15.js → p-486d6dab.js} +1 -1
- package/dist/components/{p-5aaddae1.js → p-4989d12a.js} +2 -2
- package/dist/components/{p-bae1b995.js → p-4f27d28a.js} +7 -7
- package/dist/components/{p-e6ef6c16.js → p-5d64cc61.js} +6 -6
- package/dist/components/{p-d595665c.js → p-5e9cca8a.js} +2 -2
- package/dist/components/{p-961179a7.js → p-64175771.js} +7 -7
- package/dist/components/{p-68307601.js → p-66f8fc70.js} +1 -1
- package/dist/components/{p-041884cc.js → p-6f884ba7.js} +4 -4
- package/dist/components/{p-403ffa3f.js → p-74478298.js} +2 -2
- package/dist/components/{p-e04ede1a.js → p-7ac8d53d.js} +6 -6
- package/dist/components/{p-03fcb688.js → p-8849b80a.js} +1 -1
- package/dist/components/{p-08c03dec.js → p-8e54ab9c.js} +1 -1
- package/dist/components/{p-df3ce9e5.js → p-97fcf2f2.js} +1 -1
- package/dist/components/{p-52fdc9be.js → p-99771d2d.js} +1 -1
- package/dist/components/{p-b93ad0c0.js → p-9e445ef4.js} +1 -1
- package/dist/components/{p-f7053d58.js → p-9e7ca7ed.js} +1 -1
- package/dist/components/{p-2f947e40.js → p-a100e7be.js} +1 -1
- package/dist/components/{p-c4210e20.js → p-a29a40dc.js} +2 -2
- package/dist/components/{p-014f5f6a.js → p-a55437e0.js} +2 -2
- package/dist/components/{p-1b5ef09e.js → p-a74d3997.js} +3 -3
- package/dist/components/{p-ffc4a8ab.js → p-ac330ccf.js} +2 -2
- package/dist/components/{p-f9d53ede.js → p-afb71257.js} +5 -5
- package/dist/components/{p-8e4a3cc6.js → p-b8df2ff0.js} +9 -9
- package/dist/components/{p-b0e577a8.js → p-bc77b1d1.js} +2 -2
- package/dist/components/{p-75899066.js → p-bf1a8297.js} +2 -2
- package/dist/components/{p-ae94d8ac.js → p-c37dd09d.js} +1 -1
- package/dist/components/{p-77885589.js → p-c708caa0.js} +3 -3
- package/dist/components/{p-2b305446.js → p-ce71679d.js} +2 -2
- package/dist/components/{p-ad5993f4.js → p-de831036.js} +1 -1
- package/dist/components/{p-af76a58c.js → p-e04b04f1.js} +4 -4
- package/dist/components/{p-81c166de.js → p-e054d1d9.js} +5 -5
- package/dist/components/{p-3643bb3b.js → p-e0654a42.js} +1 -1
- package/dist/components/{p-6f4c6246.js → p-e296086b.js} +1 -1
- package/dist/components/{p-1f9615a2.js → p-e613b9f2.js} +10 -10
- package/dist/components/{p-04fcd75f.js → p-ed08f5c9.js} +1 -1
- package/dist/components/{p-db65571d.js → p-f11c5d0e.js} +6 -6
- package/dist/components/{p-9d2e0863.js → p-f440d63b.js} +7 -7
- package/dist/components/{p-242b5e16.js → p-f7f459ce.js} +1 -1
- package/dist/components/{p-b641755c.js → p-faf22821.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +24 -24
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-assembler.js +7 -7
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +8 -8
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +5 -5
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card-v3.js +10 -10
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +6 -6
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +3 -3
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-mini-compare-card.js +3 -3
- package/dist/components/tet-multi-step-dialog.js +5 -5
- package/dist/components/tet-navigation-mobile.js +3 -3
- package/dist/components/tet-news-card-list.js +4 -4
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +2 -2
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +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-804b2fd3.js → address-a5f65679.js} +1 -1
- package/dist/esm/{assets-d337f5e7.js → assets-785095c4.js} +1 -1
- package/dist/esm/{async-request-a13d02e9.js → async-request-02db63e4.js} +1 -1
- package/dist/esm/{http-codes-8100f4ea.js → http-codes-9125ce84.js} +1 -1
- package/dist/esm/{index-e3209c56.js → index-412df137.js} +1 -1
- package/dist/esm/{index-e933a7d2.js → index-aac31bd2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{phone-1c98b03b.js → phone-05f71013.js} +2 -2
- package/dist/esm/{product-comparison-7fa9705a.js → product-comparison-fdb9b9cc.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +3 -3
- package/dist/esm/tet-address-offers_4.entry.js +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-assembler.entry.js +3 -3
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +3 -3
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +4 -4
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_2.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +2 -2
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +1 -1
- package/dist/esm/tet-datepicker.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +3 -3
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +3 -3
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-label.entry.js +3 -3
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-loader.entry.js +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +3 -3
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tooltip.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-cf4d7d54.js → theme-wrapper-72d0b9da.js} +2 -2
- package/dist/esm/{translations-31f9e210.js → translations-9b49c612.js} +1 -1
- package/dist/tet-components/{p-787c2cbf.entry.js → p-01ce0b5c.entry.js} +1 -1
- package/dist/tet-components/{p-9fecf04b.entry.js → p-025ffb5a.entry.js} +1 -1
- package/dist/tet-components/{p-aea34ce3.entry.js → p-02a71ee5.entry.js} +1 -1
- package/dist/tet-components/{p-9e8a1c9b.entry.js → p-04ab5f69.entry.js} +1 -1
- package/dist/tet-components/{p-1341a141.entry.js → p-05175a51.entry.js} +1 -1
- package/dist/tet-components/{p-5312f7a3.entry.js → p-078a1257.entry.js} +1 -1
- package/dist/tet-components/{p-09e34e53.entry.js → p-09b2410c.entry.js} +1 -1
- package/dist/tet-components/{p-119acdee.entry.js → p-0a6e7911.entry.js} +1 -1
- package/dist/tet-components/{p-493c1ba5.entry.js → p-0bb94f9f.entry.js} +1 -1
- package/dist/tet-components/{p-180ad465.entry.js → p-0ef97421.entry.js} +1 -1
- package/dist/tet-components/{p-88d5bbf9.entry.js → p-0f758ad5.entry.js} +1 -1
- package/dist/tet-components/{p-e97af066.entry.js → p-16930f7a.entry.js} +1 -1
- package/dist/tet-components/{p-80982af8.entry.js → p-1e6f8c52.entry.js} +1 -1
- package/dist/tet-components/{p-8b9f62e0.entry.js → p-207e000f.entry.js} +1 -1
- package/dist/tet-components/{p-850594d3.js → p-2358a695.js} +1 -1
- package/dist/tet-components/{p-17e20a98.entry.js → p-282e1de2.entry.js} +1 -1
- package/dist/tet-components/{p-0e6d4a8f.entry.js → p-29cde2fc.entry.js} +1 -1
- package/dist/tet-components/{p-9feb1b61.entry.js → p-2a81ebee.entry.js} +1 -1
- package/dist/tet-components/{p-59087443.entry.js → p-2b69c9d1.entry.js} +1 -1
- package/dist/tet-components/{p-1f5bea17.js → p-2ba08431.js} +1 -1
- package/dist/tet-components/{p-bb5a219f.entry.js → p-2c815634.entry.js} +1 -1
- package/dist/tet-components/{p-bed205ab.entry.js → p-2da19afb.entry.js} +1 -1
- package/dist/tet-components/{p-015d561d.entry.js → p-2e2b413d.entry.js} +1 -1
- package/dist/tet-components/{p-5cb2c631.entry.js → p-2f172118.entry.js} +1 -1
- package/dist/tet-components/{p-3d8071af.entry.js → p-32a89ef9.entry.js} +1 -1
- package/dist/tet-components/{p-27599139.entry.js → p-350f0cc8.entry.js} +1 -1
- package/dist/tet-components/{p-85e99b76.entry.js → p-36cea766.entry.js} +1 -1
- package/dist/tet-components/{p-746d41eb.entry.js → p-372f452b.entry.js} +1 -1
- package/dist/tet-components/{p-08938672.entry.js → p-3a38e90a.entry.js} +1 -1
- package/dist/tet-components/{p-8d17f7ba.entry.js → p-3c05f07a.entry.js} +1 -1
- package/dist/tet-components/{p-fa674b43.js → p-3e60d61c.js} +1 -1
- package/dist/tet-components/{p-894e34a9.js → p-4330c786.js} +1 -1
- package/dist/tet-components/{p-bde831e7.entry.js → p-43fb9369.entry.js} +1 -1
- package/dist/tet-components/{p-88da153c.entry.js → p-44215fbb.entry.js} +1 -1
- package/dist/tet-components/{p-e0e92522.entry.js → p-460c39a5.entry.js} +1 -1
- package/dist/tet-components/{p-2f25de81.entry.js → p-46f6a051.entry.js} +1 -1
- package/dist/tet-components/{p-be7faa43.entry.js → p-470ab15d.entry.js} +1 -1
- package/dist/tet-components/{p-e48f3fcb.entry.js → p-47c1794a.entry.js} +1 -1
- package/dist/tet-components/{p-3dfdd0f2.entry.js → p-4894705e.entry.js} +1 -1
- package/dist/tet-components/{p-84dca941.entry.js → p-4e643503.entry.js} +1 -1
- package/dist/tet-components/{p-c368f975.entry.js → p-562424c0.entry.js} +1 -1
- package/dist/tet-components/{p-095c8410.entry.js → p-57937881.entry.js} +1 -1
- package/dist/tet-components/{p-d1d433a5.js → p-5810a3a6.js} +1 -1
- package/dist/tet-components/{p-8fefe1ac.entry.js → p-58b949a2.entry.js} +1 -1
- package/dist/tet-components/{p-004a4b0e.entry.js → p-5be49fe9.entry.js} +1 -1
- package/dist/tet-components/{p-3dc12425.entry.js → p-5d6630ff.entry.js} +1 -1
- package/dist/tet-components/{p-446b7795.entry.js → p-5def4544.entry.js} +1 -1
- package/dist/tet-components/{p-d354a35f.entry.js → p-5fa05a92.entry.js} +1 -1
- package/dist/tet-components/{p-f09485c7.entry.js → p-639329ad.entry.js} +1 -1
- package/dist/tet-components/{p-5a6c22f0.entry.js → p-63c5b640.entry.js} +1 -1
- package/dist/tet-components/{p-d15851a3.entry.js → p-63d23887.entry.js} +1 -1
- package/dist/tet-components/{p-5911bb84.entry.js → p-63d74d15.entry.js} +1 -1
- package/dist/tet-components/{p-e21fac48.entry.js → p-655cf57e.entry.js} +1 -1
- package/dist/tet-components/{p-dd43300e.entry.js → p-6774cf86.entry.js} +1 -1
- package/dist/tet-components/{p-77e9db24.entry.js → p-685298ae.entry.js} +1 -1
- package/dist/tet-components/{p-7ef7e8c0.entry.js → p-6977ed5f.entry.js} +1 -1
- package/dist/tet-components/{p-2d1ab329.entry.js → p-69bd0c0f.entry.js} +1 -1
- package/dist/tet-components/{p-ff2cb912.entry.js → p-69e42265.entry.js} +1 -1
- package/dist/tet-components/{p-e30fa532.entry.js → p-6eb72733.entry.js} +1 -1
- package/dist/tet-components/{p-4ac22e5d.entry.js → p-71bdfa43.entry.js} +1 -1
- package/dist/tet-components/{p-31be2161.entry.js → p-724189c2.entry.js} +1 -1
- package/dist/tet-components/{p-042abd41.entry.js → p-730879fe.entry.js} +1 -1
- package/dist/tet-components/{p-c8a13404.entry.js → p-7319e21f.entry.js} +1 -1
- package/dist/tet-components/{p-d0c5c962.entry.js → p-75dda1fd.entry.js} +1 -1
- package/dist/tet-components/{p-f72b4fbc.entry.js → p-7700dd4d.entry.js} +1 -1
- package/dist/tet-components/{p-a90c335e.entry.js → p-77bd8e7d.entry.js} +1 -1
- package/dist/tet-components/{p-3c4ea845.entry.js → p-7ccfa4b8.entry.js} +1 -1
- package/dist/tet-components/{p-8cd76279.entry.js → p-81556da6.entry.js} +1 -1
- package/dist/tet-components/{p-5abb3bea.js → p-83f43fdd.js} +1 -1
- package/dist/tet-components/{p-073fe046.entry.js → p-87cb82dc.entry.js} +1 -1
- package/dist/tet-components/{p-df531a44.entry.js → p-885d9dbe.entry.js} +1 -1
- package/dist/tet-components/{p-c2463e12.entry.js → p-8a0fc43c.entry.js} +1 -1
- package/dist/tet-components/{p-73841b71.entry.js → p-8f4ff4bd.entry.js} +1 -1
- package/dist/tet-components/{p-5b94cd7d.entry.js → p-9302af3a.entry.js} +1 -1
- package/dist/tet-components/{p-5d911ff8.entry.js → p-98ba6f5d.entry.js} +1 -1
- package/dist/tet-components/{p-cd84f284.entry.js → p-9dbbb3f0.entry.js} +1 -1
- package/dist/tet-components/{p-2116ce2a.entry.js → p-a687c15d.entry.js} +1 -1
- package/dist/tet-components/{p-1063da90.entry.js → p-a88844d8.entry.js} +1 -1
- package/dist/tet-components/{p-526bbfc6.entry.js → p-adec9e18.entry.js} +1 -1
- package/dist/tet-components/{p-7fdb6d22.entry.js → p-afd3e49e.entry.js} +1 -1
- package/dist/tet-components/{p-000577f5.entry.js → p-b1222ff6.entry.js} +1 -1
- package/dist/tet-components/{p-3cbd86e4.entry.js → p-b47c0736.entry.js} +1 -1
- package/dist/tet-components/{p-c5006cb1.entry.js → p-b9759f9b.entry.js} +1 -1
- package/dist/tet-components/{p-2f484973.entry.js → p-c0363485.entry.js} +1 -1
- package/dist/tet-components/{p-44633ac4.entry.js → p-c0514651.entry.js} +1 -1
- package/dist/tet-components/{p-b60f3389.entry.js → p-c25b844f.entry.js} +1 -1
- package/dist/tet-components/{p-ff5b0f63.entry.js → p-c4de9e32.entry.js} +1 -1
- package/dist/tet-components/{p-3b70f7c4.entry.js → p-c93bf05f.entry.js} +1 -1
- package/dist/tet-components/{p-2ed0da53.entry.js → p-cb6df953.entry.js} +1 -1
- package/dist/tet-components/{p-2c891567.entry.js → p-ccfa9f31.entry.js} +1 -1
- package/dist/tet-components/{p-c2741a17.entry.js → p-ccfdc788.entry.js} +1 -1
- package/dist/tet-components/{p-726a4e8c.entry.js → p-d17f62ad.entry.js} +1 -1
- package/dist/tet-components/{p-6725544c.entry.js → p-d2f35322.entry.js} +1 -1
- package/dist/tet-components/{p-8dfbe920.entry.js → p-d4f9fd55.entry.js} +1 -1
- package/dist/tet-components/{p-9ac80589.entry.js → p-d5531023.entry.js} +1 -1
- package/dist/tet-components/{p-2298942a.entry.js → p-d836a04f.entry.js} +1 -1
- package/dist/tet-components/{p-2dbe670c.js → p-d8518d4b.js} +1 -1
- package/dist/tet-components/{p-1ff7148a.js → p-ddaea568.js} +1 -1
- package/dist/tet-components/{p-1c912f92.entry.js → p-df4d4bc6.entry.js} +1 -1
- package/dist/tet-components/{p-0190b524.js → p-e2b55e84.js} +1 -1
- package/dist/tet-components/{p-6957d8c2.entry.js → p-e7757610.entry.js} +1 -1
- package/dist/tet-components/{p-b8e2d20f.entry.js → p-e9fdafc0.entry.js} +1 -1
- package/dist/tet-components/{p-5ae6bcd2.entry.js → p-ea68f131.entry.js} +1 -1
- package/dist/tet-components/{p-b7df4462.entry.js → p-ee3a7ea7.entry.js} +1 -1
- package/dist/tet-components/{p-fc2090b4.entry.js → p-f288bfe4.entry.js} +1 -1
- package/dist/tet-components/p-f81d95ae.js +1 -0
- package/dist/tet-components/{p-d187c56d.entry.js → p-f92dbe5a.entry.js} +1 -1
- package/dist/tet-components/{p-e46c0a02.entry.js → p-fdcd4187.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-660bdc27.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as n}from"./p-5abb3bea.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"close-circle":"check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"7826a94faf20c62bfc0ea36d4563a24c24023bf1"},t("ol",{key:"d2eaab06dccfce74d8d1d15535bb51b442b36a90",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}
|
|
1
|
+
import{r as e,h as t,H as n}from"./p-83f43fdd.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"close-circle":"check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"7826a94faf20c62bfc0ea36d4563a24c24023bf1"},t("ol",{key:"d2eaab06dccfce74d8d1d15535bb51b442b36a90",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t}from"./p-
|
|
1
|
+
import{r as o,h as t}from"./p-83f43fdd.js";const e=class{constructor(t){o(this,t)}render(){return t("div",{key:"e4bddb211501786606714aa29f9b503ad6df80f1",class:"loader"},t("div",{key:"171ff138058d0293adb5f0a45ba485d89774ba02",class:"loader-inner"}))}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--primary-color:rgb(0, 96, 245);--secondary-color:var(--color-td600);--size:2.5rem;--padding:.25rem}@keyframes loader-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{padding:var(--padding);width:var(--size);height:var(--size)}.loader-inner{position:relative;height:100%;width:auto}.loader-inner::before{animation:loader-animation 0.6s linear infinite;border-style:solid;border-color:var(--primary-color) transparent transparent var(--primary-color);content:"";display:block;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:inherit}.loader-inner::after{animation:loader-animation 1.1s linear infinite;border-style:solid;border-color:transparent transparent transparent var(--secondary-color);content:"";display:block;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:inherit}';export{e as tet_loader}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o}from"./p-5abb3bea.js";import{i as r}from"./p-f469a3fb.js";const n=class{constructor(e){t(this,e),this.linkClick=i(this,"linkClick",7),this.theme="light",this.layout="gapped",this.placeholderCount=4,this.items=[],this.isSearchResult=!1}linkClick;renderIconTile(t){const{theme:i}=this;return e("div",{class:`item__icon-tile item__icon-tile--${t}`},e("tet-icon",{class:"icon",name:t,theme:i}))}renderPlaceholders(){const{theme:t,layout:i}=this;return Array.from({length:this.placeholderCount},((o,r)=>e("li",{class:"link-card-list__list-item",key:`placeholder-${r}`},e("tet-placeholder",{class:`placeholder placeholder--${i}`,darkTheme:"dark"===t}))))}renderBadge(t){const{theme:i}=this;return e("div",{class:"item__badge"},e("tet-icon",{class:"badge-icon",name:t.iconName,type:"secondary",theme:i}),t.text&&e("span",null,t.text))}renderCategories(t){return t.map(((i,o)=>[e("span",{class:"category",innerHTML:i}),o<t.length-1&&e("tet-icon",{class:"category-separator",name:"tc-chevron-right-small",type:"secondary",theme:this.theme})]))}getIconTexts(t){return t.badges?.map((({text:t})=>t)).join(", ")??""}renderListItem(t,i){const{layout:o}=this;return e("li",{class:"link-card-list__list-item",key:`${t.label}-${t.href}`},e("a",{href:t.href,onClick:e=>this.linkClick.emit({item:{...t,categories:t.categories?.map((t=>r(t))),label:r(t.label),index:i,iconTexts:this.getIconTexts(t)},nativeEvent:e}),class:{link:!0,[`link--${o}`]:!0,"link--search-result":this.isSearchResult},...t.linkAttributes?.target&&{target:t.linkAttributes.target},...(t.linkAttributes?.target||t.linkAttributes?.rel)&&{rel:this.getRelAttributeValue(t)}},t.categoryIcon&&"compact"!==o&&this.renderIconTile(t.categoryIcon),e("div",{class:{item__content:!0,"item__content--search-result":this.isSearchResult}},e("div",{class:"item__content-left"},e("span",{class:"label",innerHTML:t.label}),t.description&&e("div",{class:"description",innerHTML:t.description})),Boolean(t.badges?.length)&&e("div",{class:"item__content-right"},t.badges?.map(this.renderBadge.bind(this))),Boolean(t.categories?.length)&&e("div",{class:"item__content-categories"},this.renderCategories(t.categories??[]))),e("tet-icon",{class:"item__chevron",name:"tc-chevron-right"})))}getRelAttributeValue(t){const{target:i,rel:e}=t.linkAttributes;return"_blank"===i?e??"noopener noreferrer":e??""}render(){const{theme:t,layout:i,items:r}=this;return e(o,{key:"422ccf00f1cfbc0482e23977d62fface1fe25f63"},e("ul",{key:"2bfab4fbbc1330d844f003c6dc6d9fb68cc27aca",class:`link-card-list link-card-list--${t} link-card-list--${i}`},r?.length?r.map(this.renderListItem.bind(this)):this.renderPlaceholders()))}};n.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--list-item-gap:1rem;--list-item-border-radius:1rem;--list-item-background-color:var(--tc-layer-primary);--list-item-background-color-hover:var(--tc-layer-secondary);--list-item-text-color:var(--tc-text-primary);--list-item-text-color-secondary:var(--tc-text-secondary);--list-item-text-color-highlight:var(--tc-yellow-20);--list-item-border-color:var(--tc-border-quaternary);--list-item-border-color-hover:var(--tc-border-secondary);--list-item-box-shadow:var(--tc-elevation-one);--list-item-box-shadow-hover:var(--tc-elevation-two);--list-item-chevron-icon-color:var(--tc-icon-secondary);--list-item-chevron-icon-color--hover:var(--tc-icon-primary);--list-item-icon-tile-background-color:var(--tc-layer-secondary)}.link-card-list{display:flex;flex-direction:column;color:var(--list-item-text-color)}.link-card-list--dark{--list-item-background-color:var(--tc-layer-primary-dark);--list-item-background-color-hover:var(--tc-layer-secondary-dark);--list-item-text-color:var(--tc-text-primary-dark);--list-item-text-color-secondary:var(--tc-text-secondary-dark);--list-item-text-color-highlight:var(--tc-grey-30-dark);--list-item-border-color:var(--tc-border-quaternary-dark);--list-item-border-color-hover:var(--tc-border-secondary-dark);--list-item-box-shadow:var(--tc-elevation-one-dark);--list-item-box-shadow-hover:var(--tc-elevation-two-dark);--list-item-chevron-icon-color:var(--tc-icon-secondary-dark);--list-item-chevron-icon-color--hover:var(--tc-icon-primary-dark);--list-item-icon-tile-background-color:var(--tc-layer-secondary-dark)}.link-card-list--dark .link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.link-card-list__list-item{list-style:none;min-width:0}.link-card-list__list-item:has(:focus-visible){z-index:1}.link-card-list__list-item .placeholder{--placeholder-border-radius:var(--list-item-border-radius);--placeholder-min-height:3.5rem}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder{--placeholder-min-height:4.75rem}}.link-card-list__list-item .placeholder--compact{--placeholder-border-radius:0}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder--columns{--placeholder-min-height:6.25rem}}.link-card-list__list-item .link{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:inherit;text-decoration:none;background-color:var(--list-item-background-color);display:flex;align-items:center;padding:1rem;cursor:pointer;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow);gap:0.25rem;overflow:hidden;height:100%}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link{gap:0.75rem}}@media screen and (min-width: 64rem){.link-card-list__list-item .link{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";padding:1.5rem}}.link-card-list__list-item .link:hover .item__chevron{--icon-color:var(--list-item-chevron-icon-color--hover)}.link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:var(--list-item-border-radius)}.link-card-list__list-item .link .item__icon-tile{display:none;width:2.75rem;height:2.75rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--list-item-icon-tile-background-color);flex-shrink:0}.link-card-list__list-item .link .item__icon-tile .icon{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.625rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.875rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:1.875rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:2.5rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2.625rem}}.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.5rem}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__icon-tile{display:flex}}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile{width:3.25rem;height:3.25rem}}.link-card-list__list-item .link .item__content{display:flex;flex-direction:column;flex:1;gap:0.125rem;min-width:0}.link-card-list__list-item .link .item__content--search-result{gap:0.5rem}.link-card-list__list-item .link .item__content--search-result .item__content-left .description{margin-top:0.25rem}.link-card-list__list-item .link .item__content--search-result .highlight{background-color:var(--list-item-text-color-highlight)}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content:not(.link-card-list__list-item .link .item__content--search-result){flex-direction:row;align-items:center;flex-wrap:wrap;gap:0.5rem}}.link-card-list__list-item .link .item__content-left{display:flex;flex:1;flex-direction:column;min-width:0}.link-card-list__list-item .link .item__content-left .description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__content-left .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content-left{min-width:18.75rem}}.link-card-list__list-item .link .item__content-right{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);display:flex;flex-wrap:wrap;column-gap:0.75rem}.link-card-list__list-item .link .item__content-right .item__badge{display:flex;gap:0.375rem;padding:0.125rem 0.125rem 0.125rem 0}.link-card-list__list-item .link .item__content-right .badge-icon{--icon-size:1.25rem;--icon-container-display:flex}.link-card-list__list-item .link .item__content-categories{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem;color:var(--list-item-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-list__list-item .link .item__content-categories .category{vertical-align:middle}.link-card-list__list-item .link .item__content-categories .category-separator{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__chevron{--icon-size:1.25rem;--icon-container-display:flex;--icon-color:var(--list-item-chevron-icon-color);margin-left:0.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__chevron{--icon-size:1.5rem}}.link-card-list__list-item .link--search-result .item__chevron{--icon-size:1.5rem}.link-card-list--gapped{gap:var(--list-item-gap)}.link-card-list--gapped .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}.link-card-list--compact{gap:0;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow)}.link-card-list--compact .link-card-list__list-item .link{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border-radius:0;border:unset;box-shadow:none}@media screen and (min-width: 64rem){.link-card-list--compact .link-card-list__list-item .link{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .label,.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .description{text-overflow:clip;white-space:normal}.link-card-list--compact .link-card-list__list-item .link:focus-visible{border-radius:0.125rem}.link-card-list--compact .link-card-list__list-item .link:hover{background-color:var(--list-item-background-color-hover)}.link-card-list--compact .link-card-list__list-item:not(:last-child) .link,.link-card-list--compact .link-card-list__list-item:not(:last-child) .placeholder{border-bottom:0.0625rem solid var(--list-item-border-color)}.link-card-list--compact .link-card-list__list-item:first-child .link,.link-card-list--compact .link-card-list__list-item:first-child .placeholder{--placeholder-border-radius:var(--list-item-border-radius) var(--list-item-border-radius) 0 0;border-top-left-radius:var(--list-item-border-radius);border-top-right-radius:var(--list-item-border-radius)}.link-card-list--compact .link-card-list__list-item:last-child .link,.link-card-list--compact .link-card-list__list-item:last-child .placeholder{--placeholder-border-radius:0 0 var(--list-item-border-radius) var(--list-item-border-radius);border-bottom-left-radius:var(--list-item-border-radius);border-bottom-right-radius:var(--list-item-border-radius)}.link-card-list--columns{display:flex;gap:var(--list-item-gap)}.link-card-list--columns .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}@media screen and (min-width: 64rem){.link-card-list--columns{display:grid;grid-template-columns:repeat(2, 1fr)}}';export{n as tet_link_card_list}
|
|
1
|
+
import{r as t,c as i,h as e,H as o}from"./p-83f43fdd.js";import{i as r}from"./p-f469a3fb.js";const n=class{constructor(e){t(this,e),this.linkClick=i(this,"linkClick",7),this.theme="light",this.layout="gapped",this.placeholderCount=4,this.items=[],this.isSearchResult=!1}linkClick;renderIconTile(t){const{theme:i}=this;return e("div",{class:`item__icon-tile item__icon-tile--${t}`},e("tet-icon",{class:"icon",name:t,theme:i}))}renderPlaceholders(){const{theme:t,layout:i}=this;return Array.from({length:this.placeholderCount},((o,r)=>e("li",{class:"link-card-list__list-item",key:`placeholder-${r}`},e("tet-placeholder",{class:`placeholder placeholder--${i}`,darkTheme:"dark"===t}))))}renderBadge(t){const{theme:i}=this;return e("div",{class:"item__badge"},e("tet-icon",{class:"badge-icon",name:t.iconName,type:"secondary",theme:i}),t.text&&e("span",null,t.text))}renderCategories(t){return t.map(((i,o)=>[e("span",{class:"category",innerHTML:i}),o<t.length-1&&e("tet-icon",{class:"category-separator",name:"tc-chevron-right-small",type:"secondary",theme:this.theme})]))}getIconTexts(t){return t.badges?.map((({text:t})=>t)).join(", ")??""}renderListItem(t,i){const{layout:o}=this;return e("li",{class:"link-card-list__list-item",key:`${t.label}-${t.href}`},e("a",{href:t.href,onClick:e=>this.linkClick.emit({item:{...t,categories:t.categories?.map((t=>r(t))),label:r(t.label),index:i,iconTexts:this.getIconTexts(t)},nativeEvent:e}),class:{link:!0,[`link--${o}`]:!0,"link--search-result":this.isSearchResult},...t.linkAttributes?.target&&{target:t.linkAttributes.target},...(t.linkAttributes?.target||t.linkAttributes?.rel)&&{rel:this.getRelAttributeValue(t)}},t.categoryIcon&&"compact"!==o&&this.renderIconTile(t.categoryIcon),e("div",{class:{item__content:!0,"item__content--search-result":this.isSearchResult}},e("div",{class:"item__content-left"},e("span",{class:"label",innerHTML:t.label}),t.description&&e("div",{class:"description",innerHTML:t.description})),Boolean(t.badges?.length)&&e("div",{class:"item__content-right"},t.badges?.map(this.renderBadge.bind(this))),Boolean(t.categories?.length)&&e("div",{class:"item__content-categories"},this.renderCategories(t.categories??[]))),e("tet-icon",{class:"item__chevron",name:"tc-chevron-right"})))}getRelAttributeValue(t){const{target:i,rel:e}=t.linkAttributes;return"_blank"===i?e??"noopener noreferrer":e??""}render(){const{theme:t,layout:i,items:r}=this;return e(o,{key:"422ccf00f1cfbc0482e23977d62fface1fe25f63"},e("ul",{key:"2bfab4fbbc1330d844f003c6dc6d9fb68cc27aca",class:`link-card-list link-card-list--${t} link-card-list--${i}`},r?.length?r.map(this.renderListItem.bind(this)):this.renderPlaceholders()))}};n.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--list-item-gap:1rem;--list-item-border-radius:1rem;--list-item-background-color:var(--tc-layer-primary);--list-item-background-color-hover:var(--tc-layer-secondary);--list-item-text-color:var(--tc-text-primary);--list-item-text-color-secondary:var(--tc-text-secondary);--list-item-text-color-highlight:var(--tc-yellow-20);--list-item-border-color:var(--tc-border-quaternary);--list-item-border-color-hover:var(--tc-border-secondary);--list-item-box-shadow:var(--tc-elevation-one);--list-item-box-shadow-hover:var(--tc-elevation-two);--list-item-chevron-icon-color:var(--tc-icon-secondary);--list-item-chevron-icon-color--hover:var(--tc-icon-primary);--list-item-icon-tile-background-color:var(--tc-layer-secondary)}.link-card-list{display:flex;flex-direction:column;color:var(--list-item-text-color)}.link-card-list--dark{--list-item-background-color:var(--tc-layer-primary-dark);--list-item-background-color-hover:var(--tc-layer-secondary-dark);--list-item-text-color:var(--tc-text-primary-dark);--list-item-text-color-secondary:var(--tc-text-secondary-dark);--list-item-text-color-highlight:var(--tc-grey-30-dark);--list-item-border-color:var(--tc-border-quaternary-dark);--list-item-border-color-hover:var(--tc-border-secondary-dark);--list-item-box-shadow:var(--tc-elevation-one-dark);--list-item-box-shadow-hover:var(--tc-elevation-two-dark);--list-item-chevron-icon-color:var(--tc-icon-secondary-dark);--list-item-chevron-icon-color--hover:var(--tc-icon-primary-dark);--list-item-icon-tile-background-color:var(--tc-layer-secondary-dark)}.link-card-list--dark .link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.link-card-list__list-item{list-style:none;min-width:0}.link-card-list__list-item:has(:focus-visible){z-index:1}.link-card-list__list-item .placeholder{--placeholder-border-radius:var(--list-item-border-radius);--placeholder-min-height:3.5rem}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder{--placeholder-min-height:4.75rem}}.link-card-list__list-item .placeholder--compact{--placeholder-border-radius:0}@media screen and (min-width: 64rem){.link-card-list__list-item .placeholder--columns{--placeholder-min-height:6.25rem}}.link-card-list__list-item .link{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:inherit;text-decoration:none;background-color:var(--list-item-background-color);display:flex;align-items:center;padding:1rem;cursor:pointer;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow);gap:0.25rem;overflow:hidden;height:100%}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link{gap:0.75rem}}@media screen and (min-width: 64rem){.link-card-list__list-item .link{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";padding:1.5rem}}.link-card-list__list-item .link:hover .item__chevron{--icon-color:var(--list-item-chevron-icon-color--hover)}.link-card-list__list-item .link:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:var(--list-item-border-radius)}.link-card-list__list-item .link .item__icon-tile{display:none;width:2.75rem;height:2.75rem;justify-content:center;align-items:center;border-radius:0.5rem;background-color:var(--list-item-icon-tile-background-color);flex-shrink:0}.link-card-list__list-item .link .item__icon-tile .icon{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.625rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-netflix-2 .icon{--icon-size:1.875rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:1.875rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-tv .icon{--icon-size:2.5rem}}.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-tet-plus .icon{--icon-size:2.625rem}}.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile--tc-whalebone .icon{--icon-size:1.5rem}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__icon-tile{display:flex}}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__icon-tile{width:3.25rem;height:3.25rem}}.link-card-list__list-item .link .item__content{display:flex;flex-direction:column;flex:1;gap:0.125rem;min-width:0}.link-card-list__list-item .link .item__content--search-result{gap:0.5rem}.link-card-list__list-item .link .item__content--search-result .item__content-left .description{margin-top:0.25rem}.link-card-list__list-item .link .item__content--search-result .highlight{background-color:var(--list-item-text-color-highlight)}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content:not(.link-card-list__list-item .link .item__content--search-result){flex-direction:row;align-items:center;flex-wrap:wrap;gap:0.5rem}}.link-card-list__list-item .link .item__content-left{display:flex;flex:1;flex-direction:column;min-width:0}.link-card-list__list-item .link .item__content-left .description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__content-left .description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 31.25rem){.link-card-list__list-item .link .item__content-left{min-width:18.75rem}}.link-card-list__list-item .link .item__content-right{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--list-item-text-color-secondary);display:flex;flex-wrap:wrap;column-gap:0.75rem}.link-card-list__list-item .link .item__content-right .item__badge{display:flex;gap:0.375rem;padding:0.125rem 0.125rem 0.125rem 0}.link-card-list__list-item .link .item__content-right .badge-icon{--icon-size:1.25rem;--icon-container-display:flex}.link-card-list__list-item .link .item__content-categories{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem;color:var(--list-item-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-list__list-item .link .item__content-categories .category{vertical-align:middle}.link-card-list__list-item .link .item__content-categories .category-separator{--icon-size:1.5rem;--icon-container-display:flex}.link-card-list__list-item .link .item__chevron{--icon-size:1.25rem;--icon-container-display:flex;--icon-color:var(--list-item-chevron-icon-color);margin-left:0.25rem}@media screen and (min-width: 64rem){.link-card-list__list-item .link .item__chevron{--icon-size:1.5rem}}.link-card-list__list-item .link--search-result .item__chevron{--icon-size:1.5rem}.link-card-list--gapped{gap:var(--list-item-gap)}.link-card-list--gapped .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}.link-card-list--compact{gap:0;border-radius:var(--list-item-border-radius);border:0.0625rem solid var(--list-item-border-color);box-shadow:var(--list-item-box-shadow)}.link-card-list--compact .link-card-list__list-item .link{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border-radius:0;border:unset;box-shadow:none}@media screen and (min-width: 64rem){.link-card-list--compact .link-card-list__list-item .link{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .label,.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .description{text-overflow:clip;white-space:normal}.link-card-list--compact .link-card-list__list-item .link:focus-visible{border-radius:0.125rem}.link-card-list--compact .link-card-list__list-item .link:hover{background-color:var(--list-item-background-color-hover)}.link-card-list--compact .link-card-list__list-item:not(:last-child) .link,.link-card-list--compact .link-card-list__list-item:not(:last-child) .placeholder{border-bottom:0.0625rem solid var(--list-item-border-color)}.link-card-list--compact .link-card-list__list-item:first-child .link,.link-card-list--compact .link-card-list__list-item:first-child .placeholder{--placeholder-border-radius:var(--list-item-border-radius) var(--list-item-border-radius) 0 0;border-top-left-radius:var(--list-item-border-radius);border-top-right-radius:var(--list-item-border-radius)}.link-card-list--compact .link-card-list__list-item:last-child .link,.link-card-list--compact .link-card-list__list-item:last-child .placeholder{--placeholder-border-radius:0 0 var(--list-item-border-radius) var(--list-item-border-radius);border-bottom-left-radius:var(--list-item-border-radius);border-bottom-right-radius:var(--list-item-border-radius)}.link-card-list--columns{display:flex;gap:var(--list-item-gap)}.link-card-list--columns .link-card-list__list-item .link:hover{border-color:var(--list-item-border-color-hover);box-shadow:var(--list-item-box-shadow-hover)}@media screen and (min-width: 64rem){.link-card-list--columns{display:grid;grid-template-columns:repeat(2, 1fr)}}';export{n as tet_link_card_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as o,h as r,H as i}from"./p-5abb3bea.js";import{e as a,A as n}from"./p-fa674b43.js";import{f as s}from"./p-e1e74d01.js";import{c}from"./p-2dbe670c.js";import{t as l}from"./p-850594d3.js";import"./p-9a2b6ee2.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const e=new Map(d.cart);e.delete(t),f("cart",e)},u=()=>{const t=m("cart"),e=m("productDetails"),o={};for(const[r,i]of t.entries())o[e.get(r)?.name||r]=i;return o},y=class{constructor(o){t(this,o),this.compareLinkClick=e(this,"compareLinkClick",7),this.b2bConfiguratorSubmit=e(this,"b2bConfiguratorSubmit",7),this.successCloseClick=e(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 o(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 e="function"==typeof t?t():t,o=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([e,o]);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 e=new Map;for(const o of t)for(const t of o.products){const{type:r,name:i,id:a}=o,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;e.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",e)})(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:e}=t.detail,o=this.getCategoryById(e);o&&("primary"===o.type?this.activePrimaryCategoryId=e:this.activeSecondaryCategoryId=e)};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 e=d.data.filter((e=>e.type===t.type)).map((t=>{const{id:e,name:o,icon:r}=t;return{id:e,name:o,icon:r,selected:e===this.activePrimaryCategoryId||e===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:e=>{"primary"===t.type?this.primaryAccordionEl=e:this.secondaryAccordionEl=e},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:e=>{"primary"===t.type?this.primaryNavEl=e:this.secondaryNavEl=e},menuItems:e,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((e=>e.id===t));onCompareLinkClick=t=>{const e=this.getCategoryById(t);e&&e.modalScreenId&&this.compareLinkClick.emit(e.modalScreenId)};handleCardSelected=(t,e)=>{const o=this.getCategoryById(e);if(!o)return;const{type:r,allowMultipleChoice:i}=o;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,e)=>{const{cardId:o,count:r}=t.detail,i=this.getCategoryById(e);if(i&&d.cart.get(o)!==r){if(!r)return this.itemToRemove=o,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==o&&h(t.productCode))),((t,e)=>{if(e<0)return;const o=new Map(d.cart);o.set(t,e),f("cart",o)})(o,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,e=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},o=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:e},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?e:this.submissionStateDialogEl.close},o)};renderCards=t=>{const e="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,o="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(e),{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=o.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,e),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,e)})}));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(e)}},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,e,o)=>{this.handleProductCountChanged({detail:{cardId:t,count:e}},o)};goToProduct=async(t,e)=>{const o=this.getCategoryById(t);o&&("primary"===o.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===o.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(e,t)}),0))};renderCartCardsList=t=>{const e=e=>{const o=d.cart.get(e),i=d.productDetails.get(e);if(void 0===o||!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:e,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:o,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(e,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(e,0,h),onEditButtonClick:()=>this.goToProduct(h,e)})};return["primary","secondary"].map((t=>{const o=[...d.cart].filter((([e])=>{const o=d.productDetails.get(e);return o&&o.categoryType===t})).map((([t])=>e(t)));return o.length?r("div",{class:"cart__card-list",slot:t},o):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 e=!d.cart.size;let o={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,e]of d.cart){const r=d.productDetails.get(t);r&&(o[r.categoryType]+=(r.discountAmount??r.amount)*e,i[r.categoryType]+=1,a+=r.amount*e)}const{primary:n,secondary:c}=o,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:e=>"edit"===t?this.cartEl=e:null,context:t,class:{cart:!0,"cart--empty":e,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:e,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[e,o]of d.cart){const o=d.productDetails.get(e);o&&(t[o.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:e}=this.areProductsAddedToCart();t&&e&&this.checkoutFormEl.open()};submit=({detail:t})=>{const e={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(e),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:"56657da2252a65ded133d94a900f65ac09d833ec"},r("div",{key:"fd9ac1fd32e09a4639ddeb12b78f85c52f8239d8",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-83f43fdd.js";import{e as a,A as n}from"./p-3e60d61c.js";import{f as s}from"./p-e1e74d01.js";import{c}from"./p-d8518d4b.js";import{t as l}from"./p-2358a695.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:"56657da2252a65ded133d94a900f65ac09d833ec"},r("div",{key:"fd9ac1fd32e09a4639ddeb12b78f85c52f8239d8",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 t,g as i,h as s,H as f}from"./p-
|
|
1
|
+
import{r as t,g as i,h as s,H as f}from"./p-83f43fdd.js";const e=class{constructor(i){t(this,i),this.header="",this.listBulletIcon="",this.imageSource="",this.list=[],this.containerSize="small"}get element(){return i(this)}onWindowResize(){this.setContainerSize()}componentDidLoad(){this.setContainerSize()}setContainerSize=()=>{const t=this.element.getBoundingClientRect().width;this.containerSize=t<=436?"small":t<=656?"medium":"large"};render(){return s(f,{key:"31519e350b60b5675b7b168065201b9f6d363b44"},s("div",{key:"0d2380ee0f6f128e53c4b73b61c4452614e11bd1",class:{"tv-gift-list":!0,[`tv-gift-list--${this.containerSize}`]:!0,"tv-gift-list--image-list":Boolean(this.imageSource)}},this.imageSource&&s("div",{key:"ebeeb2ee58a036d89bc03fa67f0d23c5b5cde617",class:"tv-gift-list__image__wrapper"},s("img",{key:"82de3c77fa2961500582e3e6d316f8b610c5febd",class:"tv-gift-list__image",src:this.imageSource})),s("div",{key:"fddfc671f617bc8ddde537e04e908baf3ad4a987",class:"tv-gift-list__list__wrapper"},s("span",{key:"4fb4183b877fc4c6aad698f3ad811139e5fe5310",class:"tv-gift-list__list__header"},this.header),s("ul",{key:"731cc40224890bdfab75e11aa81fd730a133dd4a",class:"tv-gift-list__list"},this.list.map((t=>s("li",{class:"tv-gift-list__list__item"},s("tet-icon",{name:this.listBulletIcon}),t)))))))}};e.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list__list__item{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}';export{e as tet_tv_gift_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,g as t,h as e,H as r}from"./p-5abb3bea.js";import{c as n,a as i}from"./p-165a8492.js";const a=class{constructor(t){o(this,t),this.stepperData=[],this.forcedColumn=!1,this.hideIcons=!1,this.theme="light",this.columnLayout=!1,this.layout="default"}get host(){return t(this)}componentDidLoad(){"default"===this.layout&&this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:{"round-stepper__item":!0,dark:"dark"===this.theme,"column-layout":this.columnLayout,"with-background-gradient":"withBackgroundGradient"===this.layout,[`color-theme-${o.colorTheme}`]:"withBackgroundGradient"===this.layout&&!!o.colorTheme,[`color-tone-${o.colorTone}`]:"withBackgroundGradient"===this.layout&&!!o.colorTone,[`gradient-${o.gradient}`]:"withBackgroundGradient"===this.layout&&!!o.gradient&&"off"!==o.gradient}},e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{class:"icon",name:o.icon}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=`${n(224/i())}px`}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=`${n(192/i())}px`})))}onResize(){"default"===this.layout&&this.calculateContainerWidth()}render(){return e(r,{key:"78901b40d6307aaf936c23e8d2b4b6665bdb1132"},e("div",{key:"58c1be80945422de6c5858582a9e13b2d096e91a",class:{"round-stepper":!0,"with-background-gradient":"withBackgroundGradient"===this.layout,column:this.forcedColumn,"one-to-three-items":"withBackgroundGradient"===this.layout&&this.stepperData.length<=3,"six-plus-items":"withBackgroundGradient"===this.layout&&this.stepperData.length>=6,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}};a.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.with-background-gradient{gap:1.5rem;width:100%;flex-direction:column}@media all and (min-width: 48rem){.round-stepper.with-background-gradient{flex-direction:row}}@media all and (min-width: 48rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:1.5rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:2.5rem}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient .round-stepper__circle{--step-circle-size:3rem}}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.75rem}@media all and (min-width: 80rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif;line-height:2rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif;line-height:2.25rem;margin-top:1.5rem}}.round-stepper.with-background-gradient .round-stepper__description{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.5rem}@media all and (min-width: 48rem) and (max-width: 80rem){.round-stepper.with-background-gradient.six-plus-items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.round-stepper.with-background-gradient.six-plus-items .round-stepper__item{max-width:none}}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__item.column-layout{flex-direction:column;align-items:start;width:100%}.round-stepper__item.column-layout .round-stepper__description{margin-left:0;margin-top:1rem}.round-stepper__item.with-background-gradient{--round-stepper-item-background-color:transparent;--round-stepper-item-background-color-dark:var(--round-stepper-item-background-color);--round-stepper-item-circle-background-color:var(--tc-icon-black-to-yellow);--round-stepper-item-circle-text-color:var(--tc-text-inverse-primary);--round-stepper-item-circle-background-color-dark:var(--tc-icon-black-to-yellow-dark);--round-stepper-item-circle-text-color-dark:var(--tc-text-inverse-primary-dark);max-width:45rem;border-radius:1rem;padding:1.5rem 1rem;background-color:var(--round-stepper-item-background-color)}@media all and (min-width: 48rem){.round-stepper__item.with-background-gradient{max-width:36rem}}@media all and (min-width: 64rem){.round-stepper__item.with-background-gradient{padding:1.5rem}}.round-stepper__item.with-background-gradient.dark{--round-stepper-item-circle-background-color:var(--round-stepper-item-circle-background-color-dark);--round-stepper-item-circle-text-color:var(--round-stepper-item-circle-text-color-dark);background-color:var(--round-stepper-item-background-color-dark)}.round-stepper__item.with-background-gradient .round-stepper__circle{background-color:var(--round-stepper-item-circle-background-color) !important;color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-gradient-grey-accent);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark{--round-stepper-item-background-color:var(--tc-yellow-30);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light{--round-stepper-item-background-color:var(--tc-yellow-20);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light{--round-stepper-item-background-color:var(--tc-yellow-10);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-grey-50);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark{--round-stepper-item-background-color:var(--tc-grey-40);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light{--round-stepper-item-background-color:var(--tc-grey-30);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light{--round-stepper-item-background-color:var(--tc-grey-20);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.gradient-dark-light{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12))}.round-stepper__item.with-background-gradient.gradient-light-dark{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12))}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__circle.dark tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}';export{a as tet_round_stepper}
|
|
1
|
+
import{r as o,g as t,h as e,H as r}from"./p-83f43fdd.js";import{c as n,a as i}from"./p-165a8492.js";const a=class{constructor(t){o(this,t),this.stepperData=[],this.forcedColumn=!1,this.hideIcons=!1,this.theme="light",this.columnLayout=!1,this.layout="default"}get host(){return t(this)}componentDidLoad(){"default"===this.layout&&this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:{"round-stepper__item":!0,dark:"dark"===this.theme,"column-layout":this.columnLayout,"with-background-gradient":"withBackgroundGradient"===this.layout,[`color-theme-${o.colorTheme}`]:"withBackgroundGradient"===this.layout&&!!o.colorTheme,[`color-tone-${o.colorTone}`]:"withBackgroundGradient"===this.layout&&!!o.colorTone,[`gradient-${o.gradient}`]:"withBackgroundGradient"===this.layout&&!!o.gradient&&"off"!==o.gradient}},e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{class:"icon",name:o.icon}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=`${n(224/i())}px`}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=`${n(192/i())}px`})))}onResize(){"default"===this.layout&&this.calculateContainerWidth()}render(){return e(r,{key:"78901b40d6307aaf936c23e8d2b4b6665bdb1132"},e("div",{key:"58c1be80945422de6c5858582a9e13b2d096e91a",class:{"round-stepper":!0,"with-background-gradient":"withBackgroundGradient"===this.layout,column:this.forcedColumn,"one-to-three-items":"withBackgroundGradient"===this.layout&&this.stepperData.length<=3,"six-plus-items":"withBackgroundGradient"===this.layout&&this.stepperData.length>=6,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}};a.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.with-background-gradient{gap:1.5rem;width:100%;flex-direction:column}@media all and (min-width: 48rem){.round-stepper.with-background-gradient{flex-direction:row}}@media all and (min-width: 48rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:1.5rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:2.5rem}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient .round-stepper__circle{--step-circle-size:3rem}}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.75rem}@media all and (min-width: 80rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif;line-height:2rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif;line-height:2.25rem;margin-top:1.5rem}}.round-stepper.with-background-gradient .round-stepper__description{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.5rem}@media all and (min-width: 48rem) and (max-width: 80rem){.round-stepper.with-background-gradient.six-plus-items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.round-stepper.with-background-gradient.six-plus-items .round-stepper__item{max-width:none}}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__item.column-layout{flex-direction:column;align-items:start;width:100%}.round-stepper__item.column-layout .round-stepper__description{margin-left:0;margin-top:1rem}.round-stepper__item.with-background-gradient{--round-stepper-item-background-color:transparent;--round-stepper-item-background-color-dark:var(--round-stepper-item-background-color);--round-stepper-item-circle-background-color:var(--tc-icon-black-to-yellow);--round-stepper-item-circle-text-color:var(--tc-text-inverse-primary);--round-stepper-item-circle-background-color-dark:var(--tc-icon-black-to-yellow-dark);--round-stepper-item-circle-text-color-dark:var(--tc-text-inverse-primary-dark);max-width:45rem;border-radius:1rem;padding:1.5rem 1rem;background-color:var(--round-stepper-item-background-color)}@media all and (min-width: 48rem){.round-stepper__item.with-background-gradient{max-width:36rem}}@media all and (min-width: 64rem){.round-stepper__item.with-background-gradient{padding:1.5rem}}.round-stepper__item.with-background-gradient.dark{--round-stepper-item-circle-background-color:var(--round-stepper-item-circle-background-color-dark);--round-stepper-item-circle-text-color:var(--round-stepper-item-circle-text-color-dark);background-color:var(--round-stepper-item-background-color-dark)}.round-stepper__item.with-background-gradient .round-stepper__circle{background-color:var(--round-stepper-item-circle-background-color) !important;color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-gradient-grey-accent);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark{--round-stepper-item-background-color:var(--tc-yellow-30);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light{--round-stepper-item-background-color:var(--tc-yellow-20);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light{--round-stepper-item-background-color:var(--tc-yellow-10);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-grey-50);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark{--round-stepper-item-background-color:var(--tc-grey-40);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light{--round-stepper-item-background-color:var(--tc-grey-30);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light{--round-stepper-item-background-color:var(--tc-grey-20);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.gradient-dark-light{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12))}.round-stepper__item.with-background-gradient.gradient-light-dark{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12))}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__circle.dark tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}';export{a as tet_round_stepper}
|