@tet/tet-components 1.4.44-testing → 1.4.45-production
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{address-656e77f6.js → address-951109ee.js} +1 -1
- package/dist/cjs/{assets-f64f0e16.js → assets-c00a24d2.js} +1 -1
- package/dist/cjs/{async-request-fcf33aba.js → async-request-13036d6f.js} +1 -1
- package/dist/cjs/{http-codes-40da1e61.js → http-codes-16564d25.js} +1 -1
- package/dist/cjs/{index-3242ff3f.js → index-162b4cbc.js} +5 -1
- package/dist/cjs/{index-4b423f33.js → index-a59cbcb0.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{phone-055efd07.js → phone-39f20542.js} +2 -2
- package/dist/cjs/{product-comparison-88a89820.js → product-comparison-5535cd9e.js} +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +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 +7 -7
- package/dist/cjs/tet-address-search.cjs.entry.js +4 -4
- package/dist/cjs/tet-asset-addresses.cjs.entry.js +3 -3
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +4 -4
- package/dist/cjs/tet-banner-nav.cjs.entry.js +3 -3
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +2 -2
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +5 -5
- package/dist/cjs/tet-business-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-button.cjs.entry.js +1 -1
- package/dist/cjs/tet-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +3 -3
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +2 -2
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +3 -3
- package/dist/cjs/tet-colors.cjs.entry.js +5 -5
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-cards_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-components.cjs.js +2 -2
- package/dist/cjs/tet-contact-form.cjs.entry.js +5 -5
- package/dist/cjs/tet-contact-info.cjs.entry.js +1 -1
- package/dist/cjs/tet-container_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-countdown.cjs.entry.js +140 -0
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-customer-assets.cjs.entry.js +3 -3
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +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 +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +3 -3
- package/dist/cjs/tet-label.cjs.entry.js +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 +1 -1
- package/dist/cjs/tet-macd-view.cjs.entry.js +6 -6
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +3 -3
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +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 +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +8 -8
- package/dist/cjs/tet-referral.cjs.entry.js +5 -5
- package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
- package/dist/cjs/tet-snicker-card.cjs.entry.js +3 -3
- package/dist/cjs/tet-spacing.cjs.entry.js +2 -2
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +4 -4
- package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tet-support-search.cjs.entry.js +1 -1
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-tab-header.cjs.entry.js +75 -13
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +3 -3
- package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-tv-gift-list.cjs.entry.js +1 -1
- package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-cde3168f.js} +2 -2
- package/dist/cjs/{translations-03c9de64.js → translations-ca556860.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.css +8 -5
- package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js +91 -11
- package/dist/collection/components/basic/misc/tet-countdown/tet-countdown.css +196 -0
- package/dist/collection/components/basic/misc/tet-countdown/tet-countdown.js +238 -0
- package/dist/collection/components/basic/misc/tet-label/tet-label.js +2 -2
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js +2 -2
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.js +4 -4
- package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js +7 -7
- package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js +1 -1
- package/dist/collection/components/simple/inputs/tet-textarea/tet-textarea.js +2 -2
- package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js +1 -1
- package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js +3 -3
- package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js +6 -6
- package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-tooltip/tet-tooltip.js +1 -1
- package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js +1 -1
- package/dist/collection/components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js +1 -1
- package/dist/collection/components/views/tet-business-lines/tet-business-lines.js +1 -1
- package/dist/collection/docs/styling/border-radius/tet-border-radius.js +1 -1
- package/dist/collection/docs/styling/colors/tet-colors.js +4 -4
- package/dist/collection/docs/styling/font-weight/tet-font-weight.js +1 -1
- package/dist/collection/docs/styling/fonts/tet-fonts.js +1 -1
- package/dist/collection/docs/styling/layout/tet-layout.js +1 -1
- package/dist/collection/docs/styling/link/tet-link.js +1 -1
- package/dist/collection/docs/styling/spacing/tet-spacing.js +1 -1
- package/dist/collection/docs/styling/tet-grid/tet-grid.js +1 -1
- package/dist/components/index.js +3 -1
- package/dist/components/{p-8c8b119b.js → p-0eab5242.js} +2 -2
- package/dist/components/{p-fdea19b5.js → p-12bc83b0.js} +2 -2
- package/dist/components/{p-7d181132.js → p-1971895b.js} +3 -3
- package/dist/components/{p-33a41ae0.js → p-19a05d89.js} +11 -11
- package/dist/components/{p-71baab1d.js → p-19c20a05.js} +2 -2
- package/dist/components/{p-517c4a94.js → p-1e76a7eb.js} +1 -1
- package/dist/components/{p-b62256ec.js → p-28ddbc83.js} +2 -2
- package/dist/components/{p-ea511c1d.js → p-294fe950.js} +10 -10
- package/dist/components/{p-aa1d5a50.js → p-2a75ffcb.js} +14 -14
- package/dist/components/{p-c162d676.js → p-2d53695e.js} +3 -3
- package/dist/components/{p-17885a7c.js → p-34a94ecf.js} +1 -1
- package/dist/components/{p-9c08a012.js → p-36f97736.js} +3 -3
- package/dist/components/{p-69d10a5a.js → p-4056dc61.js} +2 -2
- package/dist/components/{p-d475d2a6.js → p-49f6fb78.js} +1 -1
- package/dist/components/{p-a6835a06.js → p-4db5e941.js} +3 -3
- package/dist/components/{p-810de969.js → p-500ac3f6.js} +2 -2
- package/dist/components/{p-6ed7deb7.js → p-57e10d84.js} +3 -3
- package/dist/components/{p-f76fad86.js → p-5dcf08ec.js} +1 -1
- package/dist/components/{p-ef2ec31f.js → p-5f8499ea.js} +9 -9
- package/dist/components/{p-3c102839.js → p-627d4048.js} +3 -3
- package/dist/components/{p-75a56bcc.js → p-65ebd79c.js} +7 -7
- package/dist/components/{p-7786b9e2.js → p-6b53dfef.js} +6 -6
- package/dist/components/{p-b9e49599.js → p-6f10aedf.js} +2 -2
- package/dist/components/{p-431026ba.js → p-71a017d7.js} +3 -3
- package/dist/components/{p-ee54db57.js → p-72ea9b04.js} +1 -1
- package/dist/components/{p-adb1d830.js → p-732bc3b0.js} +2 -2
- package/dist/components/{p-23a63b03.js → p-74df2661.js} +8 -8
- package/dist/components/{p-e69117e4.js → p-77db5237.js} +3 -3
- package/dist/components/{p-09200933.js → p-7e468c74.js} +10 -10
- package/dist/components/{p-ae777b5c.js → p-82780fc5.js} +2 -2
- package/dist/components/{p-4468c9e9.js → p-8792ebce.js} +1 -1
- package/dist/components/{p-c44d3012.js → p-89402a54.js} +6 -6
- package/dist/components/{p-25b93e8f.js → p-8b6ad07d.js} +1 -1
- package/dist/components/{p-5f8e9ab6.js → p-8cb7e01c.js} +1 -1
- package/dist/components/{p-3748ab10.js → p-90ad304e.js} +1 -1
- package/dist/components/{p-e1c74b3e.js → p-938e9b34.js} +1 -1
- package/dist/components/{p-73771a7d.js → p-94469823.js} +7 -7
- package/dist/components/{p-8ca89afe.js → p-9cda92eb.js} +2 -2
- package/dist/components/{p-d56887ae.js → p-a760883f.js} +7 -7
- package/dist/components/{p-e9eb4859.js → p-b30a7ad7.js} +76 -13
- package/dist/components/{p-4fd825cc.js → p-b7140489.js} +2 -2
- package/dist/components/{p-c8becb8a.js → p-c0e3d8d2.js} +2 -2
- package/dist/components/{p-dd3541f5.js → p-c13688d0.js} +1 -1
- package/dist/components/{p-2be5b105.js → p-c155c30c.js} +7 -7
- package/dist/components/{p-b6daae0b.js → p-d6bd873d.js} +3 -3
- package/dist/components/{p-c98c65c4.js → p-d818c877.js} +6 -6
- package/dist/components/{p-06329f36.js → p-d944fe9e.js} +1 -1
- package/dist/components/{p-48915577.js → p-db3fbc90.js} +2 -2
- package/dist/components/{p-08ccd2a5.js → p-e0c87730.js} +3 -3
- package/dist/components/{p-80bcd7d4.js → p-e66c2e06.js} +5 -5
- package/dist/components/{p-9b881720.js → p-e7061d48.js} +1 -1
- package/dist/components/{p-5c3ff591.js → p-e845280b.js} +1 -1
- package/dist/components/{p-88703044.js → p-e9e8309f.js} +6 -6
- package/dist/components/{p-afa542bc.js → p-ed2e2b78.js} +2 -2
- package/dist/components/{p-229934ef.js → p-ef2d3186.js} +1 -1
- package/dist/components/{p-44201f97.js → p-f0861d7a.js} +1 -1
- package/dist/components/{p-c6f5ac4c.js → p-f22849c2.js} +4 -4
- package/dist/components/{p-83a8368b.js → p-f9176e55.js} +1 -1
- package/dist/components/{p-2d262187.js → p-fdd7656b.js} +4 -4
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +25 -25
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +13 -13
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +5 -5
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +1 -1
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +20 -20
- package/dist/components/tet-b2b-service-calculator.js +9 -9
- package/dist/components/tet-banner-nav.js +3 -3
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +2 -2
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +3 -3
- package/dist/components/tet-business-lines.js +6 -6
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +2 -2
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +4 -4
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +8 -8
- package/dist/components/tet-cloud-configurator.js +12 -12
- package/dist/components/tet-colors.js +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 +9 -9
- package/dist/components/tet-contact-info.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.d.ts +11 -0
- package/dist/components/tet-countdown.js +162 -0
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-customer-assets.js +9 -9
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +10 -10
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +8 -8
- package/dist/components/tet-divider.js +7 -7
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +4 -4
- package/dist/components/tet-expandable-input.js +3 -3
- package/dist/components/tet-expansion-panel.js +2 -2
- package/dist/components/tet-feedback-form.js +7 -7
- package/dist/components/tet-filter.js +4 -4
- package/dist/components/tet-floating-block.js +3 -3
- package/dist/components/tet-font-weight.js +2 -2
- package/dist/components/tet-fonts.js +2 -2
- package/dist/components/tet-grid.js +2 -2
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-label.js +5 -5
- package/dist/components/tet-layout.js +2 -2
- package/dist/components/tet-link-card-list.js +3 -3
- package/dist/components/tet-link.js +2 -2
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-macd-view.js +10 -10
- package/dist/components/tet-menu-mobile.js +2 -2
- package/dist/components/tet-menu.js +2 -2
- package/dist/components/tet-multi-step-dialog.js +5 -5
- 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 +6 -6
- package/dist/components/tet-round-stepper.js +2 -2
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-badge.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +11 -11
- package/dist/components/tet-spacing.js +2 -2
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v2.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-stepper.js +1 -1
- package/dist/components/tet-support-search.js +7 -7
- package/dist/components/tet-switch.js +1 -1
- package/dist/components/tet-tab-content.js +1 -1
- package/dist/components/tet-tab-header.js +1 -1
- package/dist/components/tet-table.js +3 -3
- package/dist/components/tet-tag-group.js +1 -1
- package/dist/components/tet-tag.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/components/tet-text.js +7 -7
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +5 -5
- package/dist/components/tet-thank-you-view-v3.js +5 -5
- package/dist/components/tet-thank-you-view.js +4 -4
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/components/tet-tv-gift-block.js +1 -1
- package/dist/components/tet-tv-gift-list.js +2 -2
- package/dist/esm/{address-1e0810e7.js → address-24e316f2.js} +1 -1
- package/dist/esm/{assets-e1349520.js → assets-343a0b59.js} +1 -1
- package/dist/esm/{async-request-4c945e13.js → async-request-a5159336.js} +1 -1
- package/dist/esm/{http-codes-1927ea00.js → http-codes-98d3e25c.js} +1 -1
- package/dist/esm/{index-aac31bd2.js → index-0da0d682.js} +5 -1
- package/dist/esm/{index-412df137.js → index-6c5bc6fc.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{phone-1a920c5c.js → phone-ea11e1d0.js} +2 -2
- package/dist/esm/{product-comparison-dd90c721.js → product-comparison-21980b84.js} +1 -1
- package/dist/esm/tet-accordion.entry.js +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 +7 -7
- package/dist/esm/tet-address-search.entry.js +4 -4
- package/dist/esm/tet-asset-addresses.entry.js +3 -3
- package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
- package/dist/esm/tet-autocomplete.entry.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/esm/tet-b2b-service-calculator.entry.js +4 -4
- package/dist/esm/tet-banner-nav.entry.js +3 -3
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +2 -2
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +5 -5
- package/dist/esm/tet-business-round-stepper.entry.js +1 -1
- package/dist/esm/tet-button.entry.js +1 -1
- package/dist/esm/tet-card-list.entry.js +1 -1
- package/dist/esm/tet-carousel.entry.js +3 -3
- package/dist/esm/tet-checkbox_3.entry.js +2 -2
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +3 -3
- package/dist/esm/tet-cloud-configurator.entry.js +3 -3
- package/dist/esm/tet-colors.entry.js +5 -5
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-cards-tab.entry.js +3 -3
- package/dist/esm/tet-compare-cards_2.entry.js +3 -3
- package/dist/esm/tet-components.js +3 -3
- package/dist/esm/tet-contact-form.entry.js +5 -5
- package/dist/esm/tet-contact-info.entry.js +1 -1
- package/dist/esm/tet-container_2.entry.js +1 -1
- package/dist/esm/tet-countdown.entry.js +136 -0
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-customer-assets.entry.js +3 -3
- package/dist/esm/tet-datepicker-header_4.entry.js +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 +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +3 -3
- package/dist/esm/tet-label.entry.js +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 +1 -1
- package/dist/esm/tet-macd-view.entry.js +6 -6
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +3 -3
- package/dist/esm/tet-navigation-mobile.entry.js +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 +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +8 -8
- package/dist/esm/tet-referral.entry.js +5 -5
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +3 -3
- package/dist/esm/tet-spacing.entry.js +2 -2
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +4 -4
- package/dist/esm/tet-stepper-v2.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-stepper.entry.js +1 -1
- package/dist/esm/tet-support-search.entry.js +1 -1
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-tab-header.entry.js +75 -13
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +3 -3
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v2.entry.js +3 -3
- package/dist/esm/tet-thank-you-view-v3.entry.js +3 -3
- package/dist/esm/tet-thank-you-view.entry.js +1 -1
- package/dist/esm/tet-tv-gift-block.entry.js +1 -1
- package/dist/esm/tet-tv-gift-list.entry.js +1 -1
- package/dist/esm/{theme-wrapper-72d0b9da.js → theme-wrapper-37dd9692.js} +2 -2
- package/dist/esm/{translations-4712c45f.js → translations-9a0d9386.js} +1 -1
- package/dist/tet-components/{p-f6916bfc.entry.js → p-01a44fa7.entry.js} +1 -1
- package/dist/tet-components/{p-0c6b6730.js → p-0255120e.js} +1 -1
- package/dist/tet-components/{p-ae69d5f0.entry.js → p-0299a55c.entry.js} +1 -1
- package/dist/tet-components/{p-7f533bfe.entry.js → p-0332fbab.entry.js} +1 -1
- package/dist/tet-components/{p-d61f985e.entry.js → p-040dc96f.entry.js} +1 -1
- package/dist/tet-components/{p-5845a3dc.entry.js → p-0dff386b.entry.js} +1 -1
- package/dist/tet-components/{p-03fd6ddd.entry.js → p-11861db4.entry.js} +1 -1
- package/dist/tet-components/{p-3e7e1106.entry.js → p-129ea4aa.entry.js} +1 -1
- package/dist/tet-components/{p-615a1f0a.entry.js → p-133b63de.entry.js} +1 -1
- package/dist/tet-components/{p-4c6a379b.entry.js → p-1537fc09.entry.js} +1 -1
- package/dist/tet-components/{p-ce850061.entry.js → p-154f01f9.entry.js} +1 -1
- package/dist/tet-components/{p-f8de11f1.entry.js → p-15bd5335.entry.js} +1 -1
- package/dist/tet-components/{p-255fc5d0.entry.js → p-1638825f.entry.js} +1 -1
- package/dist/tet-components/{p-46975ec4.entry.js → p-17276f7a.entry.js} +1 -1
- package/dist/tet-components/{p-a093603e.entry.js → p-18fd9a9b.entry.js} +1 -1
- package/dist/tet-components/{p-7544dfd7.js → p-19c6a28c.js} +1 -1
- package/dist/tet-components/{p-724189c2.entry.js → p-1ad37ab3.entry.js} +1 -1
- package/dist/tet-components/{p-76526271.entry.js → p-1cecb836.entry.js} +1 -1
- package/dist/tet-components/{p-1fd2adaf.js → p-1e9db0cc.js} +1 -1
- package/dist/tet-components/{p-496180bc.entry.js → p-1ef5d194.entry.js} +1 -1
- package/dist/tet-components/{p-d8518d4b.js → p-21acfb7d.js} +1 -1
- package/dist/tet-components/{p-316a6c7f.entry.js → p-228ca864.entry.js} +1 -1
- package/dist/tet-components/{p-32691e85.entry.js → p-23f007d1.entry.js} +1 -1
- package/dist/tet-components/p-246e293e.entry.js +1 -0
- package/dist/tet-components/{p-1e67317e.entry.js → p-27b1f1e9.entry.js} +1 -1
- package/dist/tet-components/{p-8a363e18.entry.js → p-3090ceaf.entry.js} +1 -1
- package/dist/tet-components/{p-e0fc34c9.entry.js → p-3a2ababb.entry.js} +1 -1
- package/dist/tet-components/p-3c5c8ed6.entry.js +1 -0
- package/dist/tet-components/{p-fc0d1118.entry.js → p-475e19e1.entry.js} +1 -1
- package/dist/tet-components/{p-cde8057a.entry.js → p-48d13280.entry.js} +1 -1
- package/dist/tet-components/{p-97248cdf.entry.js → p-4a6dd56d.entry.js} +1 -1
- package/dist/tet-components/{p-cea240d6.entry.js → p-4f7a8ae9.entry.js} +1 -1
- package/dist/tet-components/{p-920c54d8.entry.js → p-5104fc99.entry.js} +1 -1
- package/dist/tet-components/{p-5391d594.entry.js → p-52301881.entry.js} +1 -1
- package/dist/tet-components/{p-c455736d.entry.js → p-544b367e.entry.js} +1 -1
- package/dist/tet-components/{p-cf66f858.entry.js → p-54d6256c.entry.js} +1 -1
- package/dist/tet-components/{p-ee144210.entry.js → p-5592d9ee.entry.js} +1 -1
- package/dist/tet-components/p-5879fbfb.entry.js +1 -0
- package/dist/tet-components/{p-0ebbf5ef.js → p-59ffdcd3.js} +1 -1
- package/dist/tet-components/{p-8c0ac70a.entry.js → p-5c95f657.entry.js} +1 -1
- package/dist/tet-components/{p-10e72480.entry.js → p-6235b259.entry.js} +1 -1
- package/dist/tet-components/{p-be3a10d0.entry.js → p-62d40cca.entry.js} +1 -1
- package/dist/tet-components/{p-73640752.entry.js → p-641f8035.entry.js} +1 -1
- package/dist/tet-components/{p-ab13d33d.entry.js → p-66889c36.entry.js} +1 -1
- package/dist/tet-components/{p-6eff3406.entry.js → p-69812025.entry.js} +1 -1
- package/dist/tet-components/{p-2a43ccef.entry.js → p-6c2146a3.entry.js} +1 -1
- package/dist/tet-components/{p-7d64d525.entry.js → p-6d3f9540.entry.js} +1 -1
- package/dist/tet-components/{p-a91fd94e.entry.js → p-6ec4b36e.entry.js} +1 -1
- package/dist/tet-components/{p-9b6d815e.entry.js → p-6ed4247e.entry.js} +1 -1
- package/dist/tet-components/{p-7771bc1a.entry.js → p-74aae175.entry.js} +1 -1
- package/dist/tet-components/p-752b7d7d.entry.js +1 -0
- package/dist/tet-components/{p-9a1f44f5.entry.js → p-79931377.entry.js} +1 -1
- package/dist/tet-components/{p-e95dba20.entry.js → p-7b7a9bab.entry.js} +1 -1
- package/dist/tet-components/{p-a113873a.entry.js → p-7b88bb4c.entry.js} +1 -1
- package/dist/tet-components/p-7c868b40.js +2 -0
- package/dist/tet-components/{p-71018cb8.entry.js → p-7f302806.entry.js} +1 -1
- package/dist/tet-components/{p-12eafd28.entry.js → p-8022c290.entry.js} +1 -1
- package/dist/tet-components/{p-209c4522.entry.js → p-81000e8c.entry.js} +1 -1
- package/dist/tet-components/p-81456c37.js +1 -0
- package/dist/tet-components/{p-778c46a6.js → p-81586378.js} +1 -1
- package/dist/tet-components/{p-7056a120.entry.js → p-83a9957c.entry.js} +1 -1
- package/dist/tet-components/{p-b0c62997.entry.js → p-8763c126.entry.js} +1 -1
- package/dist/tet-components/{p-b34e86ef.entry.js → p-886b6db2.entry.js} +1 -1
- package/dist/tet-components/{p-f16514db.entry.js → p-8a26190c.entry.js} +1 -1
- package/dist/tet-components/{p-afd80c63.entry.js → p-8e955d30.entry.js} +1 -1
- package/dist/tet-components/{p-f3ce4422.entry.js → p-93e67d37.entry.js} +1 -1
- package/dist/tet-components/{p-eaaf3ccf.entry.js → p-9454be24.entry.js} +1 -1
- package/dist/tet-components/{p-ceaa4764.entry.js → p-949243e0.entry.js} +1 -1
- package/dist/tet-components/{p-c2a0b494.entry.js → p-97c0035b.entry.js} +1 -1
- package/dist/tet-components/{p-c858f416.entry.js → p-9852c6ed.entry.js} +1 -1
- package/dist/tet-components/{p-8915cdcf.entry.js → p-9ef884ed.entry.js} +1 -1
- package/dist/tet-components/{p-f81b3bb0.js → p-a0b08ff1.js} +1 -1
- package/dist/tet-components/{p-c9f21fde.entry.js → p-a193f723.entry.js} +1 -1
- package/dist/tet-components/{p-122f3d3c.entry.js → p-a31f3a9a.entry.js} +1 -1
- package/dist/tet-components/{p-842b3dd2.entry.js → p-a3b20463.entry.js} +1 -1
- package/dist/tet-components/{p-09cfec89.entry.js → p-aabe7b11.entry.js} +1 -1
- package/dist/tet-components/{p-dce0edad.entry.js → p-af6b8494.entry.js} +1 -1
- package/dist/tet-components/{p-bff0d6d3.entry.js → p-b7a4c91a.entry.js} +1 -1
- package/dist/tet-components/{p-4c1a48e2.entry.js → p-b99a2c54.entry.js} +1 -1
- package/dist/tet-components/{p-eaaaeafe.entry.js → p-bb9f2d7e.entry.js} +1 -1
- package/dist/tet-components/{p-46f6a051.entry.js → p-bcbb0768.entry.js} +1 -1
- package/dist/tet-components/{p-b87db05c.entry.js → p-c336a502.entry.js} +1 -1
- package/dist/tet-components/{p-3e3ecc08.entry.js → p-c5fdf41f.entry.js} +1 -1
- package/dist/tet-components/{p-b365e697.entry.js → p-c7e5e252.entry.js} +1 -1
- package/dist/tet-components/{p-9c837569.entry.js → p-c95500c7.entry.js} +1 -1
- package/dist/tet-components/{p-f2083ea7.entry.js → p-caa967e8.entry.js} +1 -1
- package/dist/tet-components/{p-c4de9e32.entry.js → p-ccbe2f2a.entry.js} +1 -1
- package/dist/tet-components/{p-5e2eb1e5.entry.js → p-cfa681df.entry.js} +1 -1
- package/dist/tet-components/{p-a64e3e96.entry.js → p-d69f671b.entry.js} +1 -1
- package/dist/tet-components/{p-43869924.entry.js → p-d9b26ab4.entry.js} +1 -1
- package/dist/tet-components/{p-da0fc55d.entry.js → p-d9ba7a6e.entry.js} +1 -1
- package/dist/tet-components/{p-4fb9f367.entry.js → p-e20a1a5e.entry.js} +1 -1
- package/dist/tet-components/{p-903c4587.entry.js → p-e615ce9c.entry.js} +1 -1
- package/dist/tet-components/{p-aff47d36.entry.js → p-ed471ab0.entry.js} +1 -1
- package/dist/tet-components/{p-c82d1a19.entry.js → p-eeb643a4.entry.js} +1 -1
- package/dist/tet-components/{p-39796998.entry.js → p-f080b1a0.entry.js} +1 -1
- package/dist/tet-components/{p-87221449.entry.js → p-f3cd9c56.entry.js} +1 -1
- package/dist/tet-components/{p-e9883cd3.entry.js → p-f7f3a146.entry.js} +1 -1
- package/dist/tet-components/{p-3ab161b4.entry.js → p-f84f150b.entry.js} +1 -1
- package/dist/tet-components/{p-a8051a99.js → p-f9e5405c.js} +1 -1
- package/dist/tet-components/{p-8bfd498e.entry.js → p-fa69d1cf.entry.js} +1 -1
- package/dist/tet-components/{p-ccfa9f31.entry.js → p-fc8d6963.entry.js} +1 -1
- package/dist/tet-components/{p-6970af44.entry.js → p-fd6c7936.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.d.ts +29 -4
- package/dist/types/components/basic/misc/tet-countdown/tet-countdown.d.ts +39 -0
- package/dist/types/components.d.ts +72 -0
- package/package.json +1 -1
- package/dist/tet-components/p-19d2c940.entry.js +0 -1
- package/dist/tet-components/p-83f43fdd.js +0 -2
- package/dist/tet-components/p-aef6cab7.entry.js +0 -1
- package/dist/tet-components/p-f245c91b.entry.js +0 -1
- package/dist/tet-components/p-f81d95ae.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as n,H as e}from"./p-83f43fdd.js";const i=class{constructor(n){o(this,n),this.mainDropdownToggle=t(this,"mainDropdownToggle",7),this.darkMode=!1,this.isTogglerExpanded=!1,this.isTogglerVisible=!0}onTogglerClick=()=>{this.isTogglerExpanded=!this.isTogglerExpanded};handleKeyDown=o=>{["Enter"," "].includes(o.key)&&this.onTogglerClick()};async showToggler(){this.isTogglerVisible=!0}async hideToggler(){this.isTogglerVisible=!1,this.isTogglerExpanded=!1}async open(){this.isTogglerExpanded=!0}async close(){this.isTogglerExpanded=!1}mainDropdownToggle;onMenuToggle(o){this.mainDropdownToggle.emit(o)}render(){return n(e,{key:"638e74dc5657094cec2e32a292ceeafa171b4455"},n("navigation",{key:"89638be40a6366961492405301806f3426cad24b",class:{navigation:!0,"navigation--dark":this.darkMode}},n("div",{key:"7a1c14e1c0950f47dcc96d3438f054ac9ed85370",class:"navigation__nav-bar"},n("slot",{key:"4f470f9eff55f9bf6b30ac1a743a7d048c8af545"})),this.isTogglerVisible&&n("span",{key:"b1b272756a2f5a73fc3a6b6762e5324215dc4278",class:"navigation__toggler",onClick:this.onTogglerClick,onKeyDown:o=>this.handleKeyDown(o),tabIndex:0},n("tet-icon",{key:"1ee9326c3512304d5e8dfa23817ee5ec79c88f5f",theme:this.darkMode?"dark":"light",name:this.isTogglerExpanded?"close":"burger"})),n("div",{key:"10972d8494763031796f4331c1862037e7800151",class:{navigation__dropdown:!0,"navigation__dropdown--expanded":this.isTogglerExpanded},inert:!this.isTogglerExpanded},n("slot",{key:"184c770cbad2907f31f4e43183b89d2f2d8758e3",name:"dropdown"}))))}static get watchers(){return{isTogglerExpanded:["onMenuToggle"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--navigation-height:4rem;--navigation-padding:0 2rem;--navigation-mobile-padding:0 1rem;--navigation-background-color:var(--tc-layer-primary);--navigation-border-bottom-color:var(--tc-border-quaternary);--navigation-dropdown-padding:0 1rem;--navigation-focus-outline-color:var(--tc-blue-40);display:block;width:100%;position:relative}.navigation{height:var(--navigation-height);width:100%;display:flex;background-color:var(--navigation-background-color);border-bottom:0.0625rem solid var(--navigation-border-bottom-color);box-sizing:border-box;padding:var(--navigation-padding)}.navigation--dark{--navigation-background-color:var(--tc-layer-primary-dark);--navigation-border-bottom-color:var(--tc-border-quaternary-dark);--navigation-focus-outline-color:var(--tc-blue-40-dark)}@media screen and (max-width: 46.25rem){.navigation{padding:var(--navigation-mobile-padding)}}.navigation__nav-bar{display:flex;flex:1}.navigation__toggler{--icon-size:1.5rem;align-self:center;cursor:pointer;padding:0.375rem}.navigation__toggler:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem}.navigation__dropdown{background-color:var(--navigation-background-color);height:0;opacity:0;padding:var(--navigation-dropdown-padding);pointer-events:none;position:absolute;right:0;top:var(--navigation-height);width:100%}.navigation__dropdown--expanded{height:calc(100vh - var(--navigation-height));opacity:1;pointer-events:all;overflow-y:auto}';export{i as tet_navigation_mobile}
|
|
1
|
+
import{r as o,c as t,h as n,H as e}from"./p-7c868b40.js";const i=class{constructor(n){o(this,n),this.mainDropdownToggle=t(this,"mainDropdownToggle",7),this.darkMode=!1,this.isTogglerExpanded=!1,this.isTogglerVisible=!0}onTogglerClick=()=>{this.isTogglerExpanded=!this.isTogglerExpanded};handleKeyDown=o=>{["Enter"," "].includes(o.key)&&this.onTogglerClick()};async showToggler(){this.isTogglerVisible=!0}async hideToggler(){this.isTogglerVisible=!1,this.isTogglerExpanded=!1}async open(){this.isTogglerExpanded=!0}async close(){this.isTogglerExpanded=!1}mainDropdownToggle;onMenuToggle(o){this.mainDropdownToggle.emit(o)}render(){return n(e,{key:"162ebe378645ffdb47a43120eae5897d710cd934"},n("navigation",{key:"120b65bdc0844c18db43d49657d52671063c1072",class:{navigation:!0,"navigation--dark":this.darkMode}},n("div",{key:"7a7eef14cd4c7587229d05e28791e71b01962baf",class:"navigation__nav-bar"},n("slot",{key:"c36fe832c53e0c37d599611e2c47a7639d236165"})),this.isTogglerVisible&&n("span",{key:"fcec1e746f5f733042e9bba8ff8a4a55f5d36b4f",class:"navigation__toggler",onClick:this.onTogglerClick,onKeyDown:o=>this.handleKeyDown(o),tabIndex:0},n("tet-icon",{key:"6b1eda748e01bb7c890d942d8cb732985eb983f0",theme:this.darkMode?"dark":"light",name:this.isTogglerExpanded?"close":"burger"})),n("div",{key:"9541e3f3dce03f168b281500d3c340117cbb4b29",class:{navigation__dropdown:!0,"navigation__dropdown--expanded":this.isTogglerExpanded},inert:!this.isTogglerExpanded},n("slot",{key:"15b849b825fa8bb7baf108eb86c3e9ea07874aba",name:"dropdown"}))))}static get watchers(){return{isTogglerExpanded:["onMenuToggle"]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--navigation-height:4rem;--navigation-padding:0 2rem;--navigation-mobile-padding:0 1rem;--navigation-background-color:var(--tc-layer-primary);--navigation-border-bottom-color:var(--tc-border-quaternary);--navigation-dropdown-padding:0 1rem;--navigation-focus-outline-color:var(--tc-blue-40);display:block;width:100%;position:relative}.navigation{height:var(--navigation-height);width:100%;display:flex;background-color:var(--navigation-background-color);border-bottom:0.0625rem solid var(--navigation-border-bottom-color);box-sizing:border-box;padding:var(--navigation-padding)}.navigation--dark{--navigation-background-color:var(--tc-layer-primary-dark);--navigation-border-bottom-color:var(--tc-border-quaternary-dark);--navigation-focus-outline-color:var(--tc-blue-40-dark)}@media screen and (max-width: 46.25rem){.navigation{padding:var(--navigation-mobile-padding)}}.navigation__nav-bar{display:flex;flex:1}.navigation__toggler{--icon-size:1.5rem;align-self:center;cursor:pointer;padding:0.375rem}.navigation__toggler:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem}.navigation__dropdown{background-color:var(--navigation-background-color);height:0;opacity:0;padding:var(--navigation-dropdown-padding);pointer-events:none;position:absolute;right:0;top:var(--navigation-height);width:100%}.navigation__dropdown--expanded{height:calc(100vh - var(--navigation-height));opacity:1;pointer-events:all;overflow-y:auto}';export{i as tet_navigation_mobile}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as e}from"./p-83f43fdd.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"c6640088acda206e40eb41b798835719f3aa325c",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"69c230ba4786538860c51fd47d44e55f93b9c76f",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"ba59efbfb2b7f75f38ea1d551b6e27a453a7eb46",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"50b4014ff919758d3d5265e62d9c6f0b48c62390",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"b795eed7727e42df9aa633654eab5ccf016cb2ed",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"cdb64126d05c28382bdf1a2902b7b437f0aa017a",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"3a9b0dc6e94923c3aea26e1903992ff80888abd2",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"a03a5c8fe9c7ec87760fdc50e1c3baa5c955dd5c",name:"chevron-down"}),a&&e("tet-icon",{key:"ccff4ce40af8913672aa52fbf8591f91e142d12d",name:"chevron-up"})),a&&e("div",{key:"f6481d0d30d312bba05e38e233d48b5f76aebe61",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"39cb2fc430ff4ce70523d39f92491b82925bbb43",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
|
|
1
|
+
import{r as t,c as r,h as e}from"./p-7c868b40.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"c6640088acda206e40eb41b798835719f3aa325c",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"69c230ba4786538860c51fd47d44e55f93b9c76f",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"ba59efbfb2b7f75f38ea1d551b6e27a453a7eb46",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"50b4014ff919758d3d5265e62d9c6f0b48c62390",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"b795eed7727e42df9aa633654eab5ccf016cb2ed",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"cdb64126d05c28382bdf1a2902b7b437f0aa017a",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"3a9b0dc6e94923c3aea26e1903992ff80888abd2",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"a03a5c8fe9c7ec87760fdc50e1c3baa5c955dd5c",name:"chevron-down"}),a&&e("tet-icon",{key:"ccff4ce40af8913672aa52fbf8591f91e142d12d",name:"chevron-up"})),a&&e("div",{key:"f6481d0d30d312bba05e38e233d48b5f76aebe61",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"39cb2fc430ff4ce70523d39f92491b82925bbb43",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,g as t,h as i,H as n}from"./p-83f43fdd.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="info-circle";ICON_CHECK="check-circle";ICON_ATTENTION="attention";ICON_CLOSE="close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent||o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/3*2,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"e7cc8a545d39f6720d1f7a48bd15ca82a2d2345f"},i("div",{key:"3fe009df8cb69c41e940a3aa48dee0874c24db24",class:{notification:!0,[this.theme]:!0}},i("div",{key:"e68bd9c28f91addfe2a069241bced794d4785df8",class:{item:!0,[this.type]:!0}},i("div",{key:"6b5cc4fca1e05f5f65fb7fd59529528937392513",class:"header"},this.renderTypeIcon(),i("div",{key:"f0e7fe40616ff08c52c232f94808dfdad79d6b12",class:"title"},o),this.renderCloseButton()),i("div",{key:"1a76693751511b6a444bb54ce1597e0934628c9c",class:"content"},i("span",{key:"dd1ba2d2744a54ee93e8f71983997f572bf47991",innerHTML:t}),i("div",{key:"8e3dd703404e83005f39cb3253b1e866260a6511"},i("slot",{key:"3ebc67a5b48217952986944dc9eb25230dd34a42",name:"button"}))))))}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}
|
|
1
|
+
import{r as o,g as t,h as i,H as n}from"./p-7c868b40.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="info-circle";ICON_CHECK="check-circle";ICON_ATTENTION="attention";ICON_CLOSE="close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent||o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/3*2,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"b7ca487047ef81dc661f275728f5f25dc2056bfc"},i("div",{key:"08eb58e66b924599158d5e1b89f379093607e2a0",class:{notification:!0,[this.theme]:!0}},i("div",{key:"59f9c12317b7bc443420894086662d8c406d1545",class:{item:!0,[this.type]:!0}},i("div",{key:"88879db68bad5769d1bb0925e9a6c3a44df9b868",class:"header"},this.renderTypeIcon(),i("div",{key:"b3bd8aa9d68fe8082d18fe5fde83531ec7d2dedb",class:"title"},o),this.renderCloseButton()),i("div",{key:"d9bf71bae1618c45402d17a6b06e849da173a0a6",class:"content"},i("span",{key:"f4a4c1165be05c7d717ef2bbd81b3ac6233e9a39",innerHTML:t}),i("div",{key:"5727f00f322163b1c7afaa344adef756cfa7c11f"},i("slot",{key:"163beb7cba7198e530abcace24077c053fb11ff2",name:"button"}))))))}};e.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,f as e,h as n}from"./p-83f43fdd.js";import{p as r,t as a}from"./p-a8051a99.js";import"./p-0ebbf5ef.js";import{P as i,c as f}from"./p-f81b3bb0.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-0c6b6730.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){r("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){r("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"bad557d795d51e0a465bf21cb010fb6b7089b750",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"bd9bdd11d33360cae762bbf1bb876938a58ce4d8",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"0adcd1623629ea2cd5b8945cc3e44fe514aa9215",class:"form-container"},this.showTitle&&n("h2",{key:"c820c405f17872c4d6b4f0f25e8f7d2c84b0489d",class:"form-title"},a("components-contact-form-title")),n("p",{key:"89c814cb1c18bfbadc7cd198153490734085c1c2",class:"form-subtitle"},a(this.subtitle)),n("tet-input",{key:"af3439bd9d9410315b9fd532c0ebad02e43a9f37",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?a("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"80287b00db2adf8400829c628682c084e41e822b",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:a("components-contact-form-submit"),...this.submitButtonProps}))))}static get watchers(){return{language:["onLanguageChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}
|
|
1
|
+
import{r as t,c as o,f as e,h as n}from"./p-7c868b40.js";import{p as r,t as a}from"./p-f9e5405c.js";import"./p-59ffdcd3.js";import{P as i,c as f}from"./p-a0b08ff1.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-0255120e.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){r("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){r("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"bad557d795d51e0a465bf21cb010fb6b7089b750",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"bd9bdd11d33360cae762bbf1bb876938a58ce4d8",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"0adcd1623629ea2cd5b8945cc3e44fe514aa9215",class:"form-container"},this.showTitle&&n("h2",{key:"c820c405f17872c4d6b4f0f25e8f7d2c84b0489d",class:"form-title"},a("components-contact-form-title")),n("p",{key:"89c814cb1c18bfbadc7cd198153490734085c1c2",class:"form-subtitle"},a(this.subtitle)),n("tet-input",{key:"af3439bd9d9410315b9fd532c0ebad02e43a9f37",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?a("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"80287b00db2adf8400829c628682c084e41e822b",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:a("components-contact-form-submit"),...this.submitButtonProps}))))}static get watchers(){return{language:["onLanguageChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,d as t,h as n}from"./p-83f43fdd.js";import{c as e}from"./p-d8518d4b.js";const{state:i}=e({iconMap:null,icons:{}}),r=["tc-go3-films-dark","tc-go3-films-light","tc-go3-sport-dark","tc-go3-sport-light","tc-netflix","tc-popcorn","tc-go3-light","tc-go3-dark"],a=class{constructor(t){o(this,t),this.name="info-circle",this.theme="classic",this.type="primary",this.useDefaultColor=!1,this.accessibilityLabel="",this.focusable=!1}iconContainer;onNameChange(){this.setIcon(this.name)}componentDidLoad(){this.setIcon(this.name)}setIcon(o){this.getIcon(o).then((o=>{o&&(this.iconContainer.innerHTML=o)}))}getIconMap=()=>{if(!i.iconMap){const o=t("assets/icons/icon-map.json"),n=o=>o.json();i.iconMap=fetch(o).then(n)}return i.iconMap};getIcon=async o=>{const n=await this.getIconMap();if(!i.icons[o]&&n[o]){const e=t(n[o]),r=o=>404===o.status?null:o.text();i.icons[o]=fetch(e).then(r)}return i.icons[o]};shouldUseDefaultColor=()=>this.useDefaultColor||r.includes(this.name);render(){return n("span",{key:"578d73873f6ca3ae6e60589a464c1cd8c366cebb",class:"icon-wrapper",tabindex:this.focusable||this.accessibilityLabel?0:-1},n("span",{key:"623de6e2ce8ff246200eb90a264a88c90b49dc40",class:{"icon-container":!0,"default-color":this.shouldUseDefaultColor(),[this.theme]:!0,[this.type]:!0},ref:o=>this.iconContainer=o,...this.accessibilityLabel?{"aria-label":this.accessibilityLabel,role:"img"}:{role:"presentation"}}))}static get assetsDirs(){return["assets/icons"]}static get watchers(){return{name:["onNameChange"]}}};a.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:inline-block;vertical-align:middle;--icon-color:rgb(10, 11, 13);--icon-container-display:inline-block}.icon-wrapper{display:var(--icon-container-display);vertical-align:middle}.icon-wrapper:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:2rem}.icon-container{display:flex;justify-content:center;align-items:center}.icon-container svg{display:block;width:var(--icon-size);height:var(--icon-size)}.icon-container:not(.default-color) path,.icon-container:not(.default-color) circle,.icon-container:not(.default-color) rect{fill:var(--icon-color)}.icon-container:not(.default-color) .stroke{stroke:var(--icon-color)}.icon-container:not(.default-color) .stroke:not(.fill){fill:none}.icon-container.light:not(.default-color){--icon-color:var(--tc-icon-primary)}.icon-container.light:not(.default-color).secondary{--icon-color:var(--tc-icon-secondary)}.icon-container.light:not(.default-color).tooltip-secondary{--icon-color:var(--tc-icon-tooltip-secondary)}.icon-container.light:not(.default-color).tertiary{--icon-color:var(--tc-icon-tertiary)}.icon-container.light:not(.default-color).quaternary{--icon-color:var(--tc-icon-quaternary)}.icon-container.light:not(.default-color) .layer-quaternary{--icon-color:var(--tc-layer-quaternary)}.icon-container.dark:not(.default-color){--icon-color:var(--tc-icon-primary-dark)}.icon-container.dark:not(.default-color).secondary{--icon-color:var(--tc-icon-secondary-dark)}.icon-container.dark:not(.default-color).tooltip-secondary{--icon-color:var(--tc-icon-tooltip-secondary-dark)}.icon-container.dark:not(.default-color).tertiary{--icon-color:var(--tc-icon-tertiary-dark)}.icon-container.dark:not(.default-color).quaternary{--icon-color:var(--tc-icon-quaternary-dark)}.icon-container.dark:not(.default-color) .layer-quaternary{--icon-color:var(--tc-layer-quaternary-dark)}';export{a as tet_icon}
|
|
1
|
+
import{r as o,d as t,h as n}from"./p-7c868b40.js";import{c as e}from"./p-21acfb7d.js";const{state:i}=e({iconMap:null,icons:{}}),r=["tc-go3-films-dark","tc-go3-films-light","tc-go3-sport-dark","tc-go3-sport-light","tc-netflix","tc-popcorn","tc-go3-light","tc-go3-dark"],a=class{constructor(t){o(this,t),this.name="info-circle",this.theme="classic",this.type="primary",this.useDefaultColor=!1,this.accessibilityLabel="",this.focusable=!1}iconContainer;onNameChange(){this.setIcon(this.name)}componentDidLoad(){this.setIcon(this.name)}setIcon(o){this.getIcon(o).then((o=>{o&&(this.iconContainer.innerHTML=o)}))}getIconMap=()=>{if(!i.iconMap){const o=t("assets/icons/icon-map.json"),n=o=>o.json();i.iconMap=fetch(o).then(n)}return i.iconMap};getIcon=async o=>{const n=await this.getIconMap();if(!i.icons[o]&&n[o]){const e=t(n[o]),r=o=>404===o.status?null:o.text();i.icons[o]=fetch(e).then(r)}return i.icons[o]};shouldUseDefaultColor=()=>this.useDefaultColor||r.includes(this.name);render(){return n("span",{key:"578d73873f6ca3ae6e60589a464c1cd8c366cebb",class:"icon-wrapper",tabindex:this.focusable||this.accessibilityLabel?0:-1},n("span",{key:"623de6e2ce8ff246200eb90a264a88c90b49dc40",class:{"icon-container":!0,"default-color":this.shouldUseDefaultColor(),[this.theme]:!0,[this.type]:!0},ref:o=>this.iconContainer=o,...this.accessibilityLabel?{"aria-label":this.accessibilityLabel,role:"img"}:{role:"presentation"}}))}static get assetsDirs(){return["assets/icons"]}static get watchers(){return{name:["onNameChange"]}}};a.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:inline-block;vertical-align:middle;--icon-color:rgb(10, 11, 13);--icon-container-display:inline-block}.icon-wrapper{display:var(--icon-container-display);vertical-align:middle}.icon-wrapper:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:2rem}.icon-container{display:flex;justify-content:center;align-items:center}.icon-container svg{display:block;width:var(--icon-size);height:var(--icon-size)}.icon-container:not(.default-color) path,.icon-container:not(.default-color) circle,.icon-container:not(.default-color) rect{fill:var(--icon-color)}.icon-container:not(.default-color) .stroke{stroke:var(--icon-color)}.icon-container:not(.default-color) .stroke:not(.fill){fill:none}.icon-container.light:not(.default-color){--icon-color:var(--tc-icon-primary)}.icon-container.light:not(.default-color).secondary{--icon-color:var(--tc-icon-secondary)}.icon-container.light:not(.default-color).tooltip-secondary{--icon-color:var(--tc-icon-tooltip-secondary)}.icon-container.light:not(.default-color).tertiary{--icon-color:var(--tc-icon-tertiary)}.icon-container.light:not(.default-color).quaternary{--icon-color:var(--tc-icon-quaternary)}.icon-container.light:not(.default-color) .layer-quaternary{--icon-color:var(--tc-layer-quaternary)}.icon-container.dark:not(.default-color){--icon-color:var(--tc-icon-primary-dark)}.icon-container.dark:not(.default-color).secondary{--icon-color:var(--tc-icon-secondary-dark)}.icon-container.dark:not(.default-color).tooltip-secondary{--icon-color:var(--tc-icon-tooltip-secondary-dark)}.icon-container.dark:not(.default-color).tertiary{--icon-color:var(--tc-icon-tertiary-dark)}.icon-container.dark:not(.default-color).quaternary{--icon-color:var(--tc-icon-quaternary-dark)}.icon-container.dark:not(.default-color) .layer-quaternary{--icon-color:var(--tc-layer-quaternary-dark)}';export{a as tet_icon}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,g as e,h as r,H as i}from"./p-83f43fdd.js";import{e as a,A as n}from"./p-0ebbf5ef.js";import{f as s}from"./p-e1e74d01.js";import{c}from"./p-d8518d4b.js";import{t as l}from"./p-a8051a99.js";import"./p-9a2b6ee2.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const o=new Map(d.cart);o.delete(t),f("cart",o)},u=()=>{const t=m("cart"),o=m("productDetails"),e={};for(const[r,i]of t.entries())e[o.get(r)?.name||r]=i;return e},y=class{constructor(e){t(this,e),this.compareLinkClick=o(this,"compareLinkClick",7),this.b2bConfiguratorSubmit=o(this,"b2bConfiguratorSubmit",7),this.successCloseClick=o(this,"successCloseClick",7),this.referenceElement=void 0,this.isLoading=!0,this.itemToRemove=null,this.checkoutAttempted=!1,this.formState="success",this.activePrimaryCategoryId=null,this.activeSecondaryCategoryId=null,this.selectedPrimaryCards=[],this.selectedSecondaryCards=[],this.isDesktopResolution=void 0,this.theme="light",this.stickyRefEl=""}get hostElement(){return e(this)}priceSuffix="€/mēn.";cartEl;confirmationDialogEl;submissionStateDialogEl;checkoutFormEl;primaryAccordionEl;secondaryAccordionEl;primaryNavEl;secondaryNavEl;resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}compareLinkClick;b2bConfiguratorSubmit;successCloseClick;async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){this.isLoading=!0,await(async t=>{const o="function"==typeof t?t():t,e=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([o,e]);return r})(this.fetchData),this.isLoading=!1,this.activePrimaryCategoryId=d.data.find((t=>"primary"===t.type))?.id||null,this.activeSecondaryCategoryId=d.data.find((t=>"secondary"===t.type))?.id||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){"validation-error"===t&&(this.submissionStateDialogEl.close(),this.checkoutFormEl.open()),this.formState=t}checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024};fetchData=async()=>{(t=>{f("data",t);const o=new Map;for(const e of t)for(const t of e.products){const{type:r,name:i,id:a}=e,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;o.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",o)})(await(()=>{let t;try{t=new URL(a.b2bConfigurator).href}catch(t){return console.error(t),Promise.reject("B2B configurator endpoint URL generation failed.")}return(new n).setUrl(t).setErrorFallbackValue([]).execute()})())};renderPlaceholder=()=>{const t="dark"===this.theme;return[r("div",{class:"offer placeholder"},r("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},r("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),r("div",{class:"offer__content"},r("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),r("div",{class:"offer__cards"},r("div",{class:"offer__cards-list"},r("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),r("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},r("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]};categoryClickHandler=t=>{const{id:o}=t.detail,e=this.getCategoryById(o);e&&("primary"===e.type?this.activePrimaryCategoryId=o:this.activeSecondaryCategoryId=o)};renderOffer=()=>{const t=[{name:l("components-b2b-offer-primary-title"),type:"primary"},{name:l("components-b2b-offer-secondary-title"),type:"secondary"}];return r("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const o=d.data.filter((o=>o.type===t.type)).map((t=>{const{id:o,name:e,icon:r}=t;return{id:o,name:e,icon:r,selected:o===this.activePrimaryCategoryId||o===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:o=>{"primary"===t.type?this.primaryAccordionEl=o:this.secondaryAccordionEl=o},key:t.type,class:"offer__block",isOpen:"primary"===t.type,header:t.name,withBorder:!0,theme:this.theme,transparentBackground:!0},r("div",{class:"offer__content"},r("div",{class:"offer__navigation"},r("tet-business-navigation",{ref:o=>{"primary"===t.type?this.primaryNavEl=o:this.secondaryNavEl=o},menuItems:o,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((o=>o.id===t));onCompareLinkClick=t=>{const o=this.getCategoryById(t);o&&o.modalScreenId&&this.compareLinkClick.emit(o.modalScreenId)};handleCardSelected=(t,o)=>{const e=this.getCategoryById(o);if(!e)return;const{type:r,allowMultipleChoice:i}=e;if("primary"===r){if(this.selectedPrimaryCards.includes(t))return;this.selectedPrimaryCards=i?[...this.selectedPrimaryCards,t]:[t]}else{if(this.selectedSecondaryCards.includes(t))return;this.selectedSecondaryCards=i?[...this.selectedSecondaryCards,t]:[t]}};handleProductCountChanged=async(t,o)=>{const{cardId:e,count:r}=t.detail,i=this.getCategoryById(o);if(i&&d.cart.get(e)!==r){if(!r)return this.itemToRemove=e,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==e&&h(t.productCode))),((t,o)=>{if(o<0)return;const e=new Map(d.cart);e.set(t,o),f("cart",e)})(e,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}};onConfirmationClose=()=>{this.itemToRemove=null};renderConfirmationDialog=()=>r("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"attention"}),r("div",{class:"action-dialog__title"},l("components-b2b-item-remove-confirmation-title"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},l("components-b2b-item-remove-confirmation-decline")),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{h(this.itemToRemove),this.confirmationDialogEl.close()}},l("components-b2b-item-remove-confirmation-accept"))));resetState=()=>{f("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()};renderSubmissionStateDialog=()=>{const t="loading"===this.formState,o=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},e=t?r("div",{class:"action-dialog"},r("tet-spinner",{theme:this.theme}),r("div",{class:"action-dialog__title"},l("components-b2b-loading-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-loading-dialog-description"))):[r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),r("div",{class:"action-dialog__title"},l("components-b2b-success-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-success-dialog-description"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:o},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-close"))),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-start-again"))))];return r("tet-dialog",{ref:t=>this.submissionStateDialogEl=t,class:{[this.theme]:!0,"action-dialog--loading":t},closeOnOverlayClick:!1,closeOnEscape:!t,hideCloseButton:t,theme:this.theme,onCloseDialog:"success"===this.formState?o:this.submissionStateDialogEl.close},e)};renderCards=t=>{const o="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,e="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(o),{modalScreenId:a,products:n=[]}=i||{},s=n.map((t=>{const{productCode:i,name:{lv:a},description:{lv:n},amount:s,b2bConfiguratorProduct:{discountAmount:c,selectionType:l,defaultValue:f,minValue:m,maxValue:h,translationKey:u},benefits:{lv:y},contracts:p}=t,b=!!t.attributes.find((t=>"isBestChoice"===t.key))?.value,g="single"===l?void 0:{defaultValue:f,minValue:m,maxValue:h,label:u},_={id:i,title:a,subtitle:n,isBestChoice:b,price:s,discountPrice:c,benefits:y.split("\n"),contract:p[0]?.contract,counterOptions:g},v=e.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,o),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,o)})}));return r("div",{class:"offer__cards"},r("div",{class:"offer__cards-header"},r("div",{class:"offer__cards-title"},l("components-b2b-offer-product-list-title")),a&&r("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(o)}},r("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},l("components-b2b-offer-compare-link-text")),r("div",{class:"compare__icon-wrapper"},r("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),r("div",{class:"offer__cards-list"},s))};handleCartProductCountChange=(t,o,e)=>{this.handleProductCountChanged({detail:{cardId:t,count:o}},e)};goToProduct=async(t,o)=>{const e=this.getCategoryById(t);e&&("primary"===e.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===e.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(o,t)}),0))};renderCartCardsList=t=>{const o=o=>{const e=d.cart.get(o),i=d.productDetails.get(o);if(void 0===e||!i)return null;const{name:a,amount:n,description:s,discountAmount:c,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:g,maxValue:_,translationKey:v}=u;return r("tet-business-summary-card",{key:o,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:e,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(o,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(o,0,h),onEditButtonClick:()=>this.goToProduct(h,o)})};return["primary","secondary"].map((t=>{const e=[...d.cart].filter((([o])=>{const e=d.productDetails.get(o);return e&&e.categoryType===t})).map((([t])=>o(t)));return e.length?r("div",{class:"cart__card-list",slot:t},e):null}))};positionStickyCartEl=()=>{this.referenceElement&&(this.isDesktopResolution?this.hostElement.style.setProperty("--b2b-cart-sticky-top",`${this.referenceElement.offsetTop}px`):this.hostElement.style.removeProperty("--b2b-cart-sticky-top"))};renderCart=(t="edit")=>{const o=!d.cart.size;let e={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,o]of d.cart){const r=d.productDetails.get(t);r&&(e[r.categoryType]+=(r.discountAmount??r.amount)*o,i[r.categoryType]+=1,a+=r.amount*o)}const{primary:n,secondary:c}=e,f=n+c,m=a-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:s(f,{currency:""}),primaryAmount:s(n,{currency:""}),secondaryAmount:s(c,{currency:""}),primaryCount:i.primary,secondaryCount:i.secondary,summarySavings:s(m,{currency:""}),hasPrimaryNotification:y,hasSecondaryNotification:p},g="edit"===t?r("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},l("components-b2b-cart-cta-button-title")):null;return r("tet-b2b-configurator-cart",{ref:o=>"edit"===t?this.cartEl=o:null,context:t,class:{cart:!0,"cart--empty":o,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:o,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[o,e]of d.cart){const e=d.productDetails.get(o);e&&(t[e.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:o}=this.areProductsAddedToCart();t&&o&&this.checkoutFormEl.open()};submit=({detail:t})=>{const o={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(o),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()};renderCheckoutForm=()=>r("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},r("div",{slot:"cart"},this.renderCart("checkout")));render(){return r(i,{key:"001da651eb395990d65a929558920f80f67ec357"},r("div",{key:"b20fe87916971db6c1173796f20f0b5b307f152c",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():d.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}static get watchers(){return{activePrimaryCategoryId:["resetSelectedPrimaryCards"],activeSecondaryCategoryId:["resetSelectedSecondaryCards"]}}};y.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;--b2b-cart-offset-top:0px}.light{--b2b-text-color:var(--tc-text-primary);--b2b-text-color-secondary:var(--tc-text-secondary);--b2b-background-color:var(--tc-layer-primary);--b2b-icon-background-color:var(--tc-layer-secondary);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary);--b2b-box-shadow:var(--tc-elevation-one);--b2b-border-color:var(--tc-border-quaternary);--b2b-summary-block-color:var(--tc-layer-secondary);--b2b-summary-accent-color:var(--tc-yellow-20);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40);--b2b-success-dialog-icon-color:var(--tc-green-40)}.dark{--b2b-text-color:var(--tc-text-primary-dark);--b2b-text-color-secondary:var(--tc-text-secondary-dark);--b2b-background-color:var(--tc-layer-primary-dark);--b2b-icon-background-color:var(--tc-layer-secondary-dark);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary-dark);--b2b-box-shadow:var(--tc-elevation-one-dark);--b2b-border-color:var(--tc-border-quaternary-dark);--b2b-summary-block-color:var(--tc-layer-secondary-dark);--b2b-summary-accent-color:var(--tc-grey-20-dark);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40-dark);--b2b-success-dialog-icon-color:var(--tc-green-40-dark)}button.button-reset{background:none;border:none;padding:0;color:inherit;text-align:inherit}.placeholder{--placeholder-animation-speed:5s}.configurator{display:flex;gap:1rem;flex-direction:column;color:var(--b2b-text-color)}@media screen and (min-width: 64rem){.configurator{gap:1.5rem;flex-direction:row;align-items:flex-start}}.offer{border-radius:1rem;height:fit-content;flex:0 0 calc(70% - 0.75rem);background-color:var(--b2b-background-color);box-shadow:var(--b2b-box-shadow)}.offer__block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif}.offer__block:first-child{--accordion-border-radius:1rem 1rem 0 0;--accordion-outer-border:var(--b2b-border-color)}.offer__block:last-child{--accordion-border-radius:0 0 1rem 1rem;--accordion-border-bottom-width:0}@media screen and (min-width: 64rem){.offer__block{--accordion-header-padding:1.5rem;--accordion-header-font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif}}.offer__content{overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;border-color:var(--b2b-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.offer__content{padding:1.5rem}}@media screen and (min-width: 64rem){.offer__content{flex-direction:row;gap:1.5rem;padding-bottom:2.5rem}}.offer__navigation{margin:0 -1.5rem;flex:0 0 30%}@media screen and (min-width: 64rem){.offer__navigation{max-width:20.5rem;margin:0}}.offer__cards{flex:1 1 0%}.offer__cards-header{padding:0.5rem 0 0.75rem 0;display:flex;gap:0.5rem;justify-content:space-between;align-items:center}@media screen and (min-width: 64rem){.offer__cards-header{padding:1rem 0}}.offer__cards-list{display:flex;flex-direction:column;gap:1rem}.offer__cards-title{flex:auto;font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.offer__cards-title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.compare__button{border-radius:50%;overflow:hidden;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.compare__button{border-radius:0.125rem}}.compare__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.compare__button.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.compare__button:active{--b2b-icon-background-color:var(--b2b-icon-pressed-background-color)}.compare__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:none}@media screen and (min-width: 64rem){.compare__text{display:initial}}.compare__icon-wrapper{width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--b2b-icon-background-color);cursor:pointer}@media screen and (min-width: 64rem){.compare__icon-wrapper{display:none}}.compare__icon{--icon-size:1.5rem;--icon-container-display:flex}.cart{flex:0 0 calc(30% - 0.75rem);position:sticky}.cart--edit{bottom:-1px;top:calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top))}@media screen and (min-width: 64rem){.cart--edit{max-width:calc(30% - 0.75rem)}}.cart--empty{display:none}@media screen and (min-width: 64rem){.cart--empty{display:flex}}.cart__card-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.cart__cta{display:block;align-self:center;width:stretch;--button-width:100%}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end;width:unset;--button-width:auto}}.action-dialog{display:flex;flex-direction:column;gap:0.5rem;align-items:center;margin-bottom:1.5rem}.action-dialog--loading{--dialog-footer-border-color:transparent}.action-dialog__title{text-align:center;font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.action-dialog__description{text-align:center;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.action-dialog__icon{--icon-size:3rem}.action-dialog__attention-icon{--icon-color:var(--b2b-confirmation-dialog-icon-color)}.action-dialog__success-icon{--icon-color:var(--b2b-success-dialog-icon-color)}.action-dialog__footer{display:flex;flex-direction:column;justify-content:space-between;flex:auto;gap:1rem}@media screen and (min-width: 31.25rem){.action-dialog__footer{flex-direction:row}}.action-dialog__button{--button-width:100%}.action-dialog__button-text{white-space:nowrap}';export{y as tet_b2b_configurator}
|
|
1
|
+
import{r as t,c as o,g as e,h as r,H as i}from"./p-7c868b40.js";import{e as a,A as n}from"./p-59ffdcd3.js";import{f as s}from"./p-e1e74d01.js";import{c}from"./p-21acfb7d.js";import{t as l}from"./p-f9e5405c.js";import"./p-9a2b6ee2.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const o=new Map(d.cart);o.delete(t),f("cart",o)},u=()=>{const t=m("cart"),o=m("productDetails"),e={};for(const[r,i]of t.entries())e[o.get(r)?.name||r]=i;return e},y=class{constructor(e){t(this,e),this.compareLinkClick=o(this,"compareLinkClick",7),this.b2bConfiguratorSubmit=o(this,"b2bConfiguratorSubmit",7),this.successCloseClick=o(this,"successCloseClick",7),this.referenceElement=void 0,this.isLoading=!0,this.itemToRemove=null,this.checkoutAttempted=!1,this.formState="success",this.activePrimaryCategoryId=null,this.activeSecondaryCategoryId=null,this.selectedPrimaryCards=[],this.selectedSecondaryCards=[],this.isDesktopResolution=void 0,this.theme="light",this.stickyRefEl=""}get hostElement(){return e(this)}priceSuffix="€/mēn.";cartEl;confirmationDialogEl;submissionStateDialogEl;checkoutFormEl;primaryAccordionEl;secondaryAccordionEl;primaryNavEl;secondaryNavEl;resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}compareLinkClick;b2bConfiguratorSubmit;successCloseClick;async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){this.isLoading=!0,await(async t=>{const o="function"==typeof t?t():t,e=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([o,e]);return r})(this.fetchData),this.isLoading=!1,this.activePrimaryCategoryId=d.data.find((t=>"primary"===t.type))?.id||null,this.activeSecondaryCategoryId=d.data.find((t=>"secondary"===t.type))?.id||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){"validation-error"===t&&(this.submissionStateDialogEl.close(),this.checkoutFormEl.open()),this.formState=t}checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024};fetchData=async()=>{(t=>{f("data",t);const o=new Map;for(const e of t)for(const t of e.products){const{type:r,name:i,id:a}=e,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;o.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",o)})(await(()=>{let t;try{t=new URL(a.b2bConfigurator).href}catch(t){return console.error(t),Promise.reject("B2B configurator endpoint URL generation failed.")}return(new n).setUrl(t).setErrorFallbackValue([]).execute()})())};renderPlaceholder=()=>{const t="dark"===this.theme;return[r("div",{class:"offer placeholder"},r("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},r("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),r("div",{class:"offer__content"},r("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),r("div",{class:"offer__cards"},r("div",{class:"offer__cards-list"},r("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),r("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},r("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]};categoryClickHandler=t=>{const{id:o}=t.detail,e=this.getCategoryById(o);e&&("primary"===e.type?this.activePrimaryCategoryId=o:this.activeSecondaryCategoryId=o)};renderOffer=()=>{const t=[{name:l("components-b2b-offer-primary-title"),type:"primary"},{name:l("components-b2b-offer-secondary-title"),type:"secondary"}];return r("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const o=d.data.filter((o=>o.type===t.type)).map((t=>{const{id:o,name:e,icon:r}=t;return{id:o,name:e,icon:r,selected:o===this.activePrimaryCategoryId||o===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:o=>{"primary"===t.type?this.primaryAccordionEl=o:this.secondaryAccordionEl=o},key:t.type,class:"offer__block",isOpen:"primary"===t.type,header:t.name,withBorder:!0,theme:this.theme,transparentBackground:!0},r("div",{class:"offer__content"},r("div",{class:"offer__navigation"},r("tet-business-navigation",{ref:o=>{"primary"===t.type?this.primaryNavEl=o:this.secondaryNavEl=o},menuItems:o,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((o=>o.id===t));onCompareLinkClick=t=>{const o=this.getCategoryById(t);o&&o.modalScreenId&&this.compareLinkClick.emit(o.modalScreenId)};handleCardSelected=(t,o)=>{const e=this.getCategoryById(o);if(!e)return;const{type:r,allowMultipleChoice:i}=e;if("primary"===r){if(this.selectedPrimaryCards.includes(t))return;this.selectedPrimaryCards=i?[...this.selectedPrimaryCards,t]:[t]}else{if(this.selectedSecondaryCards.includes(t))return;this.selectedSecondaryCards=i?[...this.selectedSecondaryCards,t]:[t]}};handleProductCountChanged=async(t,o)=>{const{cardId:e,count:r}=t.detail,i=this.getCategoryById(o);if(i&&d.cart.get(e)!==r){if(!r)return this.itemToRemove=e,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==e&&h(t.productCode))),((t,o)=>{if(o<0)return;const e=new Map(d.cart);e.set(t,o),f("cart",e)})(e,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}};onConfirmationClose=()=>{this.itemToRemove=null};renderConfirmationDialog=()=>r("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"attention"}),r("div",{class:"action-dialog__title"},l("components-b2b-item-remove-confirmation-title"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},l("components-b2b-item-remove-confirmation-decline")),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{h(this.itemToRemove),this.confirmationDialogEl.close()}},l("components-b2b-item-remove-confirmation-accept"))));resetState=()=>{f("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()};renderSubmissionStateDialog=()=>{const t="loading"===this.formState,o=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},e=t?r("div",{class:"action-dialog"},r("tet-spinner",{theme:this.theme}),r("div",{class:"action-dialog__title"},l("components-b2b-loading-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-loading-dialog-description"))):[r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),r("div",{class:"action-dialog__title"},l("components-b2b-success-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-success-dialog-description"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:o},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-close"))),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-start-again"))))];return r("tet-dialog",{ref:t=>this.submissionStateDialogEl=t,class:{[this.theme]:!0,"action-dialog--loading":t},closeOnOverlayClick:!1,closeOnEscape:!t,hideCloseButton:t,theme:this.theme,onCloseDialog:"success"===this.formState?o:this.submissionStateDialogEl.close},e)};renderCards=t=>{const o="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,e="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(o),{modalScreenId:a,products:n=[]}=i||{},s=n.map((t=>{const{productCode:i,name:{lv:a},description:{lv:n},amount:s,b2bConfiguratorProduct:{discountAmount:c,selectionType:l,defaultValue:f,minValue:m,maxValue:h,translationKey:u},benefits:{lv:y},contracts:p}=t,b=!!t.attributes.find((t=>"isBestChoice"===t.key))?.value,g="single"===l?void 0:{defaultValue:f,minValue:m,maxValue:h,label:u},_={id:i,title:a,subtitle:n,isBestChoice:b,price:s,discountPrice:c,benefits:y.split("\n"),contract:p[0]?.contract,counterOptions:g},v=e.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,o),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,o)})}));return r("div",{class:"offer__cards"},r("div",{class:"offer__cards-header"},r("div",{class:"offer__cards-title"},l("components-b2b-offer-product-list-title")),a&&r("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(o)}},r("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},l("components-b2b-offer-compare-link-text")),r("div",{class:"compare__icon-wrapper"},r("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),r("div",{class:"offer__cards-list"},s))};handleCartProductCountChange=(t,o,e)=>{this.handleProductCountChanged({detail:{cardId:t,count:o}},e)};goToProduct=async(t,o)=>{const e=this.getCategoryById(t);e&&("primary"===e.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===e.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(o,t)}),0))};renderCartCardsList=t=>{const o=o=>{const e=d.cart.get(o),i=d.productDetails.get(o);if(void 0===e||!i)return null;const{name:a,amount:n,description:s,discountAmount:c,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:g,maxValue:_,translationKey:v}=u;return r("tet-business-summary-card",{key:o,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:e,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(o,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(o,0,h),onEditButtonClick:()=>this.goToProduct(h,o)})};return["primary","secondary"].map((t=>{const e=[...d.cart].filter((([o])=>{const e=d.productDetails.get(o);return e&&e.categoryType===t})).map((([t])=>o(t)));return e.length?r("div",{class:"cart__card-list",slot:t},e):null}))};positionStickyCartEl=()=>{this.referenceElement&&(this.isDesktopResolution?this.hostElement.style.setProperty("--b2b-cart-sticky-top",`${this.referenceElement.offsetTop}px`):this.hostElement.style.removeProperty("--b2b-cart-sticky-top"))};renderCart=(t="edit")=>{const o=!d.cart.size;let e={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,o]of d.cart){const r=d.productDetails.get(t);r&&(e[r.categoryType]+=(r.discountAmount??r.amount)*o,i[r.categoryType]+=1,a+=r.amount*o)}const{primary:n,secondary:c}=e,f=n+c,m=a-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:s(f,{currency:""}),primaryAmount:s(n,{currency:""}),secondaryAmount:s(c,{currency:""}),primaryCount:i.primary,secondaryCount:i.secondary,summarySavings:s(m,{currency:""}),hasPrimaryNotification:y,hasSecondaryNotification:p},g="edit"===t?r("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},l("components-b2b-cart-cta-button-title")):null;return r("tet-b2b-configurator-cart",{ref:o=>"edit"===t?this.cartEl=o:null,context:t,class:{cart:!0,"cart--empty":o,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:o,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[o,e]of d.cart){const e=d.productDetails.get(o);e&&(t[e.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:o}=this.areProductsAddedToCart();t&&o&&this.checkoutFormEl.open()};submit=({detail:t})=>{const o={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(o),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()};renderCheckoutForm=()=>r("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},r("div",{slot:"cart"},this.renderCart("checkout")));render(){return r(i,{key:"001da651eb395990d65a929558920f80f67ec357"},r("div",{key:"b20fe87916971db6c1173796f20f0b5b307f152c",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():d.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}static get watchers(){return{activePrimaryCategoryId:["resetSelectedPrimaryCards"],activeSecondaryCategoryId:["resetSelectedSecondaryCards"]}}};y.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;--b2b-cart-offset-top:0px}.light{--b2b-text-color:var(--tc-text-primary);--b2b-text-color-secondary:var(--tc-text-secondary);--b2b-background-color:var(--tc-layer-primary);--b2b-icon-background-color:var(--tc-layer-secondary);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary);--b2b-box-shadow:var(--tc-elevation-one);--b2b-border-color:var(--tc-border-quaternary);--b2b-summary-block-color:var(--tc-layer-secondary);--b2b-summary-accent-color:var(--tc-yellow-20);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40);--b2b-success-dialog-icon-color:var(--tc-green-40)}.dark{--b2b-text-color:var(--tc-text-primary-dark);--b2b-text-color-secondary:var(--tc-text-secondary-dark);--b2b-background-color:var(--tc-layer-primary-dark);--b2b-icon-background-color:var(--tc-layer-secondary-dark);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary-dark);--b2b-box-shadow:var(--tc-elevation-one-dark);--b2b-border-color:var(--tc-border-quaternary-dark);--b2b-summary-block-color:var(--tc-layer-secondary-dark);--b2b-summary-accent-color:var(--tc-grey-20-dark);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40-dark);--b2b-success-dialog-icon-color:var(--tc-green-40-dark)}button.button-reset{background:none;border:none;padding:0;color:inherit;text-align:inherit}.placeholder{--placeholder-animation-speed:5s}.configurator{display:flex;gap:1rem;flex-direction:column;color:var(--b2b-text-color)}@media screen and (min-width: 64rem){.configurator{gap:1.5rem;flex-direction:row;align-items:flex-start}}.offer{border-radius:1rem;height:fit-content;flex:0 0 calc(70% - 0.75rem);background-color:var(--b2b-background-color);box-shadow:var(--b2b-box-shadow)}.offer__block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif}.offer__block:first-child{--accordion-border-radius:1rem 1rem 0 0;--accordion-outer-border:var(--b2b-border-color)}.offer__block:last-child{--accordion-border-radius:0 0 1rem 1rem;--accordion-border-bottom-width:0}@media screen and (min-width: 64rem){.offer__block{--accordion-header-padding:1.5rem;--accordion-header-font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif}}.offer__content{overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;border-color:var(--b2b-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.offer__content{padding:1.5rem}}@media screen and (min-width: 64rem){.offer__content{flex-direction:row;gap:1.5rem;padding-bottom:2.5rem}}.offer__navigation{margin:0 -1.5rem;flex:0 0 30%}@media screen and (min-width: 64rem){.offer__navigation{max-width:20.5rem;margin:0}}.offer__cards{flex:1 1 0%}.offer__cards-header{padding:0.5rem 0 0.75rem 0;display:flex;gap:0.5rem;justify-content:space-between;align-items:center}@media screen and (min-width: 64rem){.offer__cards-header{padding:1rem 0}}.offer__cards-list{display:flex;flex-direction:column;gap:1rem}.offer__cards-title{flex:auto;font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.offer__cards-title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.compare__button{border-radius:50%;overflow:hidden;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.compare__button{border-radius:0.125rem}}.compare__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.compare__button.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.compare__button:active{--b2b-icon-background-color:var(--b2b-icon-pressed-background-color)}.compare__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:none}@media screen and (min-width: 64rem){.compare__text{display:initial}}.compare__icon-wrapper{width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--b2b-icon-background-color);cursor:pointer}@media screen and (min-width: 64rem){.compare__icon-wrapper{display:none}}.compare__icon{--icon-size:1.5rem;--icon-container-display:flex}.cart{flex:0 0 calc(30% - 0.75rem);position:sticky}.cart--edit{bottom:-1px;top:calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top))}@media screen and (min-width: 64rem){.cart--edit{max-width:calc(30% - 0.75rem)}}.cart--empty{display:none}@media screen and (min-width: 64rem){.cart--empty{display:flex}}.cart__card-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.cart__cta{display:block;align-self:center;width:stretch;--button-width:100%}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end;width:unset;--button-width:auto}}.action-dialog{display:flex;flex-direction:column;gap:0.5rem;align-items:center;margin-bottom:1.5rem}.action-dialog--loading{--dialog-footer-border-color:transparent}.action-dialog__title{text-align:center;font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.action-dialog__description{text-align:center;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.action-dialog__icon{--icon-size:3rem}.action-dialog__attention-icon{--icon-color:var(--b2b-confirmation-dialog-icon-color)}.action-dialog__success-icon{--icon-color:var(--b2b-success-dialog-icon-color)}.action-dialog__footer{display:flex;flex-direction:column;justify-content:space-between;flex:auto;gap:1rem}@media screen and (min-width: 31.25rem){.action-dialog__footer{flex-direction:row}}.action-dialog__button{--button-width:100%}.action-dialog__button-text{white-space:nowrap}';export{y as tet_b2b_configurator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,g as r,h as i,H as t}from"./p-
|
|
1
|
+
import{r as e,g as r,h as i,H as t}from"./p-7c868b40.js";const n={L:{headingFont:"1.125rem",headingLine:"1.5rem",footerFont:"0.875rem",centsFont:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1.25rem",5:"1.25rem"},centsLine:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1rem",5:"1rem"},priceTypeFont:{1:"1rem",2:"1rem",3:"0.875rem",4:"0.875rem",5:"0.625rem"},euroFont:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},euroLine:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},padding:"1.625rem 0rem",width:"9.375rem",height:"9.375rem",gap:"0.125rem"},M:{headingFont:"0.875rem",headingLine:"1.25rem",footerFont:"0.75rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"1rem",4:"0.75rem",5:"0.75rem"},centsLine:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.625rem"},priceTypeFont:{1:"0.75rem",2:"0.75rem",3:"0.625rem",4:"0.625rem",5:"0.5rem"},euroFont:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},euroLine:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},padding:"1.125rem 0rem",width:"7rem",height:"7rem",gap:"0.125rem"},S:{headingFont:"0.625rem",headingLine:"1.125rem",footerFont:"0.625rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.5rem"},centsLine:{1:"1rem",2:"1rem",3:"0.75rem",4:"0.5rem",5:"0.375rem"},priceTypeFont:{1:"0.5rem",2:"0.5rem",3:"0.375rem",4:"0.375rem",5:"0.375rem"},euroFont:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},euroLine:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},padding:"0.5rem 0rem",width:"5rem",height:"5rem",gap:"0.0625rem"}},c=class{constructor(r){e(this,r),this.theme="light",this.background="grey",this.font=void 0,this.size="L",this.headingText=void 0,this.priceType=void 0,this.euroPrice=void 0,this.centsPrice=void 0,this.footerText=void 0,this.footerTextType="regular",this.staticColors=!0}get hostElement(){return r(this)}render(){const e={[this.theme]:!0,"static-colors":this.staticColors,"price-view__container":!0,"price-view__white":"white"===this.background,"price-view__black":"black"===this.background,"price-view__grey":"grey"===this.background,"price-view__yellow":"yellow"===this.background},r="monthly"===this.priceType,c={heading:{height:n[this.size].headingFont,fontSize:n[this.size].headingFont,lineHeight:n[this.size].headingFont},euro:{fontSize:n[this.size].euroFont[this.euroPrice.length],lineHeight:n[this.size].euroLine[this.euroPrice.length]},cents:{fontSize:n[this.size].centsFont[this.euroPrice.length],lineHeight:n[this.size].centsLine[this.euroPrice.length]},priceType:{fontSize:n[this.size].priceTypeFont[this.euroPrice.length],lineHeight:n[this.size].priceTypeFont[this.euroPrice.length]},footer:{height:n[this.size].footerFont,fontSize:n[this.size].footerFont,lineHeight:n[this.size].footerFont,textDecoration:"crossed-out"===this.footerTextType?"line-through":"none"},container:{padding:n[this.size].padding,width:n[this.size].width,height:n[this.size].height,display:"flex",alignItems:"center"},price:{gap:n[this.size].gap}},o=this?.centsPrice&&this?.centsPrice.length>0;return i(t,{key:"1e4014db7b02cb439d6ed757b6858545ab000a5a"},i("div",{key:"63a2f965efa9f35c96db0a218de31423697f1916",class:e,style:c.container},i("div",{key:"c2fcd90bf99586a4f2f92c254ccff6298d52a43c",class:"price-view__body"},this?.headingText&&i("h3",{key:"b65e2d8fb2a1d990eaac750b229ae9aeebe23de8",class:"price-view__heading",style:c.heading},this.headingText),i("div",{key:"134d4c8d5822b8ec6f5c282dde86d0f8646140b0",class:"price-view__price",style:{fontFamily:this.font,gap:c.price.gap}},i("span",{key:"89f51cf61e7e768649a9e863cdd7cb8f7842f950",class:"price-view__euro",style:c.euro},this.euroPrice,r||o?"":"€"),i("div",{key:"f90f6521227369d9e2fa2cc131cf8c02d53a98f0",class:"price-view__cents-container"},i("span",{key:"91718ffe8454817196848b87c36f51a03cf6416e",class:"price-view__cents",style:c.cents},this?.centsPrice),this.priceType&&i("span",{key:"55eb1da3b4a1006f12af1af2ca40972157b1f856",class:"price-view__type",style:c.priceType},r?"€/mēn.":"",!r&&o?"EUR":""))),this?.footerText&&i("p",{key:"e6e346ae69855987b4be89701634f2e160b06f00",class:"price-view__footer",style:c.footer},this.footerText))))}};c.style=":host{display:block}.price-view__container{box-sizing:border-box;font-family:Inter, sans-serif;width:9.375rem;height:9.375rem;padding:1.625rem 0rem;border-radius:1rem;container-type:inline-size}.price-view__container.dark:not(.static-colors).price-view__white{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__grey{background-color:var(--tc-grey-10-dark, rgb(24, 25, 27));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__black{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__white{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__grey{background-color:var(--tc-layer-secondary, rgb(247, 247, 247));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__black{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__yellow{background:var(--tc-yellow-40, rgb(255, 208, 38));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__body{margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.price-view__heading{text-align:left;font-family:Inter, sans-serif;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.75rem;letter-spacing:-0.012rem;margin-block:0}.price-view__price{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.25rem;letter-spacing:-0.015rem}.price-view__euro{font-style:normal;font-weight:600;letter-spacing:-0.0175rem;letter-spacing:-0.015rem}.price-view__cents-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-0.015rem}.price-view__cents{font-family:Gilroy, sans-serif;font-size:1.75rem;font-style:normal;font-weight:600;letter-spacing:-0.015rem}.price-view__footer{font-family:Inter, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.025rem;margin-block:0}";export{c as tet_price_view}
|