@eunomia/elements 1.0.0-beta.5 → 1.0.0-beta.7
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/README.md +2 -2
- package/dist/breakpoints.d.ts +37 -10
- package/dist/breakpoints.js +38 -10
- package/dist/cdn/components/chunks/{chunk-MMLIPCOY.js → chunk-22D3SRFR.js} +1 -1
- package/dist/cdn/components/chunks/chunk-36KLGY6U.js +209 -0
- package/dist/cdn/components/chunks/chunk-3BMACIDO.js +1 -0
- package/dist/cdn/components/chunks/{chunk-IDKZKLJR.js → chunk-3PNGQEG4.js} +24 -11
- package/dist/cdn/components/chunks/{chunk-NBIENHLV.js → chunk-5XPOGBPL.js} +18 -18
- package/dist/cdn/components/chunks/chunk-624VJYNA.js +1 -0
- package/dist/cdn/components/chunks/chunk-62RLISRD.js +1 -0
- package/dist/cdn/components/chunks/{chunk-6ETDXUH2.js → chunk-6FYW5TQU.js} +7 -7
- package/dist/cdn/components/chunks/chunk-AK2DIJX7.js +1 -0
- package/dist/cdn/components/chunks/chunk-B5XMGWM7.js +10 -0
- package/dist/cdn/components/chunks/chunk-BKZGTCMF.js +1 -0
- package/dist/cdn/components/chunks/{chunk-GW3VP2L7.js → chunk-BO3JOEWM.js} +1 -1
- package/dist/cdn/components/chunks/chunk-BVASCT2V.js +109 -0
- package/dist/cdn/components/chunks/{chunk-DKOPI7QA.js → chunk-DGI7TKCU.js} +83 -68
- package/dist/cdn/components/chunks/chunk-EUWUDCBZ.js +1 -0
- package/dist/cdn/components/chunks/{chunk-P32B7BFD.js → chunk-FF3I7C3C.js} +15 -15
- package/dist/cdn/components/chunks/{chunk-74AOAB4X.js → chunk-FOILAXLL.js} +6 -5
- package/dist/cdn/components/chunks/{chunk-LGLQ36QB.js → chunk-GDBPWZN6.js} +1 -1
- package/dist/cdn/components/chunks/chunk-GVS6IUKC.js +1 -0
- package/dist/cdn/components/chunks/chunk-GWLD2I3P.js +8 -0
- package/dist/cdn/components/chunks/{chunk-JRGM3W7I.js → chunk-I4ERDXSM.js} +9 -4
- package/dist/cdn/components/chunks/{chunk-AIS3UICU.js → chunk-J3SZBXM6.js} +11 -7
- package/dist/cdn/components/chunks/{chunk-5XJGYXW7.js → chunk-LVKMAHMU.js} +11 -1
- package/dist/cdn/components/chunks/{chunk-SD2WHGPF.js → chunk-MQQJ6DID.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-A4EQSU36.js → chunk-O7PHBLH2.js} +1 -1
- package/dist/cdn/components/chunks/chunk-PD62MBOJ.js +1 -0
- package/dist/cdn/components/chunks/{chunk-5EVP7YNE.js → chunk-PPCHQG7P.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-MPQP4R54.js → chunk-PXF554MD.js} +10 -9
- package/dist/cdn/components/chunks/chunk-QL5GSW2A.js +1 -0
- package/dist/cdn/components/chunks/{chunk-5XJLIHAU.js → chunk-QXQ25SQS.js} +24 -20
- package/dist/cdn/components/chunks/chunk-SMTIDNGW.js +1 -0
- package/dist/cdn/components/chunks/{chunk-PED5ATYN.js → chunk-SVGWCKWT.js} +2 -2
- package/dist/cdn/components/chunks/{chunk-2XASWWKR.js → chunk-TFTRCIIK.js} +9 -8
- package/dist/cdn/components/chunks/chunk-TLBXTBMM.js +46 -0
- package/dist/cdn/components/chunks/chunk-UVHVQRPT.js +1 -0
- package/dist/cdn/components/chunks/{chunk-L65WUTXM.js → chunk-UYZR4JXZ.js} +12 -7
- package/dist/cdn/components/chunks/chunk-VG6NAAIV.js +1 -0
- package/dist/cdn/components/chunks/chunk-VJCNHMQZ.js +10 -0
- package/dist/cdn/components/chunks/chunk-WW4BTWMH.js +1 -0
- package/dist/cdn/components/chunks/{chunk-XH6NREVZ.js → chunk-YITWLCD3.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-OW7XKDCH.js → chunk-Z3OFIE7S.js} +16 -16
- package/dist/cdn/components/chunks/{chunk-BQHYZB2W.js → chunk-ZBN4HTWP.js} +1 -1
- package/dist/cdn/components/eun-alert.js +33 -18
- package/dist/cdn/components/eun-animate.js +14 -10
- package/dist/cdn/components/eun-badge.js +2 -2
- package/dist/cdn/components/eun-breadcrumb.js +25 -41
- package/dist/cdn/components/eun-button.js +1 -1
- package/dist/cdn/components/eun-calendar.js +67 -65
- package/dist/cdn/components/eun-card.js +34 -19
- package/dist/cdn/components/eun-carousel.js +76 -42
- package/dist/cdn/components/eun-check-card.js +13 -6
- package/dist/cdn/components/eun-checkbox-list.js +11 -8
- package/dist/cdn/components/eun-checkbox.js +1 -1
- package/dist/cdn/components/eun-chip.js +3 -3
- package/dist/cdn/components/eun-collapse.js +56 -27
- package/dist/cdn/components/eun-color-picker.js +79 -86
- package/dist/cdn/components/eun-counter.js +16 -15
- package/dist/cdn/components/eun-date-picker.js +71 -67
- package/dist/cdn/components/eun-description-list.js +152 -0
- package/dist/cdn/components/eun-divider.js +3 -3
- package/dist/cdn/components/eun-drawer.js +34 -20
- package/dist/cdn/components/eun-dropdown-button.js +1 -1
- package/dist/cdn/components/eun-dropdown-item.js +6 -5
- package/dist/cdn/components/eun-fab.js +17 -16
- package/dist/cdn/components/eun-icon.js +1 -1
- package/dist/cdn/components/eun-image-card.js +79 -22
- package/dist/cdn/components/eun-image-carousel.js +92 -47
- package/dist/cdn/components/eun-infinite-list.js +23 -11
- package/dist/cdn/components/eun-input-file.js +20 -19
- package/dist/cdn/components/eun-input-phone.js +17 -16
- package/dist/cdn/components/eun-input.js +1 -1
- package/dist/cdn/components/eun-label.js +4 -4
- package/dist/cdn/components/eun-link.js +78 -29
- package/dist/cdn/components/eun-loader.js +1 -1
- package/dist/cdn/components/eun-modal.js +27 -20
- package/dist/cdn/components/eun-pagination.js +24 -19
- package/dist/cdn/components/eun-password-strength.js +19 -11
- package/dist/cdn/components/eun-progress-bar.js +13 -5
- package/dist/cdn/components/eun-radio-card.js +16 -9
- package/dist/cdn/components/eun-radio-list.js +12 -9
- package/dist/cdn/components/eun-radio.js +1 -1
- package/dist/cdn/components/eun-rating.js +276 -0
- package/dist/cdn/components/eun-scheduler-event-editor.js +10 -10
- package/dist/cdn/components/eun-scheduler-event.js +1 -1
- package/dist/cdn/components/eun-scheduler.js +27 -27
- package/dist/cdn/components/eun-search.js +24 -25
- package/dist/cdn/components/eun-select.js +32 -31
- package/dist/cdn/components/eun-sidebar.js +40 -24
- package/dist/cdn/components/eun-skeleton.js +1 -1
- package/dist/cdn/components/eun-slider.js +15 -14
- package/dist/cdn/components/eun-sliding-card.js +8 -4
- package/dist/cdn/components/eun-step.js +22 -10
- package/dist/cdn/components/eun-stepper.js +41 -30
- package/dist/cdn/components/eun-switch.js +10 -8
- package/dist/cdn/components/eun-tab-group.js +24 -19
- package/dist/cdn/components/eun-tab-panel.js +11 -3
- package/dist/cdn/components/eun-tab.js +1 -1
- package/dist/cdn/components/eun-table-action-bar.js +1 -1
- package/dist/cdn/components/eun-table.js +572 -31
- package/dist/cdn/components/eun-tag.js +13 -7
- package/dist/cdn/components/eun-textarea.js +34 -29
- package/dist/cdn/components/eun-time-picker.js +24 -21
- package/dist/cdn/components/eun-toast.js +51 -22
- package/dist/cdn/components/eun-toggle-group.js +57 -36
- package/dist/cdn/components/eun-toggle-item.js +16 -15
- package/dist/cdn/components/eun-toggle.js +12 -10
- package/dist/cdn/components/eun-toolbar.js +64 -54
- package/dist/cdn/components/eun-tooltip.js +30 -14
- package/dist/cdn/styles/breakpoints.scss +8 -0
- package/dist/cdn/styles/eunomia-grid.scss +6 -0
- package/dist/cdn/styles/eunomia-themes.css +1 -1
- package/dist/cdn/styles/themes/eunomia-theme.css +1 -1
- package/dist/cdn/styles/themes/eunomia-theme.scss +4 -3
- package/dist/cdn/styles/themes/mixins/eunomia-a11y-color.mixin.scss +34 -1
- package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss +4 -0
- package/dist/cdn/styles/themes/mixins/eunomia-states.mixin.scss +36 -12
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +3 -2
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +10 -10
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +3 -2
- package/dist/cdn/styles/tools/indexes/eunomia-media-queries.index.scss +1 -3
- package/dist/cdn/styles/tools/indexes/eunomia-tools.index.scss +1 -0
- package/dist/cdn/styles/tools/mixins/layout/eunomia-grid.mixin.scss +117 -53
- package/dist/cdn/styles/tools/mixins/media-queries/eunomia-media-queries.mixin.scss +69 -0
- package/dist/cdn/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +28 -4
- package/dist/cdn/styles/tools/mixins/settings/eunomia-motion.mixin.scss +9 -0
- package/dist/cdn/styles/tools/variables/eunomia.breakpoints.scss +4 -0
- package/dist/components/action/button/button.d.ts +9 -3
- package/dist/components/action/button/button.js +10 -4
- package/dist/components/action/button/button.styles.js +61 -41
- package/dist/components/action/dropdown-button/dropdown-button.d.ts +2 -2
- package/dist/components/action/dropdown-button/dropdown-button.js +21 -15
- package/dist/components/action/dropdown-button/dropdown-button.styles.js +3 -2
- package/dist/components/action/dropdown-button/dropdown-item.js +5 -6
- package/dist/components/action/dropdown-button/dropdown-item.styles.js +3 -2
- package/dist/components/action/fab/fab.styles.js +14 -13
- package/dist/components/action/link/link.d.ts +7 -3
- package/dist/components/action/link/link.js +11 -7
- package/dist/components/action/link/link.styles.js +66 -15
- package/dist/components/action/shared-styles/button-palette.styles.js +15 -15
- package/dist/components/action/toggle/toggle-group.d.ts +2 -0
- package/dist/components/action/toggle/toggle-group.js +6 -4
- package/dist/components/action/toggle/toggle-group.styles.d.ts +2 -0
- package/dist/components/action/toggle/toggle-group.styles.js +46 -23
- package/dist/components/action/toggle/toggle-item.styles.js +13 -12
- package/dist/components/action/toggle/toggle.d.ts +2 -0
- package/dist/components/action/toggle/toggle.js +3 -1
- package/dist/components/action/toggle/toggle.styles.d.ts +2 -0
- package/dist/components/action/toggle/toggle.styles.js +12 -8
- package/dist/components/alert/alert/alert.d.ts +11 -7
- package/dist/components/alert/alert/alert.js +13 -14
- package/dist/components/alert/alert/alert.styles.js +32 -15
- package/dist/components/alert/drawer/drawer.d.ts +8 -6
- package/dist/components/alert/drawer/drawer.js +12 -14
- package/dist/components/alert/drawer/drawer.styles.js +26 -10
- package/dist/components/alert/modal/modal.d.ts +13 -11
- package/dist/components/alert/modal/modal.js +17 -27
- package/dist/components/alert/modal/modal.styles.js +16 -7
- package/dist/components/alert/toast/toast.d.ts +9 -5
- package/dist/components/alert/toast/toast.js +11 -13
- package/dist/components/alert/toast/toast.styles.js +49 -18
- package/dist/components/content/badge/badge.js +2 -2
- package/dist/components/content/card/card.d.ts +7 -3
- package/dist/components/content/card/card.js +8 -4
- package/dist/components/content/card/card.styles.js +28 -13
- package/dist/components/content/card/image-card.d.ts +60 -6
- package/dist/components/content/card/image-card.js +120 -11
- package/dist/components/content/card/image-card.styles.js +66 -15
- package/dist/components/content/card/sliding-card.d.ts +2 -0
- package/dist/components/content/card/sliding-card.js +2 -0
- package/dist/components/content/card/sliding-card.styles.js +5 -1
- package/dist/components/content/chip/chip.d.ts +4 -4
- package/dist/components/content/chip/chip.js +8 -8
- package/dist/components/content/collapse/collapse.d.ts +10 -1
- package/dist/components/content/collapse/collapse.js +12 -2
- package/dist/components/content/collapse/collapse.styles.d.ts +10 -1
- package/dist/components/content/collapse/collapse.styles.js +56 -18
- package/dist/components/content/description-list/description-list.d.ts +87 -0
- package/dist/components/content/description-list/description-list.js +107 -0
- package/dist/components/content/description-list/description-list.styles.d.ts +1 -0
- package/dist/components/content/description-list/description-list.styles.js +185 -0
- package/dist/components/content/icon/icon.d.ts +5 -0
- package/dist/components/content/icon/icon.js +5 -0
- package/dist/components/content/icon/icon.style.d.ts +2 -0
- package/dist/components/content/icon/icon.style.js +8 -1
- package/dist/components/content/image-carousel/image-carousel.d.ts +30 -19
- package/dist/components/content/image-carousel/image-carousel.js +58 -55
- package/dist/components/content/image-carousel/image-carousel.styles.js +69 -30
- package/dist/components/content/password-strength/password-strength.d.ts +21 -6
- package/dist/components/content/password-strength/password-strength.js +37 -16
- package/dist/components/content/password-strength/password-strength.styles.js +9 -1
- package/dist/components/content/progress-bar/progress-bar.styles.js +12 -4
- package/dist/components/content/shared-styles/card-link.styles.js +4 -3
- package/dist/components/content/shared-styles/tone-surface.styles.d.ts +5 -0
- package/dist/components/content/shared-styles/tone-surface.styles.js +19 -14
- package/dist/components/content/tag/tag.d.ts +4 -0
- package/dist/components/content/tag/tag.js +6 -2
- package/dist/components/content/tag/tag.styles.js +14 -4
- package/dist/components/content/tooltip/tooltip.d.ts +3 -2
- package/dist/components/content/tooltip/tooltip.js +12 -19
- package/dist/components/content/tooltip/tooltip.styles.js +25 -7
- package/dist/components/form/checkbox/check-card.d.ts +5 -1
- package/dist/components/form/checkbox/check-card.js +5 -1
- package/dist/components/form/checkbox/check-card.styles.js +13 -4
- package/dist/components/form/checkbox/checkbox-list.d.ts +21 -1
- package/dist/components/form/checkbox/checkbox-list.js +50 -17
- package/dist/components/form/checkbox/checkbox.d.ts +5 -1
- package/dist/components/form/checkbox/checkbox.js +7 -2
- package/dist/components/form/checkbox/checkbox.styles.js +5 -4
- package/dist/components/form/color-picker/color-picker.d.ts +48 -29
- package/dist/components/form/color-picker/color-picker.js +85 -71
- package/dist/components/form/color-picker/color-picker.styles.js +7 -6
- package/dist/components/form/counter/counter.d.ts +26 -19
- package/dist/components/form/counter/counter.js +64 -63
- package/dist/components/form/counter/counter.styles.js +5 -4
- package/dist/components/form/date-picker/date-picker.d.ts +64 -39
- package/dist/components/form/date-picker/date-picker.js +107 -96
- package/dist/components/form/date-picker/date-picker.styles.js +8 -5
- package/dist/components/form/input/input.d.ts +45 -40
- package/dist/components/form/input/input.js +93 -111
- package/dist/components/form/input-file/input-file.d.ts +30 -14
- package/dist/components/form/input-file/input-file.js +43 -40
- package/dist/components/form/input-file/input-file.styles.js +7 -6
- package/dist/components/form/input-phone/input-phone.d.ts +30 -7
- package/dist/components/form/input-phone/input-phone.js +54 -30
- package/dist/components/form/input-phone/input-phone.styles.js +4 -4
- package/dist/components/form/label/label.styles.js +3 -3
- package/dist/components/form/radio/radio-card.d.ts +6 -2
- package/dist/components/form/radio/radio-card.js +6 -2
- package/dist/components/form/radio/radio-card.styles.js +14 -5
- package/dist/components/form/radio/radio-list.d.ts +28 -9
- package/dist/components/form/radio/radio-list.js +61 -32
- package/dist/components/form/radio/radio.d.ts +6 -2
- package/dist/components/form/radio/radio.js +6 -2
- package/dist/components/form/radio/radio.styles.js +4 -4
- package/dist/components/form/rating/rating.d.ts +349 -0
- package/dist/components/form/rating/rating.js +665 -0
- package/dist/components/form/rating/rating.styles.d.ts +1 -0
- package/dist/components/form/rating/rating.styles.js +213 -0
- package/dist/components/form/search/search.d.ts +10 -9
- package/dist/components/form/search/search.js +29 -56
- package/dist/components/form/search/search.styles.js +5 -4
- package/dist/components/form/select/select.d.ts +32 -12
- package/dist/components/form/select/select.js +74 -59
- package/dist/components/form/select/select.styles.js +3 -2
- package/dist/components/form/shared-styles/card.styles.js +5 -4
- package/dist/components/form/shared-styles/field.styles.js +16 -6
- package/dist/components/form/shared-styles/form-labels.styles.js +1 -1
- package/dist/components/form/shared-styles/listbox.styles.js +10 -0
- package/dist/components/form/slider/slider.d.ts +11 -9
- package/dist/components/form/slider/slider.js +14 -14
- package/dist/components/form/slider/slider.styles.js +8 -7
- package/dist/components/form/switch/switch.d.ts +5 -1
- package/dist/components/form/switch/switch.js +5 -1
- package/dist/components/form/switch/switch.styles.js +7 -5
- package/dist/components/form/textarea/textarea.d.ts +96 -24
- package/dist/components/form/textarea/textarea.js +206 -51
- package/dist/components/form/time-picker/time-picker-columns.d.ts +2 -2
- package/dist/components/form/time-picker/time-picker-columns.js +8 -8
- package/dist/components/form/time-picker/time-picker-columns.styles.js +4 -2
- package/dist/components/form/time-picker/time-picker-list.styles.js +2 -1
- package/dist/components/form/time-picker/time-picker.d.ts +30 -10
- package/dist/components/form/time-picker/time-picker.js +81 -64
- package/dist/components/form/time-picker/time-picker.styles.js +4 -3
- package/dist/components/layout/animate/animate.d.ts +37 -15
- package/dist/components/layout/animate/animate.js +36 -16
- package/dist/components/layout/animate/animate.styles.js +11 -18
- package/dist/components/layout/divider/divider.js +1 -1
- package/dist/components/layout/divider/divider.styles.js +1 -1
- package/dist/components/layout/infinite-list/infinite-list.d.ts +33 -10
- package/dist/components/layout/infinite-list/infinite-list.js +115 -18
- package/dist/components/layout/infinite-list/infinite-list.styles.d.ts +3 -0
- package/dist/components/layout/infinite-list/infinite-list.styles.js +17 -5
- package/dist/components/loader/loader/loader.js +2 -2
- package/dist/components/loader/loader/loader.styles.js +17 -13
- package/dist/components/loader/skeleton/skeleton.js +1 -1
- package/dist/components/navigation/breadcrumb/breadcrumb.d.ts +31 -45
- package/dist/components/navigation/breadcrumb/breadcrumb.js +111 -77
- package/dist/components/navigation/breadcrumb/breadcrumb.styles.d.ts +3 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.styles.js +22 -26
- package/dist/components/navigation/carousel/carousel.d.ts +55 -11
- package/dist/components/navigation/carousel/carousel.js +101 -43
- package/dist/components/navigation/carousel/carousel.styles.js +65 -22
- package/dist/components/navigation/pagination/pagination.d.ts +23 -21
- package/dist/components/navigation/pagination/pagination.js +30 -53
- package/dist/components/navigation/pagination/pagination.styles.js +8 -3
- package/dist/components/navigation/sidebar/sidebar.d.ts +17 -13
- package/dist/components/navigation/sidebar/sidebar.js +23 -33
- package/dist/components/navigation/sidebar/sidebar.styles.js +32 -14
- package/dist/components/navigation/stepper/step.js +9 -8
- package/dist/components/navigation/stepper/step.styles.js +16 -5
- package/dist/components/navigation/stepper/stepper.js +12 -5
- package/dist/components/navigation/stepper/stepper.styles.js +16 -5
- package/dist/components/navigation/tabs/tab/tab.d.ts +11 -0
- package/dist/components/navigation/tabs/tab/tab.js +11 -0
- package/dist/components/navigation/tabs/tab/tab.styles.js +22 -16
- package/dist/components/navigation/tabs/tab-group/tab-group.js +9 -10
- package/dist/components/navigation/tabs/tab-group/tab-group.styles.js +21 -16
- package/dist/components/navigation/tabs/tab-panel/tab-panel.d.ts +4 -0
- package/dist/components/navigation/tabs/tab-panel/tab-panel.js +4 -0
- package/dist/components/navigation/tabs/tab-panel/tab-panel.styles.js +18 -1
- package/dist/components/navigation/toolbar/toolbar.d.ts +30 -62
- package/dist/components/navigation/toolbar/toolbar.js +43 -105
- package/dist/components/navigation/toolbar/toolbar.styles.js +59 -36
- package/dist/events/table-row-click.event.d.ts +5 -4
- package/dist/events/table-row-click.event.js +10 -5
- package/dist/features/scheduler/calendar/calendar.d.ts +6 -6
- package/dist/features/scheduler/calendar/calendar.js +7 -6
- package/dist/features/scheduler/calendar/calendar.styles.js +8 -6
- package/dist/features/scheduler/scheduler/scheduler.d.ts +8 -8
- package/dist/features/scheduler/scheduler/scheduler.js +24 -47
- package/dist/features/scheduler/scheduler/scheduler.styles.js +6 -4
- package/dist/features/scheduler/scheduler-event/scheduler-event.d.ts +2 -0
- package/dist/features/scheduler/scheduler-event/scheduler-event.js +5 -3
- package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +11 -5
- package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.d.ts +6 -4
- package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js +6 -7
- package/dist/features/scheduler/shared/scheduler-hour-grid.styles.js +3 -3
- package/dist/features/scheduler/shared/scheduler-month-view.styles.js +2 -2
- package/dist/features/scheduler/shared/scheduler-year-view.styles.js +2 -2
- package/dist/features/table/table/table-native.styles.d.ts +28 -0
- package/dist/features/table/table/table-native.styles.js +502 -0
- package/dist/features/table/table/table.d.ts +342 -294
- package/dist/features/table/table/table.js +820 -546
- package/dist/features/table/table/table.styles.js +31 -17
- package/dist/features/table/table/table.types.d.ts +11 -20
- package/dist/features/table/table/table.utils.d.ts +6 -36
- package/dist/features/table/table/table.utils.js +16 -65
- package/dist/features/table/table-action-bar/table-action-bar.d.ts +33 -16
- package/dist/features/table/table-action-bar/table-action-bar.js +15 -22
- package/dist/features/table/table-action-bar/table-action-bar.styles.js +15 -3
- package/dist/i18n/en.d.ts +99 -0
- package/dist/i18n/en.js +99 -0
- package/dist/i18n/fr.js +103 -2
- package/dist/index.d.ts +6 -10
- package/dist/index.js +7 -10
- package/dist/mixins/button.mixin.js +3 -2
- package/dist/mixins/check.mixin.js +15 -15
- package/dist/mixins/disabled.mixin.d.ts +5 -0
- package/dist/mixins/disabled.mixin.js +21 -1
- package/dist/mixins/editable.mixin.js +28 -5
- package/dist/mixins/field-appearance.mixin.js +3 -2
- package/dist/mixins/form.mixin.d.ts +21 -1
- package/dist/mixins/form.mixin.js +156 -27
- package/dist/mixins/localizable.mixin.d.ts +1 -1
- package/dist/mixins/localizable.mixin.js +1 -1
- package/dist/mixins/radio.mixin.js +15 -15
- package/dist/mixins/readonly.mixin.d.ts +2 -1
- package/dist/mixins/readonly.mixin.js +10 -3
- package/dist/mixins/validators.mixin.d.ts +7 -1
- package/dist/mixins/validators.mixin.js +36 -17
- package/dist/ssr/alert-ssr.css +187 -0
- package/dist/ssr/animate-ssr.css +3 -2
- package/dist/ssr/badge-ssr.css +67 -0
- package/dist/ssr/breadcrumb-ssr.css +41 -0
- package/dist/ssr/button-ssr.css +319 -0
- package/dist/ssr/card-ssr.css +196 -0
- package/dist/ssr/carousel-ssr.css +238 -0
- package/dist/ssr/checkbox-ssr.css +67 -0
- package/dist/ssr/chip-ssr.css +242 -0
- package/dist/ssr/collapse-ssr.css +151 -0
- package/dist/ssr/description-list-ssr.css +150 -0
- package/dist/ssr/field-ssr.css +163 -0
- package/dist/ssr/icon-ssr.css +266 -0
- package/dist/ssr/image-carousel-ssr.css +24 -0
- package/dist/ssr/links-ssr.css +8 -2
- package/dist/ssr/pagination-ssr.css +4 -0
- package/dist/ssr/rating-ssr.css +254 -0
- package/dist/ssr/sidebar-ssr.css +9 -1
- package/dist/ssr/skeleton-ssr.css +63 -0
- package/dist/ssr/table-ssr.css +472 -0
- package/dist/ssr/tabs-ssr.css +129 -0
- package/dist/ssr/tag-ssr.css +197 -0
- package/dist/ssr/toggle-group-ssr.css +182 -0
- package/dist/ssr/toolbar-ssr.css +34 -1
- package/dist/utils/drag-drop.utils.js +18 -2
- package/dist/utils/dropdown-menu.utils.d.ts +2 -2
- package/dist/utils/dropdown-menu.utils.js +4 -14
- package/dist/utils/implicit-submission.utils.d.ts +18 -0
- package/dist/utils/implicit-submission.utils.js +79 -0
- package/dist/utils/light-dom-styles.utils.d.ts +14 -0
- package/dist/utils/light-dom-styles.utils.js +37 -0
- package/dist/utils/listbox-options.utils.d.ts +11 -0
- package/dist/utils/listbox-options.utils.js +41 -3
- package/dist/utils/media.styles.d.ts +19 -0
- package/dist/utils/media.styles.js +23 -0
- package/dist/utils/motion.utils.d.ts +40 -0
- package/dist/utils/motion.utils.js +51 -0
- package/dist/utils/theme-generator.utils.d.ts +6 -1
- package/dist/utils/theme-generator.utils.js +59 -20
- package/package.json +39 -31
- package/styles/breakpoints.scss +8 -0
- package/styles/eunomia-grid.scss +6 -0
- package/styles/themes/eunomia-theme.scss +4 -3
- package/styles/themes/mixins/eunomia-a11y-color.mixin.scss +34 -1
- package/styles/themes/mixins/eunomia-neutrals.mixin.scss +4 -0
- package/styles/themes/mixins/eunomia-states.mixin.scss +36 -12
- package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +3 -2
- package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +10 -10
- package/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +3 -2
- package/styles/tools/indexes/eunomia-media-queries.index.scss +1 -3
- package/styles/tools/indexes/eunomia-tools.index.scss +1 -0
- package/styles/tools/mixins/layout/eunomia-grid.mixin.scss +117 -53
- package/styles/tools/mixins/media-queries/eunomia-media-queries.mixin.scss +69 -0
- package/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +28 -4
- package/styles/tools/mixins/settings/eunomia-motion.mixin.scss +9 -0
- package/styles/tools/variables/eunomia.breakpoints.scss +4 -0
- package/dist/cdn/components/chunks/chunk-32DTNR52.js +0 -1
- package/dist/cdn/components/chunks/chunk-A6KGFALA.js +0 -132
- package/dist/cdn/components/chunks/chunk-CEDHJUUH.js +0 -1
- package/dist/cdn/components/chunks/chunk-D2M4BV5Y.js +0 -328
- package/dist/cdn/components/chunks/chunk-E4IS25H7.js +0 -1
- package/dist/cdn/components/chunks/chunk-E74CM7UG.js +0 -66
- package/dist/cdn/components/chunks/chunk-EAKYD33D.js +0 -110
- package/dist/cdn/components/chunks/chunk-EST3M4AO.js +0 -1
- package/dist/cdn/components/chunks/chunk-GU6BVMFJ.js +0 -1
- package/dist/cdn/components/chunks/chunk-KBH5PCUO.js +0 -3
- package/dist/cdn/components/chunks/chunk-KVYUNKUO.js +0 -27
- package/dist/cdn/components/chunks/chunk-LFCXUVDO.js +0 -1
- package/dist/cdn/components/chunks/chunk-OAULRKHQ.js +0 -38
- package/dist/cdn/components/chunks/chunk-PCM7D3YF.js +0 -84
- package/dist/cdn/components/chunks/chunk-S2UCEWNG.js +0 -207
- package/dist/cdn/components/chunks/chunk-SJWRE6PW.js +0 -1
- package/dist/cdn/components/chunks/chunk-T4PTHUYF.js +0 -10
- package/dist/cdn/components/chunks/chunk-VRGRCYIO.js +0 -1
- package/dist/cdn/components/chunks/chunk-X2AUBZD2.js +0 -30
- package/dist/cdn/components/eun-breadcrumb-item.js +0 -93
- package/dist/cdn/components/eun-table-cell.js +0 -1
- package/dist/cdn/components/eun-table-column.js +0 -1
- package/dist/cdn/components/eun-table-header.js +0 -1
- package/dist/cdn/components/eun-table-item.js +0 -1
- package/dist/cdn/components/eun-table-skeleton-row.js +0 -1
- package/dist/cdn/styles/tools/mixins/media-queries/eunomia-device.mixin.scss +0 -14
- package/dist/cdn/styles/tools/mixins/media-queries/eunomia-gte.mixin.scss +0 -26
- package/dist/cdn/styles/tools/mixins/media-queries/eunomia-lte.mixin.scss +0 -26
- package/dist/components/navigation/breadcrumb/breadcrumb-item.d.ts +0 -77
- package/dist/components/navigation/breadcrumb/breadcrumb-item.js +0 -130
- package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.d.ts +0 -6
- package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.js +0 -78
- package/dist/features/table/native-table.css +0 -276
- package/dist/features/table/shared-styles/table-row.styles.d.ts +0 -7
- package/dist/features/table/shared-styles/table-row.styles.js +0 -47
- package/dist/features/table/shared-styles/table-shared.styles.d.ts +0 -23
- package/dist/features/table/shared-styles/table-shared.styles.js +0 -33
- package/dist/features/table/table-cell/table-cell.d.ts +0 -59
- package/dist/features/table/table-cell/table-cell.js +0 -73
- package/dist/features/table/table-cell/table-cell.styles.d.ts +0 -1
- package/dist/features/table/table-cell/table-cell.styles.js +0 -46
- package/dist/features/table/table-column/table-column.d.ts +0 -73
- package/dist/features/table/table-column/table-column.js +0 -89
- package/dist/features/table/table-column/table-column.styles.d.ts +0 -1
- package/dist/features/table/table-column/table-column.styles.js +0 -51
- package/dist/features/table/table-header/table-header.d.ts +0 -102
- package/dist/features/table/table-header/table-header.js +0 -165
- package/dist/features/table/table-header/table-header.styles.d.ts +0 -1
- package/dist/features/table/table-header/table-header.styles.js +0 -147
- package/dist/features/table/table-item/table-item.d.ts +0 -179
- package/dist/features/table/table-item/table-item.js +0 -291
- package/dist/features/table/table-item/table-item.styles.d.ts +0 -1
- package/dist/features/table/table-item/table-item.styles.js +0 -404
- package/dist/features/table/table-managed/table-managed.d.ts +0 -19
- package/dist/features/table/table-managed/table-managed.js +0 -128
- package/dist/features/table/table-skeleton-row/table-skeleton-row.d.ts +0 -46
- package/dist/features/table/table-skeleton-row/table-skeleton-row.js +0 -110
- package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.d.ts +0 -12
- package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.js +0 -65
- package/dist/mixins/table-row.mixin.d.ts +0 -37
- package/dist/mixins/table-row.mixin.js +0 -103
- package/styles/tools/mixins/media-queries/eunomia-device.mixin.scss +0 -14
- package/styles/tools/mixins/media-queries/eunomia-gte.mixin.scss +0 -26
- package/styles/tools/mixins/media-queries/eunomia-lte.mixin.scss +0 -26
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as M}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as _}from"./chunks/chunk-WW4BTWMH.js";import{a as g}from"./chunks/chunk-GVS6IUKC.js";import{a as w}from"./chunks/chunk-BO3JOEWM.js";import{c as v,d as x,e as y,f as d}from"./chunks/chunk-TLBXTBMM.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as h}from"./chunks/chunk-3BMACIDO.js";import{a}from"./chunks/chunk-PPCHQG7P.js";import{a as b}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as t,f as c,h as p,j as n,l as m,p as l,r as s,u as f}from"./chunks/chunk-YITWLCD3.js";var L=p`
|
|
2
2
|
:host {
|
|
3
3
|
--_borderColor: var(
|
|
4
4
|
--counter-border-color,
|
|
@@ -49,8 +49,8 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
|
|
|
49
49
|
box-sizing: border-box;
|
|
50
50
|
overflow: hidden;
|
|
51
51
|
transition:
|
|
52
|
-
border-color
|
|
53
|
-
outline-color
|
|
52
|
+
border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
|
|
53
|
+
outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
:host(:hover:not([aria-disabled="true"]):not([aria-readonly="true"]))
|
|
@@ -100,7 +100,7 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
|
|
|
100
100
|
padding: 0;
|
|
101
101
|
color: var(--_buttonColor);
|
|
102
102
|
cursor: pointer;
|
|
103
|
-
transition: background 1.2s ease-out;
|
|
103
|
+
transition: background 1.2s var(--eun-easing-out, ease-out);
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
#decrement {
|
|
@@ -108,7 +108,8 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
#increment {
|
|
111
|
-
border-inline-start: var(--eun-border-width-s, 1px) solid
|
|
111
|
+
border-inline-start: var(--eun-border-width-s, 1px) solid
|
|
112
|
+
var(--_borderColor);
|
|
112
113
|
}
|
|
113
114
|
|
|
114
115
|
#decrement:hover:not(:disabled),
|
|
@@ -180,13 +181,13 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
|
|
|
180
181
|
:host([appearance="underline"]) #field-wrapper:focus-within {
|
|
181
182
|
outline: none;
|
|
182
183
|
}
|
|
183
|
-
`,
|
|
184
|
+
`,k=L;var C="eun-counter",E=h(y(f)),V=b(g(w(x(v(E))))),i=class extends V{constructor(){super();this.step=1;this.handleImplicitSubmission=e=>{let r=this.internals.form;!r||e.composedPath()[0]!==this.fieldEl||!I(e)||(e.preventDefault(),_(r))};this.checkLocalValidators=()=>M(this.fieldEl,["valueMissing","rangeUnderflow","rangeOverflow","stepMismatch","badInput"]);this.addEventListener("keydown",this.handleImplicitSubmission)}get value(){return super.value}set value(e){super.value=e}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}roundToStep(e){let r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=e;return this.min!==void 0&&(r=Math.max(r,this.min)),this.max!==void 0&&(r=Math.min(r,this.max)),this.roundToStep(r)}commitValue(e){this.value=e,this.dispatchEvent(new u(this.value))}stepBy(e){if(this.disabled||this.readonly)return;let r=this.value??this.min??0;this.commitValue(this.clamp(r+e*this.step))}handleInput(e){let r=e.target.value,o=r===""?void 0:Number(r);this.value=o===void 0||Number.isNaN(o)?void 0:o,this.dispatchEvent(new u(this.value))}handleKeydown(e){this.disabled||this.readonly||(e.key==="Home"&&this.min!==void 0?(e.preventDefault(),this.commitValue(this.min)):e.key==="End"&&this.max!==void 0&&(e.preventDefault(),this.commitValue(this.max)))}renderField(e){let r=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.min!==void 0&&this.value<=this.min),o=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.max!==void 0&&this.value>=this.max),$=!Number.isInteger(this.step);return l`
|
|
184
185
|
<div id="field-wrapper">
|
|
185
186
|
<button
|
|
186
187
|
type="button"
|
|
187
188
|
id="decrement"
|
|
188
189
|
tabindex="-1"
|
|
189
|
-
aria-label=${this.
|
|
190
|
+
aria-label=${this.decrementLabel??this.dictionary.counter.decrement}
|
|
190
191
|
?disabled=${!r}
|
|
191
192
|
@click=${()=>this.stepBy(-1)}
|
|
192
193
|
>
|
|
@@ -199,12 +200,12 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
|
|
|
199
200
|
?disabled=${this.disabled}
|
|
200
201
|
?readonly=${this.readonly}
|
|
201
202
|
?required=${this.required}
|
|
202
|
-
min=${
|
|
203
|
-
max=${
|
|
203
|
+
min=${a(this.min)}
|
|
204
|
+
max=${a(this.max)}
|
|
204
205
|
step=${this.step}
|
|
205
|
-
inputmode=${
|
|
206
|
-
aria-invalid=${
|
|
207
|
-
aria-label=${
|
|
206
|
+
inputmode=${$?"decimal":"numeric"}
|
|
207
|
+
aria-invalid=${this.showError}
|
|
208
|
+
aria-label=${a(this.label)}
|
|
208
209
|
aria-describedby=${e?"description":s}
|
|
209
210
|
@input=${this.handleInput}
|
|
210
211
|
@keydown=${this.handleKeydown}
|
|
@@ -213,8 +214,8 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
|
|
|
213
214
|
type="button"
|
|
214
215
|
id="increment"
|
|
215
216
|
tabindex="-1"
|
|
216
|
-
aria-label=${this.
|
|
217
|
-
?disabled=${!
|
|
217
|
+
aria-label=${this.incrementLabel??this.dictionary.counter.increment}
|
|
218
|
+
?disabled=${!o}
|
|
218
219
|
@click=${()=>this.stepBy(1)}
|
|
219
220
|
>
|
|
220
221
|
<eun-icon name="add" size="16"></eun-icon>
|
|
@@ -225,4 +226,4 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
|
|
|
225
226
|
${this.renderFormLabels("field")}
|
|
226
227
|
${this.renderField(e!==s)} ${e}
|
|
227
228
|
</div>
|
|
228
|
-
`}};
|
|
229
|
+
`}};i.styles=[k,d.base,d.errorMessages,d.hintMessages],t([n({type:Number})],i.prototype,"min",2),t([n({type:Number})],i.prototype,"max",2),t([n({type:Number})],i.prototype,"step",2),t([n({attribute:"increment-label"})],i.prototype,"incrementLabel",2),t([n({attribute:"decrement-label"})],i.prototype,"decrementLabel",2),t([n({type:Number})],i.prototype,"value",1),t([n({attribute:"default-value",type:Number})],i.prototype,"defaultValue",1),t([m("#field")],i.prototype,"fieldEl",2),i=t([c(C)],i);export{i as EunomiaCounter,C as EunomiaCounterTagName};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as Ye,b as J,c as Ae,d as Le,e as Pe,f as Re,g as ee,h as W,i as Fe,j as te,k as Ke,l as ae,m as K,n as re,o as Ge,p as Oe,q as Ne,r as Ie,s as Ve}from"./chunks/chunk-36KLGY6U.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as Te}from"./chunks/chunk-LK5BJ4SH.js";import{a as ke}from"./chunks/chunk-UYZR4JXZ.js";import{b as Me,c as Z}from"./chunks/chunk-624VJYNA.js";import{a as q}from"./chunks/chunk-LYYQAALT.js";import{a as $e,b as Ce}from"./chunks/chunk-WW4BTWMH.js";import{a as we}from"./chunks/chunk-GVS6IUKC.js";import{a as Se}from"./chunks/chunk-BO3JOEWM.js";import{b as be,c as ye,d as De,e as xe,f as z}from"./chunks/chunk-TLBXTBMM.js";import{a as E}from"./chunks/chunk-YYCEPZUN.js";import{a as me}from"./chunks/chunk-3BMACIDO.js";import{a as D,c as U,d as x,e as X,f as F,g as Q,h as C,k as T,l as g,m as H,n as k,o as L,p as ge,q as O,r as N,s as ve,t as fe}from"./chunks/chunk-MJ4RDZLL.js";import{b as pe}from"./chunks/chunk-BKZGTCMF.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-SD2H5UDZ.js";import{a as A}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as he}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as l,f as ue,h as w,j as h,k as b,l as R,p as u,r as $,u as ce}from"./chunks/chunk-YITWLCD3.js";var Je=["day","month","year"];function He(r){let e=new Intl.DateTimeFormat(r,{day:"numeric",month:"numeric",year:"numeric"}).formatToParts(new Date(2e3,0,2)).map(t=>t.type).filter(t=>t==="day"||t==="month"||t==="year");return e.length===3?e:Je}function j(r){switch(r){case"year":return["year"];case"month":return["month","year"];default:return["day","month","year"]}}function ie(r,n=["day","month","year"]){let e=Number(r.year);if(!Number.isInteger(e)||e<1)return null;let t=n.includes("month"),a=t?Number(r.month):1;if(t&&(!Number.isInteger(a)||a<1||a>12))return null;let i=n.includes("day"),s=i?Number(r.day):1;if(i&&(!Number.isInteger(s)||s<1||s>31))return null;let d=new Date(e,a-1,s);return d.getFullYear()!==e||d.getMonth()!==a-1||i&&d.getDate()!==s?null:d}function Ee(r,n=["day","month","year"]){return n.every(e=>r[e].length===(e==="year"?4:2))}function G(r){return r?{day:String(r.getDate()).padStart(2,"0"),month:String(r.getMonth()+1).padStart(2,"0"),year:String(r.getFullYear()).padStart(4,"0")}:{day:"",month:"",year:""}}var ze=w`
|
|
2
2
|
#calendar {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -190,7 +190,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
190
190
|
outline-offset: 2px;
|
|
191
191
|
border-radius: var(--eun-border-radius-s, 5px);
|
|
192
192
|
}
|
|
193
|
-
`;var
|
|
193
|
+
`;var We=w`
|
|
194
194
|
#calendar-weekdays {
|
|
195
195
|
display: grid;
|
|
196
196
|
}
|
|
@@ -219,7 +219,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
219
219
|
var(--eun-text-disabled-color, #8d93aa)
|
|
220
220
|
);
|
|
221
221
|
}
|
|
222
|
-
`;var
|
|
222
|
+
`;var je=w`
|
|
223
223
|
.calendar-row.row-3 {
|
|
224
224
|
grid-template-columns: repeat(3, 1fr);
|
|
225
225
|
}
|
|
@@ -230,7 +230,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
230
230
|
border-radius: var(--_cellRadius);
|
|
231
231
|
text-transform: capitalize;
|
|
232
232
|
}
|
|
233
|
-
`;var
|
|
233
|
+
`;var Be=w`
|
|
234
234
|
.calendar-row.row-3 {
|
|
235
235
|
grid-template-columns: repeat(3, 1fr);
|
|
236
236
|
}
|
|
@@ -240,7 +240,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
240
240
|
padding: var(--eun-space-xs, 4px);
|
|
241
241
|
border-radius: var(--_cellRadius);
|
|
242
242
|
}
|
|
243
|
-
`;var
|
|
243
|
+
`;var et=w`
|
|
244
244
|
:host {
|
|
245
245
|
display: block;
|
|
246
246
|
width: 100%;
|
|
@@ -260,8 +260,8 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
260
260
|
outline: 1px solid transparent;
|
|
261
261
|
box-sizing: border-box;
|
|
262
262
|
transition:
|
|
263
|
-
border-color
|
|
264
|
-
outline-color
|
|
263
|
+
border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
|
|
264
|
+
outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
|
|
265
265
|
}
|
|
266
266
|
:host(:not([aria-readonly="true"]))
|
|
267
267
|
#field-wrapper:hover:not(:has(:disabled)) {
|
|
@@ -373,7 +373,8 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
373
373
|
color: var(--_iconColor);
|
|
374
374
|
outline: 2px solid transparent;
|
|
375
375
|
cursor: pointer;
|
|
376
|
-
transition: outline
|
|
376
|
+
transition: outline var(--eun-duration-m, 200ms)
|
|
377
|
+
var(--eun-easing-out, ease-out);
|
|
377
378
|
}
|
|
378
379
|
#calendar-trigger:hover:not(:disabled) {
|
|
379
380
|
color: var(--_textColor);
|
|
@@ -466,10 +467,12 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
466
467
|
}
|
|
467
468
|
}
|
|
468
469
|
#calendar-swipe-area.slide-in-next {
|
|
469
|
-
animation: eun-date-picker-slide-in-next
|
|
470
|
+
animation: eun-date-picker-slide-in-next var(--eun-duration-m, 200ms)
|
|
471
|
+
var(--eun-easing-out, ease-out);
|
|
470
472
|
}
|
|
471
473
|
#calendar-swipe-area.slide-in-previous {
|
|
472
|
-
animation: eun-date-picker-slide-in-previous
|
|
474
|
+
animation: eun-date-picker-slide-in-previous var(--eun-duration-m, 200ms)
|
|
475
|
+
var(--eun-easing-out, ease-out);
|
|
473
476
|
}
|
|
474
477
|
:host([no-animation]) #calendar-swipe-area.slide-in-next,
|
|
475
478
|
:host([no-animation]) #calendar-swipe-area.slide-in-previous {
|
|
@@ -503,7 +506,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
503
506
|
var(--_borderColor, var(--eun-color-grey-300, #dee0e7));
|
|
504
507
|
padding: var(--eun-space-m);
|
|
505
508
|
}
|
|
506
|
-
`,
|
|
509
|
+
`,_e=[ke,et],tt=w`
|
|
507
510
|
@supports (anchor-name: --a) {
|
|
508
511
|
#calendar-popover:popover-open {
|
|
509
512
|
position-try-fallbacks: --eun-date-picker-above;
|
|
@@ -515,13 +518,13 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
515
518
|
bottom: calc(anchor(top) + 4px);
|
|
516
519
|
}
|
|
517
520
|
}
|
|
518
|
-
`,
|
|
521
|
+
`,Ue=tt;function Xe(r){let{displayedMonth:n,weekStartsOn:e,hideWeekends:t,locale:a,todayLabel:i,previousMonthLabel:s,chooseMonthYearLabel:d,nextMonthLabel:c}=r,m=ve(n,e),v=it(e,t,a),f=t?"row-5":"row-7";return u`
|
|
519
522
|
<div id="calendar">
|
|
520
523
|
<div id="calendar-header">
|
|
521
524
|
<button
|
|
522
525
|
type="button"
|
|
523
526
|
id="grid-previous"
|
|
524
|
-
aria-label=${
|
|
527
|
+
aria-label=${s}
|
|
525
528
|
@click=${r.onPreviousMonth}
|
|
526
529
|
>
|
|
527
530
|
<eun-icon name="chevron_left" size="16"></eun-icon>
|
|
@@ -550,13 +553,13 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
550
553
|
<eun-icon name="chevron_right" size="16"></eun-icon>
|
|
551
554
|
</button>
|
|
552
555
|
</div>
|
|
553
|
-
<div id="calendar-weekdays" class=${
|
|
554
|
-
${
|
|
556
|
+
<div id="calendar-weekdays" class=${f} role="row">
|
|
557
|
+
${v.map(p=>u`<span role="columnheader">${p}</span>`)}
|
|
555
558
|
</div>
|
|
556
559
|
<div id="calendar-grid" role="grid">
|
|
557
|
-
${
|
|
558
|
-
<div class="calendar-row ${
|
|
559
|
-
${
|
|
560
|
+
${m.map(p=>u`
|
|
561
|
+
<div class="calendar-row ${f}" role="row">
|
|
562
|
+
${p.filter(y=>!t||!O(y)).map(y=>rt(y,r))}
|
|
560
563
|
</div>
|
|
561
564
|
`)}
|
|
562
565
|
</div>
|
|
@@ -566,23 +569,23 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
566
569
|
</button>
|
|
567
570
|
</div>
|
|
568
571
|
</div>
|
|
569
|
-
`}function
|
|
572
|
+
`}function ne(r,n,e,t){return n&&D(r).getTime()<D(n).getTime()||e&&D(r).getTime()>D(e).getTime()?!0:!!t?.(r)}function at(r,n,e){let t=n.end??(n.start?e:null);if(!n.start||!t)return{"range-start":!1,"range-end":!1,"in-range":!1};let a=n.start.getTime()<=t.getTime()?n.start:t,i=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":H(r,a),"range-end":H(r,i),"in-range":N(D(r),D(a),D(i))}}function rt(r,n){let{mode:e,displayedMonth:t,value:a,rangeValue:i,hoverDate:s,focusedDate:d,locale:c,minDate:m,maxDate:v,isDateDisabled:f,onDayClick:p,onDayHover:y,onDayKeydown:M}=n,S=ne(r,m,v,f),Y=e==="single"&&!!a&&H(r,a),P=e==="range"?at(r,i,s):{"range-start":!1,"range-end":!1,"in-range":!1},V=()=>{S||p(r)},_=()=>{S||y(r)};return u`
|
|
570
573
|
<button
|
|
571
574
|
type="button"
|
|
572
|
-
class=${A({"grid-cell":!0,"cell-day":!0,outside:!
|
|
575
|
+
class=${A({"grid-cell":!0,"cell-day":!0,outside:!k(r,t),today:ge(r),selected:Y,...P})}
|
|
573
576
|
role="gridcell"
|
|
574
577
|
tabindex=${H(r,d)?"0":"-1"}
|
|
575
|
-
?disabled=${
|
|
576
|
-
aria-disabled=${
|
|
577
|
-
aria-selected=${
|
|
578
|
+
?disabled=${S}
|
|
579
|
+
aria-disabled=${S?"true":"false"}
|
|
580
|
+
aria-selected=${Y||P["range-start"]||P["range-end"]?"true":"false"}
|
|
578
581
|
aria-label=${r.toLocaleDateString(c,{weekday:"long",day:"numeric",month:"long",year:"numeric"})}
|
|
579
582
|
@click=${V}
|
|
580
|
-
@mouseenter=${
|
|
581
|
-
@keydown=${
|
|
583
|
+
@mouseenter=${_}
|
|
584
|
+
@keydown=${Ze=>M(Ze,r)}
|
|
582
585
|
>
|
|
583
586
|
<span class="cell-label">${r.getDate()}</span>
|
|
584
587
|
</button>
|
|
585
|
-
`}function
|
|
588
|
+
`}function it(r,n,e){let t=new Date(1970,0,4);return Array.from({length:7},(a,i)=>C(t,r+i)).filter(a=>!n||!O(a)).map(a=>a.toLocaleDateString(e,{weekday:"short"}))}function Qe(r){let{displayedYear:n,locale:e,previousYearLabel:t,chooseYearLabel:a,nextYearLabel:i}=r,s=Array.from({length:12},(d,c)=>new Date(n,c,1));return u`
|
|
586
589
|
<div id="calendar">
|
|
587
590
|
<div id="calendar-header">
|
|
588
591
|
<button
|
|
@@ -614,32 +617,32 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
614
617
|
</button>
|
|
615
618
|
</div>
|
|
616
619
|
<div id="calendar-grid" role="grid">
|
|
617
|
-
${
|
|
620
|
+
${st(s,3).map(d=>u`
|
|
618
621
|
<div class="calendar-row row-3" role="row">
|
|
619
|
-
${d.map(c=>
|
|
622
|
+
${d.map(c=>ot(c,r,e))}
|
|
620
623
|
</div>
|
|
621
624
|
`)}
|
|
622
625
|
</div>
|
|
623
626
|
</div>
|
|
624
|
-
`}function
|
|
627
|
+
`}function oe(r,n,e,t){return n&&X(r).getTime()<x(n).getTime()||e&&x(r).getTime()>X(e).getTime()?!0:!!t?.(x(r))}function nt(r,n,e){let t=n.end??(n.start?e:null);if(!n.start||!t)return{"range-start":!1,"range-end":!1,"in-range":!1};let a=n.start.getTime()<=t.getTime()?n.start:t,i=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":k(r,a),"range-end":k(r,i),"in-range":N(x(r),x(a),x(i))}}function ot(r,n,e){let{mode:t,value:a,rangeValue:i,hoverDate:s,focusedDate:d,minDate:c,maxDate:m,isDateDisabled:v,onMonthClick:f,onMonthHover:p,onMonthKeydown:y}=n,M=oe(r,c,m,v),S=t==="single"&&!!a&&k(r,a),Y=t==="range"?nt(r,i,s):{"range-start":!1,"range-end":!1,"in-range":!1},P=()=>{M||f(r)},V=()=>{M||p(r)};return u`
|
|
625
628
|
<button
|
|
626
629
|
type="button"
|
|
627
|
-
class=${A({"grid-cell":!0,"cell-month":!0,today:
|
|
630
|
+
class=${A({"grid-cell":!0,"cell-month":!0,today:k(r,new Date),selected:S,...Y})}
|
|
628
631
|
role="gridcell"
|
|
629
|
-
tabindex=${
|
|
632
|
+
tabindex=${k(r,d)?"0":"-1"}
|
|
630
633
|
?disabled=${M}
|
|
631
634
|
aria-disabled=${M?"true":"false"}
|
|
632
|
-
aria-selected=${
|
|
635
|
+
aria-selected=${S||Y["range-start"]||Y["range-end"]?"true":"false"}
|
|
633
636
|
aria-label=${r.toLocaleDateString(e,{month:"long",year:"numeric"})}
|
|
634
637
|
@click=${P}
|
|
635
638
|
@mouseenter=${V}
|
|
636
|
-
@keydown=${
|
|
639
|
+
@keydown=${_=>y(_,r)}
|
|
637
640
|
>
|
|
638
641
|
<span class="cell-label"
|
|
639
642
|
>${r.toLocaleDateString(e,{month:"short"})}</span
|
|
640
643
|
>
|
|
641
644
|
</button>
|
|
642
|
-
`}function
|
|
645
|
+
`}function st(r,n){let e=[];for(let t=0;t<r.length;t+=n)e.push(r.slice(t,t+n));return e}var B=12;function I(r){return Math.floor(r/B)*B}function qe(r){let n=I(r.displayedYear),e=Array.from({length:B},(t,a)=>new Date(n+a,0,1));return u`
|
|
643
646
|
<div id="calendar">
|
|
644
647
|
<div id="calendar-header">
|
|
645
648
|
<button
|
|
@@ -651,7 +654,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
651
654
|
<eun-icon name="chevron_left" size="16"></eun-icon>
|
|
652
655
|
</button>
|
|
653
656
|
<span id="grid-label"
|
|
654
|
-
>${n}–${n+
|
|
657
|
+
>${n}–${n+B-1}</span
|
|
655
658
|
>
|
|
656
659
|
<button
|
|
657
660
|
type="button"
|
|
@@ -663,37 +666,37 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
663
666
|
</button>
|
|
664
667
|
</div>
|
|
665
668
|
<div id="calendar-grid" role="grid">
|
|
666
|
-
${
|
|
669
|
+
${ut(e,3).map(t=>u`
|
|
667
670
|
<div class="calendar-row row-3" role="row">
|
|
668
|
-
${t.map(a=>
|
|
671
|
+
${t.map(a=>dt(a,r))}
|
|
669
672
|
</div>
|
|
670
673
|
`)}
|
|
671
674
|
</div>
|
|
672
675
|
</div>
|
|
673
|
-
`}function
|
|
676
|
+
`}function se(r,n,e,t){return n&&Q(r).getTime()<F(n).getTime()||e&&F(r).getTime()>Q(e).getTime()?!0:!!t?.(F(r))}function lt(r,n,e){let t=n.end??(n.start?e:null);if(!n.start||!t)return{"range-start":!1,"range-end":!1,"in-range":!1};let a=n.start.getTime()<=t.getTime()?n.start:t,i=n.start.getTime()<=t.getTime()?t:n.start;return{"range-start":L(r,a),"range-end":L(r,i),"in-range":N(F(r),F(a),F(i))}}function dt(r,n){let{mode:e,value:t,rangeValue:a,hoverDate:i,focusedDate:s,minDate:d,maxDate:c,isDateDisabled:m,onYearClick:v,onYearHover:f,onYearKeydown:p}=n,y=se(r,d,c,m),M=e==="single"&&!!t&&L(r,t),S=e==="range"?lt(r,a,i):{"range-start":!1,"range-end":!1,"in-range":!1},Y=()=>{y||v(r)},P=()=>{y||f(r)};return u`
|
|
674
677
|
<button
|
|
675
678
|
type="button"
|
|
676
|
-
class=${A({"grid-cell":!0,"cell-year":!0,today:L(r,new Date),selected:M,...
|
|
679
|
+
class=${A({"grid-cell":!0,"cell-year":!0,today:L(r,new Date),selected:M,...S})}
|
|
677
680
|
role="gridcell"
|
|
678
|
-
tabindex=${L(r,
|
|
679
|
-
?disabled=${
|
|
680
|
-
aria-disabled=${
|
|
681
|
-
aria-selected=${M||
|
|
681
|
+
tabindex=${L(r,s)?"0":"-1"}
|
|
682
|
+
?disabled=${y}
|
|
683
|
+
aria-disabled=${y?"true":"false"}
|
|
684
|
+
aria-selected=${M||S["range-start"]||S["range-end"]?"true":"false"}
|
|
682
685
|
aria-label=${String(r.getFullYear())}
|
|
683
|
-
@click=${
|
|
686
|
+
@click=${Y}
|
|
684
687
|
@mouseenter=${P}
|
|
685
|
-
@keydown=${V=>
|
|
688
|
+
@keydown=${V=>p(V,r)}
|
|
686
689
|
>
|
|
687
690
|
<span class="cell-label">${r.getFullYear()}</span>
|
|
688
691
|
</button>
|
|
689
|
-
`}function it(r,n){let e=[];for(let t=0;t<r.length;t+=n)e.push(r.slice(t,t+n));return e}var nt="eun-date-picker",ot={day:{min:1,max:31},month:{min:1,max:12}},st=ce(be(ue)),lt=he(xe(De(ye(ve(fe(st)))))),o=class extends lt{constructor(){super(...arguments);this.mode="single";this.granularity="day";this.rangeValue={start:null,end:null};this.weekStartsOn=1;this.workWeek=!1;this.noAnimation=!1;this.withTime=!1;this.stepMinute=1;this.todayLabel="Today";this.applyLabel="Apply";this.cancelLabel="Cancel";this.ariaLabelCalendar="Open calendar";this.dayPlaceholder="jj";this.monthPlaceholder="mm";this.yearPlaceholder="yyyy";this.hourPlaceholder="hh";this.minutePlaceholder="mm";this.isOpen=!1;this.isModalOpen=!1;this.displayedAnchor=y(new Date);this.focusedDate=b(new Date);this.navLevel=this.granularity;this.hoverDate=null;this.stagingValue=null;this.stagingRange={start:null,end:null};this.stagingTime=null;this.segments={day:"",month:"",year:""};this.rangeSegments={start:{day:"",month:"",year:""},end:{day:"",month:"",year:""}};this.timeSegments={hour:"",minute:"",period:""};this.checkLocalValidators=()=>{let e=j(this.granularity);if((this.mode==="single"?[this.segments]:[this.rangeSegments.start,this.rangeSegments.end]).some(i=>dt(i)&&!re(i,e)))return{validity:{badInput:!0},message:"Enter a valid date"};if(this.isWithTimeActive()){let i=this.resolvedHourFormat();if(ut(this.timeSegments)&&!W(this.timeSegments,i))return{validity:{badInput:!0},message:"Enter a valid time"};if(this.value){let{hour:l,minute:d}=K(this.value,this.timezone),c=Ye({hour:l,minute:d},ee(this.minTime),ee(this.maxTime));if(!c.valid)return c.violation==="min"?{validity:{rangeUnderflow:!0},message:`Time must be at or after ${this.minTime}`}:{validity:{rangeOverflow:!0},message:`Time must be at or before ${this.maxTime}`}}}return{validity:{}}};this.buildCommonValidators=()=>{let e=this.mode==="range"?!this.rangeValue.start||!this.rangeValue.end:this.value===void 0||this.value===null,t={},a;return this.required&&e&&(t.valueMissing=!0,a="Field value is missing"),{validity:t,message:a}};this.handleTriggerClick=()=>{if(!(this.disabled||this.readonly)){if(this.resetStaging(),this.isMobileViewport()){this.isModalOpen=!0;return}this.updateComplete.then(()=>{let e=this.popoverEl;if(!e)return;let t=this.popoverAnimation!==void 0;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0;let a=!e.matches(":popover-open");a&&e.showPopover(),(a||t)&&this.playPopoverOpenAnimation(e)})}};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.popoverEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.popoverEl,{forceFallback:q}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closePopover()),this.updateComplete.then(()=>this.focusCalendarCell());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.triggerEl?.focus()};this.handleModalConfirm=()=>{this.commitStaged(),this.isModalOpen=!1};this.handleModalCancel=()=>{this.isModalOpen=!1};this.handlePopoverApply=()=>{this.commitStaged(),this.closePopover()};this.handlePopoverCancel=()=>{this.closePopover()};this.handleTimeHourChange=e=>{this.stagingTime={hour:e,minute:this.stagingTime?.minute??0}};this.handleTimeMinuteChange=e=>{this.stagingTime={hour:this.stagingTime?.hour??0,minute:e}};this.handleTimePeriodChange=e=>{let t=this.stagingTime??{hour:0,minute:0},{hour:a}=Z(t.hour);this.stagingTime={hour:Te(a,e),minute:t.minute}};this.handleDayKeydown=(e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,$,a=>this.isDayFocusSkippable(a));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,$,a=>this.isDayFocusSkippable(a));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-7,$,a=>this.isDayFocusSkippable(a));break;case"ArrowDown":e.preventDefault(),this.moveFocused(7,$,a=>this.isDayFocusSkippable(a));break;case"Home":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(B(this.focusedDate,this.weekStartsOn),1));break;case"End":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay($(B(this.focusedDate,this.weekStartsOn),6),-1));break;case"PageUp":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(w(this.focusedDate,e.shiftKey?-12:-1),1));break;case"PageDown":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(w(this.focusedDate,e.shiftKey?12:1),1));break;case"Enter":case" ":e.preventDefault(),this.handleDayClick(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.handleMonthKeydown=(e,t,a=i=>this.handleMonthClick(i))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,w,i=>this.isMonthDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,w,i=>this.isMonthDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,w,i=>this.isMonthDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,w,i=>this.isMonthDisabled(i));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(this.focusedDate.getFullYear(),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(this.focusedDate.getFullYear(),11,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(g(this.focusedDate,e.shiftKey?-10:-1));break;case"PageDown":e.preventDefault(),this.jumpFocused(g(this.focusedDate,e.shiftKey?10:1));break;case"Enter":case" ":e.preventDefault(),a(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.handleYearKeydown=(e,t,a=i=>this.handleYearClick(i))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,g,i=>this.isYearDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,g,i=>this.isYearDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,g,i=>this.isYearDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,g,i=>this.isYearDisabled(i));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(I(this.focusedDate.getFullYear()),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(I(this.focusedDate.getFullYear())+11,0,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(g(this.focusedDate,-12));break;case"PageDown":e.preventDefault(),this.jumpFocused(g(this.focusedDate,12));break;case"Enter":case" ":e.preventDefault(),a(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.enterMonthNav=()=>{this.navLevel="month"};this.enterYearNav=()=>{this.navLevel="year"};this.handleQuickNavMonthClick=e=>{if(this.isMonthDisabled(e))return;let t=(e.getFullYear()-this.focusedDate.getFullYear())*12+(e.getMonth()-this.focusedDate.getMonth());this.jumpFocused(w(this.focusedDate,t)),this.navLevel="day"};this.handleQuickNavYearClick=e=>{if(this.isYearDisabled(e))return;let t=e.getFullYear()-this.focusedDate.getFullYear();this.jumpFocused(g(this.focusedDate,t)),this.navLevel="month"};this.handleHover=e=>{this.hoverDate=e};this.handlePreviousMonth=()=>{this.displayedAnchor=w(this.displayedAnchor,-1)};this.handleNextMonth=()=>{this.displayedAnchor=w(this.displayedAnchor,1)};this.handlePreviousYear=()=>{this.displayedAnchor=g(this.displayedAnchor,-1)};this.handleNextYear=()=>{this.displayedAnchor=g(this.displayedAnchor,1)};this.handlePreviousYearsPage=()=>{this.displayedAnchor=g(this.displayedAnchor,-12)};this.handleNextYearsPage=()=>{this.displayedAnchor=g(this.displayedAnchor,12)};this.handleToday=()=>{let e=new Date;this.displayedAnchor=y(e),this.jumpFocused(this.nearestWorkweekDay(b(e),1))};this.navigateGridPrevious=()=>{switch(this.navLevel){case"month":this.handlePreviousYear();break;case"year":this.handlePreviousYearsPage();break;default:this.handlePreviousMonth();break}};this.navigateGridNext=()=>{switch(this.navLevel){case"month":this.handleNextYear();break;case"year":this.handleNextYearsPage();break;default:this.handleNextMonth();break}};this.swipeStart=null;this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=null,e.pointerType!=="touch"||!t)return;let a=e.clientX-t.x,i=e.clientY-t.y;Math.abs(a)<o.SWIPE_THRESHOLD_PX||Math.abs(a)<Math.abs(i)||(a<0?(this.navigateGridNext(),this.playSwipeAnimation("next")):(this.navigateGridPrevious(),this.playSwipeAnimation("previous")))};this.handleSwipeCancel=()=>{this.swipeStart=null};this.handlePeriodSegmentClick=()=>{this.setPeriodSegment(ke(this.timeSegments.period||"AM"))};this.handlePeriodSegmentKeydown=e=>{switch(e.key){case"ArrowUp":case"ArrowDown":case"Enter":case" ":e.preventDefault(),this.handlePeriodSegmentClick();break;case"a":case"A":e.preventDefault(),this.setPeriodSegment("AM");break;case"p":case"P":e.preventDefault(),this.setPeriodSegment("PM");break;case"ArrowLeft":e.preventDefault(),this.focusPreviousTimeSegment("period");break;case"ArrowRight":e.preventDefault(),this.focusNextTimeSegment("period");break;default:break}}}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.mode==="range"&&this.defaultRangeValue&&(this.rangeValue=this.defaultRangeValue)}formResetCallback(){super.formResetCallback(),this.mode==="range"&&(this.rangeValue=this.defaultRangeValue??{start:null,end:null})}willUpdate(e){let t=e.has("segments")||e.has("rangeSegments")||e.has("timeSegments")||e.has("minTime")||e.has("maxTime");if(this.isWithTimeActive()&&(e.has("value")||e.has("timezone")||e.has("hourFormat")||e.has("locale"))){let a=this.resolvedHourFormat();if(this.value){let i=K(this.value,this.timezone);this.timeSegments=J(i.hour,i.minute,a)}else this.timeSegments=J(null,null,a);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),e.has("value")&&this.mode==="single"&&(this.segments=G(this.value??null)),e.has("rangeValue")&&this.mode==="range"&&(this.rangeSegments={start:G(this.rangeValue.start),end:G(this.rangeValue.end)}),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia("(max-width: 767px)").matches}isDayDisabled(e){return ie(e,this.minDate,this.maxDate,this.isDateDisabled)}isMonthDisabled(e){return ne(e,this.minDate,this.maxDate,this.isDateDisabled)}isYearDisabled(e){return oe(e,this.minDate,this.maxDate,this.isDateDisabled)}resetStaging(){this.stagingValue=this.value??null,this.stagingRange={start:this.rangeValue.start,end:this.rangeValue.end},this.hoverDate=null,this.navLevel=this.granularity;let e=this.mode==="single"?this.value??new Date:this.rangeValue.start??new Date;if(this.displayedAnchor=e,this.focusedDate=b(e),this.isWithTimeActive()){let t=this.mode==="single"?this.value:this.rangeValue.start;if(t){let{hour:a,minute:i}=K(t,this.timezone);this.stagingTime={hour:a,minute:i}}else this.stagingTime={hour:0,minute:0}}}isWithTimeActive(){return this.withTime&&this.granularity==="day"}resolvedHourFormat(){return we(this.locale,this.hourFormat)}composeWithTime(e){let t=this.stagingTime??{hour:0,minute:0},a=K(e,this.timezone);return ae({year:a.year,month:a.month,day:a.day,hour:t.hour,minute:t.minute},this.timezone??te())}commitStaged(){this.mode==="single"?(this.value=this.isWithTimeActive()&&this.stagingValue?this.composeWithTime(this.stagingValue):this.stagingValue,this.segments=G(this.value)):(this.rangeValue=this.stagingRange,this.rangeSegments={start:G(this.stagingRange.start),end:G(this.stagingRange.end)}),this.dispatchEvent(new z(this.mode==="single"?this.value:this.rangeValue))}commitTypedDate(e,t){e==="value"?this.value=this.isWithTimeActive()?this.composeTypedDateTime(t):t:this.rangeValue={...this.rangeValue,[e]:t},this.dispatchEvent(new z(e==="value"?this.value:this.rangeValue)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}composeTypedDateTime(e){let t=this.resolvedHourFormat(),i=W(this.timeSegments,t);if(!i)if(this.value){let{hour:l,minute:d}=K(this.value,this.timezone);i={hour:l,minute:d}}else i={hour:0,minute:0};return ae({year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:i.hour,minute:i.minute},this.timezone??te())}commitTypedTime(e,t){this.value=Ae(this.value??new Date,this.timezone,e,t),this.dispatchEvent(new z(this.value)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}commitTimeSegmentGroupIfComplete(e){let t=this.resolvedHourFormat();if(!Ce(e,t))return;let a=W(e,t);a&&this.commitTypedTime(a.hour,a.minute)}popoverAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--date-picker-panel-transition-duration").trim();if(t){let a=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(a)&&a>=0)return a}return 200}playPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.popoverAnimationDuration(e);t!==0&&(this.popoverAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:"ease",fill:"forwards"}))}closePopover(){let e=this.popoverEl;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0,e?.matches(":popover-open")&&this.playPopoverCloseAnimation(e)}playPopoverCloseAnimation(e){e.style.pointerEvents="none";let t=this.popoverAnimationDuration(e);if(t===0){e.hidePopover();return}let a=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.popoverAnimation=a,a.finished.then(()=>{this.popoverAnimation===a&&(this.popoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}focusCalendarCell(){(this.isModalOpen?this.shadowRoot:this.popoverEl)?.querySelector('.grid-cell[tabindex="0"]')?.focus({preventScroll:!0})}syncDisplayedAnchor(){switch(this.granularity){case"month":L(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=this.focusedDate);break;case"year":I(this.focusedDate.getFullYear())!==I(this.displayedAnchor.getFullYear())&&(this.displayedAnchor=this.focusedDate);break;default:T(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=y(this.focusedDate));break}}moveFocused(e,t,a){let i=e>0?1:-1,l=t(this.focusedDate,e);for(let d=0;a(l)&&d<1e3;d+=1)l=t(l,i);this.focusedDate=l,this.syncDisplayedAnchor(),this.updateComplete.then(()=>this.focusCalendarCell())}jumpFocused(e){this.focusedDate=e,this.syncDisplayedAnchor(),this.updateComplete.then(()=>this.focusCalendarCell())}isDayFocusSkippable(e){return this.isDayDisabled(e)||this.workWeek&&O(e)}nearestWorkweekDay(e,t){if(!this.workWeek)return e;let a=e;for(let i=0;O(a)&&i<2;i+=1)a=$(a,t);return a}commitCell(e){this.focusedDate=e;let t;if(this.mode==="single")this.stagingValue=e,t=!0;else{let{start:a,end:i}=this.stagingRange;if(!a||i)this.stagingRange={start:e,end:null},this.hoverDate=null,t=!1;else{let[l,d]=e.getTime()<a.getTime()?[e,a]:[a,e];this.stagingRange={start:l,end:d},t=!0}}this.isModalOpen||this.isWithTimeActive()&&this.isOpen||t&&(this.commitStaged(),this.closePopover())}handleDayClick(e){this.isDayDisabled(e)||this.commitCell(e)}handleMonthClick(e){this.isMonthDisabled(e)||this.commitCell(e)}handleYearClick(e){this.isYearDisabled(e)||this.commitCell(e)}playSwipeAnimation(e){this.updateComplete.then(()=>{let t=this.swipeAreaEl;t&&(t.classList.remove("slide-in-next","slide-in-previous"),t.getBoundingClientRect(),t.classList.add(e==="next"?"slide-in-next":"slide-in-previous"))})}handleSegmentInput(e,t,a){let i=e.target,l=a==="year"?4:2,d=i.value.replace(/\D/g,"").slice(0,l);i.value=d;let p={...this.readSegmentGroup(t),[a]:d};this.writeSegmentGroup(t,p),d.length===l&&this.focusNextSegment(t,a),this.commitSegmentGroupIfComplete(t,p)}commitSegmentGroupIfComplete(e,t){let a=j(this.granularity);if(!Ge(t,a))return;let i=re(t,a);i&&this.commitTypedDate(e,i)}handleSegmentKeydown(e,t,a){let i=e.target;e.key==="Backspace"&&i.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousSegment(t,a)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextSegment(t,a)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustSegment(t,a,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustSegment(t,a,-1))}adjustSegment(e,t,a){let i=this.readSegmentGroup(e),l=Number(i[t]),d=ct(t),c;if(i[t]===""||Number.isNaN(l))c=d;else{let m=ot[t];c=l+a,m&&c>m.max?c=m.min:m&&c<m.min?c=m.max:m||(c=Math.max(0,c))}let p=t==="year"?4:2,k=String(c).padStart(p,"0").slice(-p),D={...i,[t]:k};this.writeSegmentGroup(e,D),this.commitSegmentGroupIfComplete(e,D)}readSegmentGroup(e){return e==="value"?this.segments:this.rangeSegments[e]}writeSegmentGroup(e,t){e==="value"?this.segments=t:this.rangeSegments={...this.rangeSegments,[e]:t}}visibleSegmentOrder(){let e=j(this.granularity);return Ke(this.locale).filter(t=>e.includes(t))}focusPreviousSegment(e,t){let a=this.visibleSegmentOrder(),i=a.indexOf(t);i<=0||this.focusSegment(e,a[i-1])}focusNextSegment(e,t){let a=this.visibleSegmentOrder(),i=a.indexOf(t);i===-1||i>=a.length-1||this.focusSegment(e,a[i+1])}focusSegment(e,t){this.shadowRoot?.querySelector(`.segment-group[data-target="${e}"] .segment-${t}`)?.focus()}handleTimeSegmentInput(e,t){let a=e.target,i=a.value.replace(/\D/g,"").slice(0,2);a.value=i;let l={...this.timeSegments,[t]:i};this.timeSegments=l,i.length===2&&this.focusNextTimeSegment(t),this.commitTimeSegmentGroupIfComplete(l)}handleTimeSegmentKeydown(e,t){let a=e.target;e.key==="Backspace"&&a.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousTimeSegment(t)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextTimeSegment(t)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustTimeSegment(t,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustTimeSegment(t,-1))}adjustTimeSegment(e,t){let a=this.resolvedHourFormat(),i=e==="hour"?a===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},l=Number(this.timeSegments[e]),d;if(this.timeSegments[e]===""||Number.isNaN(l)){let p=K(this.value??new Date,this.timezone);d=e==="hour"?a===12?Z(p.hour).hour:p.hour:p.minute}else d=l+t,d>i.max?d=i.min:d<i.min&&(d=i.max);let c={...this.timeSegments,[e]:String(d).padStart(2,"0")};this.timeSegments=c,this.commitTimeSegmentGroupIfComplete(c)}setPeriodSegment(e){if(this.disabled||this.readonly)return;let t={...this.timeSegments,period:e};this.timeSegments=t,this.commitTimeSegmentGroupIfComplete(t)}visibleTimeSegmentOrder(){let e=Me(this.resolvedHourFormat());return $e(this.locale).filter(t=>e.includes(t))}focusPreviousTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);a<=0||this.focusTimeSegment(t[a-1])}focusNextTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);a===-1||a>=t.length-1||this.focusTimeSegment(t[a+1])}focusTimeSegment(e){this.shadowRoot?.querySelector(`.segment-${e}`)?.focus()}renderTimeSegmentGroup(){let e=this.visibleTimeSegmentOrder();return u`
|
|
692
|
+
`}function ut(r,n){let e=[];for(let t=0;t<r.length;t+=n)e.push(r.slice(t,t+n));return e}var ct="eun-date-picker",ht={day:{min:1,max:31},month:{min:1,max:12}},pt=me(xe(ce)),mt=he(Te(we(Se(De(ye(pt)))))),o=class extends mt{constructor(){super();this.errorOnChange=!0;this.mode="single";this.granularity="day";this.rangeValue={start:null,end:null};this.weekStartsOn=1;this.workWeek=!1;this.noAnimation=!1;this.withTime=!1;this.stepMinute=1;this.todayLabel="Today";this.applyLabel="Apply";this.dayPlaceholder="jj";this.monthPlaceholder="mm";this.yearPlaceholder="yyyy";this.hourPlaceholder="hh";this.minutePlaceholder="mm";this.isOpen=!1;this.isModalOpen=!1;this.displayedAnchor=x(new Date);this.focusedDate=D(new Date);this.navLevel=this.granularity;this.hoverDate=null;this.stagingValue=null;this.stagingRange={start:null,end:null};this.stagingTime=null;this.segments={day:"",month:"",year:""};this.rangeSegments={start:{day:"",month:"",year:""},end:{day:"",month:"",year:""}};this.timeSegments={hour:"",minute:"",period:""};this.handleImplicitSubmission=e=>{let t=this.internals.form,a=e.composedPath()[0];!t||this.isOpen||!(a instanceof Element&&a.matches(".segment"))||!$e(e)||(e.preventDefault(),Ce(t))};this.checkLocalValidators=()=>{let e=j(this.granularity);if((this.mode==="single"?[this.segments]:[this.rangeSegments.start,this.rangeSegments.end]).some(i=>gt(i)&&!ie(i,e)))return{validity:{badInput:!0},message:this.dictionary.validation.invalidDate};if(this.isWithTimeActive()){let i=this.resolvedHourFormat();if(vt(this.timeSegments)&&!W(this.timeSegments,i))return{validity:{badInput:!0},message:"Enter a valid time"};if(this.value){let{hour:s,minute:d}=K(this.value,this.timezone),c=Ke({hour:s,minute:d},te(this.minTime),te(this.maxTime));if(!c.valid)return c.violation==="min"?{validity:{rangeUnderflow:!0},message:`Time must be at or after ${this.minTime}`}:{validity:{rangeOverflow:!0},message:`Time must be at or before ${this.maxTime}`}}}return{validity:{}}};this.buildCommonValidators=()=>{let e=this.mode==="range"?!this.rangeValue.start||!this.rangeValue.end:this.value===void 0||this.value===null,t={},a;return this.required&&e&&(t.valueMissing=!0,a=this.dictionary.validation.valueMissing),{validity:t,message:a}};this.handleTriggerClick=()=>{if(!(this.disabled||this.readonly)){if(this.resetStaging(),this.isMobileViewport()){this.isModalOpen=!0;return}this.updateComplete.then(()=>{let e=this.popoverEl;if(!e)return;let t=this.popoverAnimation!==void 0;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0;let a=!e.matches(":popover-open");a&&e.showPopover(),(a||t)&&this.playPopoverOpenAnimation(e)})}};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.popoverEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.popoverEl,{forceFallback:q}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closePopover()),this.updateComplete.then(()=>this.focusCalendarCell());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.triggerEl?.focus()};this.handleModalConfirm=()=>{this.commitStaged(),this.isModalOpen=!1};this.handleModalCancel=()=>{this.isModalOpen=!1};this.handlePopoverApply=()=>{this.commitStaged(),this.closePopover()};this.handlePopoverCancel=()=>{this.closePopover()};this.handleTimeHourChange=e=>{this.stagingTime={hour:e,minute:this.stagingTime?.minute??0}};this.handleTimeMinuteChange=e=>{this.stagingTime={hour:this.stagingTime?.hour??0,minute:e}};this.handleTimePeriodChange=e=>{let t=this.stagingTime??{hour:0,minute:0},{hour:a}=J(t.hour);this.stagingTime={hour:Ae(a,e),minute:t.minute}};this.handleDayKeydown=(e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,C,a=>this.isDayFocusSkippable(a));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,C,a=>this.isDayFocusSkippable(a));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-7,C,a=>this.isDayFocusSkippable(a));break;case"ArrowDown":e.preventDefault(),this.moveFocused(7,C,a=>this.isDayFocusSkippable(a));break;case"Home":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(U(this.focusedDate,this.weekStartsOn),1));break;case"End":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(C(U(this.focusedDate,this.weekStartsOn),6),-1));break;case"PageUp":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(T(this.focusedDate,e.shiftKey?-12:-1),1));break;case"PageDown":e.preventDefault(),this.jumpFocused(this.nearestWorkweekDay(T(this.focusedDate,e.shiftKey?12:1),1));break;case"Enter":case" ":e.preventDefault(),this.handleDayClick(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.handleMonthKeydown=(e,t,a=i=>this.handleMonthClick(i))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,T,i=>this.isMonthDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,T,i=>this.isMonthDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,T,i=>this.isMonthDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,T,i=>this.isMonthDisabled(i));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(this.focusedDate.getFullYear(),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(this.focusedDate.getFullYear(),11,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(g(this.focusedDate,e.shiftKey?-10:-1));break;case"PageDown":e.preventDefault(),this.jumpFocused(g(this.focusedDate,e.shiftKey?10:1));break;case"Enter":case" ":e.preventDefault(),a(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.handleYearKeydown=(e,t,a=i=>this.handleYearClick(i))=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.moveFocused(-1,g,i=>this.isYearDisabled(i));break;case"ArrowRight":e.preventDefault(),this.moveFocused(1,g,i=>this.isYearDisabled(i));break;case"ArrowUp":e.preventDefault(),this.moveFocused(-3,g,i=>this.isYearDisabled(i));break;case"ArrowDown":e.preventDefault(),this.moveFocused(3,g,i=>this.isYearDisabled(i));break;case"Home":e.preventDefault(),this.jumpFocused(new Date(I(this.focusedDate.getFullYear()),0,1));break;case"End":e.preventDefault(),this.jumpFocused(new Date(I(this.focusedDate.getFullYear())+11,0,1));break;case"PageUp":e.preventDefault(),this.jumpFocused(g(this.focusedDate,-12));break;case"PageDown":e.preventDefault(),this.jumpFocused(g(this.focusedDate,12));break;case"Enter":case" ":e.preventDefault(),a(t);break;case"Escape":e.preventDefault(),this.closePopover();break;default:break}};this.enterMonthNav=()=>{this.navLevel="month"};this.enterYearNav=()=>{this.navLevel="year"};this.handleQuickNavMonthClick=e=>{if(this.isMonthDisabled(e))return;let t=(e.getFullYear()-this.focusedDate.getFullYear())*12+(e.getMonth()-this.focusedDate.getMonth());this.jumpFocused(T(this.focusedDate,t)),this.navLevel="day"};this.handleQuickNavYearClick=e=>{if(this.isYearDisabled(e))return;let t=e.getFullYear()-this.focusedDate.getFullYear();this.jumpFocused(g(this.focusedDate,t)),this.navLevel="month"};this.handleHover=e=>{this.hoverDate=e};this.handlePreviousMonth=()=>{this.displayedAnchor=T(this.displayedAnchor,-1)};this.handleNextMonth=()=>{this.displayedAnchor=T(this.displayedAnchor,1)};this.handlePreviousYear=()=>{this.displayedAnchor=g(this.displayedAnchor,-1)};this.handleNextYear=()=>{this.displayedAnchor=g(this.displayedAnchor,1)};this.handlePreviousYearsPage=()=>{this.displayedAnchor=g(this.displayedAnchor,-12)};this.handleNextYearsPage=()=>{this.displayedAnchor=g(this.displayedAnchor,12)};this.handleToday=()=>{let e=new Date;this.displayedAnchor=x(e),this.jumpFocused(this.nearestWorkweekDay(D(e),1))};this.navigateGridPrevious=()=>{switch(this.navLevel){case"month":this.handlePreviousYear();break;case"year":this.handlePreviousYearsPage();break;default:this.handlePreviousMonth();break}};this.navigateGridNext=()=>{switch(this.navLevel){case"month":this.handleNextYear();break;case"year":this.handleNextYearsPage();break;default:this.handleNextMonth();break}};this.swipeStart=null;this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=null,e.pointerType!=="touch"||!t)return;let a=e.clientX-t.x,i=e.clientY-t.y;Math.abs(a)<o.SWIPE_THRESHOLD_PX||Math.abs(a)<Math.abs(i)||(a<0?(this.navigateGridNext(),this.playSwipeAnimation("next")):(this.navigateGridPrevious(),this.playSwipeAnimation("previous")))};this.handleSwipeCancel=()=>{this.swipeStart=null};this.handlePeriodSegmentClick=()=>{this.setPeriodSegment(Le(this.timeSegments.period||"AM"))};this.handlePeriodSegmentKeydown=e=>{switch(e.key){case"ArrowUp":case"ArrowDown":case"Enter":case" ":e.preventDefault(),this.handlePeriodSegmentClick();break;case"a":case"A":e.preventDefault(),this.setPeriodSegment("AM");break;case"p":case"P":e.preventDefault(),this.setPeriodSegment("PM");break;case"ArrowLeft":e.preventDefault(),this.focusPreviousTimeSegment("period");break;case"ArrowRight":e.preventDefault(),this.focusNextTimeSegment("period");break;default:break}};this.addEventListener("keydown",this.handleImplicitSubmission)}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.mode==="range"&&this.defaultRangeValue&&(this.rangeValue=this.defaultRangeValue)}formResetCallback(){super.formResetCallback(),this.mode==="range"&&(this.rangeValue=this.defaultRangeValue??{start:null,end:null})}willUpdate(e){let t=e.has("segments")||e.has("rangeSegments")||e.has("timeSegments")||e.has("minTime")||e.has("maxTime");if(this.isWithTimeActive()&&(e.has("value")||e.has("timezone")||e.has("hourFormat")||e.has("locale"))){let a=this.resolvedHourFormat();if(this.value){let i=K(this.value,this.timezone);this.timeSegments=ee(i.hour,i.minute,a)}else this.timeSegments=ee(null,null,a);t=!0}t&&this.checkValidity(this.value??null),super.willUpdate(e)}updated(e){super.updated(e),e.has("value")&&this.mode==="single"&&(this.segments=G(this.value??null)),e.has("rangeValue")&&this.mode==="range"&&(this.rangeSegments={start:G(this.rangeValue.start),end:G(this.rangeValue.end)}),be(e)&&this.setAttribute("aria-invalid",String(this.showError))}get hostTabStop(){return!1}getFocusAnchor(){return this.firstSegmentEl??void 0}focus(){super.focus?.(),this.firstSegmentEl?.focus()}isMobileViewport(){return window.matchMedia(pe("tablet")).matches}isDayDisabled(e){return ne(e,this.minDate,this.maxDate,this.isDateDisabled)}isMonthDisabled(e){return oe(e,this.minDate,this.maxDate,this.isDateDisabled)}isYearDisabled(e){return se(e,this.minDate,this.maxDate,this.isDateDisabled)}resetStaging(){this.stagingValue=this.value??null,this.stagingRange={start:this.rangeValue.start,end:this.rangeValue.end},this.hoverDate=null,this.navLevel=this.granularity;let e=this.mode==="single"?this.value??new Date:this.rangeValue.start??new Date;if(this.displayedAnchor=e,this.focusedDate=D(e),this.isWithTimeActive()){let t=this.mode==="single"?this.value:this.rangeValue.start;if(t){let{hour:a,minute:i}=K(t,this.timezone);this.stagingTime={hour:a,minute:i}}else this.stagingTime={hour:0,minute:0}}}isWithTimeActive(){return this.withTime&&this.granularity==="day"}resolvedHourFormat(){return Ye(this.locale,this.hourFormat)}composeWithTime(e){let t=this.stagingTime??{hour:0,minute:0},a=K(e,this.timezone);return re({year:a.year,month:a.month,day:a.day,hour:t.hour,minute:t.minute},this.timezone??ae())}commitStaged(){this.mode==="single"?(this.value=this.isWithTimeActive()&&this.stagingValue?this.composeWithTime(this.stagingValue):this.stagingValue,this.segments=G(this.value)):(this.rangeValue=this.stagingRange,this.rangeSegments={start:G(this.stagingRange.start),end:G(this.stagingRange.end)}),this.dispatchEvent(new E(this.mode==="single"?this.value:this.rangeValue))}commitTypedDate(e,t){e==="value"?this.value=this.isWithTimeActive()?this.composeTypedDateTime(t):t:this.rangeValue={...this.rangeValue,[e]:t},this.dispatchEvent(new E(e==="value"?this.value:this.rangeValue)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}composeTypedDateTime(e){let t=this.resolvedHourFormat(),i=W(this.timeSegments,t);if(!i)if(this.value){let{hour:s,minute:d}=K(this.value,this.timezone);i={hour:s,minute:d}}else i={hour:0,minute:0};return re({year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate(),hour:i.hour,minute:i.minute},this.timezone??ae())}commitTypedTime(e,t){this.value=Ge(this.value??new Date,this.timezone,e,t),this.dispatchEvent(new E(this.value)),(this.isOpen||this.isModalOpen)&&this.resetStaging()}commitTimeSegmentGroupIfComplete(e){let t=this.resolvedHourFormat();if(!Fe(e,t))return;let a=W(e,t);a&&this.commitTypedTime(a.hour,a.minute)}popoverAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:Me(e,"--date-picker-panel-transition-duration","m",200)}playPopoverOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.popoverAnimationDuration(e);t!==0&&(this.popoverAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:Z(e),fill:"forwards"}))}closePopover(){let e=this.popoverEl;this.popoverAnimation?.cancel(),this.popoverAnimation=void 0,e?.matches(":popover-open")&&this.playPopoverCloseAnimation(e)}playPopoverCloseAnimation(e){e.style.pointerEvents="none";let t=this.popoverAnimationDuration(e);if(t===0){e.hidePopover();return}let a=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:Z(e),fill:"forwards"});this.popoverAnimation=a,a.finished.then(()=>{this.popoverAnimation===a&&(this.popoverAnimation=void 0),e.hidePopover()}).catch(()=>{})}focusCalendarCell(){(this.isModalOpen?this.shadowRoot:this.popoverEl)?.querySelector('.grid-cell[tabindex="0"]')?.focus({preventScroll:!0})}syncDisplayedAnchor(){switch(this.granularity){case"month":L(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=this.focusedDate);break;case"year":I(this.focusedDate.getFullYear())!==I(this.displayedAnchor.getFullYear())&&(this.displayedAnchor=this.focusedDate);break;default:k(this.focusedDate,this.displayedAnchor)||(this.displayedAnchor=x(this.focusedDate));break}}moveFocused(e,t,a){let i=e>0?1:-1,s=t(this.focusedDate,e);for(let d=0;a(s)&&d<1e3;d+=1)s=t(s,i);this.focusedDate=s,this.syncDisplayedAnchor(),this.updateComplete.then(()=>this.focusCalendarCell())}jumpFocused(e){this.focusedDate=e,this.syncDisplayedAnchor(),this.updateComplete.then(()=>this.focusCalendarCell())}isDayFocusSkippable(e){return this.isDayDisabled(e)||this.workWeek&&O(e)}nearestWorkweekDay(e,t){if(!this.workWeek)return e;let a=e;for(let i=0;O(a)&&i<2;i+=1)a=C(a,t);return a}commitCell(e){this.focusedDate=e;let t;if(this.mode==="single")this.stagingValue=e,t=!0;else{let{start:a,end:i}=this.stagingRange;if(!a||i)this.stagingRange={start:e,end:null},this.hoverDate=null,t=!1;else{let[s,d]=e.getTime()<a.getTime()?[e,a]:[a,e];this.stagingRange={start:s,end:d},t=!0}}this.isModalOpen||this.isWithTimeActive()&&this.isOpen||t&&(this.commitStaged(),this.closePopover())}handleDayClick(e){this.isDayDisabled(e)||this.commitCell(e)}handleMonthClick(e){this.isMonthDisabled(e)||this.commitCell(e)}handleYearClick(e){this.isYearDisabled(e)||this.commitCell(e)}playSwipeAnimation(e){this.updateComplete.then(()=>{let t=this.swipeAreaEl;t&&(t.classList.remove("slide-in-next","slide-in-previous"),t.getBoundingClientRect(),t.classList.add(e==="next"?"slide-in-next":"slide-in-previous"))})}handleSegmentInput(e,t,a){let i=e.target,s=a==="year"?4:2,d=i.value.replace(/\D/g,"").slice(0,s);i.value=d;let m={...this.readSegmentGroup(t),[a]:d};this.writeSegmentGroup(t,m),d.length===s&&this.focusNextSegment(t,a),this.commitSegmentGroupIfComplete(t,m)}commitSegmentGroupIfComplete(e,t){let a=j(this.granularity);if(!Ee(t,a))return;let i=ie(t,a);i&&this.commitTypedDate(e,i)}handleSegmentKeydown(e,t,a){let i=e.target;e.key==="Backspace"&&i.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousSegment(t,a)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextSegment(t,a)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustSegment(t,a,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustSegment(t,a,-1))}adjustSegment(e,t,a){let i=this.readSegmentGroup(e),s=Number(i[t]),d=ft(t),c;if(i[t]===""||Number.isNaN(s))c=d;else{let p=ht[t];c=s+a,p&&c>p.max?c=p.min:p&&c<p.min?c=p.max:p||(c=Math.max(0,c))}let m=t==="year"?4:2,v=String(c).padStart(m,"0").slice(-m),f={...i,[t]:v};this.writeSegmentGroup(e,f),this.commitSegmentGroupIfComplete(e,f)}readSegmentGroup(e){return e==="value"?this.segments:this.rangeSegments[e]}writeSegmentGroup(e,t){e==="value"?this.segments=t:this.rangeSegments={...this.rangeSegments,[e]:t}}visibleSegmentOrder(){let e=j(this.granularity);return He(this.locale).filter(t=>e.includes(t))}focusPreviousSegment(e,t){let a=this.visibleSegmentOrder(),i=a.indexOf(t);i<=0||this.focusSegment(e,a[i-1])}focusNextSegment(e,t){let a=this.visibleSegmentOrder(),i=a.indexOf(t);i===-1||i>=a.length-1||this.focusSegment(e,a[i+1])}focusSegment(e,t){this.shadowRoot?.querySelector(`.segment-group[data-target="${e}"] .segment-${t}`)?.focus()}handleTimeSegmentInput(e,t){let a=e.target,i=a.value.replace(/\D/g,"").slice(0,2);a.value=i;let s={...this.timeSegments,[t]:i};this.timeSegments=s,i.length===2&&this.focusNextTimeSegment(t),this.commitTimeSegmentGroupIfComplete(s)}handleTimeSegmentKeydown(e,t){let a=e.target;e.key==="Backspace"&&a.value===""||e.key==="ArrowLeft"?(e.preventDefault(),this.focusPreviousTimeSegment(t)):e.key==="ArrowRight"?(e.preventDefault(),this.focusNextTimeSegment(t)):e.key==="ArrowUp"?(e.preventDefault(),this.adjustTimeSegment(t,1)):e.key==="ArrowDown"&&(e.preventDefault(),this.adjustTimeSegment(t,-1))}adjustTimeSegment(e,t){let a=this.resolvedHourFormat(),s=e==="hour"?a===12?{min:1,max:12}:{min:0,max:23}:{min:0,max:59},d=Number(this.timeSegments[e]),c;if(this.timeSegments[e]===""||Number.isNaN(d)){let v=K(this.value??new Date,this.timezone),f=a===12?J(v.hour).hour:v.hour;c=e==="hour"?f:v.minute}else c=d+t,c>s.max?c=s.min:c<s.min&&(c=s.max);let m={...this.timeSegments,[e]:String(c).padStart(2,"0")};this.timeSegments=m,this.commitTimeSegmentGroupIfComplete(m)}setPeriodSegment(e){if(this.disabled||this.readonly)return;let t={...this.timeSegments,period:e};this.timeSegments=t,this.commitTimeSegmentGroupIfComplete(t)}visibleTimeSegmentOrder(){let e=Pe(this.resolvedHourFormat());return Re(this.locale).filter(t=>e.includes(t))}focusPreviousTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);a<=0||this.focusTimeSegment(t[a-1])}focusNextTimeSegment(e){let t=this.visibleTimeSegmentOrder(),a=t.indexOf(e);a===-1||a>=t.length-1||this.focusTimeSegment(t[a+1])}focusTimeSegment(e){this.shadowRoot?.querySelector(`.segment-${e}`)?.focus()}renderTimeSegmentGroup(){let e=this.visibleTimeSegmentOrder();return u`
|
|
690
693
|
<div
|
|
691
694
|
class="segment-group time-segment-group"
|
|
692
695
|
role="group"
|
|
693
696
|
aria-label=${this.dictionary.datePicker.time}
|
|
694
697
|
>
|
|
695
698
|
${e.map((t,a)=>{let i=e[a-1];return u`
|
|
696
|
-
${a===0
|
|
699
|
+
${a===0?$:u`<span class="segment-divider" aria-hidden="true"
|
|
697
700
|
>${i==="hour"&&t==="minute"||i==="minute"&&t==="hour"?":":" "}</span
|
|
698
701
|
>`}
|
|
699
702
|
${this.renderTimeSegment(t)}
|
|
@@ -733,10 +736,11 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
733
736
|
data-target=${e}
|
|
734
737
|
role="group"
|
|
735
738
|
aria-label=${t}
|
|
739
|
+
aria-describedby=${this.description?.length?"description":$}
|
|
736
740
|
>
|
|
737
|
-
${a.map((
|
|
738
|
-
${d>0?u`<span class="segment-divider" aria-hidden="true">/</span
|
|
739
|
-
${this.renderSegment(e,
|
|
741
|
+
${a.map((s,d)=>u`
|
|
742
|
+
${d>0?u`<span class="segment-divider" aria-hidden="true">/</span>`:$}
|
|
743
|
+
${this.renderSegment(e,s,i)}
|
|
740
744
|
`)}
|
|
741
745
|
</div>
|
|
742
746
|
`}placeholderFor(e){switch(e){case"day":return this.dayPlaceholder;case"month":return this.monthPlaceholder;default:return this.yearPlaceholder}}renderSegment(e,t,a){let i=t==="year"?4:2;return u`
|
|
@@ -748,28 +752,28 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
748
752
|
maxlength=${i}
|
|
749
753
|
size=${i}
|
|
750
754
|
placeholder=${this.placeholderFor(t)}
|
|
751
|
-
aria-label=${
|
|
755
|
+
aria-label=${this.dictionary.datePicker[t]}
|
|
752
756
|
.value=${a[t]}
|
|
753
757
|
?disabled=${this.disabled}
|
|
754
758
|
?readonly=${this.readonly}
|
|
755
|
-
@input=${
|
|
756
|
-
@keydown=${
|
|
759
|
+
@input=${s=>this.handleSegmentInput(s,e,t)}
|
|
760
|
+
@keydown=${s=>this.handleSegmentKeydown(s,e,t)}
|
|
757
761
|
/>
|
|
758
|
-
`}dayGridProps(){return{mode:this.mode,displayedMonth:this.displayedAnchor,value:this.stagingValue,rangeValue:this.stagingRange,hoverDate:this.hoverDate,focusedDate:this.focusedDate,weekStartsOn:this.weekStartsOn,hideWeekends:this.workWeek,locale:this.locale,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,todayLabel:this.todayLabel,previousMonthLabel:this.dictionary.datePicker.previousMonth,chooseMonthYearLabel:this.dictionary.datePicker.chooseMonthYear,nextMonthLabel:this.dictionary.datePicker.nextMonth,onDayClick:e=>this.handleDayClick(e),onDayHover:this.handleHover,onDayKeydown:this.handleDayKeydown,onPreviousMonth:this.handlePreviousMonth,onNextMonth:this.handleNextMonth,onToday:this.handleToday,onLabelClick:this.enterMonthNav}}monthGridProps(){let e=this.navLevel===this.granularity;return{mode:e?this.mode:"single",displayedYear:this.displayedAnchor.getFullYear(),value:e?this.stagingValue:
|
|
762
|
+
`}dayGridProps(){return{mode:this.mode,displayedMonth:this.displayedAnchor,value:this.stagingValue,rangeValue:this.stagingRange,hoverDate:this.hoverDate,focusedDate:this.focusedDate,weekStartsOn:this.weekStartsOn,hideWeekends:this.workWeek,locale:this.locale,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,todayLabel:this.todayLabel,previousMonthLabel:this.dictionary.datePicker.previousMonth,chooseMonthYearLabel:this.dictionary.datePicker.chooseMonthYear,nextMonthLabel:this.dictionary.datePicker.nextMonth,onDayClick:e=>this.handleDayClick(e),onDayHover:this.handleHover,onDayKeydown:this.handleDayKeydown,onPreviousMonth:this.handlePreviousMonth,onNextMonth:this.handleNextMonth,onToday:this.handleToday,onLabelClick:this.enterMonthNav}}monthGridProps(){let e=this.navLevel===this.granularity;return{mode:e?this.mode:"single",displayedYear:this.displayedAnchor.getFullYear(),value:e?this.stagingValue:x(this.displayedAnchor),rangeValue:e?this.stagingRange:{start:null,end:null},hoverDate:e?this.hoverDate:null,focusedDate:this.focusedDate,locale:this.locale,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,previousYearLabel:this.dictionary.datePicker.previousYear,chooseYearLabel:this.dictionary.datePicker.chooseYear,nextYearLabel:this.dictionary.datePicker.nextYear,onMonthClick:e?t=>this.handleMonthClick(t):this.handleQuickNavMonthClick,onMonthHover:this.handleHover,onMonthKeydown:e?this.handleMonthKeydown:(t,a)=>this.handleMonthKeydown(t,a,this.handleQuickNavMonthClick),onPreviousYear:this.handlePreviousYear,onNextYear:this.handleNextYear,onLabelClick:this.enterYearNav}}yearGridProps(){let e=this.navLevel===this.granularity;return{mode:e?this.mode:"single",displayedYear:this.displayedAnchor.getFullYear(),value:e?this.stagingValue:new Date(this.displayedAnchor.getFullYear(),0,1),rangeValue:e?this.stagingRange:{start:null,end:null},hoverDate:e?this.hoverDate:null,focusedDate:this.focusedDate,minDate:this.minDate,maxDate:this.maxDate,isDateDisabled:this.isDateDisabled,previousYearsLabel:this.dictionary.datePicker.previousYears,nextYearsLabel:this.dictionary.datePicker.nextYears,onYearClick:e?t=>this.handleYearClick(t):this.handleQuickNavYearClick,onYearHover:this.handleHover,onYearKeydown:e?this.handleYearKeydown:(t,a)=>this.handleYearKeydown(t,a,this.handleQuickNavYearClick),onPreviousPage:this.handlePreviousYearsPage,onNextPage:this.handleNextYearsPage}}renderGrid(){switch(this.navLevel){case"month":return Qe(this.monthGridProps());case"year":return qe(this.yearGridProps());default:return Xe(this.dayGridProps())}}headingFor(){let e=this.dictionary.datePicker.heading[this.granularity];return this.mode==="single"?e.single:e.range}renderField(){return u`
|
|
759
763
|
<div
|
|
760
764
|
id="field-wrapper"
|
|
761
765
|
class=${A({"has-range":this.mode==="range"})}
|
|
762
766
|
>
|
|
763
767
|
${this.mode==="single"?this.renderSegmentGroup("value",this.label??this.headingFor()):u`
|
|
764
|
-
${this.renderSegmentGroup("start",
|
|
768
|
+
${this.renderSegmentGroup("start",this.dictionary.datePicker.startDate)}
|
|
765
769
|
<span class="range-separator" aria-hidden="true">–</span>
|
|
766
|
-
${this.renderSegmentGroup("end",
|
|
770
|
+
${this.renderSegmentGroup("end",this.dictionary.datePicker.endDate)}
|
|
767
771
|
`}
|
|
768
|
-
${this.isWithTimeActive()?this.renderTimeSegmentGroup()
|
|
772
|
+
${this.isWithTimeActive()?this.renderTimeSegmentGroup():$}
|
|
769
773
|
<button
|
|
770
774
|
type="button"
|
|
771
775
|
id="calendar-trigger"
|
|
772
|
-
aria-label=${this.
|
|
776
|
+
aria-label=${this.calendarLabel??this.dictionary.datePicker.openCalendar}
|
|
773
777
|
aria-haspopup="dialog"
|
|
774
778
|
aria-expanded=${this.isOpen||this.isModalOpen?"true":"false"}
|
|
775
779
|
?disabled=${this.disabled}
|
|
@@ -778,25 +782,25 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
778
782
|
<eun-icon name="calendar_today" size="16"></eun-icon>
|
|
779
783
|
</button>
|
|
780
784
|
</div>
|
|
781
|
-
`}previewFormatOptions(){switch(this.granularity){case"year":return{year:"numeric"};case"month":return{month:"short",year:"numeric"};default:return{weekday:"short",month:"short",day:"numeric",year:"numeric"}}}formatCoarseRangePreview(){let{start:e,end:t}=this.stagingRange;if(!e)return"";let a=this.previewFormatOptions(),i=t??e;return`${e.toLocaleDateString(this.locale,a)} \u2013 ${i.toLocaleDateString(this.locale,a)}`}renderModalDatePreview(){let e=this.dictionary.datePicker.modalPreview[this.granularity],t;return this.mode==="single"?t=this.stagingValue?this.stagingValue.toLocaleDateString(this.locale,this.previewFormatOptions()):e.single:this.stagingRange.start?this.granularity==="day"?t=
|
|
785
|
+
`}previewFormatOptions(){switch(this.granularity){case"year":return{year:"numeric"};case"month":return{month:"short",year:"numeric"};default:return{weekday:"short",month:"short",day:"numeric",year:"numeric"}}}formatCoarseRangePreview(){let{start:e,end:t}=this.stagingRange;if(!e)return"";let a=this.previewFormatOptions(),i=t??e;return`${e.toLocaleDateString(this.locale,a)} \u2013 ${i.toLocaleDateString(this.locale,a)}`}renderModalDatePreview(){let e=this.dictionary.datePicker.modalPreview[this.granularity],t;return this.mode==="single"?t=this.stagingValue?this.stagingValue.toLocaleDateString(this.locale,this.previewFormatOptions()):e.single:this.stagingRange.start?this.granularity==="day"?t=fe(this.stagingRange.start,this.stagingRange.end??this.stagingRange.start,this.locale):t=this.formatCoarseRangePreview():t=e.range,u`<div id="modal-date-preview">${t}</div>`}renderTimeSection(){if(!this.isWithTimeActive())return $;let e=this.resolvedHourFormat(),t=this.stagingTime??{hour:0,minute:0},a=t.hour<12?"AM":"PM";return u`
|
|
782
786
|
<div id="time-section">
|
|
783
|
-
${
|
|
787
|
+
${Ie({visual:"buttons",format:e,hour:t.hour,minute:t.minute,period:a,stepMinute:this.stepMinute,disabled:this.disabled,noAnimation:this.noAnimation,onHourChange:this.handleTimeHourChange,onMinuteChange:this.handleTimeMinuteChange,onPeriodChange:this.handleTimePeriodChange})}
|
|
784
788
|
${this.renderTimezoneLabel()}
|
|
785
789
|
</div>
|
|
786
|
-
`}renderTimezoneLabel(){if(!this.timezone||
|
|
790
|
+
`}renderTimezoneLabel(){if(!this.timezone||Oe(this.timezone))return $;let e=this.stagingValue??new Date,t=Ne(e,this.timezone,{locale:this.locale});return u`<p id="timezone-label">${t}</p>`}renderPopoverFooter(){return this.isWithTimeActive()?u`
|
|
787
791
|
<div id="popover-footer" class="modal-footer">
|
|
788
792
|
<eun-button
|
|
789
793
|
appearance="ghost"
|
|
790
794
|
id="popover-cancel"
|
|
791
795
|
@click=${this.handlePopoverCancel}
|
|
792
796
|
>
|
|
793
|
-
${this.cancelLabel}
|
|
797
|
+
${this.cancelLabel??this.dictionary.common.cancel}
|
|
794
798
|
</eun-button>
|
|
795
799
|
<eun-button id="popover-apply" @click=${this.handlePopoverApply}>
|
|
796
800
|
${this.applyLabel}
|
|
797
801
|
</eun-button>
|
|
798
802
|
</div>
|
|
799
|
-
|
|
803
|
+
`:$}render(){return u`
|
|
800
804
|
<div id="wrapper">
|
|
801
805
|
${this.renderFormLabels("calendar-trigger")} ${this.renderField()}
|
|
802
806
|
${this.renderDescription()}
|
|
@@ -813,7 +817,7 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
813
817
|
?open=${this.isModalOpen}
|
|
814
818
|
.closeable=${!1}
|
|
815
819
|
confirm-label=${this.applyLabel}
|
|
816
|
-
cancel-label=${this.cancelLabel}
|
|
820
|
+
cancel-label=${this.cancelLabel??this.dictionary.common.cancel}
|
|
817
821
|
aria-label=${this.label??this.headingFor()}
|
|
818
822
|
@eunconfirm=${this.handleModalConfirm}
|
|
819
823
|
@euncancel=${this.handleModalCancel}
|
|
@@ -830,18 +834,18 @@ import{a as we,b as Z,c as Te,d as ke,e as Me,f as $e,g as J,h as W,i as Ce,j as
|
|
|
830
834
|
${this.renderGrid()}
|
|
831
835
|
</div>
|
|
832
836
|
${this.renderTimeSection()}
|
|
833
|
-
|
|
837
|
+
`:$}
|
|
834
838
|
<div slot="footer" class="modal-footer">
|
|
835
839
|
<eun-button
|
|
836
840
|
appearance="ghost"
|
|
837
841
|
id="cancel"
|
|
838
842
|
@click=${()=>this.modalEl?.cancel()}
|
|
839
843
|
>
|
|
840
|
-
${this.cancelLabel}
|
|
844
|
+
${this.cancelLabel??this.dictionary.common.cancel}
|
|
841
845
|
</eun-button>
|
|
842
846
|
<eun-button id="confirm" @click=${()=>this.modalEl?.confirm()}>
|
|
843
847
|
${this.applyLabel}
|
|
844
848
|
</eun-button>
|
|
845
849
|
</div>
|
|
846
850
|
</eun-modal>
|
|
847
|
-
`}};o.styles=[
|
|
851
|
+
`}};o.styles=[_e,...q?[]:[Ue],ze,We,je,Be,Ve,z.base,z.errorMessages,z.hintMessages],o.SWIPE_THRESHOLD_PX=40,l([h({reflect:!0,useDefault:!0})],o.prototype,"mode",2),l([h({reflect:!0,useDefault:!0})],o.prototype,"granularity",2),l([h({attribute:"default-value",converter:{fromAttribute:e=>le(e),toAttribute:e=>e?de(e):null}})],o.prototype,"defaultValue",1),l([h({attribute:!1})],o.prototype,"rangeValue",2),l([h({type:Number,attribute:"week-starts-on"})],o.prototype,"weekStartsOn",2),l([h({type:Boolean,attribute:"work-week"})],o.prototype,"workWeek",2),l([h({type:Boolean,reflect:!0,attribute:"no-animation"})],o.prototype,"noAnimation",2),l([h({type:Boolean,reflect:!0,attribute:"with-time"})],o.prototype,"withTime",2),l([h()],o.prototype,"timezone",2),l([h({type:Number,attribute:"hour-format"})],o.prototype,"hourFormat",2),l([h({type:Number,attribute:"step-minute"})],o.prototype,"stepMinute",2),l([h({attribute:"min-time"})],o.prototype,"minTime",2),l([h({attribute:"max-time"})],o.prototype,"maxTime",2),l([h({attribute:!1})],o.prototype,"minDate",2),l([h({attribute:!1})],o.prototype,"maxDate",2),l([h({attribute:!1})],o.prototype,"isDateDisabled",2),l([h({attribute:"today-label"})],o.prototype,"todayLabel",2),l([h({attribute:"apply-label"})],o.prototype,"applyLabel",2),l([h({attribute:"cancel-label"})],o.prototype,"cancelLabel",2),l([h({attribute:"calendar-label"})],o.prototype,"calendarLabel",2),l([h({attribute:"day-placeholder"})],o.prototype,"dayPlaceholder",2),l([h({attribute:"month-placeholder"})],o.prototype,"monthPlaceholder",2),l([h({attribute:"year-placeholder"})],o.prototype,"yearPlaceholder",2),l([h({attribute:"hour-placeholder"})],o.prototype,"hourPlaceholder",2),l([h({attribute:"minute-placeholder"})],o.prototype,"minutePlaceholder",2),l([h({attribute:"default-range-value",converter:{fromAttribute:e=>{if(!e)return;let[t,a]=e.split(",").map(i=>i.trim());return{start:le(t),end:le(a)}},toAttribute:e=>e?`${de(e.start)},${de(e.end)}`:null}})],o.prototype,"defaultRangeValue",2),l([b()],o.prototype,"isOpen",2),l([b()],o.prototype,"isModalOpen",2),l([b()],o.prototype,"displayedAnchor",2),l([b()],o.prototype,"focusedDate",2),l([b()],o.prototype,"navLevel",2),l([b()],o.prototype,"hoverDate",2),l([b()],o.prototype,"stagingValue",2),l([b()],o.prototype,"stagingRange",2),l([b()],o.prototype,"stagingTime",2),l([b()],o.prototype,"segments",2),l([b()],o.prototype,"rangeSegments",2),l([b()],o.prototype,"timeSegments",2),l([R("#calendar-trigger")],o.prototype,"triggerEl",2),l([R("#calendar-popover")],o.prototype,"popoverEl",2),l([R("#field-wrapper")],o.prototype,"fieldWrapperEl",2),l([R("#modal-date")],o.prototype,"modalEl",2),l([R("#calendar-swipe-area")],o.prototype,"swipeAreaEl",2),l([R(".segment")],o.prototype,"firstSegmentEl",2),o=l([ue(ct)],o);function gt(r){return Object.values(r).some(n=>n.length>0)}function vt(r){return r.hour!==""||r.minute!==""||r.period!==""}function ft(r){let n=new Date;switch(r){case"year":return n.getFullYear();case"month":return n.getMonth()+1;default:return n.getDate()}}function le(r){if(!r)return null;let n=new Date(r);return Number.isNaN(n.getTime())?null:n}function de(r){return r?r.toISOString().slice(0,10):""}export{o as EunomiaDatePicker,ct as EunomiaDatePickerTagName};
|