@tet/tet-components 1.4.140-testing → 1.4.141-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/{http-codes-C-IXSZGG.js → http-codes-D0eSyfH-.js} +1 -1
- package/dist/cjs/{index-DKg1QTRW.js → index-CbS7RiVd.js} +1 -9
- package/dist/cjs/{index-Bo0hF6YQ.js → index-DaKfTj-9.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{product-comparison-f-u42TDe.js → product-comparison-ed-KZo7G.js} +1 -1
- package/dist/cjs/{string-D0kCSyUd.js → string-CL-wkThZ.js} +0 -4
- package/dist/cjs/tet-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +4 -4
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +4 -4
- package/dist/cjs/tet-address-offers_5.cjs.entry.js +6 -6
- package/dist/cjs/tet-assembler.cjs.entry.js +15 -6
- package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/tet-autocomplete_2.cjs.entry.js +3 -3
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +4 -4
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +5 -5
- package/dist/cjs/tet-banner-nav.cjs.entry.js +4 -4
- package/dist/cjs/tet-bar-graph.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-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 +4 -4
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/tet-cloud-application-form-dialog.cjs.entry.js +4 -4
- package/dist/cjs/tet-cloud-configurator.cjs.entry.js +4 -4
- package/dist/cjs/tet-colors.cjs.entry.js +1 -1
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +3 -3
- package/dist/cjs/tet-compare-card-v3.cjs.entry.js +10 -6
- 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-container_2.cjs.entry.js +2 -2
- package/dist/cjs/tet-countdown.cjs.entry.js +1 -1
- package/dist/cjs/tet-counter.cjs.entry.js +1 -1
- package/dist/cjs/tet-dialog.cjs.entry.js +4 -4
- package/dist/cjs/tet-display.cjs.entry.js +1 -1
- package/dist/cjs/tet-divider.cjs.entry.js +1 -1
- package/dist/cjs/tet-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-expandable-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/tet-feedback-form.cjs.entry.js +4 -4
- package/dist/cjs/tet-filter.cjs.entry.js +1 -1
- package/dist/cjs/tet-floating-block.cjs.entry.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-icon.cjs.entry.js +2 -2
- package/dist/cjs/tet-inline-message.cjs.entry.js +1 -1
- package/dist/cjs/tet-input.cjs.entry.js +4 -4
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
- package/dist/cjs/tet-menu.cjs.entry.js +1 -1
- package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
- package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +4 -4
- package/dist/cjs/tet-navigation-mobile.cjs.entry.js +4 -4
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input.cjs.entry.js +1 -1
- package/dist/cjs/tet-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/tet-position.cjs.entry.js +1 -1
- package/dist/cjs/tet-price-view.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
- package/dist/cjs/tet-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider.cjs.entry.js +1 -1
- package/dist/cjs/tet-round-stepper.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 +4 -4
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-input.cjs.entry.js +4 -4
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
- package/dist/cjs/tet-sticky-offer.cjs.entry.js +139 -72
- package/dist/cjs/tet-support-search.cjs.entry.js +2 -2
- package/dist/cjs/tet-switch.cjs.entry.js +1 -1
- package/dist/cjs/tet-table.cjs.entry.js +1 -1
- package/dist/cjs/tet-tag_2.cjs.entry.js +4 -4
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-text.cjs.entry.js +1 -1
- package/dist/cjs/tet-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +4 -4
- package/dist/cjs/{translations-f2lO6WcB.js → translations-CpNdr9Fz.js} +2 -2
- package/dist/cjs/{typecheck--Bs-bZ_K.js → typecheck-Do6mN8Vg.js} +0 -2
- package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.js +41 -2
- package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.js +24 -3
- package/dist/collection/components/simple/misc/tet-sticky-offer/tet-sticky-offer.css +22 -13
- package/dist/collection/components/simple/misc/tet-sticky-offer/tet-sticky-offer.js +212 -92
- package/dist/components/index.js +1 -1
- package/dist/components/{p-DEbU6YKQ.js → p-24v6tC9C.js} +1 -1
- package/dist/components/{p-DH1iZWF5.js → p-8h1tapoC.js} +1 -1
- package/dist/components/{p-DeFz-G5N.js → p-BDPrGRUz.js} +1 -1
- package/dist/components/{p-Be5i4YJ4.js → p-BE1nqGHm.js} +1 -1
- package/dist/components/{p-Dvk7syez.js → p-BGcOLcpC.js} +1 -1
- package/dist/components/{p-BgpTlgXX.js → p-BOgw-zg9.js} +1 -1
- package/dist/components/{p-BsNlQtYx.js → p-BPthlQbg.js} +1 -1
- package/dist/components/p-BTndlvfE.js +1 -0
- package/dist/components/{p-BOavyx-7.js → p-BWuEHM7o.js} +1 -1
- package/dist/components/{p-P_J147mb.js → p-BYCkBBh3.js} +1 -1
- package/dist/components/{p-CIPUn8d2.js → p-BZpTinTH.js} +1 -1
- package/dist/components/{p-DHOPNeBR.js → p-B_LwYeuy.js} +1 -1
- package/dist/components/{p-Cfy46lS6.js → p-BiJHAF1q.js} +1 -1
- package/dist/components/p-Bme7YRKY.js +1 -0
- package/dist/components/{p-Bdt0k-v8.js → p-Bu96kzmm.js} +1 -1
- package/dist/components/{p-B4MTqXan.js → p-C-vuu8-B.js} +1 -1
- package/dist/components/{p-ChbxhvnA.js → p-CE_CfOmS.js} +1 -1
- package/dist/components/{p-CT-Ge0pF.js → p-CS6PYnk4.js} +1 -1
- package/dist/components/{p-CFDvtl5l.js → p-CSMiNRZ8.js} +1 -1
- package/dist/components/{p-CIMNJ4X2.js → p-Cb8FVu3R.js} +1 -1
- package/dist/components/{p-B_RQCK28.js → p-CdOMJGTE.js} +1 -1
- package/dist/components/{p-c36Z0_hK.js → p-Ck43CGtD.js} +1 -1
- package/dist/components/{p-Bq1skzzY.js → p-CnQt3T29.js} +1 -1
- package/dist/components/{p-DKavMVSi.js → p-CsfBw8Mq.js} +1 -1
- package/dist/components/{p-DRJ0zjoF.js → p-CxWSFzrp.js} +1 -1
- package/dist/components/{p-BBMx2Nbt.js → p-D-0UTSXy.js} +1 -1
- package/dist/components/{p-BLY0RO0L.js → p-D0M4DEGd.js} +1 -1
- package/dist/components/p-D7VzbrYI.js +1 -0
- package/dist/components/{p-Do_1srPW.js → p-DBcEGlbO.js} +1 -1
- package/dist/components/{p-BWmFtcLN.js → p-DKBs405f.js} +1 -1
- package/dist/components/p-DWykMdv1.js +1 -0
- package/dist/components/{p-Clw2OLNj.js → p-DYiqWFDE.js} +1 -1
- package/dist/components/{p-lmIrgmgo.js → p-DdqbLotc.js} +1 -1
- package/dist/components/{p-CjOuXGOS.js → p-DpLTu8KM.js} +1 -1
- package/dist/components/{p-KBNSpMwX.js → p-DrcVsjAJ.js} +1 -1
- package/dist/components/{p-DQaNW2BX.js → p-DyKy62G1.js} +1 -1
- package/dist/components/{p-CMbAQKoe.js → p-Dzsvzn-Z.js} +1 -1
- package/dist/components/{p-Dzb-TXLO.js → p-FAwanRiM.js} +1 -1
- package/dist/components/{p-BZ9cVPPC.js → p-HAvODPLk.js} +1 -1
- package/dist/components/{p-CKvGKHDE.js → p-PSmQfHhl.js} +1 -1
- package/dist/components/{p-DgcBdohb.js → p-PbCJkJAg.js} +1 -1
- package/dist/components/{p-BZ0uDmYr.js → p-QPymGNaM.js} +1 -1
- package/dist/components/{p-B2Xg3DH0.js → p-TCCDxpt7.js} +1 -1
- package/dist/components/p-_2UzwYR8.js +1 -0
- package/dist/components/p-fqxag4j9.js +1 -0
- package/dist/components/{p-ClWTLrk_.js → p-gfxVW_EU.js} +1 -1
- package/dist/components/{p-zkmKLYHg.js → p-i2wF1G8t.js} +1 -1
- package/dist/components/{p-B8ElCfnM.js → p-khIxWxRF.js} +1 -1
- package/dist/components/{p-DcqGjbQO.js → p-xdqErcm4.js} +1 -1
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-filters-products.js +1 -1
- package/dist/components/tet-address-offers-filters.js +1 -1
- package/dist/components/tet-address-offers-view.js +1 -1
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-assembler.js +1 -1
- package/dist/components/tet-asset-availability-addresses.js +1 -1
- package/dist/components/tet-autocomplete-dropdown.js +1 -1
- 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 +1 -1
- package/dist/components/tet-banner-nav.js +1 -1
- package/dist/components/tet-bar-graph.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-card.js +1 -1
- package/dist/components/tet-business-compare-card.js +1 -1
- package/dist/components/tet-business-navigation.js +1 -1
- package/dist/components/tet-business-round-stepper.js +1 -1
- 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 +1 -1
- package/dist/components/tet-checkbox.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +1 -1
- package/dist/components/tet-cloud-configurator.js +1 -1
- package/dist/components/tet-colors.js +1 -1
- package/dist/components/tet-compare-card-v2.js +1 -1
- package/dist/components/tet-compare-card-v3.js +1 -1
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +1 -1
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-container.js +1 -1
- package/dist/components/tet-countdown.js +1 -1
- package/dist/components/tet-counter.js +1 -1
- package/dist/components/tet-dialog.js +1 -1
- package/dist/components/tet-display.js +1 -1
- package/dist/components/tet-divider.js +1 -1
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +1 -1
- package/dist/components/tet-expandable-input.js +1 -1
- package/dist/components/tet-expansion-panel.js +1 -1
- package/dist/components/tet-feedback-form.js +1 -1
- package/dist/components/tet-filter.js +1 -1
- package/dist/components/tet-floating-block.js +1 -1
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-icon.js +1 -1
- package/dist/components/tet-inline-message.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link-card-list.js +1 -1
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-loader.js +1 -1
- package/dist/components/tet-menu-mobile.js +1 -1
- package/dist/components/tet-menu.js +1 -1
- package/dist/components/tet-mini-compare-card.js +1 -1
- package/dist/components/tet-multi-step-dialog.js +1 -1
- package/dist/components/tet-navigation-mobile.js +1 -1
- package/dist/components/tet-news-card-list.js +1 -1
- 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 +1 -1
- package/dist/components/tet-price-view.js +1 -1
- package/dist/components/tet-radio-blocks.js +1 -1
- package/dist/components/tet-radio.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-round-stepper.js +1 -1
- package/dist/components/tet-selection-list.js +1 -1
- package/dist/components/tet-snicker-card-group.js +1 -1
- package/dist/components/tet-snicker-card.js +1 -1
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-spinner.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v3.js +1 -1
- package/dist/components/tet-sticky-offer.js +1 -1
- package/dist/components/tet-support-search.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/components/tet-textarea.js +1 -1
- package/dist/components/tet-thank-you-view-v3.js +1 -1
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/esm/{http-codes-DchfPj1v.js → http-codes-BIwnNday.js} +1 -1
- package/dist/esm/{index-DfBhGuuz.js → index-DFwTKM0O.js} +1 -1
- package/dist/esm/{index-ClX9TYQY.js → index-DRLfH-G3.js} +1 -9
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{product-comparison-DJko3TwF.js → product-comparison-BLY2XeQZ.js} +1 -1
- package/dist/esm/{string-D0GJDW-O.js → string-C9BlrGW8.js} +1 -4
- package/dist/esm/tet-accordion.entry.js +1 -1
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +4 -4
- package/dist/esm/tet-address-offers-view.entry.js +4 -4
- package/dist/esm/tet-address-offers_5.entry.js +6 -6
- package/dist/esm/tet-assembler.entry.js +15 -6
- package/dist/esm/tet-autocomplete-dropdown.entry.js +2 -2
- package/dist/esm/tet-autocomplete_2.entry.js +3 -3
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +4 -4
- package/dist/esm/tet-b2b-configurator.entry.js +5 -5
- package/dist/esm/tet-banner-nav.entry.js +4 -4
- package/dist/esm/tet-bar-graph.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-card.entry.js +1 -1
- package/dist/esm/tet-business-compare-card.entry.js +1 -1
- package/dist/esm/tet-business-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 +4 -4
- package/dist/esm/tet-checkbox_3.entry.js +1 -1
- package/dist/esm/tet-cloud-application-form-dialog.entry.js +4 -4
- package/dist/esm/tet-cloud-configurator.entry.js +4 -4
- package/dist/esm/tet-colors.entry.js +1 -1
- package/dist/esm/tet-compare-card-v2.entry.js +3 -3
- package/dist/esm/tet-compare-card-v3.entry.js +10 -6
- 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-container_2.entry.js +2 -2
- package/dist/esm/tet-countdown.entry.js +1 -1
- package/dist/esm/tet-counter.entry.js +1 -1
- package/dist/esm/tet-dialog.entry.js +4 -4
- package/dist/esm/tet-display.entry.js +1 -1
- package/dist/esm/tet-divider.entry.js +1 -1
- package/dist/esm/tet-dynamic-card.entry.js +1 -1
- package/dist/esm/tet-expandable-input.entry.js +1 -1
- package/dist/esm/tet-expansion-panel.entry.js +1 -1
- package/dist/esm/tet-feedback-form.entry.js +4 -4
- package/dist/esm/tet-filter.entry.js +1 -1
- package/dist/esm/tet-floating-block.entry.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-icon.entry.js +2 -2
- package/dist/esm/tet-inline-message.entry.js +1 -1
- package/dist/esm/tet-input.entry.js +4 -4
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link-card-list.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-menu-mobile.entry.js +1 -1
- package/dist/esm/tet-menu.entry.js +1 -1
- package/dist/esm/tet-mini-compare-card.entry.js +1 -1
- package/dist/esm/tet-multi-step-dialog.entry.js +4 -4
- package/dist/esm/tet-navigation-mobile.entry.js +4 -4
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input.entry.js +1 -1
- package/dist/esm/tet-placeholder.entry.js +1 -1
- package/dist/esm/tet-position.entry.js +1 -1
- package/dist/esm/tet-price-view.entry.js +1 -1
- package/dist/esm/tet-radio-blocks.entry.js +1 -1
- package/dist/esm/tet-radio_2.entry.js +1 -1
- package/dist/esm/tet-range-slider.entry.js +1 -1
- package/dist/esm/tet-round-stepper.entry.js +1 -1
- package/dist/esm/tet-snicker-card-group.entry.js +1 -1
- package/dist/esm/tet-snicker-card.entry.js +4 -4
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +1 -1
- package/dist/esm/tet-stepper-input.entry.js +4 -4
- package/dist/esm/tet-stepper-v3.entry.js +1 -1
- package/dist/esm/tet-sticky-offer.entry.js +139 -72
- package/dist/esm/tet-support-search.entry.js +2 -2
- package/dist/esm/tet-switch.entry.js +1 -1
- package/dist/esm/tet-table.entry.js +1 -1
- package/dist/esm/tet-tag_2.entry.js +4 -4
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/esm/tet-text.entry.js +1 -1
- package/dist/esm/tet-textarea.entry.js +1 -1
- package/dist/esm/tet-thank-you-view-v3.entry.js +4 -4
- package/dist/esm/{translations-4zQUcigP.js → translations-DlbHIyQg.js} +2 -2
- package/dist/esm/{typecheck-Bvqcvhjw.js → typecheck-CaZKtSyx.js} +1 -2
- package/dist/tet-components/{p-d89ae495.entry.js → p-001782bf.entry.js} +1 -1
- package/dist/tet-components/{p-d2db496b.entry.js → p-09289fa1.entry.js} +1 -1
- package/dist/tet-components/p-0b13e385.entry.js +1 -0
- package/dist/tet-components/{p-bb325aa4.entry.js → p-0dcca890.entry.js} +1 -1
- package/dist/tet-components/{p-f5315eaf.entry.js → p-0ec02698.entry.js} +1 -1
- package/dist/tet-components/p-158ef048.entry.js +1 -0
- package/dist/tet-components/{p-1d997c7d.entry.js → p-1652ed96.entry.js} +1 -1
- package/dist/tet-components/{p-7fdd634a.entry.js → p-19cf7e5a.entry.js} +1 -1
- package/dist/tet-components/{p-baf6ba9e.entry.js → p-1a559db5.entry.js} +1 -1
- package/dist/tet-components/{p-73aca8b1.entry.js → p-1a8c6e45.entry.js} +1 -1
- package/dist/tet-components/{p-e13f06c4.entry.js → p-23f7e7c9.entry.js} +1 -1
- package/dist/tet-components/p-281d6aec.entry.js +1 -0
- package/dist/tet-components/{p-616d3818.entry.js → p-2d821378.entry.js} +1 -1
- package/dist/tet-components/{p-591a092a.entry.js → p-2ee60b13.entry.js} +1 -1
- package/dist/tet-components/{p-1556076a.entry.js → p-33fbdaff.entry.js} +1 -1
- package/dist/tet-components/{p-3d8635c1.entry.js → p-38896daf.entry.js} +1 -1
- package/dist/tet-components/{p-b315a1c8.entry.js → p-39118ce2.entry.js} +1 -1
- package/dist/tet-components/{p-f7e3a24b.entry.js → p-3f9f1252.entry.js} +1 -1
- package/dist/tet-components/{p-39be547b.entry.js → p-443b131b.entry.js} +1 -1
- package/dist/tet-components/{p-47484c33.entry.js → p-4538e30b.entry.js} +1 -1
- package/dist/tet-components/{p-8436df88.entry.js → p-4569b8bc.entry.js} +1 -1
- package/dist/tet-components/{p-15bddc3d.entry.js → p-4b94b11b.entry.js} +1 -1
- package/dist/tet-components/{p-26dd3cb0.entry.js → p-4cd9856e.entry.js} +1 -1
- package/dist/tet-components/{p-7ffa074d.entry.js → p-5356548e.entry.js} +1 -1
- package/dist/tet-components/{p-4f47079e.entry.js → p-535de739.entry.js} +1 -1
- package/dist/tet-components/{p-43d1f956.entry.js → p-53ddf6d9.entry.js} +1 -1
- package/dist/tet-components/{p-2bd1b7ec.entry.js → p-54baa574.entry.js} +1 -1
- package/dist/tet-components/{p-139d4cad.entry.js → p-55253942.entry.js} +1 -1
- package/dist/tet-components/{p-29948163.entry.js → p-570f744c.entry.js} +1 -1
- package/dist/tet-components/{p-8c39d824.entry.js → p-58d4ff11.entry.js} +1 -1
- package/dist/tet-components/{p-2e7cb093.entry.js → p-5926d29a.entry.js} +1 -1
- package/dist/tet-components/{p-f79c8697.entry.js → p-5a31ce02.entry.js} +1 -1
- package/dist/tet-components/{p-53b4947e.entry.js → p-5bb5e9bf.entry.js} +1 -1
- package/dist/tet-components/{p-dfdf946f.entry.js → p-5c4d6ad0.entry.js} +1 -1
- package/dist/tet-components/{p-8bdcb714.entry.js → p-5e7ef84f.entry.js} +1 -1
- package/dist/tet-components/{p-f5a86256.entry.js → p-5ffae43b.entry.js} +1 -1
- package/dist/tet-components/{p-a0340287.entry.js → p-6370d477.entry.js} +1 -1
- package/dist/tet-components/{p-4a22c9a8.entry.js → p-644d19eb.entry.js} +1 -1
- package/dist/tet-components/{p-93283513.entry.js → p-65878044.entry.js} +1 -1
- package/dist/tet-components/{p-77ae360e.entry.js → p-6788614b.entry.js} +1 -1
- package/dist/tet-components/{p-24bdeb37.entry.js → p-72f10abe.entry.js} +1 -1
- package/dist/tet-components/{p-cd267067.entry.js → p-74e87653.entry.js} +1 -1
- package/dist/tet-components/{p-7105253e.entry.js → p-7e55881a.entry.js} +1 -1
- package/dist/tet-components/{p-517168f6.entry.js → p-7f0e7265.entry.js} +1 -1
- package/dist/tet-components/{p-2e4e81a5.entry.js → p-7fae4d11.entry.js} +1 -1
- package/dist/tet-components/{p-87d015b3.entry.js → p-80eb8975.entry.js} +1 -1
- package/dist/tet-components/{p-d2abe02d.entry.js → p-863b9c4f.entry.js} +1 -1
- package/dist/tet-components/{p-b4c45d6b.entry.js → p-87379696.entry.js} +1 -1
- package/dist/tet-components/{p-98ae4292.entry.js → p-89aa61b4.entry.js} +1 -1
- package/dist/tet-components/{p-a2a4917a.entry.js → p-8f76849e.entry.js} +1 -1
- package/dist/tet-components/{p-b5efc6d4.entry.js → p-931af84a.entry.js} +1 -1
- package/dist/tet-components/{p-306ff942.entry.js → p-9491b52d.entry.js} +1 -1
- package/dist/tet-components/{p-tf8lKgfD.js → p-B0ZtMor0.js} +1 -1
- package/dist/tet-components/p-C9BlrGW8.js +1 -0
- package/dist/tet-components/p-CaZKtSyx.js +1 -0
- package/dist/{components/p-DePtMqzY.js → tet-components/p-DHhdzkdo.js} +1 -1
- package/dist/tet-components/p-DRLfH-G3.js +3 -0
- package/dist/tet-components/{p-5bd0a0c8.entry.js → p-a5f552c8.entry.js} +1 -1
- package/dist/tet-components/p-a7Y8PX2f.js +1 -0
- package/dist/tet-components/{p-92ef3a39.entry.js → p-ba792152.entry.js} +1 -1
- package/dist/tet-components/{p-d88d8689.entry.js → p-bb003b93.entry.js} +1 -1
- package/dist/tet-components/{p-394b9c6b.entry.js → p-bb4b016d.entry.js} +1 -1
- package/dist/tet-components/{p-10e789d9.entry.js → p-bc5450cb.entry.js} +1 -1
- package/dist/tet-components/{p-eb3a8119.entry.js → p-bd94906d.entry.js} +1 -1
- package/dist/tet-components/{p-bd42d182.entry.js → p-bf441a6f.entry.js} +1 -1
- package/dist/tet-components/{p-cb1c05ab.entry.js → p-bf79a574.entry.js} +1 -1
- package/dist/tet-components/{p-c989a64d.entry.js → p-c21eb460.entry.js} +1 -1
- package/dist/tet-components/{p-79e4a166.entry.js → p-c444f4bc.entry.js} +1 -1
- package/dist/tet-components/{p-dca1a4c2.entry.js → p-c5c88bf8.entry.js} +1 -1
- package/dist/tet-components/{p-3242f182.entry.js → p-cbbb2f74.entry.js} +1 -1
- package/dist/tet-components/{p-9ab737dd.entry.js → p-d450dfc2.entry.js} +1 -1
- package/dist/tet-components/{p-19343cc6.entry.js → p-d527b903.entry.js} +1 -1
- package/dist/tet-components/{p-5a31f21d.entry.js → p-d9e7883d.entry.js} +1 -1
- package/dist/tet-components/{p-21a59a4f.entry.js → p-debd1123.entry.js} +1 -1
- package/dist/tet-components/{p-d44bea09.entry.js → p-df12fcae.entry.js} +1 -1
- package/dist/tet-components/{p-b8c0433c.entry.js → p-e78ed300.entry.js} +1 -1
- package/dist/tet-components/{p-fa381f41.entry.js → p-eb2f7125.entry.js} +1 -1
- package/dist/tet-components/{p-c32edb32.entry.js → p-ec9bbd9c.entry.js} +1 -1
- package/dist/tet-components/{p-47b6721e.entry.js → p-f1672161.entry.js} +1 -1
- package/dist/tet-components/{p-1deb89e1.entry.js → p-f34234f1.entry.js} +1 -1
- package/dist/tet-components/{p-3ab52911.entry.js → p-f359076b.entry.js} +1 -1
- package/dist/tet-components/{p-a410109c.entry.js → p-f519649a.entry.js} +1 -1
- package/dist/tet-components/{p-8b3ea797.entry.js → p-f60aa760.entry.js} +1 -1
- package/dist/tet-components/{p-B8Zjo2sa.js → p-v8vRDDsl.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-assembler/tet-assembler.d.ts +2 -0
- package/dist/types/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.d.ts +2 -0
- package/dist/types/components/simple/misc/tet-sticky-offer/tet-sticky-offer.d.ts +27 -13
- package/dist/types/components.d.ts +28 -390
- package/package.json +1 -1
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +0 -387
- package/dist/cjs/tet-datepicker.cjs.entry.js +0 -132
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.css +0 -393
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.css +0 -455
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.css +0 -382
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.css +0 -382
- package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.css +0 -380
- package/dist/components/p-1M2reaCU.js +0 -1
- package/dist/components/p-9ItXFJZ6.js +0 -1
- package/dist/components/p-CQfy7CVi.js +0 -1
- package/dist/components/p-Cef0hbKH.js +0 -1
- package/dist/components/p-CoQ-OVcl.js +0 -1
- package/dist/components/p-Cwu8jtXG.js +0 -1
- package/dist/components/p-D0GJDW-O.js +0 -1
- package/dist/components/p-D9qys4GX.js +0 -1
- package/dist/components/p-cnUvPtFj.js +0 -1
- package/dist/components/p-nb3MHK7A.js +0 -1
- package/dist/components/p-tQ4vjHQ1.js +0 -1
- package/dist/components/tet-datepicker-header.d.ts +0 -11
- package/dist/components/tet-datepicker-header.js +0 -1
- package/dist/components/tet-datepicker-month-view.d.ts +0 -11
- package/dist/components/tet-datepicker-month-view.js +0 -1
- package/dist/components/tet-datepicker-multi-year-view.d.ts +0 -11
- package/dist/components/tet-datepicker-multi-year-view.js +0 -1
- package/dist/components/tet-datepicker-year-view.d.ts +0 -11
- package/dist/components/tet-datepicker-year-view.js +0 -1
- package/dist/components/tet-datepicker.d.ts +0 -11
- package/dist/components/tet-datepicker.js +0 -1
- package/dist/esm/tet-datepicker-header_4.entry.js +0 -382
- package/dist/esm/tet-datepicker.entry.js +0 -130
- package/dist/tet-components/p-0690117e.entry.js +0 -1
- package/dist/tet-components/p-4aa2dbc8.entry.js +0 -1
- package/dist/tet-components/p-8a9d5ef1.entry.js +0 -1
- package/dist/tet-components/p-BGrvDoTj.js +0 -1
- package/dist/tet-components/p-Bvqcvhjw.js +0 -1
- package/dist/tet-components/p-ClX9TYQY.js +0 -3
- package/dist/tet-components/p-D0GJDW-O.js +0 -1
- package/dist/tet-components/p-b17d4f71.entry.js +0 -1
- package/dist/tet-components/p-b849774e.entry.js +0 -1
- package/dist/tet-components/p-t-BNeeWq.js +0 -1
- package/dist/types/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.d.ts +0 -21
- package/dist/types/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.d.ts +0 -45
- package/dist/types/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.d.ts +0 -20
- package/dist/types/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.d.ts +0 -20
- package/dist/types/components/simple/inputs/tet-datepicker/tet-datepicker.d.ts +0 -47
|
@@ -1,382 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-ClX9TYQY.js';
|
|
2
|
-
import { c as capitalize } from './string-D0GJDW-O.js';
|
|
3
|
-
import { i as isUndefinedOrNull } from './typecheck-Bvqcvhjw.js';
|
|
4
|
-
|
|
5
|
-
const DATEPICKER_WEEK_DAYS = ['P.', 'Ot.', 'Tr.', 'Ce.', 'Pk.', 'Se.', 'Sv.'];
|
|
6
|
-
const DATEPICKER_MONTHS = [
|
|
7
|
-
'Janvāris',
|
|
8
|
-
'Februāris',
|
|
9
|
-
'Marts',
|
|
10
|
-
'Aprīlis',
|
|
11
|
-
'Maijs',
|
|
12
|
-
'Jūnijs',
|
|
13
|
-
'Jūlijs',
|
|
14
|
-
'Augusts',
|
|
15
|
-
'Septembris',
|
|
16
|
-
'Oktobris',
|
|
17
|
-
'Novembris',
|
|
18
|
-
'Decembris'
|
|
19
|
-
];
|
|
20
|
-
|
|
21
|
-
const subtractYears = (date, years) => {
|
|
22
|
-
date.setFullYear(date.getFullYear() - years);
|
|
23
|
-
return date;
|
|
24
|
-
};
|
|
25
|
-
const addYears = (date, years) => {
|
|
26
|
-
date.setFullYear(date.getFullYear() + years);
|
|
27
|
-
return date;
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
const tetDatepickerHeaderCss = () => `:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;-webkit-tap-highlight-color:transparent}.header{display:flex;justify-content:space-between;align-items:center;height:3rem;user-select:none}.header .control-button{padding:0.5rem 1rem;border-radius:1.5rem;cursor:pointer}.header .control-button .chevron-down{--icon-size:1.2rem;position:relative;top:-0.125rem;margin-left:0.5rem}.header .control-button:hover{background:var(--interaction-state-gray)}.header .icon-container{display:flex;justify-content:center;align-items:center;max-width:3rem;max-height:3rem;width:100%;height:100%;border-radius:1.5rem;cursor:pointer}.header .icon-container:hover{background:rgb(235, 237, 239)}.header .icon-container .arrow-right,.header .icon-container .arrow-left{--icon-size:1.2rem}`;
|
|
31
|
-
|
|
32
|
-
const TetDatepickerHeader = class {
|
|
33
|
-
constructor(hostRef) {
|
|
34
|
-
registerInstance(this, hostRef);
|
|
35
|
-
this.internalDateChanged = createEvent(this, "internalDateChanged");
|
|
36
|
-
this.datepickerViewChanged = createEvent(this, "datepickerViewChanged");
|
|
37
|
-
}
|
|
38
|
-
/** The selected locale. */
|
|
39
|
-
locale;
|
|
40
|
-
/** The selected date. */
|
|
41
|
-
selectedDate;
|
|
42
|
-
/** Separate internal date to handle date browsing. */
|
|
43
|
-
internalDate;
|
|
44
|
-
/** Current datepicker view */
|
|
45
|
-
datepickerView;
|
|
46
|
-
/** Event that will be emitted when the internal date will change. */
|
|
47
|
-
internalDateChanged;
|
|
48
|
-
/** Event that will be emitted when the datepicker view will change. */
|
|
49
|
-
datepickerViewChanged;
|
|
50
|
-
getControlButtonDate = () => {
|
|
51
|
-
const fullYear = this.internalDate.getFullYear();
|
|
52
|
-
const monthNameFormatter = new Intl.DateTimeFormat(this.locale, { month: 'long' });
|
|
53
|
-
const monthName = capitalize(monthNameFormatter.format(this.internalDate));
|
|
54
|
-
return `${monthName} ${fullYear}`;
|
|
55
|
-
};
|
|
56
|
-
subtractDates() {
|
|
57
|
-
let newDate;
|
|
58
|
-
if (this.datepickerView === 'multi-year') {
|
|
59
|
-
newDate = subtractYears(this.internalDate, 12);
|
|
60
|
-
}
|
|
61
|
-
if (this.datepickerView === 'year') {
|
|
62
|
-
newDate = subtractYears(this.internalDate, 1);
|
|
63
|
-
}
|
|
64
|
-
if (this.datepickerView === 'month') {
|
|
65
|
-
newDate = new Date(this.internalDate.getFullYear(), this.internalDate.getMonth() - 1, 1);
|
|
66
|
-
}
|
|
67
|
-
this.internalDateChanged.emit(newDate);
|
|
68
|
-
}
|
|
69
|
-
addDates() {
|
|
70
|
-
let newDate;
|
|
71
|
-
if (this.datepickerView === 'multi-year') {
|
|
72
|
-
newDate = addYears(this.internalDate, 12);
|
|
73
|
-
}
|
|
74
|
-
if (this.datepickerView === 'year') {
|
|
75
|
-
newDate = addYears(this.internalDate, 1);
|
|
76
|
-
}
|
|
77
|
-
if (this.datepickerView === 'month') {
|
|
78
|
-
newDate = new Date(this.internalDate.getFullYear(), this.internalDate.getMonth() + 1, 1);
|
|
79
|
-
}
|
|
80
|
-
this.internalDateChanged.emit(newDate);
|
|
81
|
-
}
|
|
82
|
-
changeDatepickerView = () => {
|
|
83
|
-
let view;
|
|
84
|
-
if (this.datepickerView === 'month') {
|
|
85
|
-
view = 'multi-year';
|
|
86
|
-
}
|
|
87
|
-
if (this.datepickerView === 'year' || this.datepickerView === 'multi-year') {
|
|
88
|
-
view = 'month';
|
|
89
|
-
}
|
|
90
|
-
this.datepickerViewChanged.emit(view);
|
|
91
|
-
};
|
|
92
|
-
render() {
|
|
93
|
-
return (h("div", { key: 'f9ded7080afd62e27b776ea487a6dff3ff11849c', class: "header" }, this.datepickerView !== 'year'
|
|
94
|
-
? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "tc-arrow-left" })))
|
|
95
|
-
: h("div", null), h("div", { key: '0fc34633a46329e428c9449112a3a332363fba52', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '6854d7c2c577568425ecaf0faba756195461f506', class: "chevron-down", name: this.datepickerView === 'month' ? 'tc-chevron-down' : 'tc-chevron-up' })), this.datepickerView !== 'year'
|
|
96
|
-
? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "tc-arrow-right" })))
|
|
97
|
-
: h("div", null)));
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
TetDatepickerHeader.style = tetDatepickerHeaderCss();
|
|
101
|
-
|
|
102
|
-
const tetDatepickerMonthViewCss = () => `:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;-webkit-tap-highlight-color:transparent}.weekday-header{display:grid;grid-template-columns:repeat(7, 1fr)}.weekday-header .day{display:flex;justify-content:center;align-items:center;height:100%;width:100%;aspect-ratio:1/1}.month-dates{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.month-dates .date-container{border:dashed transparent;border-width:0.09375rem 0}.month-dates .date-container.range-start{border-radius:5rem 0 0 5rem;border-color:rgb(10, 11, 13)}.month-dates .date-container.range-start .date{background:rgb(10, 11, 13);color:var(--text-color-primary-light) !important}.month-dates .date-container.range-start .date:hover{background:rgb(153, 160, 174) !important}.month-dates .date-container.range-start.in-range-selected{border-color:transparent}.month-dates .date-container.range-start.range-end{background:transparent}.month-dates .date-container.range-end{border-radius:0 5rem 5rem 0;border-color:rgb(10, 11, 13)}.month-dates .date-container.range-end .date{background:rgb(10, 11, 13);color:var(--text-color-primary-light) !important}.month-dates .date-container.range-end .date:hover{background:rgb(153, 160, 174) !important}.month-dates .date-container.range-end.in-range-selected{border-color:transparent}.month-dates .date-container.in-range{border-color:rgb(10, 11, 13)}.month-dates .date-container.in-range-selected{background:rgb(215, 219, 224)}.month-dates .date-container.in-range-selected .date{color:rgb(67, 75, 86)}.month-dates .date-container.in-range-hover{border-radius:0 5rem 5rem 0;border-color:rgb(10, 11, 13)}.month-dates .date-container.in-range-hover .date:hover{color:var(--text-color-primary-light);background:rgb(153, 160, 174) !important}.month-dates .preview-date{display:flex;justify-content:center;align-items:center;height:100%;width:100%;aspect-ratio:1/1;color:rgb(153, 160, 174)}.month-dates .date{display:flex;justify-content:center;align-items:center;height:100%;width:100%;aspect-ratio:1/1;border-radius:5rem;cursor:pointer}.month-dates .date.current:not(.month-dates .date.selected,.month-dates .date:active){border:0.09375rem solid rgb(153, 160, 174)}.month-dates .date:active,.month-dates .date.selected{color:var(--text-color-primary-light);background:rgb(10, 11, 13)}.month-dates .date:hover:not(.month-dates .date.selected,.month-dates .date:active){background:var(--interaction-state-gray)}`;
|
|
103
|
-
|
|
104
|
-
const TetDatepickerMonthView = class {
|
|
105
|
-
constructor(hostRef) {
|
|
106
|
-
registerInstance(this, hostRef);
|
|
107
|
-
this.internalDateChanged = createEvent(this, "internalDateChanged");
|
|
108
|
-
this.dateChanged = createEvent(this, "dateChanged");
|
|
109
|
-
this.datepickerClosed = createEvent(this, "datepickerClosed");
|
|
110
|
-
this.rangeDateSet = createEvent(this, "rangeDateSet");
|
|
111
|
-
}
|
|
112
|
-
days = DATEPICKER_WEEK_DAYS;
|
|
113
|
-
currentDate;
|
|
114
|
-
previousMonthPreviewDates = [];
|
|
115
|
-
monthDates = [];
|
|
116
|
-
nextMonthPreviewDates = [];
|
|
117
|
-
/** The range dates that are being used for range picking mode. */
|
|
118
|
-
rangeDates;
|
|
119
|
-
/** Date used in range picker mode after setting range start to identify which date is currently hovered over. */
|
|
120
|
-
inRangeHoverDate;
|
|
121
|
-
/** The currently selected date. */
|
|
122
|
-
selectedDate;
|
|
123
|
-
/** Separate internal date to handle date browsing. */
|
|
124
|
-
internalDate;
|
|
125
|
-
/** Determines whether the current datepicker logic is set up for range picking. */
|
|
126
|
-
rangePickerMode = false;
|
|
127
|
-
/** Event that will be emitted when the internal date will change. */
|
|
128
|
-
internalDateChanged;
|
|
129
|
-
/** Event that will be emitted when date will change. */
|
|
130
|
-
dateChanged;
|
|
131
|
-
/** Event that will be emitted when the datepicker will be closed. */
|
|
132
|
-
datepickerClosed;
|
|
133
|
-
/** Event that will be emitted when one of the range dates will be set. */
|
|
134
|
-
rangeDateSet;
|
|
135
|
-
handleDateChange() {
|
|
136
|
-
this.previousMonthPreviewDates = this.getPreviousMonthPreviewDates();
|
|
137
|
-
this.monthDates = this.getDaysInMonth(this.internalDate.getMonth(), this.internalDate.getFullYear());
|
|
138
|
-
this.nextMonthPreviewDates = this.getNextMonthPreviewDates();
|
|
139
|
-
}
|
|
140
|
-
componentWillLoad() {
|
|
141
|
-
this.currentDate = new Date();
|
|
142
|
-
this.previousMonthPreviewDates = this.getPreviousMonthPreviewDates();
|
|
143
|
-
this.monthDates = this.getDaysInMonth(this.internalDate.getMonth(), this.internalDate.getFullYear());
|
|
144
|
-
this.nextMonthPreviewDates = this.getNextMonthPreviewDates();
|
|
145
|
-
}
|
|
146
|
-
getDaysInMonth = (month, year) => {
|
|
147
|
-
const date = new Date(year, month, 1);
|
|
148
|
-
const days = [];
|
|
149
|
-
while (date.getMonth() === month) {
|
|
150
|
-
days.push(new Date(date));
|
|
151
|
-
date.setDate(date.getDate() + 1);
|
|
152
|
-
}
|
|
153
|
-
return days;
|
|
154
|
-
};
|
|
155
|
-
getPreviousMonthPreviewDates = () => {
|
|
156
|
-
const firstMonthDay = new Date(this.internalDate.getFullYear(), this.internalDate.getMonth(), 1);
|
|
157
|
-
let previousMonthPreviewDays = firstMonthDay.getDay() - 1;
|
|
158
|
-
// An exception - sundays have zero index.
|
|
159
|
-
// Meaning that they actually would have negative preview days from the previous month, if using the existing logic.
|
|
160
|
-
if (previousMonthPreviewDays === -1) {
|
|
161
|
-
previousMonthPreviewDays = 6;
|
|
162
|
-
}
|
|
163
|
-
return this.getPreviousMonthLastDates(previousMonthPreviewDays);
|
|
164
|
-
};
|
|
165
|
-
getNextMonthPreviewDates = () => {
|
|
166
|
-
const currentDateCount = this.monthDates.length + this.previousMonthPreviewDates.length;
|
|
167
|
-
const nextMonthPreviewDays = 7 - currentDateCount % 7;
|
|
168
|
-
// If all rows are full, do not render additional preview date fields.
|
|
169
|
-
if (nextMonthPreviewDays === 7) {
|
|
170
|
-
return [];
|
|
171
|
-
}
|
|
172
|
-
return Array.from({ length: nextMonthPreviewDays }).map((_, day) => day + 1);
|
|
173
|
-
};
|
|
174
|
-
getPreviousMonthLastDates = (lastDays) => {
|
|
175
|
-
const previousMonthPreviewDays = [];
|
|
176
|
-
if (!lastDays) {
|
|
177
|
-
return previousMonthPreviewDays;
|
|
178
|
-
}
|
|
179
|
-
const previousMonthLastDate = new Date(this.internalDate.getFullYear(), this.internalDate.getMonth(), 0);
|
|
180
|
-
const previousMonthLastPreviewDay = (previousMonthLastDate.getDate() - lastDays) + 1;
|
|
181
|
-
Array.from({ length: lastDays }).forEach((_, days) => {
|
|
182
|
-
const previousMonth = this.internalDate.getMonth() - 1;
|
|
183
|
-
const date = new Date(this.internalDate.getFullYear(), previousMonth, previousMonthLastPreviewDay + days);
|
|
184
|
-
previousMonthPreviewDays.push(date);
|
|
185
|
-
});
|
|
186
|
-
return previousMonthPreviewDays;
|
|
187
|
-
};
|
|
188
|
-
isCurrentDate(date) {
|
|
189
|
-
return date.toDateString() === this.currentDate.toDateString();
|
|
190
|
-
}
|
|
191
|
-
isSelectedDate = (date) => {
|
|
192
|
-
if (this.rangePickerMode || isUndefinedOrNull(this.selectedDate)) {
|
|
193
|
-
return false;
|
|
194
|
-
}
|
|
195
|
-
return date.toDateString() === this.selectedDate.toDateString();
|
|
196
|
-
};
|
|
197
|
-
handleDateSelection = (date) => {
|
|
198
|
-
const newDate = new Date(date);
|
|
199
|
-
this.internalDateChanged.emit(newDate);
|
|
200
|
-
if (!this.rangePickerMode) {
|
|
201
|
-
this.datepickerClosed.emit(true);
|
|
202
|
-
return;
|
|
203
|
-
}
|
|
204
|
-
const isSelectedDateRangeEnd = this.isRangeEnd(date);
|
|
205
|
-
const isSelectedBeforeRangeStartDate = date.getTime() < this.rangeDates?.startDate?.getTime();
|
|
206
|
-
if (this.rangeDates.startDate && this.rangeDates.endDate || isSelectedBeforeRangeStartDate) {
|
|
207
|
-
this.rangeDateSet.emit({ date: newDate, position: 0 });
|
|
208
|
-
return;
|
|
209
|
-
}
|
|
210
|
-
if (this.rangeDates.startDate && !isSelectedDateRangeEnd) {
|
|
211
|
-
this.rangeDateSet.emit({ date: newDate, position: 1 });
|
|
212
|
-
this.datepickerClosed.emit(true);
|
|
213
|
-
}
|
|
214
|
-
if (isUndefinedOrNull(this.rangeDates.startDate) && isUndefinedOrNull(this.rangeDates.endDate)) {
|
|
215
|
-
this.rangeDateSet.emit({ date: newDate, position: 0 });
|
|
216
|
-
}
|
|
217
|
-
};
|
|
218
|
-
isRangeStart = (date) => {
|
|
219
|
-
return date.toDateString() === this.rangeDates?.startDate?.toDateString();
|
|
220
|
-
};
|
|
221
|
-
isRangeEnd = (date) => {
|
|
222
|
-
return date.toDateString() === this.rangeDates?.endDate?.toDateString();
|
|
223
|
-
};
|
|
224
|
-
isSelectedInRange = (date) => {
|
|
225
|
-
const isDateInStartRange = date.getTime() >= this.rangeDates?.startDate?.getTime();
|
|
226
|
-
const isDateInEndRange = date.getTime() <= this.rangeDates?.endDate?.getTime();
|
|
227
|
-
return isDateInStartRange && isDateInEndRange;
|
|
228
|
-
};
|
|
229
|
-
isInRange = (date) => {
|
|
230
|
-
const isRangeStartAndEndSet = this.rangeDates.startDate && this.rangeDates.endDate;
|
|
231
|
-
if (!this.rangePickerMode || isUndefinedOrNull(this.rangeDates.startDate) || isRangeStartAndEndSet) {
|
|
232
|
-
return false;
|
|
233
|
-
}
|
|
234
|
-
const isDatePastRangeStart = date.getTime() > this.rangeDates?.startDate?.getTime();
|
|
235
|
-
const isDateInHoverRange = date.getTime() <= this.inRangeHoverDate?.getTime();
|
|
236
|
-
return isDatePastRangeStart && isDateInHoverRange;
|
|
237
|
-
};
|
|
238
|
-
setInRangeHover = (date, event) => {
|
|
239
|
-
const isRangeStartAndEndSet = this.rangeDates.startDate && this.rangeDates.endDate;
|
|
240
|
-
if (!this.rangePickerMode || isUndefinedOrNull(this.rangeDates.startDate) || isRangeStartAndEndSet) {
|
|
241
|
-
return;
|
|
242
|
-
}
|
|
243
|
-
const element = event.target;
|
|
244
|
-
const isDatePastRangeStart = date.getTime() > this.rangeDates?.startDate?.getTime();
|
|
245
|
-
if (isDatePastRangeStart) {
|
|
246
|
-
element.classList.add('in-range-hover');
|
|
247
|
-
this.inRangeHoverDate = date;
|
|
248
|
-
}
|
|
249
|
-
};
|
|
250
|
-
removeInRangeHover = (event) => {
|
|
251
|
-
const element = event.target;
|
|
252
|
-
element.classList.contains('in-range-hover') && element.classList.remove('in-range-hover');
|
|
253
|
-
this.inRangeHoverDate = null;
|
|
254
|
-
};
|
|
255
|
-
getDateContainerClasses = (date) => {
|
|
256
|
-
return {
|
|
257
|
-
'date-container': true,
|
|
258
|
-
'range-start': this.isRangeStart(date),
|
|
259
|
-
'in-range': this.isInRange(date),
|
|
260
|
-
'in-range-selected': this.isSelectedInRange(date),
|
|
261
|
-
'range-end': this.isRangeEnd(date)
|
|
262
|
-
};
|
|
263
|
-
};
|
|
264
|
-
getDateClasses = (date) => {
|
|
265
|
-
return {
|
|
266
|
-
date: true,
|
|
267
|
-
current: this.isCurrentDate(date),
|
|
268
|
-
selected: this.isSelectedDate(date)
|
|
269
|
-
};
|
|
270
|
-
};
|
|
271
|
-
render() {
|
|
272
|
-
return (h(Host, { key: 'e3e7369a51d97d88d28a66545848f915902c239b' }, h("div", { key: '79fd22e0542d4bb1d3dca9a027a38732568adf1e', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '417e6eee4ff8505998ecd432a9607010057d748e', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
|
|
273
|
-
}
|
|
274
|
-
static get watchers() { return {
|
|
275
|
-
"internalDate": [{
|
|
276
|
-
"handleDateChange": 0
|
|
277
|
-
}]
|
|
278
|
-
}; }
|
|
279
|
-
};
|
|
280
|
-
TetDatepickerMonthView.style = tetDatepickerMonthViewCss();
|
|
281
|
-
|
|
282
|
-
const tetDatepickerMultiYearViewCss = () => `:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;-webkit-tap-highlight-color:transparent}.container{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:2rem;column-gap:0.25rem;margin:1.25rem 0 0.75rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.container .year{display:flex;width:100%;height:2.875rem;align-items:center;justify-content:center;border-radius:1.5rem;cursor:pointer}.container .year.current:not(.container .year.selected,.container .year:active){border:0.09375rem solid rgb(153, 160, 174)}.container .year:active,.container .year.selected{color:var(--text-color-primary-light);background:rgb(10, 11, 13)}.container .year:hover:not(.container .year.selected,.container .year:active){background:var(--interaction-state-gray)}`;
|
|
283
|
-
|
|
284
|
-
const TetDatepickerMultiYearView = class {
|
|
285
|
-
constructor(hostRef) {
|
|
286
|
-
registerInstance(this, hostRef);
|
|
287
|
-
this.internalDateChanged = createEvent(this, "internalDateChanged");
|
|
288
|
-
this.datepickerViewChanged = createEvent(this, "datepickerViewChanged");
|
|
289
|
-
}
|
|
290
|
-
years = [];
|
|
291
|
-
/** Selected Date. */
|
|
292
|
-
selectedDate;
|
|
293
|
-
/** Internal Date. */
|
|
294
|
-
internalDate;
|
|
295
|
-
/** Internal date changed event. */
|
|
296
|
-
internalDateChanged;
|
|
297
|
-
/** Datepicker view changed event. */
|
|
298
|
-
datepickerViewChanged;
|
|
299
|
-
handleInternalDateChange(date) {
|
|
300
|
-
this.years = this.getYears(date);
|
|
301
|
-
}
|
|
302
|
-
componentWillLoad() {
|
|
303
|
-
this.years = this.getYears(this.internalDate);
|
|
304
|
-
}
|
|
305
|
-
getYears = (date) => {
|
|
306
|
-
const startYear = date.getFullYear();
|
|
307
|
-
return Array.from({ length: 12 }, (_, index) => startYear + index);
|
|
308
|
-
};
|
|
309
|
-
handleYearSelection = (year) => {
|
|
310
|
-
const newDate = new Date(this.internalDate.setFullYear(year));
|
|
311
|
-
this.internalDateChanged.emit(newDate);
|
|
312
|
-
this.datepickerViewChanged.emit('year');
|
|
313
|
-
};
|
|
314
|
-
isSelectedYear = (year) => {
|
|
315
|
-
return this.selectedDate?.getFullYear() === year;
|
|
316
|
-
};
|
|
317
|
-
getYearClasses = (year) => {
|
|
318
|
-
const currentYear = new Date().getFullYear();
|
|
319
|
-
return { year: true, current: year === currentYear, selected: this.isSelectedYear(year) };
|
|
320
|
-
};
|
|
321
|
-
render() {
|
|
322
|
-
return (h("div", { key: '03c2b00f5549cbd3e500c0063152d3861f74ff2c', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
|
|
323
|
-
}
|
|
324
|
-
static get watchers() { return {
|
|
325
|
-
"internalDate": [{
|
|
326
|
-
"handleInternalDateChange": 0
|
|
327
|
-
}]
|
|
328
|
-
}; }
|
|
329
|
-
};
|
|
330
|
-
TetDatepickerMultiYearView.style = tetDatepickerMultiYearViewCss();
|
|
331
|
-
|
|
332
|
-
const tetDatepickerYearViewCss = () => `:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;-webkit-tap-highlight-color:transparent}.container{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:2rem;column-gap:0.25rem;margin:1.25rem 0.5rem 0.75rem 0;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.container .month{display:flex;width:100%;height:2.875rem;align-items:center;justify-content:center;border-radius:1.5rem;cursor:pointer}.container .month.current:not(.container .month.selected,.container .month:active){border:0.09375rem solid rgb(153, 160, 174)}.container .month:active,.container .month.selected{color:var(--text-color-primary-light);background:rgb(10, 11, 13)}.container .month:hover:not(.container .month.selected,.container .month:active){background:var(--interaction-state-gray)}`;
|
|
333
|
-
|
|
334
|
-
const TetDatepickerYearView = class {
|
|
335
|
-
constructor(hostRef) {
|
|
336
|
-
registerInstance(this, hostRef);
|
|
337
|
-
this.internalDateChanged = createEvent(this, "internalDateChanged");
|
|
338
|
-
this.datepickerViewChanged = createEvent(this, "datepickerViewChanged");
|
|
339
|
-
}
|
|
340
|
-
months = DATEPICKER_MONTHS;
|
|
341
|
-
todayDate;
|
|
342
|
-
/** The selected date. */
|
|
343
|
-
selectedDate;
|
|
344
|
-
/** Separate internal date to handle date browsing. */
|
|
345
|
-
internalDate;
|
|
346
|
-
/** Event that will be emitted when the internal date will change. */
|
|
347
|
-
internalDateChanged;
|
|
348
|
-
/** Event that will be emitted when the datepicker view will change. */
|
|
349
|
-
datepickerViewChanged;
|
|
350
|
-
componentWillLoad() {
|
|
351
|
-
this.todayDate = new Date();
|
|
352
|
-
}
|
|
353
|
-
isCurrentMonth(monthIndex) {
|
|
354
|
-
return this.todayDate.getMonth() === monthIndex;
|
|
355
|
-
}
|
|
356
|
-
handleMonthSelection = (monthIndex) => {
|
|
357
|
-
const newDate = new Date(this.internalDate.setMonth(monthIndex));
|
|
358
|
-
this.internalDateChanged.emit(newDate);
|
|
359
|
-
this.datepickerViewChanged.emit('month');
|
|
360
|
-
};
|
|
361
|
-
isMonthSelected = (monthIndex) => {
|
|
362
|
-
if (isUndefinedOrNull(this.selectedDate)) {
|
|
363
|
-
return false;
|
|
364
|
-
}
|
|
365
|
-
const isSameYear = this.selectedDate.getFullYear() === this.internalDate.getFullYear();
|
|
366
|
-
const isSameMonth = this.selectedDate.getMonth() === monthIndex;
|
|
367
|
-
return isSameYear && isSameMonth;
|
|
368
|
-
};
|
|
369
|
-
getMonthClasses = (monthIndex) => {
|
|
370
|
-
return {
|
|
371
|
-
month: true,
|
|
372
|
-
current: this.isCurrentMonth(monthIndex),
|
|
373
|
-
selected: this.isMonthSelected(monthIndex)
|
|
374
|
-
};
|
|
375
|
-
};
|
|
376
|
-
render() {
|
|
377
|
-
return (h("div", { key: '8968d573ef922b5ae1e1fc5e3f3bede1cca24fc3', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
|
|
378
|
-
}
|
|
379
|
-
};
|
|
380
|
-
TetDatepickerYearView.style = tetDatepickerYearViewCss();
|
|
381
|
-
|
|
382
|
-
export { TetDatepickerHeader as tet_datepicker_header, TetDatepickerMonthView as tet_datepicker_month_view, TetDatepickerMultiYearView as tet_datepicker_multi_year_view, TetDatepickerYearView as tet_datepicker_year_view };
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-ClX9TYQY.js';
|
|
2
|
-
import { i as isUndefinedOrNull } from './typecheck-Bvqcvhjw.js';
|
|
3
|
-
|
|
4
|
-
const tetDatepickerCss = () => `:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--light-theme-elevation-3:0 0.0625rem 0.125rem rgba(10, 11, 13, 0.05), 0 0.3125rem 0.6875rem rgba(10, 11, 13, 0.12);--text-color-primary-light:#f6f7f8;--interaction-state-gray:rgba(89, 99, 115, 0.08)}.overlay{position:fixed;z-index:100;inset:0}.overlay-effect{background:rgba(10, 11, 13, 0.4)}.overlay.closed{display:none}.overlay .container{max-width:22rem;min-height:20rem;height:auto;width:100%;background:rgb(255, 255, 255);border:0.0625rem solid rgb(192, 197, 206);box-shadow:var(--light-theme-elevation-3);border-radius:0.875rem;padding:0.5rem;position:absolute}`;
|
|
5
|
-
|
|
6
|
-
const TetDatepicker = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.dateChanged = createEvent(this, "dateChanged");
|
|
10
|
-
this.rangeDatesChanged = createEvent(this, "rangeDatesChanged");
|
|
11
|
-
}
|
|
12
|
-
datepickerContainer;
|
|
13
|
-
get el() { return getElement(this); }
|
|
14
|
-
/** The locale that is being used in to format the control button text. */
|
|
15
|
-
locale = 'lv-LV';
|
|
16
|
-
/** Determines whether to display modal like overlay for the datepicker. */
|
|
17
|
-
overlayEffect = false;
|
|
18
|
-
/** Determines whether the current datepicker logic is set up for range picking. */
|
|
19
|
-
rangePickerMode = false;
|
|
20
|
-
/** Determines if the datepicker is open. */
|
|
21
|
-
isOpen = false;
|
|
22
|
-
/** The currently selected date. Initially, can be passed as a default date. */
|
|
23
|
-
date;
|
|
24
|
-
/** Current datepicker view. */
|
|
25
|
-
datepickerView = 'month';
|
|
26
|
-
/** Range dates that are being used when `rangePickerMode` is turned on. */
|
|
27
|
-
rangeDates = {};
|
|
28
|
-
/** Separate internal date to handle date browsing. (to not emit event on date browsing but only on date selection) */
|
|
29
|
-
internalDate;
|
|
30
|
-
/** Event that will be emitted when date will change. */
|
|
31
|
-
dateChanged;
|
|
32
|
-
/** Event that will be emitted when at least one of the range dates will change. */
|
|
33
|
-
rangeDatesChanged;
|
|
34
|
-
handleDateChanged(event) {
|
|
35
|
-
this.date = event.detail;
|
|
36
|
-
}
|
|
37
|
-
/** Toggles the datepicker `isOpen` attribute. */
|
|
38
|
-
async toggleIsOpen() {
|
|
39
|
-
this.isOpen = !this.isOpen;
|
|
40
|
-
}
|
|
41
|
-
handleDatepickerViewChanged(event) {
|
|
42
|
-
this.datepickerView = event.detail;
|
|
43
|
-
}
|
|
44
|
-
handleInternalDateChanged({ detail }) {
|
|
45
|
-
this.internalDate = new Date(detail);
|
|
46
|
-
}
|
|
47
|
-
handleRangeDateSet({ detail: { date, position } }) {
|
|
48
|
-
if (position === 0) {
|
|
49
|
-
this.rangeDates.startDate = new Date(date);
|
|
50
|
-
this.rangeDates.endDate = null;
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
this.rangeDates.endDate = new Date(date);
|
|
54
|
-
}
|
|
55
|
-
this.rangeDates = { ...this.rangeDates };
|
|
56
|
-
}
|
|
57
|
-
handleDatepickerClosed() {
|
|
58
|
-
if (!this.rangePickerMode) {
|
|
59
|
-
this.date = new Date(this.internalDate);
|
|
60
|
-
}
|
|
61
|
-
this.isOpen = false;
|
|
62
|
-
}
|
|
63
|
-
onWindowResize() {
|
|
64
|
-
this.positionDatepicker();
|
|
65
|
-
}
|
|
66
|
-
onWindowScroll() {
|
|
67
|
-
this.positionDatepicker();
|
|
68
|
-
}
|
|
69
|
-
componentWillLoad() {
|
|
70
|
-
if (isUndefinedOrNull(this.date)) {
|
|
71
|
-
this.internalDate = new Date();
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
this.date = new Date(this.date);
|
|
75
|
-
this.internalDate = new Date(this.date);
|
|
76
|
-
}
|
|
77
|
-
componentDidLoad() {
|
|
78
|
-
this.positionDatepicker();
|
|
79
|
-
}
|
|
80
|
-
handleDateChange(newDate) {
|
|
81
|
-
this.dateChanged.emit(newDate);
|
|
82
|
-
}
|
|
83
|
-
handleRangeDateChange(newDates) {
|
|
84
|
-
this.rangeDatesChanged.emit(newDates);
|
|
85
|
-
}
|
|
86
|
-
isMobileScreenSize = () => {
|
|
87
|
-
return window.innerWidth <= 499;
|
|
88
|
-
};
|
|
89
|
-
positionDatepicker = () => {
|
|
90
|
-
const boundElementPosition = this.el.previousElementSibling.getBoundingClientRect();
|
|
91
|
-
const mobileDatepickerWidth = `${boundElementPosition.width}px`;
|
|
92
|
-
const desktopDatepickerWidth = '22rem';
|
|
93
|
-
const topOffsetInPx = 8;
|
|
94
|
-
if (this.isMobileScreenSize()) {
|
|
95
|
-
this.datepickerContainer.style.maxWidth = mobileDatepickerWidth;
|
|
96
|
-
}
|
|
97
|
-
else {
|
|
98
|
-
this.datepickerContainer.style.maxWidth = desktopDatepickerWidth;
|
|
99
|
-
}
|
|
100
|
-
this.datepickerContainer.style.left = `${boundElementPosition.left}px`;
|
|
101
|
-
this.datepickerContainer.style.top = `${boundElementPosition.bottom + topOffsetInPx}px`;
|
|
102
|
-
};
|
|
103
|
-
handleDatepickerClose = (event) => {
|
|
104
|
-
event.preventDefault();
|
|
105
|
-
event.stopPropagation();
|
|
106
|
-
if (event.target === event.currentTarget) {
|
|
107
|
-
this.isOpen = false;
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
getOverlayClasses = () => {
|
|
111
|
-
return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
|
|
112
|
-
};
|
|
113
|
-
render() {
|
|
114
|
-
return (h("div", { key: 'acce2fbc7d54bbcdb4410581d9f6bc6667aa0d2c', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '0c8d388af9d7cbe8b3d3ec303217b10e52a91ffd', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '4cefe3b29bead3c72a9c7342aa1a278767cf87b9', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
|
|
115
|
-
h("tet-datepicker-month-view", { key: 'a2a8a1e040d283ec54b7fb479ba907ff028f16bc', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
|
|
116
|
-
h("tet-datepicker-multi-year-view", { key: '6af036908892b25750daa38f166026c30ca09b6d', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
|
|
117
|
-
h("tet-datepicker-year-view", { key: 'ab893a06d2e225a287be0d96ca068443c897396e', selectedDate: this.date, internalDate: this.internalDate }))));
|
|
118
|
-
}
|
|
119
|
-
static get watchers() { return {
|
|
120
|
-
"date": [{
|
|
121
|
-
"handleDateChange": 0
|
|
122
|
-
}],
|
|
123
|
-
"rangeDates": [{
|
|
124
|
-
"handleRangeDateChange": 0
|
|
125
|
-
}]
|
|
126
|
-
}; }
|
|
127
|
-
};
|
|
128
|
-
TetDatepicker.style = tetDatepickerCss();
|
|
129
|
-
|
|
130
|
-
export { TetDatepicker as tet_datepicker };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,a as o,h as i,H as n}from"./p-ClX9TYQY.js";const r=class{constructor(o){t(this,o),this.applyClick=e(this,"applyClick")}get host(){return o(this)}visible=!0;hideOnScroll=!0;offerName="";price="";priceSuffix="";actionLabel="Pieteikt";actionUrl="";actionTarget="_self";scrollHidden=!1;applyClick;lastScrollY=0;lastDocumentHeight=0;scrollDistance=0;scrollDirection=0;scrollFrame=null;connectedCallback(){this.resetScrollVisibility()}disconnectedCallback(){null!==this.scrollFrame&&(cancelAnimationFrame(this.scrollFrame),this.scrollFrame=null)}resetScrollVisibility(){null!==this.scrollFrame&&(cancelAnimationFrame(this.scrollFrame),this.scrollFrame=null),this.scrollHidden=!1,this.scrollDistance=0,this.scrollDirection=0,this.lastScrollY=Math.max(0,window.scrollY),this.lastDocumentHeight=this.getDocumentHeight()}onWindowScroll(){this.visible&&this.hideOnScroll&&null===this.scrollFrame&&(this.scrollFrame=requestAnimationFrame((()=>this.updateScrollVisibility())))}updateScrollVisibility(){this.scrollFrame=null;const t=Math.max(0,window.scrollY),e=this.getDocumentHeight();if(e!==this.lastDocumentHeight)return this.lastDocumentHeight=e,this.lastScrollY=t,this.scrollDistance=0,void(this.scrollDirection=0);const o=t-this.lastScrollY;if(this.lastScrollY=t,0===t)return this.scrollDistance=0,this.scrollDirection=0,void(this.scrollHidden=!1);const i=Math.sign(o);if(i)if(document.activeElement===this.host||this.host.contains(document.activeElement))this.scrollDistance=0;else{if(this.scrollDistance=i===this.scrollDirection?this.scrollDistance+Math.abs(o):Math.abs(o),this.scrollDirection=i,i>0&&!this.scrollHidden&&this.scrollDistance>=205)this.scrollHidden=!0;else{if(!(i<0&&this.scrollHidden&&this.scrollDistance>=24))return;this.scrollHidden=!1}this.scrollDistance=0}}getDocumentHeight(){return Math.max(document.documentElement.scrollHeight??0,document.body?.scrollHeight??0)}onFocusIn(){this.scrollHidden&&(this.scrollHidden=!1,this.scrollDistance=0)}render(){return i(n,{key:"cee22e0817476a55e3f38f33fbcc1217469bf196",class:{"scroll-hidden":this.scrollHidden}},i("div",{key:"7f28335ce0e9fe33b567d4dd46b31df4bcaedc2e",class:"sticky-offer",inert:!this.visible,onFocusin:()=>this.onFocusIn()},i("span",{key:"9d1c54f6d8d2b674634e741cdec8d2ba98d1d600",class:"sticky-offer__name","aria-live":"polite","aria-atomic":"true"},this.offerName),i("div",{key:"9cded6e4fd98e352b12b15db525506894616e762",class:"sticky-offer__inner-container"},i("div",{key:"12f14c8840e895d4511a1c97379d9c561470d9bf",class:"sticky-offer__price-container","aria-live":"polite","aria-atomic":"true"},i("span",{key:"2461ff768954fd2aa4f1f5e8e783ca0d8e4244c9",class:"sticky-offer__price"},this.price),this.priceSuffix&&i("span",{key:"8ad22116b920ee1f63d1070bef4e4b49d08f9f8f",class:"sticky-offer__price-suffix"},this.priceSuffix)),i("tet-button",{key:"96dcd941d0393948ee21aff797a756aff216a909",size:"small",theme:"light",breakpointConfig:{lg:{size:"medium"},xl:{size:"large"}},url:this.actionUrl,urlTarget:this.actionTarget,onClick:()=>this.applyClick.emit()},this.actionLabel))))}static get watchers(){return{visible:[{resetScrollVisibility:0}],hideOnScroll:[{resetScrollVisibility:0}]}}};r.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{--animation-duration:600ms;--bottom-offset:2.5rem;display:block;max-width:113.5rem;position:fixed;bottom:var(--bottom-offset);right:0.5rem;left:0.5rem;z-index:10;margin:0 auto;transform:translateY(calc(100% + var(--bottom-offset) + 0.125rem));visibility:hidden;pointer-events:none;transition:transform var(--animation-duration) ease, visibility 0s linear var(--animation-duration)}@media screen and (min-width: 31.25rem){:host{right:1rem;left:1rem}}@media screen and (min-width: 80rem){:host{right:2rem;left:2rem}}@media screen and (min-width: 80rem){:host{right:2.25rem;left:2.25rem}}:host([visible]:not(.scroll-hidden)){transform:translateY(0);visibility:visible;pointer-events:auto;transition:visibility 0s;animation:sticky-offer-slide-in var(--animation-duration) ease}:host([visible].scroll-hidden){visibility:visible}:host([visible]:not(.scroll-hidden)) .sticky-offer{box-shadow:0 4px 28.8px 0 rgba(0, 0, 0, 0.25)}@media (prefers-reduced-motion: reduce){:host,:host([visible]:not(.scroll-hidden)){transition:none;animation:none}}.sticky-offer{display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem 1rem;background:var(--tc-layer-permanent-yellow);color:var(--tc-text-black-permanent);border-radius:0.5rem;overflow:hidden}@media screen and (min-width: 48rem){.sticky-offer{flex-direction:row;align-items:center;padding:1.125rem 1.5rem;gap:2rem;border-radius:1rem}}@media screen and (min-width: 64rem){.sticky-offer{padding:1rem 1.5rem;gap:2.5rem;min-height:5rem}}@media screen and (min-width: 80rem){.sticky-offer{padding:1rem 2.5rem}}.sticky-offer__inner-container{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media screen and (min-width: 64rem){.sticky-offer__inner-container{gap:1.5rem}}.sticky-offer__name{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem;flex:1}@media screen and (min-width: 31.25rem){.sticky-offer__name{font-size:1rem}}@media screen and (min-width: 48rem){.sticky-offer__name{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";letter-spacing:0}}@media screen and (min-width: 64rem){.sticky-offer__name{font-size:1.5rem;line-height:1.75rem}}@media screen and (min-width: 80rem){.sticky-offer__name{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}}.sticky-offer__price-container{display:flex;gap:0.25rem}.sticky-offer__price{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif";white-space:nowrap}@media screen and (min-width: 80rem){.sticky-offer__price{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}}.sticky-offer__price-suffix{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";align-self:flex-end;white-space:nowrap}@media screen and (min-width: 64rem){.sticky-offer__price-suffix{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.sticky-offer__price-suffix{padding:0.1875rem 0}}@keyframes sticky-offer-slide-in{from{transform:translateY(calc(100% + var(--bottom-offset) + 0.125rem))}to{transform:translateY(0)}}';export{r as tet_sticky_offer}
|