@tet/tet-components 1.4.47-testing → 1.4.48-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-656e77f6.js → address-f852270f.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-b9d36649.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-4517f566.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-062f76cf.js} +1 -1
- package/dist/cjs/{index-4b423f33.js → index-19a7608f.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-faec4c52.js} +5 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{phone-055efd07.js → phone-d6be0dd2.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-aa80a77c.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +7 -7
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +4 -4
- package/dist/cjs/tet-address-offers_4.cjs.entry.js +8 -8
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +6 -6
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +4 -4
- 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 +2 -2
- 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 +5 -5
- 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 +9 -9
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +2 -2
- 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 +5 -5
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +5 -5
- package/dist/cjs/tet-components.cjs.js +2 -2
- package/dist/cjs/tet-contact-form.cjs.entry.js +6 -6
- 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 +2 -2
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +4 -4
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +6 -6
- package/dist/cjs/tet-datepicker.cjs.entry.js +5 -5
- 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 +2 -2
- 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 +2 -2
- package/dist/cjs/tet-fonts.cjs.entry.js +2 -2
- package/dist/cjs/tet-grid.cjs.entry.js +2 -2
- package/dist/cjs/tet-icon.cjs.entry.js +3 -3
- 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 +5 -5
- package/dist/cjs/tet-layout.cjs.entry.js +2 -2
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +2 -2
- package/dist/cjs/tet-loader.cjs.entry.js +2 -2
- 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 +64 -0
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +4 -4
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +4 -4
- package/dist/cjs/tet-news-card-list.cjs.entry.js +2 -2
- package/dist/cjs/tet-notification.cjs.entry.js +2 -2
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +2 -2
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +8 -8
- package/dist/cjs/tet-referral.cjs.entry.js +7 -7
- 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 +2 -2
- package/dist/cjs/tet-spinner.cjs.entry.js +4 -4
- package/dist/cjs/tet-stepper-input.cjs.entry.js +4 -4
- 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 +3 -3
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +5 -5
- 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 +3 -3
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +2 -2
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +3 -3
- package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-46514846.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-89a0ec3d.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.css +516 -0
- package/dist/collection/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.js +172 -0
- package/dist/collection/components/advanced/customer/tet-customer-assets/tet-customer-assets.js +1 -1
- package/dist/collection/components/advanced/customer/tet-referral/tet-referral.js +2 -2
- package/dist/collection/components/advanced/dialog/tet-multi-step-dialog/tet-multi-step-dialog.js +1 -1
- package/dist/collection/components/advanced/forms/tet-availability-contact-form/tet-availability-contact-form.js +1 -1
- package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.js +3 -3
- package/dist/collection/components/advanced/forms/tet-contact-form/tet-contact-form.js +1 -1
- package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js +1 -1
- package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js +2 -2
- package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js +2 -2
- package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js +2 -2
- package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js +2 -2
- package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js +6 -6
- package/dist/collection/components/basic/icon/tet-icon.js +1 -1
- package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js +1 -1
- package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js +1 -1
- package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js +3 -3
- package/dist/collection/components/basic/misc/tet-countdown/tet-countdown.js +1 -1
- package/dist/collection/components/basic/misc/tet-label/tet-label.js +2 -2
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js +2 -2
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.js +4 -4
- package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js +7 -7
- package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js +1 -1
- package/dist/collection/components/simple/inputs/tet-textarea/tet-textarea.js +2 -2
- package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js +1 -1
- package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js +3 -3
- package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js +6 -6
- package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-tooltip/tet-tooltip.js +1 -1
- package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js +1 -1
- package/dist/collection/components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js +1 -1
- package/dist/collection/components/views/tet-business-lines/tet-business-lines.js +1 -1
- package/dist/collection/docs/styling/border-radius/tet-border-radius.js +1 -1
- package/dist/collection/docs/styling/colors/tet-colors.js +4 -4
- package/dist/collection/docs/styling/font-weight/tet-font-weight.js +1 -1
- package/dist/collection/docs/styling/fonts/tet-fonts.js +1 -1
- package/dist/collection/docs/styling/layout/tet-layout.js +1 -1
- package/dist/collection/docs/styling/link/tet-link.js +1 -1
- package/dist/collection/docs/styling/spacing/tet-spacing.js +1 -1
- package/dist/collection/docs/styling/tet-grid/tet-grid.js +1 -1
- package/dist/components/index.js +3 -1
- package/dist/components/{p-57b986ba.js → p-02a3890f.js} +7 -7
- package/dist/components/{p-ea511c1d.js → p-0fbe24e2.js} +10 -10
- package/dist/components/{p-b9e49599.js → p-17260884.js} +2 -2
- package/dist/components/{p-9a669261.js → p-211fe695.js} +2 -2
- package/dist/components/{p-f44fc350.js → p-21f566b5.js} +3 -3
- package/dist/components/{p-155f2b7a.js → p-2536ab32.js} +3 -3
- package/dist/components/{p-ae777b5c.js → p-261a6a5f.js} +2 -2
- package/dist/components/{p-f76fad86.js → p-26ffcb52.js} +1 -1
- package/dist/components/{p-6ed7deb7.js → p-2b53b020.js} +3 -3
- package/dist/components/{p-b62256ec.js → p-2d97891c.js} +2 -2
- package/dist/components/{p-75a56bcc.js → p-33ca788d.js} +10 -10
- package/dist/components/{p-4468c9e9.js → p-3493f65f.js} +1 -1
- package/dist/components/{p-9c08a012.js → p-36415b79.js} +3 -3
- package/dist/components/{p-e69117e4.js → p-3cb65e17.js} +5 -5
- package/dist/components/{p-9b881720.js → p-4080b67f.js} +2 -2
- package/dist/components/{p-3632b58a.js → p-4628fea9.js} +6 -6
- package/dist/components/{p-3c102839.js → p-4b3861a7.js} +3 -3
- package/dist/components/{p-431026ba.js → p-55bc6fa0.js} +3 -3
- package/dist/components/{p-810de969.js → p-5683d753.js} +2 -2
- package/dist/components/{p-f6b620cf.js → p-5c47eac8.js} +4 -4
- package/dist/components/{p-73771a7d.js → p-62f4d383.js} +7 -7
- package/dist/components/{p-17885a7c.js → p-64f08c7d.js} +1 -1
- package/dist/components/{p-835ac6e6.js → p-66b26dbb.js} +10 -10
- package/dist/components/{p-71baab1d.js → p-6fb68bcd.js} +2 -2
- package/dist/components/{p-d475d2a6.js → p-70b717d0.js} +1 -1
- package/dist/components/{p-2093d82a.js → p-7239469b.js} +5 -5
- package/dist/components/{p-725d9300.js → p-73c1028f.js} +11 -11
- package/dist/components/{p-06329f36.js → p-77bfec51.js} +4 -4
- package/dist/components/{p-517c4a94.js → p-81230837.js} +1 -1
- package/dist/components/{p-c162d676.js → p-88544567.js} +3 -3
- package/dist/components/{p-229934ef.js → p-904c7f9e.js} +1 -1
- package/dist/components/{p-9b2fba6b.js → p-99f70678.js} +8 -8
- package/dist/components/{p-dd3541f5.js → p-9be1fea9.js} +3 -3
- package/dist/components/{p-c98c65c4.js → p-a5453017.js} +6 -6
- package/dist/components/{p-c8becb8a.js → p-a75775dc.js} +2 -2
- package/dist/components/{p-adb1d830.js → p-a808e607.js} +2 -2
- package/dist/components/{p-4177a58b.js → p-a8c01686.js} +6 -6
- package/dist/components/{p-d9053020.js → p-a9b14e7f.js} +2 -2
- package/dist/components/{p-25b93e8f.js → p-aa122c92.js} +1 -1
- package/dist/components/{p-17640ef4.js → p-b32b2f8c.js} +2 -2
- package/dist/components/{p-8c8b119b.js → p-b486b501.js} +2 -2
- package/dist/components/{p-ee54db57.js → p-b656e6b1.js} +1 -1
- package/dist/components/{p-44201f97.js → p-b6841a9b.js} +1 -1
- package/dist/components/{p-18119679.js → p-bae14f06.js} +2 -2
- package/dist/components/{p-8ca89afe.js → p-bbdb1bda.js} +2 -2
- package/dist/components/{p-ef2ec31f.js → p-be5c4a13.js} +10 -10
- package/dist/components/{p-5f8e9ab6.js → p-c0da6a5d.js} +2 -2
- package/dist/components/{p-e1c74b3e.js → p-c8793d83.js} +1 -1
- package/dist/components/{p-5c3ff591.js → p-c8952342.js} +1 -1
- package/dist/components/{p-d56887ae.js → p-cccc952c.js} +7 -7
- package/dist/components/{p-83a8368b.js → p-cd28d140.js} +1 -1
- package/dist/components/{p-69d10a5a.js → p-d9899045.js} +2 -2
- package/dist/components/{p-dd0c9a50.js → p-da4dca45.js} +3 -3
- package/dist/components/{p-08ccd2a5.js → p-db5bac31.js} +3 -3
- package/dist/components/{p-3748ab10.js → p-db644d5d.js} +2 -2
- package/dist/components/{p-a849dc99.js → p-e54a9851.js} +4 -4
- package/dist/components/{p-7d181132.js → p-f7dc51f7.js} +3 -3
- package/dist/components/{p-8e2186c9.js → p-f99cb5d1.js} +6 -6
- package/dist/components/{p-f80234ad.js → p-fba07984.js} +14 -14
- 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 +25 -25
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +9 -9
- 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 +2 -2
- 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 +6 -6
- 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 +10 -10
- 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 +5 -5
- package/dist/components/tet-compare-card-v2.js +9 -9
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +16 -16
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +10 -10
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +2 -2
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +10 -10
- 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 +10 -10
- 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 +2 -2
- 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 +2 -2
- package/dist/components/tet-fonts.js +2 -2
- package/dist/components/tet-grid.js +2 -2
- 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 +5 -5
- package/dist/components/tet-layout.js +2 -2
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +2 -2
- 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.d.ts +11 -0
- package/dist/components/tet-mini-compare-card.js +97 -0
- package/dist/components/tet-multi-step-dialog.js +6 -6
- package/dist/components/tet-navigation-mobile.js +5 -5
- package/dist/components/tet-news-card-list.js +5 -5
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-placeholder.js +1 -1
- package/dist/components/tet-position.js +7 -7
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +8 -8
- 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 +2 -2
- 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 +2 -2
- package/dist/components/tet-tv-gift-list.js +4 -4
- package/dist/esm/{address-1e0810e7.js → address-20e2d850.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-894007df.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-ae1056de.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-cf0086d4.js} +1 -1
- package/dist/esm/{index-412df137.js → index-e3209c56.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-e933a7d2.js} +5 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{phone-1a920c5c.js → phone-62660137.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-cb8955f6.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +7 -7
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +3 -3
- package/dist/esm/tet-address-offers-view.entry.js +4 -4
- package/dist/esm/tet-address-offers_4.entry.js +8 -8
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +6 -6
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +4 -4
- 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 +2 -2
- 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 +5 -5
- 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 +9 -9
- package/dist/esm/tet-checkbox_3.entry.js +2 -2
- 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 +5 -5
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +5 -5
- package/dist/esm/tet-components.js +3 -3
- package/dist/esm/tet-contact-form.entry.js +6 -6
- 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 +2 -2
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +4 -4
- package/dist/esm/tet-datepicker-header_4.entry.js +6 -6
- package/dist/esm/tet-datepicker.entry.js +5 -5
- 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 +2 -2
- 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 +2 -2
- package/dist/esm/tet-fonts.entry.js +2 -2
- package/dist/esm/tet-grid.entry.js +2 -2
- package/dist/esm/tet-icon.entry.js +3 -3
- 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 +5 -5
- package/dist/esm/tet-layout.entry.js +2 -2
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +2 -2
- package/dist/esm/tet-loader.entry.js +2 -2
- 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 +60 -0
- package/dist/esm/tet-multi-step-dialog.entry.js +4 -4
- package/dist/esm/tet-navigation-mobile.entry.js +4 -4
- package/dist/esm/tet-news-card-list.entry.js +2 -2
- package/dist/esm/tet-notification.entry.js +2 -2
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +2 -2
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +8 -8
- package/dist/esm/tet-referral.entry.js +7 -7
- 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 +2 -2
- package/dist/esm/tet-spinner.entry.js +4 -4
- package/dist/esm/tet-stepper-input.entry.js +4 -4
- 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 +3 -3
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +5 -5
- 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 +3 -3
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +2 -2
- package/dist/esm/tet-tv-gift-list.entry.js +3 -3
- package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-cf4d7d54.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-e60db8fd.js} +1 -1
- package/dist/tet-components/{p-56ed2fa5.entry.js → p-095c9bfd.entry.js} +1 -1
- package/dist/tet-components/{p-4002d906.entry.js → p-09dd5117.entry.js} +1 -1
- package/dist/tet-components/{p-5391d594.entry.js → p-0bf60061.entry.js} +1 -1
- package/dist/tet-components/p-0d1e2fc9.entry.js +1 -0
- package/dist/tet-components/{p-4c6a379b.entry.js → p-0dca3de0.entry.js} +1 -1
- package/dist/tet-components/{p-f16a4ea0.entry.js → p-14aa36ed.entry.js} +1 -1
- package/dist/tet-components/{p-2a43ccef.entry.js → p-14c15a69.entry.js} +1 -1
- package/dist/tet-components/p-1703ad04.entry.js +1 -0
- package/dist/tet-components/{p-73640752.entry.js → p-19b2ebb4.entry.js} +1 -1
- package/dist/tet-components/{p-903c4587.entry.js → p-1a84bfc6.entry.js} +1 -1
- package/dist/tet-components/{p-3e7e1106.entry.js → p-1c19e271.entry.js} +1 -1
- package/dist/tet-components/{p-be3a10d0.entry.js → p-24df18b9.entry.js} +1 -1
- package/dist/tet-components/{p-f6916bfc.entry.js → p-265701de.entry.js} +1 -1
- package/dist/tet-components/{p-e9883cd3.entry.js → p-2ad8cd81.entry.js} +1 -1
- package/dist/tet-components/{p-b365e697.entry.js → p-2c315c23.entry.js} +1 -1
- package/dist/tet-components/{p-ccfa9f31.entry.js → p-2c891567.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-2dbe670c.js} +1 -1
- package/dist/tet-components/{p-46f6a051.entry.js → p-2f25de81.entry.js} +1 -1
- package/dist/tet-components/{p-724189c2.entry.js → p-31be2161.entry.js} +1 -1
- package/dist/tet-components/{p-7056a120.entry.js → p-31d0b400.entry.js} +1 -1
- package/dist/tet-components/{p-c858f416.entry.js → p-35513cee.entry.js} +1 -1
- package/dist/tet-components/{p-b99fbdfa.entry.js → p-382a45a6.entry.js} +1 -1
- package/dist/tet-components/{p-778c46a6.js → p-3ac57578.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-4213c1d1.js} +1 -1
- package/dist/tet-components/{p-6d57ae8d.entry.js → p-4ba89ef7.entry.js} +1 -1
- package/dist/tet-components/{p-aff47d36.entry.js → p-510806be.entry.js} +1 -1
- package/dist/tet-components/p-53af443c.entry.js +1 -0
- package/dist/tet-components/{p-122f3d3c.entry.js → p-548d7cc1.entry.js} +1 -1
- package/dist/tet-components/{p-8915cdcf.entry.js → p-5558eb1c.entry.js} +1 -1
- package/dist/tet-components/{p-71018cb8.entry.js → p-581b1f01.entry.js} +1 -1
- package/dist/tet-components/{p-ce850061.entry.js → p-589e8e4b.entry.js} +1 -1
- package/dist/tet-components/{p-5845a3dc.entry.js → p-59007fe7.entry.js} +1 -1
- package/dist/tet-components/{p-83f43fdd.js → p-5abb3bea.js} +1 -1
- package/dist/tet-components/{p-5e2eb1e5.entry.js → p-5b0df135.entry.js} +1 -1
- package/dist/tet-components/{p-316a6c7f.entry.js → p-5cc233e7.entry.js} +1 -1
- package/dist/tet-components/{p-3e3ecc08.entry.js → p-5d638022.entry.js} +1 -1
- package/dist/tet-components/{p-b0c62997.entry.js → p-5e8bd119.entry.js} +1 -1
- package/dist/tet-components/{p-cde8057a.entry.js → p-60abca86.entry.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-63f6def9.entry.js} +1 -1
- package/dist/tet-components/{p-1e67317e.entry.js → p-65d3c513.entry.js} +1 -1
- package/dist/tet-components/p-660bdc27.js +1 -0
- package/dist/tet-components/{p-99c3bea5.entry.js → p-68581067.entry.js} +1 -1
- package/dist/tet-components/{p-1dc79db3.entry.js → p-6d2fccab.entry.js} +1 -1
- package/dist/tet-components/{p-76526271.entry.js → p-6fb8c506.entry.js} +1 -1
- package/dist/tet-components/{p-32691e85.entry.js → p-71bdb301.entry.js} +1 -1
- package/dist/tet-components/{p-0ebbf5ef.js → p-726651bc.js} +1 -1
- package/dist/tet-components/{p-f3ce4422.entry.js → p-7330a0a8.entry.js} +1 -1
- package/dist/tet-components/{p-46975ec4.entry.js → p-73c190a2.entry.js} +1 -1
- package/dist/tet-components/{p-4fb9f367.entry.js → p-742b96c2.entry.js} +1 -1
- package/dist/tet-components/{p-a093603e.entry.js → p-771dd791.entry.js} +1 -1
- package/dist/tet-components/{p-8c0ac70a.entry.js → p-7a094aaa.entry.js} +1 -1
- package/dist/tet-components/{p-104a5917.entry.js → p-7d9df041.entry.js} +1 -1
- package/dist/tet-components/{p-1f33d1d9.entry.js → p-84bbd0f7.entry.js} +1 -1
- package/dist/tet-components/{p-4285287c.entry.js → p-84d4b2f0.entry.js} +1 -1
- package/dist/tet-components/{p-920c54d8.entry.js → p-863c1c55.entry.js} +1 -1
- package/dist/tet-components/{p-10e72480.entry.js → p-8b93b91f.entry.js} +1 -1
- package/dist/tet-components/{p-e0fc34c9.entry.js → p-8d399a39.entry.js} +1 -1
- package/dist/tet-components/{p-92d60107.entry.js → p-8feb28ad.entry.js} +1 -1
- package/dist/tet-components/{p-cbc98313.entry.js → p-91f99279.entry.js} +1 -1
- package/dist/tet-components/{p-cf9a7e1f.entry.js → p-9203dba5.entry.js} +1 -1
- package/dist/tet-components/{p-172e2ff7.entry.js → p-95676844.entry.js} +1 -1
- package/dist/tet-components/{p-a469caad.entry.js → p-974a6770.entry.js} +1 -1
- package/dist/tet-components/{p-8a363e18.entry.js → p-992da373.entry.js} +1 -1
- package/dist/tet-components/{p-f16514db.entry.js → p-9bd457d2.entry.js} +1 -1
- package/dist/tet-components/{p-da0fc55d.entry.js → p-9c263933.entry.js} +1 -1
- package/dist/tet-components/{p-eaaaeafe.entry.js → p-9c307fd5.entry.js} +1 -1
- package/dist/tet-components/{p-43869924.entry.js → p-9d73278f.entry.js} +1 -1
- package/dist/tet-components/{p-87221449.entry.js → p-9f921c87.entry.js} +1 -1
- package/dist/tet-components/{p-a8051a99.js → p-a476fd02.js} +1 -1
- package/dist/tet-components/{p-cf66f858.entry.js → p-a57ed64e.entry.js} +1 -1
- package/dist/tet-components/{p-ec630053.entry.js → p-a6084940.entry.js} +1 -1
- package/dist/tet-components/{p-09cfec89.entry.js → p-a63e291f.entry.js} +1 -1
- package/dist/tet-components/{p-7d64d525.entry.js → p-ab2b01f7.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-b39df477.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-b4b90473.entry.js} +1 -1
- package/dist/tet-components/{p-c5ee1356.entry.js → p-b56db1bf.entry.js} +1 -1
- package/dist/tet-components/{p-ee144210.entry.js → p-b6c906e0.entry.js} +1 -1
- package/dist/tet-components/{p-d7342c6b.entry.js → p-b884530a.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-b92dff8a.js} +1 -1
- package/dist/tet-components/{p-b34e86ef.entry.js → p-c9583427.entry.js} +1 -1
- package/dist/tet-components/{p-496180bc.entry.js → p-c9a9c657.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-c9ddf890.js} +1 -1
- package/dist/tet-components/{p-99f3c763.entry.js → p-cab3e7f1.entry.js} +1 -1
- package/dist/tet-components/{p-c455736d.entry.js → p-ce1d5bd4.entry.js} +1 -1
- package/dist/tet-components/{p-7771bc1a.entry.js → p-d0218253.entry.js} +1 -1
- package/dist/tet-components/{p-615a1f0a.entry.js → p-d06598da.entry.js} +1 -1
- package/dist/tet-components/{p-3ab161b4.entry.js → p-d12eef25.entry.js} +1 -1
- package/dist/tet-components/{p-39796998.entry.js → p-d3db997e.entry.js} +1 -1
- package/dist/tet-components/{p-020ceb18.entry.js → p-d534dd79.entry.js} +1 -1
- package/dist/tet-components/{p-cea240d6.entry.js → p-d749ee2b.entry.js} +1 -1
- package/dist/tet-components/{p-9702ffe7.entry.js → p-d9a70403.entry.js} +1 -1
- package/dist/tet-components/{p-ab13d33d.entry.js → p-de713453.entry.js} +1 -1
- package/dist/tet-components/{p-eaaf3ccf.entry.js → p-df8fa399.entry.js} +1 -1
- package/dist/tet-components/{p-e95dba20.entry.js → p-dfdc6147.entry.js} +1 -1
- package/dist/tet-components/{p-a113873a.entry.js → p-e1d74c62.entry.js} +1 -1
- package/dist/tet-components/{p-a64e3e96.entry.js → p-e74416dc.entry.js} +1 -1
- package/dist/tet-components/p-e8639d99.entry.js +1 -0
- package/dist/tet-components/{p-c9f21fde.entry.js → p-ec5b1040.entry.js} +1 -1
- package/dist/tet-components/{p-cb8b3363.entry.js → p-ee3d0567.entry.js} +1 -1
- package/dist/tet-components/{p-202343e2.entry.js → p-eefbcf31.entry.js} +1 -1
- package/dist/tet-components/{p-9a1f44f5.entry.js → p-f242e081.entry.js} +1 -1
- package/dist/tet-components/{p-b87db05c.entry.js → p-fd2ebd97.entry.js} +1 -1
- package/dist/tet-components/{p-6eff3406.entry.js → p-fec0e9cf.entry.js} +1 -1
- package/dist/tet-components/{p-c4de9e32.entry.js → p-ff5b0f63.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.d.ts +51 -0
- package/dist/types/components.d.ts +63 -0
- package/package.json +1 -1
- package/dist/tet-components/p-2b10023e.entry.js +0 -1
- package/dist/tet-components/p-98412b48.entry.js +0 -1
- package/dist/tet-components/p-e035e45e.entry.js +0 -1
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as o,h as n,H as i}from"./p-83f43fdd.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(o){t(this,o),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return o(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&this.host.blur()};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.host.blur())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,o=this.host.offsetWidth;await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,o="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const o=`${e}px`,n=this.inputWrapper.animate([{width:`${t}px`},{width:o}],{duration:this.animationDuration,fill:"forwards"});this.animation=n;try{await n.finished&&n.commitStyles()}catch{this.inputWrapper.style.width=o}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?n("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return n(i,{key:"efff4c98d180226a1c78b7fb783efb9e8ac7ea9d"},n("div",{key:"d78e0335b21ab5ad8657f329820511fdb1acc4b2",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},n("div",{key:"23a0b12387c18250f759fa871ebb7a2557a01157",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},n("tet-input",{key:"1f2810c277b0429a2c9892d755c6288d33449373",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:1rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary-dark);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-desktop-collapsed-background-hover-color);transition:background-color 300ms ease-in-out, border 300ms ease-in-out}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|
|
1
|
+
import{r as t,c as e,g as o,h as n,H as i}from"./p-5abb3bea.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(o){t(this,o),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return o(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&this.host.blur()};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.host.blur())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,o=this.host.offsetWidth;await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,o="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const o=`${e}px`,n=this.inputWrapper.animate([{width:`${t}px`},{width:o}],{duration:this.animationDuration,fill:"forwards"});this.animation=n;try{await n.finished&&n.commitStyles()}catch{this.inputWrapper.style.width=o}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?n("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return n(i,{key:"efff4c98d180226a1c78b7fb783efb9e8ac7ea9d"},n("div",{key:"d78e0335b21ab5ad8657f329820511fdb1acc4b2",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},n("div",{key:"23a0b12387c18250f759fa871ebb7a2557a01157",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},n("tet-input",{key:"1f2810c277b0429a2c9892d755c6288d33449373",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:1rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary-dark);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-desktop-collapsed-background-hover-color);transition:background-color 300ms ease-in-out, border 300ms ease-in-out}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as o,f as r,h as i,H as n}from"./p-83f43fdd.js";import{a}from"./p-713fff27.js";import{p as s,t as l}from"./p-a8051a99.js";import{f as c}from"./p-e1e74d01.js";import"./p-9a2b6ee2.js";import"./p-0ebbf5ef.js";const d=class{constructor(o){e(this,o),this.bottomLinkClick=t(this,"bottomLinkClick",7),this.benefitLinkClick=t(this,"benefitLinkClick",7),this.cardClick=t(this,"cardClick",7),this.selectionStateChange=t(this,"selectionStateChange",7),this.addToCart=t(this,"addToCart",7),this.removeFromCart=t(this,"removeFromCart",7),this.isDesktopResolution=!1,this.isAccordionOpen=!0,this.theme="light",this.state="default",this.selectionType=void 0,this.isTabStop=!0,this.subscriptionLabel=void 0,this.topBadge=void 0,this.indicator=void 0,this.cardTitle=void 0,this.subtitle=void 0,this.description=void 0,this.price=void 0,this.inlineMessage=void 0,this.selectionConfig=void 0,this.count=void 0,this.primaryValue=void 0,this.secondaryValue=void 0,this.isInCart=!1,this.benefits=void 0,this.benefitLink=void 0,this.packageItems=void 0,this.subscriptionItems=void 0,this.bottomLinkText=void 0,this.bottomRemark=void 0,this.accordionConfig=void 0}get hostElement(){return o(this)}focusTargetEl;static INTERACTIVE_CLICK_TAGS=new Set(["TET-STEPPER-INPUT","TET-BUTTON","TET-DROPDOWN"]);accordionEl;bottomLinkClick;benefitLinkClick;cardClick;selectionStateChange;addToCart;removeFromCart;get isSelectedState(){return"selected"===this.state}get isDisabledState(){return"disabled"===this.state}get isUnavailableState(){return"unavailable"===this.state}get isSubscribedState(){return"subscribed"===this.state}get isSelectable(){return!(!this.selectionType||this.isDisabledState||this.isUnavailableState||this.isSubscribedState)}get isHoverable(){return this.isSelectable&&("checkbox"===this.selectionType||!this.isSelectedState)}get hasDesktopAccordionToggle(){const e=this.accordionConfig?.openLabelDesktop?.trim(),t=this.accordionConfig?.closedLabelDesktop?.trim();return!!e&&!!t}componentWillLoad(){this.isAccordionOpen="closed"!==this.accordionConfig?.defaultState,this.checkDesktopResolution(),this.ensureDesktopOpenWithoutToggle(),s("tet-components","lv").then((()=>r(this)))}onAccordionConfigChanged(){this.ensureDesktopOpenWithoutToggle()}onSelectionConfigChanged(e,t){const o=this.haveDropdownOptionsChanged(e?.primaryDropdown,t?.primaryDropdown),r=this.haveDropdownOptionsChanged(e?.secondaryDropdown,t?.secondaryDropdown),i={};let n=!1;o&&void 0!==this.primaryValue&&(i.primaryValue=void 0,n=!0),r&&void 0!==this.secondaryValue&&(i.secondaryValue=void 0,n=!0),n&&this.emitSelectionStateChanged(i)}onResize(){const e=this.isDesktopResolution;this.checkDesktopResolution(),!e&&this.isDesktopResolution&&this.ensureDesktopOpenWithoutToggle()}checkDesktopResolution=()=>{this.isDesktopResolution=void 0!==globalThis.window&&globalThis.window.innerWidth>=500};emitSelectionStateChanged=e=>{const t={primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count,...e};this.selectionStateChange.emit(t)};getDropdownValueSignature=e=>JSON.stringify((e?.options??[]).map((e=>e.value)));haveDropdownOptionsChanged=(e,t)=>this.getDropdownValueSignature(e)!==this.getDropdownValueSignature(t);onSelectionCounterValueChange=({detail:e})=>{this.emitSelectionStateChanged({count:e})};onSelectionAdd=e=>{e.stopPropagation(),this.isDisabledState||this.addToCart.emit({primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count})};onSelectionRemove=e=>{e.stopPropagation(),this.isDisabledState||this.removeFromCart.emit()};onDropdownOptionSelected=e=>({detail:t})=>{this.emitSelectionStateChanged("primary"===e?{primaryValue:t.value}:{secondaryValue:t.value})};onAccordionChanged=({detail:e})=>{this.isAccordionOpen=e};ensureDesktopOpenWithoutToggle=()=>{!this.isDesktopResolution||this.hasDesktopAccordionToggle||this.isAccordionOpen||(this.isAccordionOpen=!0)};onBottomAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.isAccordionOpen?this.accordionEl?.close():this.accordionEl?.open()};onHeaderAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.onBottomAccordionToggle(e)};onBottomLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState||this.bottomLinkClick.emit(this.bottomLinkText??"")};onBenefitLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState||this.benefitLinkClick.emit(this.benefitLink??"")};isInteractiveCardClick=e=>e.composedPath().some((e=>e instanceof HTMLElement&&d.INTERACTIVE_CLICK_TAGS.has(e.tagName)));onCardClick=e=>{this.isSelectable&&(this.isInteractiveCardClick(e)||this.cardClick.emit())};async focusSelectionTarget(){this.focusTargetEl?.focus()}renderTopBadge=()=>this.topBadge?i("div",{class:"snicker-card__badge"},this.topBadge):null;renderSubscriptionStrip=()=>this.isSubscribedState&&this.subscriptionLabel?i("div",{class:"subscription-strip"},i("p",{class:"subscription-strip__label"},this.subscriptionLabel)):null;renderSelection=()=>{if(!this.selectionConfig)return null;const{primaryDropdown:e,secondaryDropdown:t,stepper:o,addButtonLabel:r,removeButtonLabel:n}=this.selectionConfig,a=this.isInCart,s=this.isDisabledState,c=this.count??o?.value??o?.min,d=a?n??l("components-snicker-card-remove-from-cart"):r??l("components-snicker-card-add-to-cart");return i("div",{class:"selection"},e&&i("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:e.label,buttonLabel:e.buttonLabel,options:e.options,disabled:s||(e.disabled??!1),closeOnSelection:e.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("primary")}),t&&i("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:t.label,buttonLabel:t.buttonLabel,options:t.options,disabled:s||(t.disabled??!1),closeOnSelection:t.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("secondary")}),o&&i("tet-stepper-input",{class:"selection__stepper",theme:this.theme,disabled:s,value:c,displayMode:this.isDesktopResolution?"input":"text",min:o.min,max:o.max,step:o.step??1,accessibilityLabel:o.label,onInputValueChanged:this.onSelectionCounterValueChange}),!a&&i("tet-button",{class:"selection__button",onClick:this.onSelectionAdd,size:"medium",type:"primary",theme:this.theme,disabled:s,iconName:"tc-cart-outline",iconPosition:"left",accessibilityLabel:d},d),a&&i("tet-button",{class:"selection__button selection__button--in-cart selection__button--mobile",onClick:this.onSelectionRemove,size:"medium",type:"secondary",theme:this.theme,disabled:s,iconName:"tc-trash",iconPosition:"left",accessibilityLabel:d},d),a&&i("tet-button",{class:"selection__button selection__button--in-cart selection__button--desktop",onClick:this.onSelectionRemove,size:"medium",type:"primary",theme:this.theme,disabled:s,iconName:"tc-trash",iconMode:!0,iconPosition:"left",accessibilityLabel:d,customColorCode:"light"===this.theme?"#F7F7F7":"#18191B",customColorContentTone:"light"===this.theme?"dark":"light"}))};renderBenefits=()=>{const e=this.benefits??[];let t="primary";return this.isDisabledState?t="quaternary":this.isUnavailableState&&(t="tertiary"),0!==e.length||this.benefitLink?i("ul",{class:"benefits with-divider"},e.map((e=>i("li",{class:"benefits__item"},i("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),i("span",{class:"benefits__text"},e)))),this.benefitLink&&i("li",{class:"benefits__item"},i("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),i("button",{type:"button",class:{"button-naked":!0,benefits__link:!0,"benefits__link--unavailable":this.isUnavailableState,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0},disabled:this.isDisabledState,onClick:this.onBenefitLinkClick},this.benefitLink))):null};renderPackageItems=()=>{const e=this.packageItems??[];return 0===e.length?null:i("div",{class:"packages"},e.map((e=>i("div",{class:"packages__item"},i("img",{class:"packages__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderSubscriptionItems=()=>{const e=this.subscriptionItems??[];return 0===e.length?null:i("div",{class:"subscriptions with-divider"},e.map((e=>i("div",{class:"subscriptions__item"},i("img",{class:"subscriptions__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderInlineMessage=()=>{const e=this.inlineMessage;return e?i("div",{class:{message:!0,"with-divider":!0}},i("tet-inline-message",{class:"message__inline",variant:e.variant??"info",theme:this.theme},i("span",{slot:"title"},e.title),i("span",{slot:"description"},e.message))):null};renderBottomLink=()=>this.bottomLinkText?i("button",{type:"button",class:{"button-naked":!0,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0,footer__link:!0},disabled:this.isDisabledState,onClick:this.onBottomLinkClick},this.bottomLinkText):null;renderBottomToggle=()=>this.hasDesktopAccordionToggle?i("button",{class:"footer__toggle",onClick:this.onBottomAccordionToggle},i("span",{class:"footer__toggle-label"},this.isAccordionOpen?this.accordionConfig?.openLabelDesktop:this.accordionConfig?.closedLabelDesktop),i("tet-icon",{theme:this.theme,class:{"footer__toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"})):null;renderBottomSection=()=>{const e=!!this.bottomLinkText,t=!!this.bottomRemark;return e||t||this.hasDesktopAccordionToggle?i("div",{class:{footer:!0,"footer--desktop-only":!e&&!t}},i("div",{class:"footer__contract"},this.renderBottomLink(),t&&i("p",{class:"footer__remark"},this.bottomRemark)),this.renderBottomToggle()):null};renderIndicator=()=>{const e=this.indicator;return e?i("checkbox"===e.type?"tet-checkbox":"tet-radio",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,labelFont:"lg-inter","aria-hidden":!0,inert:!0}):null};renderHeader=()=>{const e=this.price,t=!!e;let o=-1;this.isSelectable&&(o="radio"!==this.selectionType||this.isTabStop?0:-1);const r="price"===e?.type;let n,s;if(r){const t={decimalSeparator:",",currency:""};n=c(e.value,t),s=void 0===e.oldValue?void 0:c(e.oldValue,t)}else n=e?.value,s=e?.oldValue;const l=r?e?.prefix:void 0,d=r?e?.suffix:void 0;return i("div",{class:{header:!0,"header--hoverable":this.isHoverable,"header--closed":!this.isAccordionOpen,"header--no-price":!t}},i("div",{class:"header__top"},i("div",{class:"header__top-left",ref:e=>this.focusTargetEl=e??void 0,tabindex:o,onKeyDown:this.isSelectable?a:void 0,role:this.isSelectable?this.selectionType:void 0,"aria-checked":this.isSelectable?String(this.isSelectedState):void 0},this.renderIndicator(),i("h3",{class:"header__title"},this.cardTitle)),i("button",{type:"button",class:"header__accordion-toggle",onClick:this.onHeaderAccordionToggle},i("tet-icon",{theme:this.theme,class:{"header__accordion-toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"}))),i("div",{class:"header__content"},this.subtitle&&i("p",{class:"header__subtitle"},this.subtitle),t&&i("div",{class:"header__price-line"},i("div",{class:"header__price-main"},l&&i("span",{class:"header__price-prefix"},l),i("span",{class:"header__price-value"},n),d&&i("span",{class:"header__price-suffix"},d)),s&&i("div",{class:"header__old-price"},s,d?` ${d}`:"")),this.description&&i("p",{class:"header__description"},this.description)))};render(){return i(n,{key:"d0f0ea76ed9e8999c18a952d184e87e5da254145"},i("div",{key:"b25ad0501e0ce9f88ee26d32e281786a28db92b2",class:{"snicker-card":!0,[this.theme]:!0,"snicker-card--hoverable":this.isHoverable,"snicker-card--selected":this.isSelectedState,"snicker-card--disabled":this.isDisabledState,"snicker-card--unavailable":this.isUnavailableState,"snicker-card--subscribed":this.isSubscribedState,"snicker-card--with-badge":!!this.topBadge},onClick:this.onCardClick},this.renderTopBadge(),this.renderSubscriptionStrip(),i("tet-accordion",{key:"4dc027724c506e98c1d4a5d68f0c47f9ce41c5e5",ref:e=>this.accordionEl=e,class:"accordion",theme:this.theme,isOpen:this.isAccordionOpen,onOpenChanged:this.onAccordionChanged,transparentBackground:!0,isHeaderInteractive:!1},i("div",{key:"2a03e68de5dfc0754d72c34dcabde4e1c8e904e2",slot:"header",class:"accordion__header"},this.renderHeader()),i("div",{key:"0b2c0128d3bf8645db58591a1611b3175c6762ab",class:"accordion__content"},this.renderInlineMessage(),this.renderSelection(),this.renderBenefits(),this.renderPackageItems(),this.renderSubscriptionItems())),this.renderBottomSection()))}static get watchers(){return{accordionConfig:["onAccordionConfigChanged"],selectionConfig:["onSelectionConfigChanged"]}}};d.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--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}.light{--snicker-card-background:var(--tc-layer-primary);--snicker-card-subscribed-background:var(--tc-layer-secondary);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary);--snicker-card-border-color:var(--tc-border-quaternary);--snicker-card-border-hover-color:var(--tc-border-secondary);--snicker-card-border-selected-color:var(--tc-border-primary);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary);--snicker-card-text-primary:var(--tc-text-primary);--snicker-card-text-secondary:var(--tc-text-secondary);--snicker-card-text-tertiary:var(--tc-text-tertiary);--snicker-card-unavailable-color:var(--tc-text-tertiary);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled);--snicker-card-toggle-color:var(--tc-text-primary);--snicker-card-shadow:var(--tc-elevation-one);--snicker-card-selected-shadow:var(--tc-elevation-two);--snicker-card-badge-background:var(--tc-yellow-40);--snicker-card-focus-outline-color:var(--tc-blue-40)}.dark{--snicker-card-background:var(--tc-layer-primary-dark);--snicker-card-subscribed-background:var(--tc-layer-secondary-dark);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary-dark);--snicker-card-border-color:var(--tc-border-quaternary-dark);--snicker-card-border-hover-color:var(--tc-border-secondary-dark);--snicker-card-border-selected-color:var(--tc-border-primary-dark);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary-dark);--snicker-card-text-primary:var(--tc-text-primary-dark);--snicker-card-text-secondary:var(--tc-text-secondary-dark);--snicker-card-text-tertiary:var(--tc-text-tertiary-dark);--snicker-card-unavailable-color:var(--tc-text-tertiary-dark);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled-dark);--snicker-card-toggle-color:var(--tc-text-primary-dark);--snicker-card-shadow:var(--tc-elevation-one-dark);--snicker-card-selected-shadow:var(--tc-elevation-two-dark);--snicker-card-badge-background:var(--tc-yellow-40-dark);--snicker-card-focus-outline-color:var(--tc-blue-40-dark)}.snicker-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1rem;border:0.0625rem solid var(--snicker-card-border-color);border-radius:1rem;background-color:var(--snicker-card-background);box-shadow:var(--snicker-card-shadow);color:var(--snicker-card-text-primary)}.snicker-card--hoverable{cursor:pointer}@media (hover: hover){.snicker-card--hoverable:hover{border-color:var(--snicker-card-border-hover-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-hover-color), var(--snicker-card-shadow)}}.snicker-card:has(.header__top-left:focus-visible){box-shadow:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.snicker-card{padding:1.5rem}}.snicker-card--with-badge{margin-top:0.875rem}.snicker-card--selected{border-color:var(--snicker-card-border-selected-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-selected-color), var(--snicker-card-selected-shadow)}.snicker-card--subscribed{background-color:var(--snicker-card-subscribed-background)}.snicker-card--unavailable{--snicker-card-text-primary:var(--snicker-card-unavailable-color);--snicker-card-text-secondary:var(--snicker-card-unavailable-color);--snicker-card-text-tertiary:var(--snicker-card-unavailable-color)}.snicker-card--disabled{--snicker-card-text-primary:var(--snicker-card-disabled-color);--snicker-card-text-secondary:var(--snicker-card-disabled-color);--snicker-card-text-tertiary:var(--snicker-card-disabled-color)}.snicker-card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--tc-text-black-permanent);background-color:var(--snicker-card-badge-background);padding:0.375rem 1.25rem;border-radius:6.25rem;box-shadow:var(--snicker-card-shadow);width:fit-content;white-space:nowrap;font:600 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}@media (min-width: 26.375rem){.snicker-card__badge{left:1.5rem;transform:translateY(-50%) translateX(0)}}.subscription-strip{margin:-1rem -1rem 1rem;background-color:var(--snicker-card-subscription-strip-background);padding:0.75rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-sizing:border-box}@media screen and (min-width: 31.25rem){.subscription-strip{margin:-1.5rem -1.5rem 1rem;padding:0.75rem 1.5rem}}.subscription-strip__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.accordion{--accordion-background-color:transparent;--accordion-header-mobile-padding:0;--accordion-header-padding:0;--accordion-header-font:inherit;--accordion-header-mobile-font:inherit;--accordion-header-text-desktop-margin-right:0;--accordion-border-bottom-width:0;--accordion-outer-border:none;display:block;width:100%}.accordion__header{width:100%;cursor:default}.accordion__content{width:100%}.with-divider{border-top:var(--snicker-card-divider);padding-top:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem;padding-bottom:1rem}.header--hoverable{cursor:pointer}@media screen and (min-width: 31.25rem){.header{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"top price" "subtitle price" "description price";column-gap:1.5rem;row-gap:0.125rem;align-items:start}}.header--closed{padding-bottom:0.25rem}@media screen and (min-width: 31.25rem){.header--no-price{grid-template-columns:minmax(0, 1fr);grid-template-areas:"top" "subtitle" "description"}}.header__top{display:flex;align-items:start;justify-content:space-between;gap:0.75rem}@media screen and (min-width: 31.25rem){.header__top{grid-area:top;justify-content:flex-start}}.header__top-left{display:flex;align-items:center;gap:0.5rem 0;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{flex-shrink:0;pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-value{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-suffix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__old-price{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.benefits{list-style:none;margin:0;padding-bottom:1rem;display:flex;flex-direction:column;gap:0.25rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:column;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{padding:0.75rem 0;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto;height:1.5rem}@media screen and (min-width: 31.25rem){.subscriptions{flex-direction:row;flex-wrap:wrap}}.footer{padding-top:0.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block}}.footer__contract{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:0.625rem}.footer__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.footer__remark{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0.25rem;padding:0;white-space:nowrap;cursor:pointer;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}';export{d as tet_snicker_card}
|
|
1
|
+
import{r as e,c as t,g as o,f as r,h as i,H as n}from"./p-5abb3bea.js";import{a}from"./p-713fff27.js";import{p as s,t as l}from"./p-a476fd02.js";import{f as c}from"./p-e1e74d01.js";import"./p-9a2b6ee2.js";import"./p-726651bc.js";const d=class{constructor(o){e(this,o),this.bottomLinkClick=t(this,"bottomLinkClick",7),this.benefitLinkClick=t(this,"benefitLinkClick",7),this.cardClick=t(this,"cardClick",7),this.selectionStateChange=t(this,"selectionStateChange",7),this.addToCart=t(this,"addToCart",7),this.removeFromCart=t(this,"removeFromCart",7),this.isDesktopResolution=!1,this.isAccordionOpen=!0,this.theme="light",this.state="default",this.selectionType=void 0,this.isTabStop=!0,this.subscriptionLabel=void 0,this.topBadge=void 0,this.indicator=void 0,this.cardTitle=void 0,this.subtitle=void 0,this.description=void 0,this.price=void 0,this.inlineMessage=void 0,this.selectionConfig=void 0,this.count=void 0,this.primaryValue=void 0,this.secondaryValue=void 0,this.isInCart=!1,this.benefits=void 0,this.benefitLink=void 0,this.packageItems=void 0,this.subscriptionItems=void 0,this.bottomLinkText=void 0,this.bottomRemark=void 0,this.accordionConfig=void 0}get hostElement(){return o(this)}focusTargetEl;static INTERACTIVE_CLICK_TAGS=new Set(["TET-STEPPER-INPUT","TET-BUTTON","TET-DROPDOWN"]);accordionEl;bottomLinkClick;benefitLinkClick;cardClick;selectionStateChange;addToCart;removeFromCart;get isSelectedState(){return"selected"===this.state}get isDisabledState(){return"disabled"===this.state}get isUnavailableState(){return"unavailable"===this.state}get isSubscribedState(){return"subscribed"===this.state}get isSelectable(){return!(!this.selectionType||this.isDisabledState||this.isUnavailableState||this.isSubscribedState)}get isHoverable(){return this.isSelectable&&("checkbox"===this.selectionType||!this.isSelectedState)}get hasDesktopAccordionToggle(){const e=this.accordionConfig?.openLabelDesktop?.trim(),t=this.accordionConfig?.closedLabelDesktop?.trim();return!!e&&!!t}componentWillLoad(){this.isAccordionOpen="closed"!==this.accordionConfig?.defaultState,this.checkDesktopResolution(),this.ensureDesktopOpenWithoutToggle(),s("tet-components","lv").then((()=>r(this)))}onAccordionConfigChanged(){this.ensureDesktopOpenWithoutToggle()}onSelectionConfigChanged(e,t){const o=this.haveDropdownOptionsChanged(e?.primaryDropdown,t?.primaryDropdown),r=this.haveDropdownOptionsChanged(e?.secondaryDropdown,t?.secondaryDropdown),i={};let n=!1;o&&void 0!==this.primaryValue&&(i.primaryValue=void 0,n=!0),r&&void 0!==this.secondaryValue&&(i.secondaryValue=void 0,n=!0),n&&this.emitSelectionStateChanged(i)}onResize(){const e=this.isDesktopResolution;this.checkDesktopResolution(),!e&&this.isDesktopResolution&&this.ensureDesktopOpenWithoutToggle()}checkDesktopResolution=()=>{this.isDesktopResolution=void 0!==globalThis.window&&globalThis.window.innerWidth>=500};emitSelectionStateChanged=e=>{const t={primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count,...e};this.selectionStateChange.emit(t)};getDropdownValueSignature=e=>JSON.stringify((e?.options??[]).map((e=>e.value)));haveDropdownOptionsChanged=(e,t)=>this.getDropdownValueSignature(e)!==this.getDropdownValueSignature(t);onSelectionCounterValueChange=({detail:e})=>{this.emitSelectionStateChanged({count:e})};onSelectionAdd=e=>{e.stopPropagation(),this.isDisabledState||this.addToCart.emit({primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count})};onSelectionRemove=e=>{e.stopPropagation(),this.isDisabledState||this.removeFromCart.emit()};onDropdownOptionSelected=e=>({detail:t})=>{this.emitSelectionStateChanged("primary"===e?{primaryValue:t.value}:{secondaryValue:t.value})};onAccordionChanged=({detail:e})=>{this.isAccordionOpen=e};ensureDesktopOpenWithoutToggle=()=>{!this.isDesktopResolution||this.hasDesktopAccordionToggle||this.isAccordionOpen||(this.isAccordionOpen=!0)};onBottomAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.isAccordionOpen?this.accordionEl?.close():this.accordionEl?.open()};onHeaderAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.onBottomAccordionToggle(e)};onBottomLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState||this.bottomLinkClick.emit(this.bottomLinkText??"")};onBenefitLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState||this.benefitLinkClick.emit(this.benefitLink??"")};isInteractiveCardClick=e=>e.composedPath().some((e=>e instanceof HTMLElement&&d.INTERACTIVE_CLICK_TAGS.has(e.tagName)));onCardClick=e=>{this.isSelectable&&(this.isInteractiveCardClick(e)||this.cardClick.emit())};async focusSelectionTarget(){this.focusTargetEl?.focus()}renderTopBadge=()=>this.topBadge?i("div",{class:"snicker-card__badge"},this.topBadge):null;renderSubscriptionStrip=()=>this.isSubscribedState&&this.subscriptionLabel?i("div",{class:"subscription-strip"},i("p",{class:"subscription-strip__label"},this.subscriptionLabel)):null;renderSelection=()=>{if(!this.selectionConfig)return null;const{primaryDropdown:e,secondaryDropdown:t,stepper:o,addButtonLabel:r,removeButtonLabel:n}=this.selectionConfig,a=this.isInCart,s=this.isDisabledState,c=this.count??o?.value??o?.min,d=a?n??l("components-snicker-card-remove-from-cart"):r??l("components-snicker-card-add-to-cart");return i("div",{class:"selection"},e&&i("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:e.label,buttonLabel:e.buttonLabel,options:e.options,disabled:s||(e.disabled??!1),closeOnSelection:e.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("primary")}),t&&i("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:t.label,buttonLabel:t.buttonLabel,options:t.options,disabled:s||(t.disabled??!1),closeOnSelection:t.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("secondary")}),o&&i("tet-stepper-input",{class:"selection__stepper",theme:this.theme,disabled:s,value:c,displayMode:this.isDesktopResolution?"input":"text",min:o.min,max:o.max,step:o.step??1,accessibilityLabel:o.label,onInputValueChanged:this.onSelectionCounterValueChange}),!a&&i("tet-button",{class:"selection__button",onClick:this.onSelectionAdd,size:"medium",type:"primary",theme:this.theme,disabled:s,iconName:"tc-cart-outline",iconPosition:"left",accessibilityLabel:d},d),a&&i("tet-button",{class:"selection__button selection__button--in-cart selection__button--mobile",onClick:this.onSelectionRemove,size:"medium",type:"secondary",theme:this.theme,disabled:s,iconName:"tc-trash",iconPosition:"left",accessibilityLabel:d},d),a&&i("tet-button",{class:"selection__button selection__button--in-cart selection__button--desktop",onClick:this.onSelectionRemove,size:"medium",type:"primary",theme:this.theme,disabled:s,iconName:"tc-trash",iconMode:!0,iconPosition:"left",accessibilityLabel:d,customColorCode:"light"===this.theme?"#F7F7F7":"#18191B",customColorContentTone:"light"===this.theme?"dark":"light"}))};renderBenefits=()=>{const e=this.benefits??[];let t="primary";return this.isDisabledState?t="quaternary":this.isUnavailableState&&(t="tertiary"),0!==e.length||this.benefitLink?i("ul",{class:"benefits with-divider"},e.map((e=>i("li",{class:"benefits__item"},i("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),i("span",{class:"benefits__text"},e)))),this.benefitLink&&i("li",{class:"benefits__item"},i("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),i("button",{type:"button",class:{"button-naked":!0,benefits__link:!0,"benefits__link--unavailable":this.isUnavailableState,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0},disabled:this.isDisabledState,onClick:this.onBenefitLinkClick},this.benefitLink))):null};renderPackageItems=()=>{const e=this.packageItems??[];return 0===e.length?null:i("div",{class:"packages"},e.map((e=>i("div",{class:"packages__item"},i("img",{class:"packages__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderSubscriptionItems=()=>{const e=this.subscriptionItems??[];return 0===e.length?null:i("div",{class:"subscriptions with-divider"},e.map((e=>i("div",{class:"subscriptions__item"},i("img",{class:"subscriptions__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderInlineMessage=()=>{const e=this.inlineMessage;return e?i("div",{class:{message:!0,"with-divider":!0}},i("tet-inline-message",{class:"message__inline",variant:e.variant??"info",theme:this.theme},i("span",{slot:"title"},e.title),i("span",{slot:"description"},e.message))):null};renderBottomLink=()=>this.bottomLinkText?i("button",{type:"button",class:{"button-naked":!0,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0,footer__link:!0},disabled:this.isDisabledState,onClick:this.onBottomLinkClick},this.bottomLinkText):null;renderBottomToggle=()=>this.hasDesktopAccordionToggle?i("button",{class:"footer__toggle",onClick:this.onBottomAccordionToggle},i("span",{class:"footer__toggle-label"},this.isAccordionOpen?this.accordionConfig?.openLabelDesktop:this.accordionConfig?.closedLabelDesktop),i("tet-icon",{theme:this.theme,class:{"footer__toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"})):null;renderBottomSection=()=>{const e=!!this.bottomLinkText,t=!!this.bottomRemark;return e||t||this.hasDesktopAccordionToggle?i("div",{class:{footer:!0,"footer--desktop-only":!e&&!t}},i("div",{class:"footer__contract"},this.renderBottomLink(),t&&i("p",{class:"footer__remark"},this.bottomRemark)),this.renderBottomToggle()):null};renderIndicator=()=>{const e=this.indicator;return e?i("checkbox"===e.type?"tet-checkbox":"tet-radio",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,labelFont:"lg-inter","aria-hidden":!0,inert:!0}):null};renderHeader=()=>{const e=this.price,t=!!e;let o=-1;this.isSelectable&&(o="radio"!==this.selectionType||this.isTabStop?0:-1);const r="price"===e?.type;let n,s;if(r){const t={decimalSeparator:",",currency:""};n=c(e.value,t),s=void 0===e.oldValue?void 0:c(e.oldValue,t)}else n=e?.value,s=e?.oldValue;const l=r?e?.prefix:void 0,d=r?e?.suffix:void 0;return i("div",{class:{header:!0,"header--hoverable":this.isHoverable,"header--closed":!this.isAccordionOpen,"header--no-price":!t}},i("div",{class:"header__top"},i("div",{class:"header__top-left",ref:e=>this.focusTargetEl=e??void 0,tabindex:o,onKeyDown:this.isSelectable?a:void 0,role:this.isSelectable?this.selectionType:void 0,"aria-checked":this.isSelectable?String(this.isSelectedState):void 0},this.renderIndicator(),i("h3",{class:"header__title"},this.cardTitle)),i("button",{type:"button",class:"header__accordion-toggle",onClick:this.onHeaderAccordionToggle},i("tet-icon",{theme:this.theme,class:{"header__accordion-toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"}))),i("div",{class:"header__content"},this.subtitle&&i("p",{class:"header__subtitle"},this.subtitle),t&&i("div",{class:"header__price-line"},i("div",{class:"header__price-main"},l&&i("span",{class:"header__price-prefix"},l),i("span",{class:"header__price-value"},n),d&&i("span",{class:"header__price-suffix"},d)),s&&i("div",{class:"header__old-price"},s,d?` ${d}`:"")),this.description&&i("p",{class:"header__description"},this.description)))};render(){return i(n,{key:"d0f0ea76ed9e8999c18a952d184e87e5da254145"},i("div",{key:"b25ad0501e0ce9f88ee26d32e281786a28db92b2",class:{"snicker-card":!0,[this.theme]:!0,"snicker-card--hoverable":this.isHoverable,"snicker-card--selected":this.isSelectedState,"snicker-card--disabled":this.isDisabledState,"snicker-card--unavailable":this.isUnavailableState,"snicker-card--subscribed":this.isSubscribedState,"snicker-card--with-badge":!!this.topBadge},onClick:this.onCardClick},this.renderTopBadge(),this.renderSubscriptionStrip(),i("tet-accordion",{key:"4dc027724c506e98c1d4a5d68f0c47f9ce41c5e5",ref:e=>this.accordionEl=e,class:"accordion",theme:this.theme,isOpen:this.isAccordionOpen,onOpenChanged:this.onAccordionChanged,transparentBackground:!0,isHeaderInteractive:!1},i("div",{key:"2a03e68de5dfc0754d72c34dcabde4e1c8e904e2",slot:"header",class:"accordion__header"},this.renderHeader()),i("div",{key:"0b2c0128d3bf8645db58591a1611b3175c6762ab",class:"accordion__content"},this.renderInlineMessage(),this.renderSelection(),this.renderBenefits(),this.renderPackageItems(),this.renderSubscriptionItems())),this.renderBottomSection()))}static get watchers(){return{accordionConfig:["onAccordionConfigChanged"],selectionConfig:["onSelectionConfigChanged"]}}};d.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--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}.light{--snicker-card-background:var(--tc-layer-primary);--snicker-card-subscribed-background:var(--tc-layer-secondary);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary);--snicker-card-border-color:var(--tc-border-quaternary);--snicker-card-border-hover-color:var(--tc-border-secondary);--snicker-card-border-selected-color:var(--tc-border-primary);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary);--snicker-card-text-primary:var(--tc-text-primary);--snicker-card-text-secondary:var(--tc-text-secondary);--snicker-card-text-tertiary:var(--tc-text-tertiary);--snicker-card-unavailable-color:var(--tc-text-tertiary);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled);--snicker-card-toggle-color:var(--tc-text-primary);--snicker-card-shadow:var(--tc-elevation-one);--snicker-card-selected-shadow:var(--tc-elevation-two);--snicker-card-badge-background:var(--tc-yellow-40);--snicker-card-focus-outline-color:var(--tc-blue-40)}.dark{--snicker-card-background:var(--tc-layer-primary-dark);--snicker-card-subscribed-background:var(--tc-layer-secondary-dark);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary-dark);--snicker-card-border-color:var(--tc-border-quaternary-dark);--snicker-card-border-hover-color:var(--tc-border-secondary-dark);--snicker-card-border-selected-color:var(--tc-border-primary-dark);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary-dark);--snicker-card-text-primary:var(--tc-text-primary-dark);--snicker-card-text-secondary:var(--tc-text-secondary-dark);--snicker-card-text-tertiary:var(--tc-text-tertiary-dark);--snicker-card-unavailable-color:var(--tc-text-tertiary-dark);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled-dark);--snicker-card-toggle-color:var(--tc-text-primary-dark);--snicker-card-shadow:var(--tc-elevation-one-dark);--snicker-card-selected-shadow:var(--tc-elevation-two-dark);--snicker-card-badge-background:var(--tc-yellow-40-dark);--snicker-card-focus-outline-color:var(--tc-blue-40-dark)}.snicker-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1rem;border:0.0625rem solid var(--snicker-card-border-color);border-radius:1rem;background-color:var(--snicker-card-background);box-shadow:var(--snicker-card-shadow);color:var(--snicker-card-text-primary)}.snicker-card--hoverable{cursor:pointer}@media (hover: hover){.snicker-card--hoverable:hover{border-color:var(--snicker-card-border-hover-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-hover-color), var(--snicker-card-shadow)}}.snicker-card:has(.header__top-left:focus-visible){box-shadow:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.snicker-card{padding:1.5rem}}.snicker-card--with-badge{margin-top:0.875rem}.snicker-card--selected{border-color:var(--snicker-card-border-selected-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-selected-color), var(--snicker-card-selected-shadow)}.snicker-card--subscribed{background-color:var(--snicker-card-subscribed-background)}.snicker-card--unavailable{--snicker-card-text-primary:var(--snicker-card-unavailable-color);--snicker-card-text-secondary:var(--snicker-card-unavailable-color);--snicker-card-text-tertiary:var(--snicker-card-unavailable-color)}.snicker-card--disabled{--snicker-card-text-primary:var(--snicker-card-disabled-color);--snicker-card-text-secondary:var(--snicker-card-disabled-color);--snicker-card-text-tertiary:var(--snicker-card-disabled-color)}.snicker-card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--tc-text-black-permanent);background-color:var(--snicker-card-badge-background);padding:0.375rem 1.25rem;border-radius:6.25rem;box-shadow:var(--snicker-card-shadow);width:fit-content;white-space:nowrap;font:600 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}@media (min-width: 26.375rem){.snicker-card__badge{left:1.5rem;transform:translateY(-50%) translateX(0)}}.subscription-strip{margin:-1rem -1rem 1rem;background-color:var(--snicker-card-subscription-strip-background);padding:0.75rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-sizing:border-box}@media screen and (min-width: 31.25rem){.subscription-strip{margin:-1.5rem -1.5rem 1rem;padding:0.75rem 1.5rem}}.subscription-strip__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.accordion{--accordion-background-color:transparent;--accordion-header-mobile-padding:0;--accordion-header-padding:0;--accordion-header-font:inherit;--accordion-header-mobile-font:inherit;--accordion-header-text-desktop-margin-right:0;--accordion-border-bottom-width:0;--accordion-outer-border:none;display:block;width:100%}.accordion__header{width:100%;cursor:default}.accordion__content{width:100%}.with-divider{border-top:var(--snicker-card-divider);padding-top:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem;padding-bottom:1rem}.header--hoverable{cursor:pointer}@media screen and (min-width: 31.25rem){.header{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"top price" "subtitle price" "description price";column-gap:1.5rem;row-gap:0.125rem;align-items:start}}.header--closed{padding-bottom:0.25rem}@media screen and (min-width: 31.25rem){.header--no-price{grid-template-columns:minmax(0, 1fr);grid-template-areas:"top" "subtitle" "description"}}.header__top{display:flex;align-items:start;justify-content:space-between;gap:0.75rem}@media screen and (min-width: 31.25rem){.header__top{grid-area:top;justify-content:flex-start}}.header__top-left{display:flex;align-items:center;gap:0.5rem 0;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{flex-shrink:0;pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-value{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-suffix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__old-price{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.benefits{list-style:none;margin:0;padding-bottom:1rem;display:flex;flex-direction:column;gap:0.25rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:column;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{padding:0.75rem 0;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto;height:1.5rem}@media screen and (min-width: 31.25rem){.subscriptions{flex-direction:row;flex-wrap:wrap}}.footer{padding-top:0.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block}}.footer__contract{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:0.625rem}.footer__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.footer__remark{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0.25rem;padding:0;white-space:nowrap;cursor:pointer;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}';export{d as tet_snicker_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,g as e,h as n,H as i}from"./p-83f43fdd.js";const a=class{constructor(e){t(this,e),this.ctaButtonClick=o(this,"ctaButtonClick",7),this.stepperData=[],this.theme="light",this.mainBlockIcon="done",this.mainBlockTitle=void 0,this.mainBlockDescription=void 0,this.ctaButtonLabel=void 0,this.ctaButtonSize="large",this.ctaButtonDescription=void 0,this.ctaButtonType="primary"}get hostElement(){return e(this)}ctaButtonClick;headerToolbarSlot;faqSlot;async componentWillLoad(){this.headerToolbarSlot=null!==this.hostElement.querySelector('[slot="header-toolbar"]'),this.faqSlot=null!==this.hostElement.querySelector('[slot="faq"]')}ctaButtonCallback=()=>this.ctaButtonClick.emit();renderHeaderToolbar=()=>this.headerToolbarSlot&&n("div",{class:"thank-you-view-header"},n("slot",{name:"header-toolbar"}));renderIconBlock=()=>this.mainBlockIcon&&"none"!==this.mainBlockIcon&&n("div",{class:"thank-you-view-main-block-icon"},n("tet-icon",{class:"icon",name:"check","aria-hidden":"true"}));renderInfoBlock=()=>n("div",{class:"thank-you-view-main-block-info"},n("h1",{class:"thank-you-view-main-block-info-title"},this.mainBlockTitle),n("div",{class:"thank-you-view-main-block-info-description",innerHTML:this.mainBlockDescription}));renderStepperBlock=()=>this.stepperData&&this.stepperData.length>0&&n("div",{class:"thank-you-view-main-block-stepper"},n("tet-stepper",{class:"tet-stepper-override",stepperData:this.stepperData}));renderCTABlock=()=>{const t=this.ctaButtonDescription&&n("div",{class:"thank-you-view-main-block-cta-description",innerHTML:this.ctaButtonDescription});return this.ctaButtonLabel&&n("div",{class:{"thank-you-view-main-block-cta":!0,"no-stepper":null===this.stepperData||this.stepperData&&0===this.stepperData.length}},n("tet-button",{clickCallback:this.ctaButtonCallback,type:this.ctaButtonType,size:this.ctaButtonSize,theme:"dark"===this.theme?"dark":"classic"},this.ctaButtonLabel),t)};renderFAQSlot=()=>this.faqSlot&&n("div",{class:"thank-you-view-faq-slot"},n("slot",{name:"faq"}));render(){const t={"thank-you-view-main-block":!0,"no-header":!this.headerToolbarSlot};return n(i,{key:"d9499ce76d301068ae731df95e04886e61704f10"},n("div",{key:"f722ea8e800d4f0d6c6dd4344e5302124f07ca56",class:{"thank-you-view":!0,light:"light"===this.theme,dark:"dark"===this.theme}},this.renderHeaderToolbar(),n("div",{key:"ab9c5a9e0ef40034c0f6cb60670495607cfe6863",class:t},this.renderIconBlock(),this.renderInfoBlock(),this.renderStepperBlock(),this.renderCTABlock()),this.renderFAQSlot()))}};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)}:host{--stepper-horizontal-line-width:2.5rem;--stepper-step-width:8.75rem;--faq-slot-spacing-top:3rem;display:flex;min-height:100%}.thank-you-view{display:flex;flex:1;flex-direction:column;min-height:100%;padding-bottom:1rem}.thank-you-view.light{background:var(--color-ta070)}.thank-you-view.dark{background:var(--color-tg600)}.thank-you-view.dark .thank-you-view-header{margin-bottom:2rem}.thank-you-view-main-block{font-family:var(--text-font)}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:1.5rem}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}.thank-you-view.light .thank-you-view-main-block{padding-top:1.875rem;padding-bottom:1rem;box-shadow:0 0.0625rem 0 var(--color-ta100);background:linear-gradient(180deg, var(--color-ta070) 0%, #F3F4F7 26.04%, #ECEEF3 100%);border-bottom-right-radius:50% 1.5%;border-bottom-left-radius:50% 1.5%}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block{padding-bottom:2rem;border-bottom-right-radius:50% 5%;border-bottom-left-radius:50% 5%}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block{border-bottom-right-radius:50% 10%;border-bottom-left-radius:50% 10%}}.thank-you-view.dark .thank-you-view-main-block{align-self:center;max-width:64rem;background:var(--color-tg500);border-radius:0.625rem}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 1rem 0}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 2rem 0}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block{padding:3rem}}.thank-you-view-main-block-icon{text-align:center}.thank-you-view-main-block-icon .icon{--icon-size:2.5rem;margin-bottom:0.75rem}@media screen and (min-width: 48rem){.thank-you-view-main-block-icon .icon{margin-bottom:1rem}}.thank-you-view.light .thank-you-view-main-block-icon .icon{--icon-color:rgb(0, 96, 245)}.thank-you-view.dark .thank-you-view-main-block-icon .icon{--icon-color:var(--color-td600)}.thank-you-view-main-block-info{text-align:center}.thank-you-view-main-block-info-title{margin:0 auto 0.5rem;background-color:inherit;font-weight:500}@media screen and (max-width: 47.9375rem){.thank-you-view-main-block-info-title{font-size:1.5rem;line-height:2rem;letter-spacing:0.002em}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view-main-block-info-title{text-align:center;font-size:1.75rem;line-height:2.125rem;letter-spacing:0.001em}}@media screen and (min-width: 64rem){.thank-you-view-main-block-info-title{max-width:39.375rem;font-size:2rem;line-height:2.375rem}}.thank-you-view.light .thank-you-view-main-block-info-title{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-title{color:var(--color-th500)}.thank-you-view-main-block-info-description{font-size:1rem;font-weight:400;line-height:1.5rem}.thank-you-view.light .thank-you-view-main-block-info-description{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-description{margin:0 auto;color:var(--color-ti600)}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:31.25rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:43.75rem}}.thank-you-view.dark .thank-you-view-main-block-info-description strong{color:var(--color-th500)}.thank-you-view-main-block-info-description p{margin-bottom:0.5rem}.thank-you-view-main-block-info-description p:last-child{margin-bottom:0}@media screen and (max-width: 47.9375rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:1.5rem auto}}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:0.0625rem auto 1.5rem}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2.25rem auto 4rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:3rem auto}}@media screen and (min-width: 64rem){.thank-you-view-main-block-stepper .tet-stepper-override{--step-horizontal-line-width:var(--stepper-horizontal-line-width);--step-width:var(--stepper-step-width)}}.thank-you-view.dark .thank-you-view-main-block-stepper .tet-stepper-override{--step-active-line-color:var(--color-td600);--step-data-bg-color:var(--color-tg500);--step-data-text-color:var(--color-ti600);--step-description-text-color:var(--color-ti600);--step-non-active-line-color:var(--color-ta100);--step-data-strong-text-color:var(--color-th500);--step-description-strong-text-color:var(--color-th500)}.thank-you-view-main-block-cta{text-align:center}.thank-you-view-main-block-cta.no-stepper{margin-top:1.5625rem}.thank-you-view-main-block-cta-description{max-width:14.375rem;margin:1rem auto 0;font-size:0.875rem;font-weight:400;line-height:1.25rem;letter-spacing:0.002em}.thank-you-view.dark .thank-you-view-main-block-cta-description{color:var(--color-ti600)}.thank-you-view.dark .thank-you-view-main-block-cta-description strong{color:var(--color-th500)}.thank-you-view-faq-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 50 / 100)}@media screen and (min-width: 48rem){.thank-you-view-faq-slot{margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 25 / 100)}}@media screen and (min-width: 64rem){.thank-you-view-faq-slot{margin-top:var(--faq-slot-spacing-top)}}';export{a as tet_thank_you_view}
|
|
1
|
+
import{r as t,c as o,g as e,h as n,H as i}from"./p-5abb3bea.js";const a=class{constructor(e){t(this,e),this.ctaButtonClick=o(this,"ctaButtonClick",7),this.stepperData=[],this.theme="light",this.mainBlockIcon="done",this.mainBlockTitle=void 0,this.mainBlockDescription=void 0,this.ctaButtonLabel=void 0,this.ctaButtonSize="large",this.ctaButtonDescription=void 0,this.ctaButtonType="primary"}get hostElement(){return e(this)}ctaButtonClick;headerToolbarSlot;faqSlot;async componentWillLoad(){this.headerToolbarSlot=null!==this.hostElement.querySelector('[slot="header-toolbar"]'),this.faqSlot=null!==this.hostElement.querySelector('[slot="faq"]')}ctaButtonCallback=()=>this.ctaButtonClick.emit();renderHeaderToolbar=()=>this.headerToolbarSlot&&n("div",{class:"thank-you-view-header"},n("slot",{name:"header-toolbar"}));renderIconBlock=()=>this.mainBlockIcon&&"none"!==this.mainBlockIcon&&n("div",{class:"thank-you-view-main-block-icon"},n("tet-icon",{class:"icon",name:"check","aria-hidden":"true"}));renderInfoBlock=()=>n("div",{class:"thank-you-view-main-block-info"},n("h1",{class:"thank-you-view-main-block-info-title"},this.mainBlockTitle),n("div",{class:"thank-you-view-main-block-info-description",innerHTML:this.mainBlockDescription}));renderStepperBlock=()=>this.stepperData&&this.stepperData.length>0&&n("div",{class:"thank-you-view-main-block-stepper"},n("tet-stepper",{class:"tet-stepper-override",stepperData:this.stepperData}));renderCTABlock=()=>{const t=this.ctaButtonDescription&&n("div",{class:"thank-you-view-main-block-cta-description",innerHTML:this.ctaButtonDescription});return this.ctaButtonLabel&&n("div",{class:{"thank-you-view-main-block-cta":!0,"no-stepper":null===this.stepperData||this.stepperData&&0===this.stepperData.length}},n("tet-button",{clickCallback:this.ctaButtonCallback,type:this.ctaButtonType,size:this.ctaButtonSize,theme:"dark"===this.theme?"dark":"classic"},this.ctaButtonLabel),t)};renderFAQSlot=()=>this.faqSlot&&n("div",{class:"thank-you-view-faq-slot"},n("slot",{name:"faq"}));render(){const t={"thank-you-view-main-block":!0,"no-header":!this.headerToolbarSlot};return n(i,{key:"d9499ce76d301068ae731df95e04886e61704f10"},n("div",{key:"f722ea8e800d4f0d6c6dd4344e5302124f07ca56",class:{"thank-you-view":!0,light:"light"===this.theme,dark:"dark"===this.theme}},this.renderHeaderToolbar(),n("div",{key:"ab9c5a9e0ef40034c0f6cb60670495607cfe6863",class:t},this.renderIconBlock(),this.renderInfoBlock(),this.renderStepperBlock(),this.renderCTABlock()),this.renderFAQSlot()))}};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)}:host{--stepper-horizontal-line-width:2.5rem;--stepper-step-width:8.75rem;--faq-slot-spacing-top:3rem;display:flex;min-height:100%}.thank-you-view{display:flex;flex:1;flex-direction:column;min-height:100%;padding-bottom:1rem}.thank-you-view.light{background:var(--color-ta070)}.thank-you-view.dark{background:var(--color-tg600)}.thank-you-view.dark .thank-you-view-header{margin-bottom:2rem}.thank-you-view-main-block{font-family:var(--text-font)}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:1.5rem}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}.thank-you-view.light .thank-you-view-main-block{padding-top:1.875rem;padding-bottom:1rem;box-shadow:0 0.0625rem 0 var(--color-ta100);background:linear-gradient(180deg, var(--color-ta070) 0%, #F3F4F7 26.04%, #ECEEF3 100%);border-bottom-right-radius:50% 1.5%;border-bottom-left-radius:50% 1.5%}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block{padding-bottom:2rem;border-bottom-right-radius:50% 5%;border-bottom-left-radius:50% 5%}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block{border-bottom-right-radius:50% 10%;border-bottom-left-radius:50% 10%}}.thank-you-view.dark .thank-you-view-main-block{align-self:center;max-width:64rem;background:var(--color-tg500);border-radius:0.625rem}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 1rem 0}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 2rem 0}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block{padding:3rem}}.thank-you-view-main-block-icon{text-align:center}.thank-you-view-main-block-icon .icon{--icon-size:2.5rem;margin-bottom:0.75rem}@media screen and (min-width: 48rem){.thank-you-view-main-block-icon .icon{margin-bottom:1rem}}.thank-you-view.light .thank-you-view-main-block-icon .icon{--icon-color:rgb(0, 96, 245)}.thank-you-view.dark .thank-you-view-main-block-icon .icon{--icon-color:var(--color-td600)}.thank-you-view-main-block-info{text-align:center}.thank-you-view-main-block-info-title{margin:0 auto 0.5rem;background-color:inherit;font-weight:500}@media screen and (max-width: 47.9375rem){.thank-you-view-main-block-info-title{font-size:1.5rem;line-height:2rem;letter-spacing:0.002em}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view-main-block-info-title{text-align:center;font-size:1.75rem;line-height:2.125rem;letter-spacing:0.001em}}@media screen and (min-width: 64rem){.thank-you-view-main-block-info-title{max-width:39.375rem;font-size:2rem;line-height:2.375rem}}.thank-you-view.light .thank-you-view-main-block-info-title{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-title{color:var(--color-th500)}.thank-you-view-main-block-info-description{font-size:1rem;font-weight:400;line-height:1.5rem}.thank-you-view.light .thank-you-view-main-block-info-description{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-description{margin:0 auto;color:var(--color-ti600)}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:31.25rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:43.75rem}}.thank-you-view.dark .thank-you-view-main-block-info-description strong{color:var(--color-th500)}.thank-you-view-main-block-info-description p{margin-bottom:0.5rem}.thank-you-view-main-block-info-description p:last-child{margin-bottom:0}@media screen and (max-width: 47.9375rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:1.5rem auto}}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:0.0625rem auto 1.5rem}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2.25rem auto 4rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:3rem auto}}@media screen and (min-width: 64rem){.thank-you-view-main-block-stepper .tet-stepper-override{--step-horizontal-line-width:var(--stepper-horizontal-line-width);--step-width:var(--stepper-step-width)}}.thank-you-view.dark .thank-you-view-main-block-stepper .tet-stepper-override{--step-active-line-color:var(--color-td600);--step-data-bg-color:var(--color-tg500);--step-data-text-color:var(--color-ti600);--step-description-text-color:var(--color-ti600);--step-non-active-line-color:var(--color-ta100);--step-data-strong-text-color:var(--color-th500);--step-description-strong-text-color:var(--color-th500)}.thank-you-view-main-block-cta{text-align:center}.thank-you-view-main-block-cta.no-stepper{margin-top:1.5625rem}.thank-you-view-main-block-cta-description{max-width:14.375rem;margin:1rem auto 0;font-size:0.875rem;font-weight:400;line-height:1.25rem;letter-spacing:0.002em}.thank-you-view.dark .thank-you-view-main-block-cta-description{color:var(--color-ti600)}.thank-you-view.dark .thank-you-view-main-block-cta-description strong{color:var(--color-th500)}.thank-you-view-faq-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 50 / 100)}@media screen and (min-width: 48rem){.thank-you-view-faq-slot{margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 25 / 100)}}@media screen and (min-width: 64rem){.thank-you-view-faq-slot{margin-top:var(--faq-slot-spacing-top)}}';export{a as tet_thank_you_view}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-
|
|
1
|
+
import{r as e,h as t}from"./p-5abb3bea.js";const s=class{constructor(t){e(this,t),this.mainTitle=void 0,this.bulletPoints=[],this.pricePrefix=void 0,this.price=void 0,this.currency=void 0,this.theme="light",this.hasContentInFooter=!1}buttonSlotRef;linkSlotRef;checkFooterSlotContent=()=>{const e=!!this.buttonSlotRef.assignedElements()?.length,t=!!this.linkSlotRef.assignedElements()?.length;this.hasContentInFooter=e||t};render(){const{mainTitle:e,bulletPoints:s,theme:o,pricePrefix:r,price:a,currency:f}=this;return t("div",{key:"e7a2b1b75e1f31e680e2a0128afe89cd83cdc8e6",class:{"tet-business-compare-card":!0,[`theme-${o}`]:!0}},t("div",{key:"4bdbfa39b7a5a7f0d09ee2076314a85de76dd265",class:"tet-business-compare-card__body"},t("div",{key:"50703c41229c5193608764e0bd56add6baf13645",class:"tet-business-compare-card__title"},t("slot",{key:"9499b54e8e05c8764a17c15e064a11763aa41516",name:"title"},t("h3",{key:"4ebb7b99618cc9b8c16b5580e7e3c526bd499ed1"},e))),t("div",{key:"1da758436f83cd20663e115a2e6b5b7b9b392fae",class:"tet-business-compare-card__content"},t("slot",{key:"c82d70fe865d234274ab13bc02dda1614bb52abf",name:"content"},!!s?.length&&t("tet-text-list",{key:"c732f29979a5dab6bf13a738ea5cd8615ed16885",class:"bullet-points",theme:"dark"===this.theme?"dark":"light"},s.map((e=>t("p",null,e))))))),a&&f&&t("div",{key:"3b4c63dbe1819a138d70aacf73fad96d9fa2c7c2",class:"tet-business-compare-card__price-wrapper"},r&&t("div",{key:"3f99c19e63f8302f035c5e722ee602850cd6705e",class:"tet-business-compare-card__price"},t("span",{key:"87a1572df3145b3117853c362c1c96b16e161917",class:"tet-business-compare-card__price-prefix"},r," "),a),!r&&t("div",{key:"2807cb9f8f0476b533759005f4b61e8b809caff1",class:"tet-business-compare-card__price"},a),t("div",{key:"3218fe2bb6582082f00eb9fc6c6395f088cfd4de",class:"tet-business-compare-card__price-currency"},f)),t("div",{key:"782c68a520ef3ceb032c0d1250cf6916e927c847",class:{"tet-business-compare-card__footer":!0,"tet-business-compare-card__footer--show":this.hasContentInFooter}},t("slot",{key:"f55197f556a60777396fa8308f871019a76ecad7",ref:e=>this.buttonSlotRef=e,onSlotchange:this.checkFooterSlotContent,name:"button"}),t("slot",{key:"e23ed537407e75d67b6c9cea50b321d505fda932",ref:e=>this.linkSlotRef=e,onSlotchange:this.checkFooterSlotContent,name:"link"})))}};s.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)}:host{--tet-business-compare-card-background:var(--tc-layer-tertiary);--tet-business-compare-card-text-color:var(--tc-text-primary);--tet-business-compare-card-border-radius:2rem;display:flex}.tet-business-compare-card{background:var(--tet-business-compare-card-background);border-radius:var(--tet-business-compare-card-border-radius);color:var(--tet-business-compare-card-text-color);display:flex;flex-direction:column;padding:1.5rem;gap:2rem;flex:1}.tet-business-compare-card.theme-purple{--tet-business-compare-card-background:var(--tc-violet-00)}.tet-business-compare-card.theme-green{--tet-business-compare-card-background:var(--tc-green-00)}.tet-business-compare-card.theme-red{--tet-business-compare-card-background:var(--tc-red-00)}.tet-business-compare-card.theme-yellow{--tet-business-compare-card-background:var(--tc-yellow-00)}.tet-business-compare-card.theme-blue{--tet-business-compare-card-background:var(--tc-blue-00)}.tet-business-compare-card.theme-dark{--tet-business-compare-card-background:var(--tc-layer-tertiary-dark);--tet-business-compare-card-text-color:var(--tc-text-primary-dark)}.tet-business-compare-card .bullet-points{--text-list-padding-left:1rem;--text-list-gap:0.75rem}.tet-business-compare-card__body{display:flex;flex-direction:column;gap:1.5rem}.tet-business-compare-card__title h3{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";margin:0}.tet-business-compare-card__content{display:flex;flex-direction:column;gap:1rem}.tet-business-compare-card__price{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-compare-card__price-wrapper{display:flex;margin-top:auto}.tet-business-compare-card__price-wrapper+.tet-business-compare-card__footer--show{margin-top:unset}.tet-business-compare-card__price-prefix{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tet-business-compare-card__price-currency{font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";padding-left:0.375rem;padding-top:1.125rem}.tet-business-compare-card__footer{align-items:flex-start;display:none;flex-direction:column;gap:1rem;margin-top:auto}.tet-business-compare-card__footer--show{display:flex}@media all and (min-width: 31.25rem){.tet-business-compare-card{padding:2rem}.tet-business-compare-card .tet-business-compare-card__title h3{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}}';export{s as tet_business_compare_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,g as t,h as i,H as n}from"./p-83f43fdd.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="info-circle";ICON_CHECK="check-circle";ICON_ATTENTION="attention";ICON_CLOSE="close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent||o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/3*2,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"b7ca487047ef81dc661f275728f5f25dc2056bfc"},i("div",{key:"08eb58e66b924599158d5e1b89f379093607e2a0",class:{notification:!0,[this.theme]:!0}},i("div",{key:"59f9c12317b7bc443420894086662d8c406d1545",class:{item:!0,[this.type]:!0}},i("div",{key:"88879db68bad5769d1bb0925e9a6c3a44df9b868",class:"header"},this.renderTypeIcon(),i("div",{key:"b3bd8aa9d68fe8082d18fe5fde83531ec7d2dedb",class:"title"},o),this.renderCloseButton()),i("div",{key:"d9bf71bae1618c45402d17a6b06e849da173a0a6",class:"content"},i("span",{key:"f4a4c1165be05c7d717ef2bbd81b3ac6233e9a39",innerHTML:t}),i("div",{key:"5727f00f322163b1c7afaa344adef756cfa7c11f"},i("slot",{key:"163beb7cba7198e530abcace24077c053fb11ff2",name:"button"}))))))}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}
|
|
1
|
+
import{r as o,g as t,h as i,H as n}from"./p-5abb3bea.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="info-circle";ICON_CHECK="check-circle";ICON_ATTENTION="attention";ICON_CLOSE="close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent||o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/3*2,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"a8eaa4c0ae71d6dc36034a125c1652efb39edc81"},i("div",{key:"26c485bfcd3614de7656b50e2e72685790ed08d3",class:{notification:!0,[this.theme]:!0}},i("div",{key:"550417aebee708c097c8c9ec3670a52b6364dc32",class:{item:!0,[this.type]:!0}},i("div",{key:"d26a44c61494556c520ead78e173e4c4ed366496",class:"header"},this.renderTypeIcon(),i("div",{key:"29dc6a483108533c500573e0eefd7f7e87203949",class:"title"},o),this.renderCloseButton()),i("div",{key:"0bb15df14e5b132ee5f5d6c71d7efcf31f0869aa",class:"content"},i("span",{key:"57314d91327f9f226eaeec5fbb34ab34c1a35a52",innerHTML:t}),i("div",{key:"33cc3123f16e6ac4149ab36796cb6523ab0fda8c"},i("slot",{key:"0c97738e9990efe258b82c2c5ae11e987fca4681",name:"button"}))))))}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}
|