@tet/tet-components 1.4.30-testing → 1.4.31-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} +23 -19
- 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 +9 -9
- package/dist/cjs/tet-address-search.cjs.entry.js +7 -7
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +2 -2
- 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 +3 -3
- 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 +5 -5
- package/dist/cjs/tet-carousel.cjs.entry.js +9 -9
- package/dist/cjs/{tet-dropdown_2.cjs.entry.js → tet-checkbox_3.cjs.entry.js} +118 -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-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 +2 -2
- 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-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 +5 -4
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +176 -0
- package/dist/cjs/tet-snicker-card.cjs.entry.js +378 -0
- 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 +2 -2
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +2 -2
- package/dist/cjs/tet-stepper.cjs.entry.js +2 -2
- package/dist/cjs/tet-support-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-switch.cjs.entry.js +4 -4
- package/dist/cjs/tet-tab-header.cjs.entry.js +3 -3
- package/dist/cjs/tet-table.cjs.entry.js +2 -2
- 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 +4 -4
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +4 -4
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +2 -2
- 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 +2 -0
- package/dist/collection/components/advanced/address/tet-address-offers-filters/tet-address-offers-filters.js +1 -1
- package/dist/collection/components/advanced/address/tet-address-search/tet-address-search.js +3 -3
- package/dist/collection/components/advanced/address/tet-autocomplete-dropdown/tet-autocomplete-dropdown.js +1 -1
- package/dist/collection/components/advanced/cards/tet-business-compare-card/tet-business-compare-card.js +2 -2
- package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.js +4 -4
- package/dist/collection/components/advanced/cards/tet-snicker-card/partials/tet-snicker-card-badge/tet-snicker-card-badge.js +6 -6
- package/dist/collection/components/advanced/cards/tet-snicker-card/tet-snicker-card.css +1115 -0
- package/dist/collection/components/advanced/cards/tet-snicker-card/tet-snicker-card.js +972 -0
- package/dist/collection/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.css +3 -0
- package/dist/collection/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.js +231 -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/advanced/search/tet-support-search/tet-support-search.js +3 -3
- package/dist/collection/components/basic/buttons/tet-switch/tet-switch.js +3 -3
- 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-label/tet-label.js +2 -2
- package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js +1 -1
- package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js +1 -1
- package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js +1 -1
- 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/tables-and-graphs/tet-table/tet-table.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.css +3 -2
- 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/components/views/tet-thank-you-view/tet-thank-you-view.js +1 -1
- package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js +1 -1
- package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.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 +5 -1
- package/dist/components/{p-c748017c.js → p-04c58dbe.js} +2 -2
- package/dist/components/{p-cdab27f5.js → p-04e867ad.js} +7 -7
- package/dist/components/{p-304f1a3a.js → p-089cf97c.js} +1 -1
- package/dist/components/{p-51fadade.js → p-0f45e193.js} +5 -5
- package/dist/components/{p-94fc61ca.js → p-22855c3a.js} +2 -2
- package/dist/components/{p-f76fad86.js → p-26ffcb52.js} +1 -1
- package/dist/components/{p-efd0cb7a.js → p-2dbdff4f.js} +2 -2
- package/dist/components/{p-44499274.js → p-30c8dafd.js} +7 -7
- package/dist/components/{p-768628f2.js → p-31cf0ad6.js} +3 -3
- package/dist/components/{p-4468c9e9.js → p-3493f65f.js} +1 -1
- package/dist/components/{p-d8545e05.js → p-35cee016.js} +3 -3
- package/dist/components/{p-282e4b8e.js → p-39b27ef3.js} +4 -4
- package/dist/components/{p-693062fd.js → p-3e8aed87.js} +3 -3
- package/dist/components/{p-9e13fa3e.js → p-3f34928f.js} +1 -1
- package/dist/components/{p-e0d76483.js → p-40ac3731.js} +3 -3
- package/dist/components/{p-c4058a82.js → p-4c9926ae.js} +3 -3
- package/dist/components/{p-d152e22b.js → p-4f0c7a6b.js} +3 -3
- package/dist/components/{p-01b4818f.js → p-50d174fc.js} +6 -6
- package/dist/components/{p-69f42bfd.js → p-563a8b83.js} +1 -1
- package/dist/components/{p-4b49c861.js → p-569fe3e0.js} +3 -3
- package/dist/components/{p-4a30938a.js → p-58a6be72.js} +2 -2
- package/dist/components/{p-15291db7.js → p-59337a7e.js} +8 -8
- package/dist/components/{p-cc43da7a.js → p-6635e4bc.js} +3 -3
- package/dist/components/{p-41fcd815.js → p-6ecba6d0.js} +4 -4
- package/dist/components/{p-6e985592.js → p-7be9fb95.js} +14 -14
- package/dist/components/{p-16848924.js → p-8001fa16.js} +2 -2
- package/dist/components/{p-5b80ffe4.js → p-8b5b8f91.js} +2 -2
- package/dist/components/{p-615017ee.js → p-8cd5675e.js} +1 -1
- package/dist/components/{p-2f4e9a2e.js → p-8e814c8e.js} +1 -1
- package/dist/components/{p-7376ae21.js → p-927f057a.js} +3 -3
- package/dist/components/{p-932a2619.js → p-9d78cf80.js} +6 -6
- package/dist/components/{p-230ddf04.js → p-a2264ad8.js} +4 -4
- package/dist/components/{p-e4d4e671.js → p-a9c8d424.js} +3 -3
- package/dist/components/{p-25b93e8f.js → p-aa122c92.js} +1 -1
- package/dist/components/{p-11ff7db4.js → p-adeb1eb9.js} +2 -2
- package/dist/components/{p-63222d57.js → p-af2d1112.js} +10 -10
- package/dist/components/{p-db8266bb.js → p-afb886f7.js} +2 -2
- package/dist/components/{p-d154a0d0.js → p-b656e6b1.js} +4 -4
- package/dist/components/{p-44201f97.js → p-b6841a9b.js} +1 -1
- package/dist/components/{p-5d921b67.js → p-b68fc77d.js} +5 -5
- package/dist/components/{p-9e105d76.js → p-b945eec9.js} +10 -10
- package/dist/components/p-c152e932.js +52 -0
- package/dist/components/{p-5c9215f2.js → p-c1c76acd.js} +2 -2
- package/dist/components/{p-c57b7ec3.js → p-c737018f.js} +8 -8
- package/dist/components/{p-1e420156.js → p-c9ce4ed1.js} +6 -6
- package/dist/components/{p-009b6a6d.js → p-caddcfad.js} +3 -3
- package/dist/components/{p-6752cd9a.js → p-d1157475.js} +2 -2
- package/dist/components/{p-d80fe16d.js → p-d3dfeee8.js} +1 -1
- package/dist/components/{p-375bf6b0.js → p-d5af0e61.js} +6 -6
- package/dist/components/{p-d9fe22e1.js → p-d8094eaa.js} +2 -2
- package/dist/components/{p-bb055139.js → p-e01e4727.js} +7 -7
- package/dist/components/{p-24fa458d.js → p-e01e633d.js} +3 -3
- package/dist/components/{p-45c1e573.js → p-e7dbbcdd.js} +2 -2
- package/dist/components/{p-9175b584.js → p-ead45dc9.js} +10 -10
- package/dist/components/{p-fb7ecc9e.js → p-ec684898.js} +1 -1
- package/dist/components/{p-fa247efc.js → p-f1226c41.js} +11 -11
- package/dist/components/{p-ea80740b.js → p-fa7e231b.js} +3 -3
- package/dist/components/{p-343ce4e0.js → p-fc106744.js} +2 -2
- package/dist/components/{p-d9b4e1dd.js → p-fea197af.js} +13 -13
- 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 +6 -6
- 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 +5 -5
- 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-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 -50
- 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-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 +5 -4
- package/dist/components/tet-snicker-card-group.d.ts +11 -0
- package/dist/components/tet-snicker-card-group.js +194 -0
- package/dist/components/tet-snicker-card.d.ts +11 -0
- package/dist/components/tet-snicker-card.js +472 -0
- 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 +10 -10
- 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 +4 -4
- 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 +6 -6
- package/dist/components/tet-thank-you-view-v3.js +6 -6
- package/dist/components/tet-thank-you-view.js +5 -5
- 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} +23 -19
- 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 +9 -9
- package/dist/esm/tet-address-search.entry.js +7 -7
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +2 -2
- 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 +3 -3
- 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 +5 -5
- package/dist/esm/tet-carousel.entry.js +9 -9
- package/dist/esm/{tet-dropdown_2.entry.js → tet-checkbox_3.entry.js} +118 -3
- 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-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 +2 -2
- 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-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 +5 -4
- package/dist/esm/tet-snicker-card-group.entry.js +172 -0
- package/dist/esm/tet-snicker-card.entry.js +374 -0
- 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 +2 -2
- package/dist/esm/tet-stepper-v3.entry.js +2 -2
- package/dist/esm/tet-stepper.entry.js +2 -2
- package/dist/esm/tet-support-search.entry.js +4 -4
- package/dist/esm/tet-switch.entry.js +4 -4
- package/dist/esm/tet-tab-header.entry.js +3 -3
- package/dist/esm/tet-table.entry.js +2 -2
- 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 +4 -4
- package/dist/esm/tet-thank-you-view-v3.entry.js +4 -4
- package/dist/esm/tet-thank-you-view.entry.js +2 -2
- 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-c89fb3e6.entry.js → p-04d050f5.entry.js} +1 -1
- package/dist/tet-components/{p-146ba37b.entry.js → p-0781e892.entry.js} +1 -1
- package/dist/tet-components/{p-5391d594.entry.js → p-0bf60061.entry.js} +1 -1
- package/dist/tet-components/{p-a7b563a4.entry.js → p-0cbaaeef.entry.js} +1 -1
- package/dist/tet-components/{p-7a3c1254.entry.js → p-127b2895.entry.js} +1 -1
- package/dist/tet-components/{p-7b6166c7.entry.js → p-134b5155.entry.js} +1 -1
- package/dist/tet-components/{p-beb84ada.entry.js → p-145baad0.entry.js} +1 -1
- package/dist/tet-components/{p-2a43ccef.entry.js → p-14c15a69.entry.js} +1 -1
- package/dist/tet-components/{p-3da70dcb.entry.js → p-16d7c0d2.entry.js} +1 -1
- package/dist/tet-components/{p-3df72501.entry.js → p-1a4422ad.entry.js} +1 -1
- package/dist/tet-components/{p-1684c365.entry.js → p-1a84bfc6.entry.js} +1 -1
- package/dist/tet-components/{p-1a05235c.entry.js → p-1d35f1d4.entry.js} +1 -1
- package/dist/tet-components/{p-bcca51cc.entry.js → p-1f5ed76c.entry.js} +1 -1
- package/dist/tet-components/{p-1d869ac9.entry.js → p-20ade008.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-00e4bbed.entry.js → p-27a27a6f.entry.js} +1 -1
- package/dist/tet-components/p-2ad8cd81.entry.js +1 -0
- package/dist/tet-components/{p-46260b0a.entry.js → p-2c315c23.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-2dbe670c.js} +1 -1
- package/dist/tet-components/{p-6488e1aa.entry.js → p-2e5e5716.entry.js} +1 -1
- package/dist/tet-components/{p-7056a120.entry.js → p-31d0b400.entry.js} +1 -1
- package/dist/tet-components/{p-f6a15afa.entry.js → p-3369cf8a.entry.js} +1 -1
- package/dist/tet-components/{p-778c46a6.js → p-3ac57578.js} +1 -1
- package/dist/tet-components/{p-3fc6a020.entry.js → p-3b5e9fed.entry.js} +1 -1
- package/dist/tet-components/{p-494ec83f.entry.js → p-40d20508.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-4213c1d1.js} +1 -1
- package/dist/tet-components/{p-cf6effb9.entry.js → p-4589ba47.entry.js} +1 -1
- package/dist/tet-components/{p-7c7fb42f.entry.js → p-4d935fc8.entry.js} +1 -1
- package/dist/tet-components/{p-26b112a2.entry.js → p-510806be.entry.js} +1 -1
- package/dist/tet-components/p-53e83f83.entry.js +1 -0
- package/dist/tet-components/{p-122f3d3c.entry.js → p-548d7cc1.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-5d638022.entry.js +1 -0
- package/dist/tet-components/{p-cde8057a.entry.js → p-60abca86.entry.js} +1 -1
- package/dist/tet-components/p-61de58e7.entry.js +1 -0
- package/dist/tet-components/{p-204aece3.entry.js → p-622f75f2.entry.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-63f6def9.entry.js} +1 -1
- package/dist/tet-components/p-660bdc27.js +1 -0
- package/dist/tet-components/{p-c490726d.entry.js → p-699ecd12.entry.js} +1 -1
- package/dist/tet-components/{p-c10d5369.entry.js → p-6c6cd148.entry.js} +1 -1
- package/dist/tet-components/{p-ae8ff573.entry.js → p-6cf6894d.entry.js} +1 -1
- package/dist/tet-components/{p-52928872.entry.js → p-6ee2accb.entry.js} +1 -1
- package/dist/tet-components/{p-76526271.entry.js → p-6fb8c506.entry.js} +1 -1
- package/dist/tet-components/{p-0a0ef3e5.entry.js → p-6fe562e3.entry.js} +1 -1
- package/dist/tet-components/{p-32ece6e1.entry.js → p-6ffacde3.entry.js} +1 -1
- package/dist/tet-components/{p-f24fc678.entry.js → p-71064d29.entry.js} +1 -1
- package/dist/tet-components/{p-ce4b6943.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-46975ec4.entry.js → p-73c190a2.entry.js} +1 -1
- package/dist/tet-components/{p-2b9f02a6.entry.js → p-771dd791.entry.js} +1 -1
- package/dist/tet-components/{p-a434af0f.entry.js → p-79911ddf.entry.js} +1 -1
- package/dist/tet-components/{p-d26b07b0.entry.js → p-7a094aaa.entry.js} +1 -1
- package/dist/tet-components/{p-1d0c3563.entry.js → p-863c1c55.entry.js} +1 -1
- package/dist/tet-components/{p-246e928d.entry.js → p-87fdd3dd.entry.js} +1 -1
- package/dist/tet-components/{p-10e72480.entry.js → p-8b93b91f.entry.js} +1 -1
- package/dist/tet-components/{p-772e8399.entry.js → p-8d399a39.entry.js} +1 -1
- package/dist/tet-components/{p-28c2c41e.entry.js → p-8e51adb2.entry.js} +1 -1
- package/dist/tet-components/{p-f5d4d8c8.entry.js → p-8fae4e03.entry.js} +1 -1
- package/dist/tet-components/{p-85c30ecd.entry.js → p-9020245b.entry.js} +1 -1
- package/dist/tet-components/{p-138f38c7.entry.js → p-9114f39c.entry.js} +1 -1
- package/dist/tet-components/{p-6640322b.entry.js → p-9303f044.entry.js} +1 -1
- package/dist/tet-components/{p-24aa7746.entry.js → p-94ef0a7b.entry.js} +1 -1
- package/dist/tet-components/{p-c8c0f6d3.entry.js → p-97a4e6d0.entry.js} +1 -1
- package/dist/tet-components/{p-605819c0.entry.js → p-98f14255.entry.js} +1 -1
- package/dist/tet-components/{p-0d5562a1.entry.js → p-992da373.entry.js} +1 -1
- package/dist/tet-components/{p-3dd5bcd1.entry.js → p-9b538b45.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-a8051a99.js → p-a476fd02.js} +1 -1
- package/dist/tet-components/{p-9932402a.entry.js → p-a58dc2dd.entry.js} +1 -1
- package/dist/tet-components/{p-bf0241a1.entry.js → p-b21309e2.entry.js} +1 -1
- package/dist/tet-components/{p-f68450a4.entry.js → p-b22de340.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-b39df477.js} +1 -1
- package/dist/tet-components/{p-872bbccf.entry.js → p-b468a922.entry.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-b4b90473.entry.js} +1 -1
- package/dist/tet-components/{p-f8eca59c.entry.js → p-b72b9466.entry.js} +1 -1
- package/dist/tet-components/{p-c7611f0e.entry.js → p-b9209f91.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-b92dff8a.js} +1 -1
- package/dist/tet-components/{p-e52ac94d.entry.js → p-bb947f1a.entry.js} +1 -1
- package/dist/tet-components/{p-6085d12c.entry.js → p-bca076c8.entry.js} +1 -1
- package/dist/tet-components/{p-c188b94f.entry.js → p-bd2e52e7.entry.js} +1 -1
- package/dist/tet-components/{p-a6cb4dcb.entry.js → p-bdc6c9fb.entry.js} +1 -1
- package/dist/tet-components/{p-6e84cc69.entry.js → p-c8e35e8c.entry.js} +1 -1
- package/dist/tet-components/{p-b34e86ef.entry.js → p-c9583427.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-c9ddf890.js} +1 -1
- package/dist/tet-components/{p-69c708ab.entry.js → p-ca78ea7c.entry.js} +1 -1
- package/dist/tet-components/{p-478504f0.entry.js → p-ce1d5bd4.entry.js} +1 -1
- package/dist/tet-components/{p-dd15ca19.entry.js → p-cf0df09b.entry.js} +1 -1
- package/dist/tet-components/p-d0726a9d.entry.js +1 -0
- package/dist/tet-components/{p-39796998.entry.js → p-d3db997e.entry.js} +1 -1
- package/dist/tet-components/{p-3597d8eb.entry.js → p-d8875b9f.entry.js} +1 -1
- package/dist/tet-components/{p-a64e3e96.entry.js → p-e74416dc.entry.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-ec5b1040.entry.js} +1 -1
- package/dist/tet-components/{p-79e04dec.entry.js → p-f4aa0a5d.entry.js} +1 -1
- package/dist/tet-components/{p-2328b1d4.entry.js → p-f9c98275.entry.js} +1 -1
- package/dist/tet-components/{p-65a5a641.entry.js → p-fa34e438.entry.js} +1 -1
- package/dist/tet-components/{p-6b41cba6.entry.js → p-fb434c23.entry.js} +1 -1
- package/dist/tet-components/p-ffc57ff3.entry.js +1 -0
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-snicker-card/partials/tet-snicker-card-badge/tet-snicker-card-badge.d.ts +1 -1
- package/dist/types/components/advanced/cards/tet-snicker-card/tet-snicker-card.d.ts +168 -0
- package/dist/types/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.d.ts +31 -0
- package/dist/types/components.d.ts +310 -1
- package/package.json +1 -1
- package/dist/cjs/tet-checkbox.cjs.entry.js +0 -122
- package/dist/esm/tet-checkbox.entry.js +0 -118
- package/dist/tet-components/p-2738fbb7.entry.js +0 -1
- package/dist/tet-components/p-44e16c45.entry.js +0 -1
- package/dist/tet-components/p-5a8bb28d.entry.js +0 -1
- package/dist/tet-components/p-a20ff530.entry.js +0 -1
- package/dist/tet-components/p-b4ecbc40.entry.js +0 -1
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -0,0 +1,374 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h, H as Host } from './index-e933a7d2.js';
|
|
2
|
+
import { a as a11yBtnClick } from './a11y-9b4d9fd4.js';
|
|
3
|
+
import { p as processTranslations, t as translate } from './translations-e60db8fd.js';
|
|
4
|
+
import { f as formatPrice } from './price-99644087.js';
|
|
5
|
+
import './typecheck-4abf0258.js';
|
|
6
|
+
import './http-codes-cf0086d4.js';
|
|
7
|
+
|
|
8
|
+
const tetSnickerCardCss = ":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:underline;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:\"-->\";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-bottom:var(--snicker-card-divider);padding-bottom:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem}.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{border-bottom:0;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%;padding-top:1rem}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding-top:1rem;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:1rem 0 0 0;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-top: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;flex-direction:column;gap:0.625rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block}}.footer__contract{min-height:0}.footer__info{display:flex;align-items:flex-end;justify-content:space-between;gap:0.75rem;width:100%;min-height:1.5rem}.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;margin-left:auto;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)}";
|
|
9
|
+
const TetSnickerCardStyle0 = tetSnickerCardCss;
|
|
10
|
+
|
|
11
|
+
/** Constant to use in desktop resolution checker. Should be same as one used in SCSS media query */
|
|
12
|
+
const DESKTOP_BREAKPOINT = 500;
|
|
13
|
+
const TetSnickerCard = class {
|
|
14
|
+
constructor(hostRef) {
|
|
15
|
+
registerInstance(this, hostRef);
|
|
16
|
+
this.bottomLinkClick = createEvent(this, "bottomLinkClick", 7);
|
|
17
|
+
this.benefitLinkClick = createEvent(this, "benefitLinkClick", 7);
|
|
18
|
+
this.cardClick = createEvent(this, "cardClick", 7);
|
|
19
|
+
this.selectionStateChange = createEvent(this, "selectionStateChange", 7);
|
|
20
|
+
this.addToCart = createEvent(this, "addToCart", 7);
|
|
21
|
+
this.removeFromCart = createEvent(this, "removeFromCart", 7);
|
|
22
|
+
this.isAccordionOpen = true;
|
|
23
|
+
this.theme = 'light';
|
|
24
|
+
this.state = 'default';
|
|
25
|
+
this.selectionType = 'radio';
|
|
26
|
+
this.isTabStop = true;
|
|
27
|
+
this.subscriptionLabel = undefined;
|
|
28
|
+
this.topBadge = undefined;
|
|
29
|
+
this.indicator = undefined;
|
|
30
|
+
this.cardTitle = undefined;
|
|
31
|
+
this.subtitle = undefined;
|
|
32
|
+
this.description = undefined;
|
|
33
|
+
this.price = undefined;
|
|
34
|
+
this.inlineMessage = undefined;
|
|
35
|
+
this.selectionConfig = undefined;
|
|
36
|
+
this.count = undefined;
|
|
37
|
+
this.primaryValue = undefined;
|
|
38
|
+
this.secondaryValue = undefined;
|
|
39
|
+
this.isInCart = false;
|
|
40
|
+
this.benefits = undefined;
|
|
41
|
+
this.benefitLink = undefined;
|
|
42
|
+
this.packageItems = undefined;
|
|
43
|
+
this.subscriptionItems = undefined;
|
|
44
|
+
this.bottomLinkText = undefined;
|
|
45
|
+
this.bottomRemark = undefined;
|
|
46
|
+
this.accordionConfig = undefined;
|
|
47
|
+
}
|
|
48
|
+
get hostElement() { return getElement(this); }
|
|
49
|
+
focusTargetEl;
|
|
50
|
+
static INTERACTIVE_CLICK_TAGS = new Set([
|
|
51
|
+
'TET-STEPPER-INPUT',
|
|
52
|
+
'TET-BUTTON',
|
|
53
|
+
'TET-DROPDOWN'
|
|
54
|
+
]);
|
|
55
|
+
/** @private Reference to accordion element used for custom toggle. */
|
|
56
|
+
accordionEl;
|
|
57
|
+
isDesktopResolution = false;
|
|
58
|
+
/** Emitted when bottom link is clicked. Emits link text. */
|
|
59
|
+
bottomLinkClick;
|
|
60
|
+
/** Emitted when benefit link is clicked. Emits link text. */
|
|
61
|
+
benefitLinkClick;
|
|
62
|
+
/** Emitted when card surface is clicked. */
|
|
63
|
+
cardClick;
|
|
64
|
+
/** Emitted when any selection input changes (primary, secondary, count). */
|
|
65
|
+
selectionStateChange;
|
|
66
|
+
/** Emitted when add-to-cart button is clicked. */
|
|
67
|
+
addToCart;
|
|
68
|
+
/** Emitted when remove-from-cart button is clicked. */
|
|
69
|
+
removeFromCart;
|
|
70
|
+
get isSelectedState() {
|
|
71
|
+
return this.state === 'selected';
|
|
72
|
+
}
|
|
73
|
+
get isDisabledState() {
|
|
74
|
+
return this.state === 'disabled';
|
|
75
|
+
}
|
|
76
|
+
get isUnavailableState() {
|
|
77
|
+
return this.state === 'unavailable';
|
|
78
|
+
}
|
|
79
|
+
get isSubscribedState() {
|
|
80
|
+
return this.state === 'subscribed';
|
|
81
|
+
}
|
|
82
|
+
get isSelectable() {
|
|
83
|
+
return !!this.selectionType && !this.isDisabledState && !this.isUnavailableState && !this.isSubscribedState;
|
|
84
|
+
}
|
|
85
|
+
get isHoverable() {
|
|
86
|
+
return this.isSelectable && (this.selectionType === 'checkbox' || !this.isSelectedState);
|
|
87
|
+
}
|
|
88
|
+
get hasDesktopAccordionToggle() {
|
|
89
|
+
const openLabel = this.accordionConfig?.openLabelDesktop?.trim();
|
|
90
|
+
const closedLabel = this.accordionConfig?.closedLabelDesktop?.trim();
|
|
91
|
+
return !!openLabel && !!closedLabel;
|
|
92
|
+
}
|
|
93
|
+
componentWillLoad() {
|
|
94
|
+
this.isAccordionOpen = this.accordionConfig?.defaultState !== 'closed';
|
|
95
|
+
this.checkDesktopResolution();
|
|
96
|
+
this.ensureDesktopOpenWithoutToggle();
|
|
97
|
+
processTranslations('tet-components', 'lv').then(() => forceUpdate(this));
|
|
98
|
+
}
|
|
99
|
+
onAccordionConfigChanged() {
|
|
100
|
+
this.ensureDesktopOpenWithoutToggle();
|
|
101
|
+
}
|
|
102
|
+
onResize() {
|
|
103
|
+
const wasDesktop = this.isDesktopResolution;
|
|
104
|
+
this.checkDesktopResolution();
|
|
105
|
+
if (!wasDesktop && this.isDesktopResolution) {
|
|
106
|
+
this.ensureDesktopOpenWithoutToggle();
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
/** Syncs desktop resolution with state variable */
|
|
110
|
+
checkDesktopResolution = () => {
|
|
111
|
+
if (globalThis.window === undefined) {
|
|
112
|
+
this.isDesktopResolution = false;
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
this.isDesktopResolution = globalThis.window.innerWidth >= DESKTOP_BREAKPOINT;
|
|
116
|
+
};
|
|
117
|
+
emitSelectionStateChanged = (patch) => {
|
|
118
|
+
const baseState = {
|
|
119
|
+
primaryValue: this.primaryValue,
|
|
120
|
+
secondaryValue: this.secondaryValue,
|
|
121
|
+
count: this.count
|
|
122
|
+
};
|
|
123
|
+
const nextState = {
|
|
124
|
+
...baseState,
|
|
125
|
+
...patch
|
|
126
|
+
};
|
|
127
|
+
this.selectionStateChange.emit(nextState);
|
|
128
|
+
};
|
|
129
|
+
onSelectionCounterValueChange = ({ detail }) => {
|
|
130
|
+
this.emitSelectionStateChanged({ count: detail });
|
|
131
|
+
};
|
|
132
|
+
onSelectionAdd = (event) => {
|
|
133
|
+
event.stopPropagation();
|
|
134
|
+
if (this.isDisabledState) {
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
this.addToCart.emit({
|
|
138
|
+
primaryValue: this.primaryValue,
|
|
139
|
+
secondaryValue: this.secondaryValue,
|
|
140
|
+
count: this.count
|
|
141
|
+
});
|
|
142
|
+
};
|
|
143
|
+
onSelectionRemove = (event) => {
|
|
144
|
+
event.stopPropagation();
|
|
145
|
+
if (this.isDisabledState) {
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
this.removeFromCart.emit();
|
|
149
|
+
};
|
|
150
|
+
onDropdownOptionSelected = (dropdown) => ({ detail }) => {
|
|
151
|
+
if (dropdown === 'primary') {
|
|
152
|
+
this.emitSelectionStateChanged({ primaryValue: detail.value });
|
|
153
|
+
}
|
|
154
|
+
else {
|
|
155
|
+
this.emitSelectionStateChanged({ secondaryValue: detail.value });
|
|
156
|
+
}
|
|
157
|
+
};
|
|
158
|
+
onAccordionChanged = ({ detail }) => {
|
|
159
|
+
this.isAccordionOpen = detail;
|
|
160
|
+
};
|
|
161
|
+
ensureDesktopOpenWithoutToggle = () => {
|
|
162
|
+
if (this.isDesktopResolution && !this.hasDesktopAccordionToggle && !this.isAccordionOpen) {
|
|
163
|
+
this.isAccordionOpen = true;
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
onBottomAccordionToggle = (event) => {
|
|
167
|
+
event.preventDefault();
|
|
168
|
+
event.stopPropagation();
|
|
169
|
+
if (this.isAccordionOpen) {
|
|
170
|
+
this.accordionEl?.close();
|
|
171
|
+
return;
|
|
172
|
+
}
|
|
173
|
+
this.accordionEl?.open();
|
|
174
|
+
};
|
|
175
|
+
onHeaderAccordionToggle = (event) => {
|
|
176
|
+
event.preventDefault();
|
|
177
|
+
event.stopPropagation();
|
|
178
|
+
this.onBottomAccordionToggle(event);
|
|
179
|
+
};
|
|
180
|
+
onBottomLinkClick = (event) => {
|
|
181
|
+
event.preventDefault();
|
|
182
|
+
event.stopPropagation();
|
|
183
|
+
if (this.isDisabledState) {
|
|
184
|
+
return;
|
|
185
|
+
}
|
|
186
|
+
this.bottomLinkClick.emit(this.bottomLinkText ?? '');
|
|
187
|
+
};
|
|
188
|
+
onBenefitLinkClick = (event) => {
|
|
189
|
+
event.preventDefault();
|
|
190
|
+
event.stopPropagation();
|
|
191
|
+
if (this.isDisabledState) {
|
|
192
|
+
return;
|
|
193
|
+
}
|
|
194
|
+
this.benefitLinkClick.emit(this.benefitLink ?? '');
|
|
195
|
+
};
|
|
196
|
+
isInteractiveCardClick = (event) => (event.composedPath().some((entry) => (entry instanceof HTMLElement
|
|
197
|
+
&& TetSnickerCard.INTERACTIVE_CLICK_TAGS.has(entry.tagName))));
|
|
198
|
+
onCardClick = (event) => {
|
|
199
|
+
if (!this.isSelectable) {
|
|
200
|
+
return;
|
|
201
|
+
}
|
|
202
|
+
if (this.isInteractiveCardClick(event)) {
|
|
203
|
+
return;
|
|
204
|
+
}
|
|
205
|
+
this.cardClick.emit();
|
|
206
|
+
};
|
|
207
|
+
/** Programmatically focuses the card selection target used by keyboard navigation. */
|
|
208
|
+
async focusSelectionTarget() {
|
|
209
|
+
this.focusTargetEl?.focus();
|
|
210
|
+
}
|
|
211
|
+
renderTopBadge = () => {
|
|
212
|
+
if (!this.topBadge) {
|
|
213
|
+
return null;
|
|
214
|
+
}
|
|
215
|
+
return h("div", { class: "snicker-card__badge" }, this.topBadge);
|
|
216
|
+
};
|
|
217
|
+
renderSubscriptionStrip = () => {
|
|
218
|
+
if (!this.isSubscribedState || !this.subscriptionLabel) {
|
|
219
|
+
return null;
|
|
220
|
+
}
|
|
221
|
+
return (h("div", { class: "subscription-strip" }, h("p", { class: "subscription-strip__label" }, this.subscriptionLabel)));
|
|
222
|
+
};
|
|
223
|
+
renderSelection = () => {
|
|
224
|
+
if (!this.selectionConfig) {
|
|
225
|
+
return null;
|
|
226
|
+
}
|
|
227
|
+
const { primaryDropdown, secondaryDropdown, stepper, addButtonLabel, removeButtonLabel } = this.selectionConfig;
|
|
228
|
+
const isSelectionAdded = this.isInCart;
|
|
229
|
+
const isStateDisabled = this.isDisabledState;
|
|
230
|
+
const initialStepperValue = this.count ?? stepper?.value ?? stepper?.min;
|
|
231
|
+
const actionLabel = isSelectionAdded
|
|
232
|
+
? (removeButtonLabel ?? translate('components-snicker-card-remove-from-cart'))
|
|
233
|
+
: (addButtonLabel ?? translate('components-snicker-card-add-to-cart'));
|
|
234
|
+
return (h("div", { class: "selection with-divider" }, primaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: primaryDropdown.label, buttonLabel: primaryDropdown.buttonLabel, options: primaryDropdown.options, disabled: isStateDisabled || (primaryDropdown.disabled ?? false), closeOnSelection: primaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('primary') })), secondaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: secondaryDropdown.label, buttonLabel: secondaryDropdown.buttonLabel, options: secondaryDropdown.options, disabled: isStateDisabled || (secondaryDropdown.disabled ?? false), closeOnSelection: secondaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('secondary') })), stepper && (h("tet-stepper-input", { class: "selection__stepper", theme: this.theme, disabled: isStateDisabled, value: initialStepperValue, min: stepper.min, max: stepper.max, step: stepper.step ?? 1, accessibilityLabel: stepper.label, onInputValueChanged: this.onSelectionCounterValueChange })), !isSelectionAdded && (h("tet-button", { class: "selection__button", onClick: this.onSelectionAdd, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-cart-outline", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--mobile", onClick: this.onSelectionRemove, size: "medium", type: "secondary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--desktop", onClick: this.onSelectionRemove, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconMode: true, iconPosition: "left", accessibilityLabel: actionLabel, customColorCode: this.theme === 'light' ? '#F7F7F7' : '#18191B', customColorContentTone: this.theme === 'light' ? 'dark' : 'light' }))));
|
|
235
|
+
};
|
|
236
|
+
renderBenefits = () => {
|
|
237
|
+
const benefits = this.benefits ?? [];
|
|
238
|
+
let benefitsIconType = 'primary';
|
|
239
|
+
if (this.isDisabledState) {
|
|
240
|
+
benefitsIconType = 'quaternary';
|
|
241
|
+
}
|
|
242
|
+
else if (this.isUnavailableState) {
|
|
243
|
+
benefitsIconType = 'tertiary';
|
|
244
|
+
}
|
|
245
|
+
if (benefits.length === 0 && !this.benefitLink) {
|
|
246
|
+
return null;
|
|
247
|
+
}
|
|
248
|
+
return (h("ul", { class: "benefits" }, benefits.map((benefit) => (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("span", { class: "benefits__text" }, benefit)))), this.benefitLink && (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("button", { type: "button", class: {
|
|
249
|
+
'button-naked': true,
|
|
250
|
+
'benefits__link': true,
|
|
251
|
+
'benefits__link--unavailable': this.isUnavailableState,
|
|
252
|
+
'tet-link': true,
|
|
253
|
+
disabled: this.isDisabledState,
|
|
254
|
+
[this.theme]: true,
|
|
255
|
+
}, disabled: this.isDisabledState, onClick: this.onBenefitLinkClick }, this.benefitLink)))));
|
|
256
|
+
};
|
|
257
|
+
renderPackageItems = () => {
|
|
258
|
+
const packageItems = this.packageItems ?? [];
|
|
259
|
+
if (packageItems.length === 0) {
|
|
260
|
+
return null;
|
|
261
|
+
}
|
|
262
|
+
return (h("div", { class: "packages with-divider" }, packageItems.map((item) => (h("div", { class: "packages__item" }, h("img", { class: "packages__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
|
|
263
|
+
};
|
|
264
|
+
renderSubscriptionItems = () => {
|
|
265
|
+
const subscriptionItems = this.subscriptionItems ?? [];
|
|
266
|
+
if (subscriptionItems.length === 0) {
|
|
267
|
+
return null;
|
|
268
|
+
}
|
|
269
|
+
return (h("div", { class: "subscriptions" }, subscriptionItems.map((item) => (h("div", { class: "subscriptions__item" }, h("img", { class: "subscriptions__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
|
|
270
|
+
};
|
|
271
|
+
renderInlineMessage = () => {
|
|
272
|
+
const inlineMessage = this.inlineMessage;
|
|
273
|
+
if (!inlineMessage) {
|
|
274
|
+
return null;
|
|
275
|
+
}
|
|
276
|
+
return (h("div", { class: { message: true, 'with-divider': !this.selectionConfig } }, h("tet-inline-message", { class: "message__inline", variant: inlineMessage.variant ?? 'info', theme: this.theme }, h("span", { slot: "title" }, inlineMessage.title), h("span", { slot: "description" }, inlineMessage.message))));
|
|
277
|
+
};
|
|
278
|
+
renderBottomLink = () => {
|
|
279
|
+
if (!this.bottomLinkText) {
|
|
280
|
+
return null;
|
|
281
|
+
}
|
|
282
|
+
return (h("div", { class: "footer__contract" }, h("button", { type: "button", class: {
|
|
283
|
+
'button-naked': true,
|
|
284
|
+
'tet-link': true,
|
|
285
|
+
disabled: this.isDisabledState,
|
|
286
|
+
[this.theme]: true,
|
|
287
|
+
}, disabled: this.isDisabledState, onClick: this.onBottomLinkClick }, this.bottomLinkText)));
|
|
288
|
+
};
|
|
289
|
+
renderBottomInfo = () => {
|
|
290
|
+
const hasDesktopAccordion = this.hasDesktopAccordionToggle;
|
|
291
|
+
const toggleLabel = this.isAccordionOpen
|
|
292
|
+
? this.accordionConfig?.openLabelDesktop
|
|
293
|
+
: this.accordionConfig?.closedLabelDesktop;
|
|
294
|
+
const hasRemark = !!this.bottomRemark;
|
|
295
|
+
const hasFooterInfo = hasRemark || hasDesktopAccordion;
|
|
296
|
+
if (!hasFooterInfo) {
|
|
297
|
+
return null;
|
|
298
|
+
}
|
|
299
|
+
return (h("div", { class: "footer__info" }, hasRemark && h("p", { class: "footer__remark" }, this.bottomRemark), hasDesktopAccordion && (h("button", { class: "footer__toggle", onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
|
|
300
|
+
'footer__toggle-icon': true,
|
|
301
|
+
open: this.isAccordionOpen,
|
|
302
|
+
}, type: "primary", name: "chevron-down" })))));
|
|
303
|
+
};
|
|
304
|
+
renderBottomSection = () => {
|
|
305
|
+
const hasLink = !!this.bottomLinkText;
|
|
306
|
+
const hasRemark = !!this.bottomRemark;
|
|
307
|
+
const hasDesktopAccordion = this.hasDesktopAccordionToggle;
|
|
308
|
+
const isBottomContentEmpty = !hasLink && !hasRemark;
|
|
309
|
+
if (!hasLink && !hasRemark && !hasDesktopAccordion) {
|
|
310
|
+
return null;
|
|
311
|
+
}
|
|
312
|
+
return (h("div", { class: { footer: true, 'footer--desktop-only': isBottomContentEmpty } }, this.renderBottomLink(), this.renderBottomInfo()));
|
|
313
|
+
};
|
|
314
|
+
renderIndicator = () => {
|
|
315
|
+
const indicator = this.indicator;
|
|
316
|
+
if (!indicator) {
|
|
317
|
+
return null;
|
|
318
|
+
}
|
|
319
|
+
if (indicator.type === 'checkbox') {
|
|
320
|
+
return (h("tet-checkbox", { class: "header__selector", theme: this.theme, checked: this.isSelectedState, disabled: this.isDisabledState, unavailable: this.isUnavailableState, iconName: indicator.iconName, labelFont: 'lg-inter', "aria-hidden": true, inert: true }));
|
|
321
|
+
}
|
|
322
|
+
return (h("tet-radio", { class: "header__selector", theme: this.theme, checked: this.isSelectedState, disabled: this.isDisabledState, unavailable: this.isUnavailableState, iconName: indicator.iconName, labelFont: 'lg-inter', "aria-hidden": true, inert: true }));
|
|
323
|
+
};
|
|
324
|
+
renderHeader = () => {
|
|
325
|
+
const price = this.price;
|
|
326
|
+
const hasPrice = !!price;
|
|
327
|
+
let selectionTabIndex = -1;
|
|
328
|
+
if (this.isSelectable) {
|
|
329
|
+
selectionTabIndex = this.selectionType === 'radio' && !this.isTabStop ? -1 : 0;
|
|
330
|
+
}
|
|
331
|
+
const isNumericPrice = price?.type === 'price';
|
|
332
|
+
let displayedPrice;
|
|
333
|
+
let displayedOldPrice;
|
|
334
|
+
if (isNumericPrice) {
|
|
335
|
+
const opts = { decimalSeparator: ',', currency: '' };
|
|
336
|
+
displayedPrice = formatPrice(price.value, opts);
|
|
337
|
+
displayedOldPrice = price.oldValue === undefined ? undefined : formatPrice(price.oldValue, opts);
|
|
338
|
+
}
|
|
339
|
+
else {
|
|
340
|
+
displayedPrice = price?.value;
|
|
341
|
+
displayedOldPrice = price?.oldValue;
|
|
342
|
+
}
|
|
343
|
+
const pricePrefix = isNumericPrice ? price?.prefix : undefined;
|
|
344
|
+
const priceSuffix = isNumericPrice ? price?.suffix : undefined;
|
|
345
|
+
return (h("div", { class: {
|
|
346
|
+
header: true,
|
|
347
|
+
'header--hoverable': this.isHoverable,
|
|
348
|
+
'header--closed': !this.isAccordionOpen,
|
|
349
|
+
'header--no-price': !hasPrice,
|
|
350
|
+
'with-divider': true
|
|
351
|
+
} }, h("div", { class: "header__top" }, h("div", { class: "header__top-left", ref: (el) => (this.focusTargetEl = el ?? undefined), tabindex: selectionTabIndex, onKeyDown: this.isSelectable ? a11yBtnClick : undefined, role: this.isSelectable ? this.selectionType : undefined, "aria-checked": this.isSelectable ? String(this.isSelectedState) : undefined }, this.renderIndicator(), h("h3", { class: "header__title" }, this.cardTitle)), h("button", { type: "button", class: "header__accordion-toggle", onClick: this.onHeaderAccordionToggle }, h("tet-icon", { theme: this.theme, class: {
|
|
352
|
+
'header__accordion-toggle-icon': true,
|
|
353
|
+
open: this.isAccordionOpen,
|
|
354
|
+
}, type: "primary", name: "chevron-down" }))), h("div", { class: "header__content" }, this.subtitle && h("p", { class: "header__subtitle" }, this.subtitle), hasPrice && (h("div", { class: "header__price-line" }, h("div", { class: "header__price-main" }, pricePrefix && h("span", { class: "header__price-prefix" }, pricePrefix), h("span", { class: "header__price-value" }, displayedPrice), priceSuffix && h("span", { class: "header__price-suffix" }, priceSuffix)), displayedOldPrice && (h("div", { class: "header__old-price" }, displayedOldPrice, priceSuffix ? ` ${priceSuffix}` : '')))), this.description && h("p", { class: "header__description" }, this.description))));
|
|
355
|
+
};
|
|
356
|
+
render() {
|
|
357
|
+
return (h(Host, { key: '334574c4d905e454078fc368e00b5d44133bbce4' }, h("div", { key: '5d7a1aee8f173d3e49c883f6ac8d8a48967b054b', class: {
|
|
358
|
+
'snicker-card': true,
|
|
359
|
+
[this.theme]: true,
|
|
360
|
+
'snicker-card--hoverable': this.isHoverable,
|
|
361
|
+
'snicker-card--selected': this.isSelectedState,
|
|
362
|
+
'snicker-card--disabled': this.isDisabledState,
|
|
363
|
+
'snicker-card--unavailable': this.isUnavailableState,
|
|
364
|
+
'snicker-card--subscribed': this.isSubscribedState,
|
|
365
|
+
'snicker-card--with-badge': !!this.topBadge
|
|
366
|
+
}, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '25dd17b759693bd3c8bc4455fa1df759e53f01a9', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: 'b7ea6cd5da0e5a7297c8a279dbf9cc6341461cc1', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'f3c0d643fc84414c5fe948fb55e4ed22e941a5a6', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
|
|
367
|
+
}
|
|
368
|
+
static get watchers() { return {
|
|
369
|
+
"accordionConfig": ["onAccordionConfigChanged"]
|
|
370
|
+
}; }
|
|
371
|
+
};
|
|
372
|
+
TetSnickerCard.style = TetSnickerCardStyle0;
|
|
373
|
+
|
|
374
|
+
export { TetSnickerCard as tet_snicker_card };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-e933a7d2.js';
|
|
2
2
|
|
|
3
3
|
const tetSpacingCss = "@charset \"UTF-8\";:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:5rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:\"izmērs\"}.variable-direction:after{content:\"veids\"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{width:100%;gap:0.5rem;display:flex;flex-direction:column}.section-content{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.section-style{white-space:nowrap}";
|
|
4
4
|
const TetSpacingStyle0 = tetSpacingCss;
|
|
@@ -8,7 +8,7 @@ const TetSpacing = class {
|
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '33304a8449b7397423e7fc3994ada2aca7dbe72a' }, h("div", { key: 'f9be33ba8421b5247d42ac6d2831699c3b41127d', class: "variable-container" }, h("div", { key: '8014ee55f13aacc7e0d9d98c5b739d26bcde8d73', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'f9da909fcfd2a8424e4d08ea8c37b8b1564fa36b', class: "container-section" }, h("div", { key: 'a73ddf9e13250e4f8dd9cd071bf3a0048b95df09', class: "variable-name" }, h("div", { key: '57ad6cbb11f0a82746894bde5b49170cdaeb64ec', class: "variable-part" }, "tet"), h("div", { key: '846ad5fee227dd2be04f9a67d044d30d901a211f', class: "variable-part" }, "-spacing"), h("div", { key: '62f976dfea3b4e51a0068b31cb46b22eae2bb4e4', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '45a4b2df2882d4b893a434400e06cf46a980d9c4', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '9fcc0caa3edd47d095bcce19bf5f812c001d8ae1', class: "container-wrapper" }, h("div", { key: '3962786ae08a5eb01b1a8b70659767d637548594', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '434ef91f40edde37a6cb4e3cf793dd5ca284c167', class: "section" }, h("div", { key: 'd07f096c38ea08aaf694a8c81b3578a2704a9ca4', class: "section-wrapper" }, h("div", { key: 'aaf9c473c0e6817614035ed14437beb811fc78a5', class: "section" }, h("div", { key: '7e7cabd5a90957b9fddadeac2caa51ea643310e1', class: "section-content" }, h("div", { key: '5947b25d94a8b4082e3d4f55adc49ca3388221d9', class: "section-style" }, "__null"), h("div", { key: 'adb767a8b31b16400ade5ededc660ae6970b11fc', class: "section-style-attribute" }, "0")), h("div", { key: 'ed820cbfec85e60074aca4019fd484dcb3bf4156', class: "section-content" }, h("div", { key: 'e849bec9f38259011cfd56a57192b23176818187', class: "section-style" }, "__3xs"), h("div", { key: 'f1b82e28de172d49c12172825b84e4cd7bf8f5d9', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '0b6d6042262e07bd35faf9dcbf54f63cdfb42edb', class: "section-content" }, h("div", { key: 'd17ce79e71019bf987d6e5b08d62f8b69893568f', class: "section-style" }, "__2xs"), h("div", { key: '456389bf8eaceafd5dfd449d34eb0442f03d4db4', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '633abbad805953ca3cf124ba4d9c222b03c00c82', class: "section-content" }, h("div", { key: '07cd50f473c06ff778dddff0ff40d711a2ff00ad', class: "section-style" }, "__xs"), h("div", { key: 'c9f0fbf238fdb796faac533b099459d8c0a74e0f', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'd0c2533f4d160de792ee1623ee06af53b30f6560', class: "section-content" }, h("div", { key: '55d86cafd1b243babd7e08f1ad42f8e02797593d', class: "section-style" }, "__sm"), h("div", { key: 'bef1ca541bba0f5b66de79281b5d946413d7e72c', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '0b31252624525e90f579405a8ee2e3f49b4ffa1f', class: "section-content" }, h("div", { key: '906727833fd2f4f64476e9d7d0257980cbdbd046', class: "section-style" }, "__md"), h("div", { key: 'd53913844f4b4c327800cf6ab1b47ce23def9b91', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '05585ada9e298ce796dfc9b4e8880854e96b6ee1', class: "section-content" }, h("div", { key: '30cb7b7cef16fa9730b9c881fcf94bfe10b01106', class: "section-style" }, "__lg"), h("div", { key: 'e9a801561731b76cccc1239ee1a00996af021ad7', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '396f6b9437260980c4e7154cc3282dc551752c62', class: "section-content" }, h("div", { key: '7ffab226fcf7f949d93b6ea6044bfece5e758753', class: "section-style" }, "__xl"), h("div", { key: 'e504947f06c88520bd899d88e9f36e0b7ca353dd', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '62d028d8d07c49a410b66bf2957949e20fc2880e', class: "section-content" }, h("div", { key: 'ba803a4f784eb0f3942050dc24b056bd4ccd8f09', class: "section-style" }, "__2xl"), h("div", { key: '5ca20d097e27087b74114ab276a8ac087395cb6c', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'f68757c462f3008b618e6a82909baa4566360cfe', class: "section-content" }, h("div", { key: '83844227e00f4d3519499d0129df4391a613bb40', class: "section-style" }, "__3xl"), h("div", { key: 'b6ce159adb9c3c46740dd3751c3b007889a0f62c', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'e8f31bd2291aa17c8e16eb37ef50c07e844feedf', class: "section-content" }, h("div", { key: 'f7c40078c61f661dfdb5c94506a66df290e17b00', class: "section-style" }, "__xxl"), h("div", { key: '01c5c1840e4e60a8aa53e3178532ba8bbf35ddb3', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '300902f6d0199db7bb8bf27b10c576d9b32bcd1b', class: "section-content" }, h("div", { key: 'c245b3d84f6d19c32b47193f33c8d252d77d6cb0', class: "section-style" }, "__2xxl"), h("div", { key: '956873fb4fa793d1ff1a63221477276d870636d3', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '5cb268e761f6b84e646fb4c396c89e707bd517e1', class: "section-content" }, h("div", { key: '7a546425f2add47fea52a4fea181fa60a16ebfb9', class: "section-style" }, "__3xxl"), h("div", { key: 'af24a0db66a0f7f6907f70f97f45e53bfd22d2c5', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'b85812460ad7da3a348cdb555a119004e3cc51cb', class: "section-content" }, h("div", { key: '3d0381289968073427b7d5e17a128f86dd163c89', class: "section-style" }, "__mg"), h("div", { key: '0628f9cc723634100b4a81973961caafc45617d3', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '74d672d08b11257468a218a84d7611507a1f3337', class: "section-content" }, h("div", { key: 'a4fd9319720b03d61fd4c4c94d74925475dd05f7', class: "section-style" }, "__2mg"), h("div", { key: 'ef92ff73725ea269745593b2b5f6c9ff1afd673e', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '006584ea42f6f60f1d64456667d7f50ca23c4da1', class: "section-content" }, h("div", { key: '3cdc3c4aaaf1288547a9531aac6c1aba40adc340', class: "section-style" }, "__3mg"), h("div", { key: '51bc00f941252c15d7a66fadbab212ccfb08f7bc', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'a63f797ab06d7705a059a86c58e8a6ba0d2f3642', class: "section-content" }, h("div", { key: '331750cb675dfd7d0e6aa0a5876a0fb2a81d124d', class: "section-style" }, "__gg"), h("div", { key: '20fa6a68b53d16616a4777a772bef14de6b081b5', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'b5205db448bb7d08f13688a213fbe5656e8226ce', class: "section-content" }, h("div", { key: '9a88455f8db608fab9b7162803466b23b5333cd4', class: "section-style" }, "__2gg"), h("div", { key: '51d10a7991956a1a4ed07e2d9c79a0c226baaf33', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: 'b1adcc791cf36dd98755e51e702eda4d8c38513c', class: "section-content" }, h("div", { key: 'c46bdff7a3bd11211f2b1ac8b7ee8846e1c9ca0f', class: "section-style" }, "__3gg"), h("div", { key: '1da852f35f10346244e58063ff55757706c9dc6f', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '4c2a0c0d42da7668ef17f7073eefab31c16f0bc1', class: "section-content" }, h("div", { key: 'daec3daebba3c93299afdb9196fa8ccf8497fbd3', class: "section-style" }, "__xgg"), h("div", { key: '2cc2ec44e515140108674dbc29638cc19b62004e', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '91eef3c4b1413639c19a2d60d205f33a9da9befa', class: "section-content" }, h("div", { key: 'c61c5056fea3f4b9ec0f35eec3289f15192a3adf', class: "section-style" }, "__auto"), h("div", { key: '486e85efd72fd5b435967a4b76bb37f0cc420bd0', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '97265bc8a3c72448ad6b6c313af5fdf66932fc49', class: "section" }, h("div", { key: '7ed31af4d3af053db8f6b2b749b3757e4957744b', class: "section-content" }, h("div", { key: 'df4bd71518a163eaefac7801dfc8024a663a61da', class: "section-style" }, "--m"), h("div", { key: '2be1e8f564e34aad12110853ad63ac1353047eaa', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '6f6e1ff5036794a046e7867ecb8bf9c852570aaf', class: "section-content" }, h("div", { key: 'a2dc1a60de13e947b0ecdc3ae5da85c74cdbc0f2', class: "section-style" }, "--mtb"), h("div", { key: '7d39bd3cb4a47e3183ef8cdb9fc3caec754af2b4', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'aa2275c229553e3c6b0e0dddd0273b992ed9b302', class: "section-content" }, h("div", { key: '037cc653e72a7b842edac65d3acf8b1b70e98b06', class: "section-style" }, "--mlr"), h("div", { key: 'b274a0a193b8acb1ff9d3a2bcd5156b5ea1c8a5f', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '13f01bb40fde12e12d8f63fbbb7d7e9c60872614', class: "section-content" }, h("div", { key: 'ed6b0f38c15f6151e29bcba2d7e0508ec1fdaa5b', class: "section-style" }, "--mt"), h("div", { key: '4c585b3606777171cb640aa3064e40e2c79b4699', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '49586cdea7ff852a00b2df44a8b118fd0cadd7db', class: "section-content" }, h("div", { key: '7000ad11f2162c4b0a2947057d4a25e4b46409e1', class: "section-style" }, "--mb"), h("div", { key: '0f6524b4737a7be3a4bb05f38277acda3cd3aab4', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'b976d7fb511a22835abc2e800f97ff84de48b27d', class: "section-content" }, h("div", { key: '821a94e79aa6df44bfe44d13b4508a1d55d321e2', class: "section-style" }, "--mr"), h("div", { key: '2dc1d77ab24ad8fb64f2e2eda4545a01cc2698a5', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '5217d9bfc7dde383e187b9230a7ee0b5fff1f3f6', class: "section-content" }, h("div", { key: '3b73f2ac29dbd9ef6b61543cc67afc58289b38ca', class: "section-style" }, "--ml"), h("div", { key: '41164dd21d1316f675116393b3105c8e557989d8', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'b8a938280e5911d408c4e18ea2cb116864384721', class: "section-content" }, h("div", { key: 'cc3a9dfdb94c4c3c84a2cbbd43d782ed3f5aebd7', class: "section-style" }, "--p"), h("div", { key: 'b6e63ef7f71a5480ee1eb024da7d0f46efa50471', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'd0912c3306a2ff322905110c9cdd0782a9e7815b', class: "section-content" }, h("div", { key: 'f7fe4b0271cb3884bedc39c83b879271fcfb8f1f', class: "section-style" }, "--ptb"), h("div", { key: '6d6c7eea743d88162fcf3c33e3e187c302e7bdd8', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '26842180ffe6ef99231f7c0cfea0697f27966a8f', class: "section-content" }, h("div", { key: '062b4eeeff46a815e3dc24e67c197d42bd039a04', class: "section-style" }, "--plr"), h("div", { key: '19912330ecc354f33a1608bf0ac10feaa3acf901', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '7eab4dbb6bccd17fc0d3e97b16c173812b8326db', class: "section-content" }, h("div", { key: '900a669ff46d7f4cc384e9502d3442b5d1fdaeaa', class: "section-style" }, "--pt"), h("div", { key: '48c640e3383538f627fd82bdfe23ee877d1efdf5', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: 'ed4424290c1caa50767d3a9fe1f8208c68f25045', class: "section-content" }, h("div", { key: '59c66bf63b0c328fe0f903630e15ad4979e8a672', class: "section-style" }, "--pb"), h("div", { key: '3bbec170c568051f6fa06a7b66e614e23fe58977', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'f0c59661a75860342b245c122220cc0c8ed8de29', class: "section-content" }, h("div", { key: 'b374477f296c03f9edb9e3558c42a38e33670e0a', class: "section-style" }, "--pr"), h("div", { key: '1a5e889eb51dbbe0a06df7316fece148aab96e19', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '70c4df1a5a51c35fb326567fcf7c94c309b8b281', class: "section-content" }, h("div", { key: 'b38ead047540438460336c994f72a8de6c733b88', class: "section-style" }, "--pl"), h("div", { key: '06743a294283ec4b0c80ed8b937de71cd96c203a', class: "section-style-attribute" }, "padding pa kreisi"))))))));
|
|
11
|
+
return (h(Host, { key: '318b793863a9946eda53e1b49d51c788de6433e6' }, h("div", { key: 'ec2d7a1b2efb9694ee20b5b61b1db42d7ba54fa2', class: "variable-container" }, h("div", { key: '0d79de907cd701b6704ed68cfc6a5be4cbba263c', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '60249d3adfbf40b90233e1df998c34537f3bcac1', class: "container-section" }, h("div", { key: '6cf4fef24eaf8731428a31e5eba5f961e6079ec1', class: "variable-name" }, h("div", { key: 'ee13b90ac31a281a710508acc664f88ed58995b7', class: "variable-part" }, "tet"), h("div", { key: '5fdd0f0be2ec3ecdbf235c0388dc857a32e30a13', class: "variable-part" }, "-spacing"), h("div", { key: '8ccfe68bbef47d04c68a6b11807b6ceedefb50e2', class: "variable-part variable variable-size" }, "__md"), h("div", { key: 'd04db6a05301e08c3105ac75994331d07b70790e', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '846afa7a88b516a322f5df27459f030c90f5f895', class: "container-wrapper" }, h("div", { key: 'd7e81a020cc889f3732221dabe6cedd7538485da', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '62e9c30feda6d2da3166f58684b80bbcf23fb912', class: "section" }, h("div", { key: '8daeb76de814d33d3234985b869979f96ecd7f23', class: "section-wrapper" }, h("div", { key: 'a26cb3cf5067ccfa3c4032917567f160ea1a788f', class: "section" }, h("div", { key: '2b7d51475a108c60b751ba0bafbb362196aeec6f', class: "section-content" }, h("div", { key: '66ee87c641b4e2d2e4ce49c9e870c956e17bbab4', class: "section-style" }, "__null"), h("div", { key: 'a2362f969e6612253203a6bade1cbef14900f4c2', class: "section-style-attribute" }, "0")), h("div", { key: 'df3630db31812a443fe9179e50c028cf8ba487cc', class: "section-content" }, h("div", { key: '3774c2c8d475310acf555b5cf0a3b03b81933936', class: "section-style" }, "__3xs"), h("div", { key: 'c25e53f4485d6b95dcab8be35119ad8357eb8239', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: 'fb229ca26df7128e8b706dfd07c2b7032c3ee54f', class: "section-content" }, h("div", { key: '0b473f020cbc7495f1058a9698176ccf6cdf4774', class: "section-style" }, "__2xs"), h("div", { key: 'afd31bd03788d736a0755eb8acf64bd181e1bb1a', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: 'c0da897664724958a86603e1a6553973a8cee60a', class: "section-content" }, h("div", { key: 'a3fbbbb4f57d53c536c09dafa04ef60b4b7d8b54', class: "section-style" }, "__xs"), h("div", { key: 'b6fe12d50ec2570de8824a2a118f3c5e5a6bfe6c', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '0d186a09201efb476c331378d0978c1167c14bfa', class: "section-content" }, h("div", { key: '48e8717f413658e1217fc601fbe8032ae2f372c6', class: "section-style" }, "__sm"), h("div", { key: '82e3084e8c66c8a950a7e53476deccd0885c5fbd', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'aa9fe177828a1055da03ca89fadeb10ecad119f1', class: "section-content" }, h("div", { key: '2820d7ed0bfdf3280b92ab38137d13e2ba682d18', class: "section-style" }, "__md"), h("div", { key: 'd77af7f0125d65160489cb7dd84771acfd5d4fab', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '7d4227f0ff2af3822e45b543aba937170e80e9d6', class: "section-content" }, h("div", { key: '40a461cf08ab837247d97c5865f3d407d5107074', class: "section-style" }, "__lg"), h("div", { key: '5a870707ffd246ffd954b03ce34d4eefe41678ef', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: 'd3cf0adf141e3fdfecf62c25df03275d329c22a6', class: "section-content" }, h("div", { key: '6bb9a0462b57103a98ec6fec24830a58eee5300c', class: "section-style" }, "__xl"), h("div", { key: '1e780e408628ab32b23d728a37b39025695e3246', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '46066e1e74ee14b059b3efc1165486ec968cb428', class: "section-content" }, h("div", { key: '1c96ed336537db9f2115f50e3c0219d89745937b', class: "section-style" }, "__2xl"), h("div", { key: 'ec058caaa51eba789aa2ee3e092e9faaf26b44c8', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '0fd7f412561dc816caafa4265ac5ebf827f69c61', class: "section-content" }, h("div", { key: '225a0b1277e46f91d3b53c78f8b162261f5e9e24', class: "section-style" }, "__3xl"), h("div", { key: '30da94730fa175806c8d54099b35f89ac0efb0e8', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'c696be2f8e84463e60eb733c8b2d5f2992b094e4', class: "section-content" }, h("div", { key: 'a9a244e4a4b0137fe873f158115f1a2c793b8b98', class: "section-style" }, "__xxl"), h("div", { key: 'cada098781a942925fdc346f03b68d20a9e3f56d', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: 'f78c0af51c5300e6f0da3876e2858e12e1fa149a', class: "section-content" }, h("div", { key: 'c56ff7c61c4f1a2d3ab84bd6e1870854ec83f758', class: "section-style" }, "__2xxl"), h("div", { key: '022210bc63e7be846d9ba791e93fd5bc412646ac', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '218c8083492b38cfb996e6c9fc02daf6a2ecd432', class: "section-content" }, h("div", { key: 'aaffcd1ebb83d3d520dac855b5d5aac3934118e8', class: "section-style" }, "__3xxl"), h("div", { key: '4d7f750cc70de49c5a907af7f1df605d8689f288', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'c748ca7b1c778357d542f0e5e3f5d9a89522ee65', class: "section-content" }, h("div", { key: 'a093bb90a9fe6eba55134115705230eb382ef5f7', class: "section-style" }, "__mg"), h("div", { key: 'f635d32a0517193a1ad36c7a9961e6ff796ba8b4', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'cda8c8c6d29f9c5a4c3a4f3f3249a178e5266dd9', class: "section-content" }, h("div", { key: '79320c550aac2793fcec6b204f3099684471ed2b', class: "section-style" }, "__2mg"), h("div", { key: '4b8f24822a54f7380adf9dc217ef1b8080c4c254', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '55405ab928d1423a35cb954eecc0fcf48a63d3d6', class: "section-content" }, h("div", { key: 'ce061cfeb401af0b390dabe6b8595c807a05098d', class: "section-style" }, "__3mg"), h("div", { key: '2f0f48c960639bafa60c29a398915a4e9719073e', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '6d041427fd8ed94e20db16d67c3ceb0b2e42ed1c', class: "section-content" }, h("div", { key: '30c01747c9ad8c132e550519247dd05afaf29c82', class: "section-style" }, "__gg"), h("div", { key: '3e9c4b87baa1f5570976262b42dcfe8c45a86ba7', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'c323776083558657f8c624e803e66df41371452b', class: "section-content" }, h("div", { key: 'fc79fed58946f02e06905b04c66c91a3aeec755c', class: "section-style" }, "__2gg"), h("div", { key: 'b510750e2aab89c2c2afa07eaaafc0b27a520574', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '048513179fc9a3705250e53d60ffee0067b56847', class: "section-content" }, h("div", { key: '8b6c71575d0fc9e4e9e7c82d306a6c471ce0ffec', class: "section-style" }, "__3gg"), h("div", { key: '0616c6b79212b02d863cae63078aa13ae99d851f', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '11fbe71f5e2c7a643161b53c280b154a94afbdd2', class: "section-content" }, h("div", { key: '0cb67f5506b74919c0b61077a4ff86c9ec60bd27', class: "section-style" }, "__xgg"), h("div", { key: '545ee2a9e2015657e73b9d90fd6650f3dd3fd443', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '4dac1b49c6d478867225c3ea3b00392e470906ec', class: "section-content" }, h("div", { key: '7b0bfe18e376360219f048b136b0329c955fe49b', class: "section-style" }, "__auto"), h("div", { key: 'c1f0615b5205f31275ebf4597387d444a196495e', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'ce519b5d2a68815c3df68596f98545417cfd0cd5', class: "section" }, h("div", { key: '0fe8a1e3ddf0a5b34a39059c3b4f0300acae71d4', class: "section-content" }, h("div", { key: 'f33f21c51370f08a93059f04711a340978768ba8', class: "section-style" }, "--m"), h("div", { key: '16ffa3ea532051cd2b96702ff31396884a2234b3', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '66a9129f0d48da783dc754f8207290155444a84d', class: "section-content" }, h("div", { key: 'f42748b315722c09f6f7404ad024390797a11f03', class: "section-style" }, "--mtb"), h("div", { key: '9feb89eaadadd0ab2f1d8625cf9d5133e945c8a8', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '5ab1728f3011684b7bd9e8b097e72fca719e4955', class: "section-content" }, h("div", { key: 'e29373cc481f0d84fe3fd03b976b3e54907aa83e', class: "section-style" }, "--mlr"), h("div", { key: '7beccc397e5c80e5973854a27dca88a972fd1138', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '3398304cb88cb41af3589362a4fb00c9aeddd7a0', class: "section-content" }, h("div", { key: 'b8b716a56978cbc8bbab0218a5a2ffc24cf26445', class: "section-style" }, "--mt"), h("div", { key: 'e7249971ee45a624a91956a8fc5c6fd4360fb002', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '6256fb1e5cffb2cde3e96c3e8068e127705652ea', class: "section-content" }, h("div", { key: 'db3b0a658e91076b0397b4c54dd4913a1e4bd568', class: "section-style" }, "--mb"), h("div", { key: 'b41b8b27f66593fd5272758f07fdf2f92ade8fc8', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'f4db0524bc6124ac156d624fa40023015e132adf', class: "section-content" }, h("div", { key: '3ee69e050123f97fb4cfd78318eb190c5111ec99', class: "section-style" }, "--mr"), h("div", { key: 'a1e0aa267582c3d3e2c214ef3c3bc98c3b29bdf6', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '71bf336ada45494a5a551912af50d53b17a5b1ce', class: "section-content" }, h("div", { key: 'ea61d45546361ff49ffac9da12d5e90306d75ef8', class: "section-style" }, "--ml"), h("div", { key: '889c9380ce728fd53bdb74d3d58f3e645501878e', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'b49e22e40dd62872a4dbc9a44f5a2cb44edd0e17', class: "section-content" }, h("div", { key: 'cffd06c03c143b083f4866df36516c58b69f5925', class: "section-style" }, "--p"), h("div", { key: 'fa2e5b614dbb13c13a497069a7dd0b84bee61efd', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'c9a901e2ecb83cb6ed335d4e678fe1e116fac335', class: "section-content" }, h("div", { key: '6903aa3194490f4ee25204951b4e8da45c0c5fc2', class: "section-style" }, "--ptb"), h("div", { key: '0ec86a151fbe0c7c05c9d610754da9d8dc8e6096', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '4611963f6eba6de53ba58fd43173791a29f70f61', class: "section-content" }, h("div", { key: '5ce1c2c2f78462e869e471722f1c98ba7f9833be', class: "section-style" }, "--plr"), h("div", { key: 'a26ef685d7bfbfbafe4aef5841160daca42d4a98', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '9d6cb1bdc5354b663ddbafbb6ad7cff958089f76', class: "section-content" }, h("div", { key: 'b8ee6b0dd0119c6dec8891619efebb25a46583cf', class: "section-style" }, "--pt"), h("div", { key: '350e18e73972cc708c8727fdbcc3384f563b44b4', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '80fd6c7311b9ca30e7271c6d2607149eaf142048', class: "section-content" }, h("div", { key: 'e0a213748fe6fafa507543d425187501522ba433', class: "section-style" }, "--pb"), h("div", { key: '75483e4e5282730e98bbf7eaf5eb6480588cb18b', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'a9ebbfe9ddbfc3ff147fa4992a727fbe9d5b848b', class: "section-content" }, h("div", { key: '46553f403daf2d0cb2ebc454274686f72c0e55a0', class: "section-style" }, "--pr"), h("div", { key: '06bce57ed2da8c121496bbf998fc2c03f05adb12', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '116f690854c8fa9bf6beed83aaf4389fb8393f73', class: "section-content" }, h("div", { key: '7d10c0ca5ad6eda63f238b97cc8774f1c8aa6bf1', class: "section-style" }, "--pl"), h("div", { key: '586915e44b4d807bff021cdd96aaefeaae6ac91c', class: "section-style-attribute" }, "padding pa kreisi"))))))));
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
14
|
TetSpacing.style = TetSpacingStyle0;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, g as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, g as getElement, h } from './index-e933a7d2.js';
|
|
2
2
|
|
|
3
3
|
const tetSpinnerCss = ":host{display:flex;--spinner-primary-color:var(--tc-blue-40);--spinner-secondary-color:transparent;--spinner-size:1.5rem;--spinner-indicator-size:0.23rem;--spinner-progress:0}.dark-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1-dark);--spinner-secondary-color:var(--tc-spinner-gradient-value-2-dark)}.light-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1);--spinner-secondary-color:var(--tc-spinner-gradient-value-2)}.size--medium{--spinner-size:2rem;--spinner-indicator-size:0.3rem}.size--large{--spinner-size:2.5rem;--spinner-indicator-size:0.375rem}@keyframes indeterminate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{position:relative;width:var(--spinner-size);height:var(--spinner-size)}.spinner::before{display:block;content:\"\";right:0;top:43%;width:var(--spinner-indicator-size);aspect-ratio:1;position:absolute;background-color:var(--spinner-primary-color);border-radius:50%}.spinner__gradient{width:2.5rem;height:2.5rem;border-radius:50%;background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) 76%, var(--spinner-primary-color) 100%) border-box}.spinner--indeterminate{animation:indeterminate 1.5s infinite steps(100)}.spinner--determinate{transform:rotate(calc(var(--spinner-progress) * 2.7deg))}.spinner--determinate .spinner__gradient{background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) calc(76% - var(--spinner-progress) * 0.76%), var(--spinner-primary-color) 100%) border-box}";
|
|
4
4
|
const TetSpinnerStyle0 = tetSpinnerCss;
|
|
@@ -50,13 +50,13 @@ const TetSpinner = class {
|
|
|
50
50
|
foreignObject.setAttribute('clip-path', 'url(#clip)');
|
|
51
51
|
};
|
|
52
52
|
render() {
|
|
53
|
-
return (h("div", { key: '
|
|
53
|
+
return (h("div", { key: '67912ef3ca2766aadd9fbbea95d44e9d7583cfc6', ref: element => (this.spinner = element), class: {
|
|
54
54
|
spinner: true,
|
|
55
55
|
[`${this.theme}-theme`]: true,
|
|
56
56
|
[`size--${this.size}`]: true,
|
|
57
57
|
[`spinner--${this.type}`]: true,
|
|
58
|
-
} }, h("svg", { key: '
|
|
59
|
-
0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '
|
|
58
|
+
} }, h("svg", { key: '14fcd39742fc2b94e7e88c60593456944a30efe7', viewBox: "0 0 40 40" }, h("clipPath", { key: '0a0229717df7043df9c8e646cefbb8fa4293426b', id: "clip" }, h("path", { key: '6f3a9732c4b9c33114c6557670c378d873a6ea7b', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
|
|
59
|
+
0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: 'c39fb59d157b1c93a086142160f583ab0c080a79' }, h("div", { key: 'f79cf2afc413c7151a39b35945c31ea55e3b833b', class: "spinner__gradient" })))));
|
|
60
60
|
}
|
|
61
61
|
static get watchers() { return {
|
|
62
62
|
"type": ["onTypeChange"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, f as forceUpdate, h } from './index-
|
|
2
|
-
import { p as processTranslations, t as translate } from './translations-
|
|
1
|
+
import { r as registerInstance, c as createEvent, f as forceUpdate, h } from './index-e933a7d2.js';
|
|
2
|
+
import { p as processTranslations, t as translate } from './translations-e60db8fd.js';
|
|
3
3
|
import './typecheck-4abf0258.js';
|
|
4
|
-
import './http-codes-
|
|
4
|
+
import './http-codes-cf0086d4.js';
|
|
5
5
|
|
|
6
6
|
const tetStepperInputCss = "@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:inline-flex;--stepper-label-text-align:left;--stepper-input-gap:0.5rem;--stepper-text-color:var(--tc-text-primary);--stepper-label-disabled-color:var(--tc-text-secondary);--stepper-value-disabled-color:var(--tc-button-text-inverse-disabled)}.stepper-input{display:flex;flex-direction:column;color:var(--stepper-text-color)}.stepper-input.dark{--stepper-text-color:var(--tc-text-primary-dark);--stepper-label-disabled-color:var(--tc-text-secondary-dark);--stepper-value-disabled-color:var(--tc-button-text-inverse-disabled-dark)}.stepper-input__inner-wrapper{justify-content:center;align-items:center;gap:var(--stepper-input-gap);display:inline-flex}.stepper-input__label{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0 0.25rem 0.25rem;text-align:var(--stepper-label-text-align)}.stepper-input__label--disabled{color:var(--stepper-label-disabled-color)}.stepper-input__value{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";width:1.9375rem;text-align:center;overflow:hidden}.stepper-input__value--disabled{color:var(--stepper-value-disabled-color)}.stepper-input__input{--input-border-radius:0.625rem;--input-font-size:0.875rem;--input-padding:0;width:3.125rem}.stepper-input__input .sc-tet-input{text-align:center}.stepper-input__input .sc-tet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}";
|
|
7
7
|
const TetStepperInputStyle0 = tetStepperInputCss;
|
|
@@ -153,7 +153,7 @@ const TetStepperInput = class {
|
|
|
153
153
|
}, class: "stepper-input__input", type: "number", value: String(value ?? ''), disabled: disabled, theme: theme, ...(accessibilityLabel ? { accessibilityLabel } : {}) }));
|
|
154
154
|
}
|
|
155
155
|
render() {
|
|
156
|
-
return (h("div", { key: '
|
|
156
|
+
return (h("div", { key: 'dff2884dfa036e7e38ce2869044d834fb7f8efaf', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'e9debec70f7d0fa115c3a8fc498e6b0e749513ec', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
|
|
157
157
|
}
|
|
158
158
|
static get watchers() { return {
|
|
159
159
|
"language": ["onLanguageChange"],
|