@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,328 +0,0 @@
|
|
|
1
|
-
import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as n,g as b,h as o,n as s,p as c,s as d}from"./chunk-XH6NREVZ.js";var a=class l extends Event{static{this.eventName="euntablerowclick"}constructor(i){super(l.eventName,{bubbles:!0,composed:!1}),this.rowKey=i}};var y=b`
|
|
2
|
-
:host {
|
|
3
|
-
--_table-row-transition-duration: var(
|
|
4
|
-
--table-row-transition-duration,
|
|
5
|
-
200ms
|
|
6
|
-
);
|
|
7
|
-
position: relative;
|
|
8
|
-
background-color: var(
|
|
9
|
-
--table-row-background,
|
|
10
|
-
var(--eun-surface-color, #ffffff)
|
|
11
|
-
);
|
|
12
|
-
box-shadow: inset 0 0 0 9999px transparent;
|
|
13
|
-
border-bottom: var(--eun-border-width-s, 1px) solid
|
|
14
|
-
var(--table-border-color, var(--eun-border-color, #dee0e7));
|
|
15
|
-
transition:
|
|
16
|
-
background-color var(--_table-row-transition-duration) ease,
|
|
17
|
-
box-shadow var(--_table-row-transition-duration) ease;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
:host(:last-child) {
|
|
21
|
-
border-bottom: none;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
:host(:hover:not([sticky-bottom]):not([selected])),
|
|
25
|
-
:host(:focus-within:not([sticky-bottom]):not([selected])) {
|
|
26
|
-
box-shadow: inset 0 0 0 9999px
|
|
27
|
-
var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
:host([selected]) {
|
|
31
|
-
box-shadow: inset 0 0 0 9999px
|
|
32
|
-
var(
|
|
33
|
-
--table-row-selected-background,
|
|
34
|
-
var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:host([sticky-bottom]) {
|
|
39
|
-
position: sticky;
|
|
40
|
-
bottom: 0;
|
|
41
|
-
z-index: var(--_table-z-sticky-row, 3);
|
|
42
|
-
border-top: var(--eun-border-width-s, 1px) solid
|
|
43
|
-
var(
|
|
44
|
-
--table-sticky-border-color,
|
|
45
|
-
var(--table-border-color, var(--eun-border-color, #dee0e7))
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:host([sticky-bottom]:not([selected])) {
|
|
50
|
-
background-color: var(
|
|
51
|
-
--table-sticky-row-background,
|
|
52
|
-
var(--table-row-background, var(--eun-surface-color, #ffffff))
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
:host([sticky-bottom]) #select-cell {
|
|
57
|
-
background-color: var(
|
|
58
|
-
--table-sticky-row-background,
|
|
59
|
-
var(
|
|
60
|
-
--table-sticky-column-background,
|
|
61
|
-
var(--table-row-background, var(--eun-surface-color, #ffffff))
|
|
62
|
-
)
|
|
63
|
-
);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
#select-cell {
|
|
67
|
-
position: sticky;
|
|
68
|
-
left: 0;
|
|
69
|
-
z-index: var(--_table-z-checkbox, 1);
|
|
70
|
-
background-color: var(
|
|
71
|
-
--table-sticky-column-background,
|
|
72
|
-
var(--table-row-background, var(--eun-surface-color, #ffffff))
|
|
73
|
-
);
|
|
74
|
-
box-shadow: inset 0 0 0 9999px transparent;
|
|
75
|
-
padding-inline-start: var(--eun-space-s);
|
|
76
|
-
border-inline-end: var(--eun-border-width-s, 1px) solid
|
|
77
|
-
var(
|
|
78
|
-
--table-sticky-border-color,
|
|
79
|
-
var(--table-column-border-color, transparent)
|
|
80
|
-
);
|
|
81
|
-
transition:
|
|
82
|
-
background-color var(--_table-row-transition-duration) ease,
|
|
83
|
-
box-shadow var(--_table-row-transition-duration) ease;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
:host(:hover:not([sticky-bottom]):not([selected])) #select-cell,
|
|
87
|
-
:host(:focus-within:not([sticky-bottom]):not([selected])) #select-cell {
|
|
88
|
-
box-shadow: inset 0 0 0 9999px
|
|
89
|
-
var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
:host([selected]) #select-cell {
|
|
93
|
-
box-shadow: inset 0 0 0 9999px
|
|
94
|
-
var(
|
|
95
|
-
--table-row-selected-background,
|
|
96
|
-
var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
|
|
97
|
-
);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
:host([sticky-first-column]) ::slotted(:first-of-type) {
|
|
101
|
-
background-color: var(
|
|
102
|
-
--table-sticky-column-background,
|
|
103
|
-
var(--table-row-background, var(--eun-surface-color, #ffffff))
|
|
104
|
-
);
|
|
105
|
-
box-shadow: inset 0 0 0 9999px transparent;
|
|
106
|
-
transition:
|
|
107
|
-
background-color var(--_table-row-transition-duration) ease,
|
|
108
|
-
box-shadow var(--_table-row-transition-duration) ease;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
:host([sticky-first-column][sticky-bottom]) ::slotted(:first-of-type) {
|
|
112
|
-
background-color: var(
|
|
113
|
-
--table-sticky-row-background,
|
|
114
|
-
var(
|
|
115
|
-
--table-sticky-column-background,
|
|
116
|
-
var(--table-row-background, var(--eun-surface-color, #ffffff))
|
|
117
|
-
)
|
|
118
|
-
);
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
:host([sticky-first-column]:hover:not([sticky-bottom]):not([selected]))
|
|
122
|
-
::slotted(:first-of-type),
|
|
123
|
-
:host([sticky-first-column]:focus-within:not([sticky-bottom]):not([selected]))
|
|
124
|
-
::slotted(:first-of-type) {
|
|
125
|
-
box-shadow: inset 0 0 0 9999px
|
|
126
|
-
var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
:host([sticky-first-column][selected]:not([sticky-bottom]))
|
|
130
|
-
::slotted(:first-of-type) {
|
|
131
|
-
box-shadow: inset 0 0 0 9999px
|
|
132
|
-
var(
|
|
133
|
-
--table-row-selected-background,
|
|
134
|
-
var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
|
|
135
|
-
);
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
:host([sticky-first-column]) ::slotted(:first-of-type) {
|
|
139
|
-
position: sticky;
|
|
140
|
-
left: var(--_table-select-offset, 0px);
|
|
141
|
-
z-index: var(--_table-z-sticky-col, 2);
|
|
142
|
-
border-inline-end: var(--eun-border-width-s, 1px) solid
|
|
143
|
-
var(
|
|
144
|
-
--table-sticky-border-color,
|
|
145
|
-
var(--table-column-border-color, transparent)
|
|
146
|
-
);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
:host([sticky-last-column]) #action-cell,
|
|
150
|
-
:host([sticky-last-column]) ::slotted(:last-of-type) {
|
|
151
|
-
background-color: var(
|
|
152
|
-
--table-sticky-column-background,
|
|
153
|
-
var(--table-row-background, var(--eun-surface-color, #ffffff))
|
|
154
|
-
);
|
|
155
|
-
box-shadow: inset 0 0 0 9999px transparent;
|
|
156
|
-
transition:
|
|
157
|
-
background-color var(--_table-row-transition-duration) ease,
|
|
158
|
-
box-shadow var(--_table-row-transition-duration) ease;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
:host([sticky-last-column][sticky-bottom]) #action-cell,
|
|
162
|
-
:host([sticky-last-column][sticky-bottom]) ::slotted(:last-of-type) {
|
|
163
|
-
background-color: var(
|
|
164
|
-
--table-sticky-row-background,
|
|
165
|
-
var(
|
|
166
|
-
--table-sticky-column-background,
|
|
167
|
-
var(--table-row-background, var(--eun-surface-color, #ffffff))
|
|
168
|
-
)
|
|
169
|
-
);
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
:host([sticky-last-column]:hover:not([sticky-bottom]):not([selected]))
|
|
173
|
-
#action-cell,
|
|
174
|
-
:host([sticky-last-column]:hover:not([sticky-bottom]):not([selected]))
|
|
175
|
-
::slotted(:last-of-type),
|
|
176
|
-
:host([sticky-last-column]:focus-within:not([sticky-bottom]):not([selected]))
|
|
177
|
-
#action-cell,
|
|
178
|
-
:host([sticky-last-column]:focus-within:not([sticky-bottom]):not([selected]))
|
|
179
|
-
::slotted(:last-of-type) {
|
|
180
|
-
box-shadow: inset 0 0 0 9999px
|
|
181
|
-
var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
:host([sticky-last-column][selected]:not([sticky-bottom])) #action-cell,
|
|
185
|
-
:host([sticky-last-column][selected]:not([sticky-bottom]))
|
|
186
|
-
::slotted(:last-of-type) {
|
|
187
|
-
box-shadow: inset 0 0 0 9999px
|
|
188
|
-
var(
|
|
189
|
-
--table-row-selected-background,
|
|
190
|
-
var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
|
|
191
|
-
);
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
:host([sticky-first-column][selected][sticky-bottom])
|
|
195
|
-
::slotted(:first-of-type) {
|
|
196
|
-
background-color: var(
|
|
197
|
-
--table-row-selected-background,
|
|
198
|
-
var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
|
|
199
|
-
);
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
:host([sticky-last-column][selected][sticky-bottom]) #action-cell,
|
|
203
|
-
:host([sticky-last-column][selected][sticky-bottom])
|
|
204
|
-
::slotted(:last-of-type) {
|
|
205
|
-
background-color: var(
|
|
206
|
-
--table-row-selected-background,
|
|
207
|
-
var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
|
|
208
|
-
);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
:host([sticky-last-column]) #action-cell {
|
|
212
|
-
position: sticky;
|
|
213
|
-
right: 0;
|
|
214
|
-
z-index: var(--_table-z-sticky-col, 2);
|
|
215
|
-
border-inline-start: var(--eun-border-width-s, 1px) solid
|
|
216
|
-
var(
|
|
217
|
-
--table-sticky-border-color,
|
|
218
|
-
var(--table-column-border-color, transparent)
|
|
219
|
-
);
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
:host([sticky-last-column]) ::slotted(:last-of-type) {
|
|
223
|
-
position: sticky;
|
|
224
|
-
right: var(--_table-action-offset, 0px);
|
|
225
|
-
z-index: var(--_table-z-sticky-col, 2);
|
|
226
|
-
border-inline-start: var(--eun-border-width-s, 1px) solid
|
|
227
|
-
var(
|
|
228
|
-
--table-sticky-border-color,
|
|
229
|
-
var(--table-column-border-color, transparent)
|
|
230
|
-
);
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
#select-cell eun-checkbox {
|
|
234
|
-
opacity: 0;
|
|
235
|
-
--checkbox-border-color: transparent;
|
|
236
|
-
--checkbox-background: var(
|
|
237
|
-
--table-checkbox-background,
|
|
238
|
-
var(--eun-color-grey-300, #dee0e7)
|
|
239
|
-
);
|
|
240
|
-
--checkbox-background-hover: var(
|
|
241
|
-
--table-checkbox-hover,
|
|
242
|
-
var(--eun-color-grey-400, #c1c9d6)
|
|
243
|
-
);
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
:host(:hover:not([sticky-bottom])) #select-cell eun-checkbox,
|
|
247
|
-
:host([selected]) #select-cell eun-checkbox,
|
|
248
|
-
:host([selection-active]) #select-cell eun-checkbox,
|
|
249
|
-
:host([checkbox-always-visible]) #select-cell eun-checkbox {
|
|
250
|
-
opacity: 1;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
:host(:focus-within) #select-cell eun-checkbox {
|
|
254
|
-
opacity: 1;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
::slotted([slot="action"]) {
|
|
258
|
-
transition: none;
|
|
259
|
-
opacity: 0;
|
|
260
|
-
--button-text: var(--table-action-color);
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
:host(:hover:not([sticky-bottom])) ::slotted([slot="action"]),
|
|
264
|
-
:host([action-always-visible]) ::slotted([slot="action"]) {
|
|
265
|
-
opacity: 1;
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
:host(:focus-within) ::slotted([slot="action"]) {
|
|
269
|
-
opacity: 1;
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
::slotted([slot="action"][open]) {
|
|
273
|
-
opacity: 1;
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
:host([selection-active]) ::slotted([slot="action"]) {
|
|
277
|
-
opacity: 0 !important;
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
:host([clickable]:not([has-action])) {
|
|
281
|
-
cursor: pointer;
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
:host([syncing])::after {
|
|
285
|
-
content: "";
|
|
286
|
-
position: absolute;
|
|
287
|
-
inset: 0;
|
|
288
|
-
pointer-events: none;
|
|
289
|
-
background-image: linear-gradient(
|
|
290
|
-
90deg,
|
|
291
|
-
transparent 0%,
|
|
292
|
-
var(--table-sync-overlay-color, var(--eun-surface-color, #ffffff)) 50%,
|
|
293
|
-
transparent 100%
|
|
294
|
-
);
|
|
295
|
-
background-size: 200% 100%;
|
|
296
|
-
animation: eun-table-row-sync-shimmer var(--table-sync-duration, 1.6s)
|
|
297
|
-
ease-in-out infinite;
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
@keyframes eun-table-row-sync-shimmer {
|
|
301
|
-
0% {
|
|
302
|
-
background-position: -200% 0;
|
|
303
|
-
}
|
|
304
|
-
100% {
|
|
305
|
-
background-position: 200% 0;
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
|
|
309
|
-
@media (prefers-reduced-motion: reduce) {
|
|
310
|
-
:host([syncing])::after {
|
|
311
|
-
animation: none;
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
`,v=y;var p="eun-table-item",t=class extends u(d){constructor(){super(...arguments);this.stickyBottom=!1;this.selected=!1;this.selectionActive=!1;this.selectable=!1;this.hasAction=!1;this.checkboxAlwaysVisible=!1;this.actionAlwaysVisible=!1;this.stickyFirstColumn=!1;this.stickyLastColumn=!1;this.clickable=!1;this.syncing=!1;this.resolvedKey="";this.selectCheckboxLabel="Select row";this.activateLeadingRowFocusTarget=()=>{this.handleClick()};this.handleClick=()=>{if(this.selectionActive){this.onToggleSelected?.();return}this.dispatchEvent(new a(this.resolvedKey||this.rowKey||""))}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","row"),this.addEventListener("click",this.handleClick)}disconnectedCallback(){this.removeEventListener("click",this.handleClick),super.disconnectedCallback?.()}updated(r){super.updated(r),(r.has("selected")||r.has("selectable"))&&(this.selectable?this.setAttribute("aria-selected",this.selected?"true":"false"):this.removeAttribute("aria-selected"))}render(){return s`
|
|
315
|
-
${this.selectable?f({role:"gridcell",checked:this.selected,ariaLabel:this.selectCheckboxLabel,onChange:()=>this.onToggleSelected?.()}):c}
|
|
316
|
-
<slot></slot>
|
|
317
|
-
${this.hasAction?s`
|
|
318
|
-
<div
|
|
319
|
-
id="action-cell"
|
|
320
|
-
role="gridcell"
|
|
321
|
-
tabindex="-1"
|
|
322
|
-
?inert=${this.selectionActive}
|
|
323
|
-
@click=${r=>r.stopPropagation()}
|
|
324
|
-
>
|
|
325
|
-
<slot name="action"></slot>
|
|
326
|
-
</div>
|
|
327
|
-
`:c}
|
|
328
|
-
`}};t.styles=[k,h,v],e([o({reflect:!0,attribute:"row-key"})],t.prototype,"rowKey",2),e([o({type:Boolean,reflect:!0,attribute:"sticky-bottom"})],t.prototype,"stickyBottom",2),e([o({type:Boolean,reflect:!0})],t.prototype,"selected",2),e([o({type:Boolean,reflect:!0,attribute:"selection-active"})],t.prototype,"selectionActive",2),e([o({type:Boolean,reflect:!0})],t.prototype,"selectable",2),e([o({type:Boolean,reflect:!0,attribute:"has-action"})],t.prototype,"hasAction",2),e([o({type:Boolean,reflect:!0,attribute:"checkbox-always-visible"})],t.prototype,"checkboxAlwaysVisible",2),e([o({type:Boolean,reflect:!0,attribute:"action-always-visible"})],t.prototype,"actionAlwaysVisible",2),e([o({type:Boolean,reflect:!0,attribute:"sticky-first-column"})],t.prototype,"stickyFirstColumn",2),e([o({type:Boolean,reflect:!0,attribute:"sticky-last-column"})],t.prototype,"stickyLastColumn",2),e([o({type:Boolean,reflect:!0})],t.prototype,"clickable",2),e([o({type:Boolean,reflect:!0})],t.prototype,"syncing",2),e([o({attribute:!1})],t.prototype,"resolvedKey",2),e([o({attribute:!1})],t.prototype,"selectCheckboxLabel",2),t=e([n(p)],t);export{p as a,t as b};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as r,h as a}from"./chunk-XH6NREVZ.js";var e=class t extends Event{static{this.eventName="euncommit"}constructor(){super(t.eventName,{bubbles:!0,composed:!1})}};var c=t=>{class i extends t{constructor(){super(...arguments);this.readonlyAvailable=!1;this.editing=!1}startEdit(){this.disabled||!this.readonlyAvailable||this.editing||(this.valueOnEditStart=this.value,this.editing=!0)}confirmEdit(){this.checkValidity(this.value)&&(this.editing=!1,this.dispatchEvent(new e))}cancelEdit(){this.value=this.valueOnEditStart,this.editing=!1}}return r([a({type:Boolean,attribute:"readonly-available",reflect:!0})],i.prototype,"readonlyAvailable",2),r([a({type:Boolean,reflect:!0})],i.prototype,"editing",2),i};export{c as a};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import{g as a,n as i}from"./chunk-XH6NREVZ.js";var l=e=>{class n extends e{connectedCallback(){super.connectedCallback?.(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}firstUpdated(t){super.firstUpdated?.(t),this.addEventListener("keydown",o=>this.handleRowKeydown(o))}handleRowKeydown(t){if(t.target===this)switch(t.key){case"ArrowUp":t.preventDefault(),this.requestAdjacentRow?.(-1);return;case"ArrowDown":t.preventDefault(),this.requestAdjacentRow?.(1);return;case"Home":t.ctrlKey&&(t.preventDefault(),this.requestGridEdge?.("start"));return;case"End":t.ctrlKey&&(t.preventDefault(),this.requestGridEdge?.("end"));return;case"Enter":case" ":t.preventDefault(),this.activateLeadingRowFocusTarget?.();return;default:return}}}return n};function u(e,n){let r=[];n.selectable&&r.push("var(--eun-table-select-col-width, 40px)");for(let t of e)r.push(t?.trim()?t.trim():"minmax(0, 1fr)");return n.hasAction&&r.push("var(--eun-table-action-col-width, 56px)"),r.join(" ")||"none"}function b(e,n){return e?.length?e:`__row-${n}`}function h(e){return i`
|
|
2
|
-
<div
|
|
3
|
-
id="select-cell"
|
|
4
|
-
role=${e.role}
|
|
5
|
-
tabindex="-1"
|
|
6
|
-
@click=${n=>n.stopPropagation()}
|
|
7
|
-
>
|
|
8
|
-
<eun-checkbox
|
|
9
|
-
tabindex="0"
|
|
10
|
-
?checked=${e.checked}
|
|
11
|
-
.indeterminate=${e.indeterminate??!1}
|
|
12
|
-
aria-label=${e.ariaLabel}
|
|
13
|
-
?disabled=${e.disabled??!1}
|
|
14
|
-
@eunchange=${e.onChange}
|
|
15
|
-
@click=${()=>{e.indeterminate&&e.onChange()}}
|
|
16
|
-
></eun-checkbox>
|
|
17
|
-
</div>
|
|
18
|
-
`}var x=a`
|
|
19
|
-
:host {
|
|
20
|
-
display: grid;
|
|
21
|
-
grid-column: 1 / -1;
|
|
22
|
-
grid-template-columns: subgrid;
|
|
23
|
-
align-items: stretch;
|
|
24
|
-
box-sizing: border-box;
|
|
25
|
-
--_table-select-offset: 0px;
|
|
26
|
-
--_table-action-offset: 0px;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
:host([selectable]) {
|
|
30
|
-
--_table-select-offset: var(--eun-table-select-col-width, 40px);
|
|
31
|
-
cursor: pointer;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:host([has-action]) {
|
|
35
|
-
--_table-action-offset: var(--eun-table-action-col-width, 56px);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
#select-cell,
|
|
39
|
-
#action-cell {
|
|
40
|
-
display: flex;
|
|
41
|
-
align-items: center;
|
|
42
|
-
box-sizing: border-box;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
#select-cell {
|
|
46
|
-
justify-content: center;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
#select-cell eun-checkbox {
|
|
50
|
-
font-size: calc(var(--checkbox-size, 16px) + 2px);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
#action-cell {
|
|
54
|
-
justify-content: flex-end;
|
|
55
|
-
padding-inline-end: var(--eun-space-m, 16px);
|
|
56
|
-
}
|
|
57
|
-
`;var w=a`
|
|
58
|
-
:host {
|
|
59
|
-
--_table-z-cell: 0;
|
|
60
|
-
--_table-z-checkbox: 1;
|
|
61
|
-
--_table-z-sticky-col: 2;
|
|
62
|
-
--_table-z-sticky-row: 3;
|
|
63
|
-
--_table-z-header: 4;
|
|
64
|
-
--_table-z-corner: 5;
|
|
65
|
-
}
|
|
66
|
-
`;export{l as a,u as b,b as c,h as d,x as e,w as f};
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-L65WUTXM.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-LFCXUVDO.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-32DTNR52.js";import{a as p}from"./chunk-A4EQSU36.js";import{a as l}from"./chunk-5EVP7YNE.js";import{a as i,f as u,g as b,h as t,i as m,j as f,l as y,n as r,p as n,s as g}from"./chunk-XH6NREVZ.js";var C=b`
|
|
2
|
-
.has-trailing-action #field {
|
|
3
|
-
padding-inline-end: calc(
|
|
4
|
-
calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
|
|
5
|
-
);
|
|
6
|
-
}
|
|
7
|
-
#field[type="search"]::-webkit-search-cancel-button {
|
|
8
|
-
appearance: none;
|
|
9
|
-
display: none;
|
|
10
|
-
}
|
|
11
|
-
`,S=[V,C];var P="eun-input",A=v($(g)),F=T(M(w(L(x(A))))),e=class extends F{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
|
|
12
|
-
<div
|
|
13
|
-
id="readonly-display"
|
|
14
|
-
role="button"
|
|
15
|
-
tabindex="0"
|
|
16
|
-
aria-label=${l(this.label)}
|
|
17
|
-
@click=${this.startEdit}
|
|
18
|
-
@keydown=${s=>(s.key==="Enter"||s.key===" ")&&this.startEdit()}
|
|
19
|
-
>
|
|
20
|
-
<span class=${p({empty:!a})}
|
|
21
|
-
>${a?this.value:this.emptyValueLabel}</span
|
|
22
|
-
>
|
|
23
|
-
</div>
|
|
24
|
-
`}renderTrailingAddon(a){return n}hasTrailingAddon(){return!1}renderField(a){let s=this.type==="password",c=this.clearable&&!s&&!!this.value&&!this.disabled;return r`
|
|
25
|
-
<div
|
|
26
|
-
id="field-wrapper"
|
|
27
|
-
class=${p({"has-icon":!!this.icon||!!this.iconSlotEls?.length,"has-trailing-action":c||s||this.hasTrailingAddon()})}
|
|
28
|
-
>
|
|
29
|
-
<slot name="icon" @slotchange=${this.handleIconSlotChange}>
|
|
30
|
-
${this.icon?r`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:n}
|
|
31
|
-
</slot>
|
|
32
|
-
<input
|
|
33
|
-
id="field"
|
|
34
|
-
type=${s?this.showPassword?"text":"password":this.type}
|
|
35
|
-
.value=${this.value??""}
|
|
36
|
-
placeholder=${l(this.placeholder)}
|
|
37
|
-
autocomplete=${this.autocomplete}
|
|
38
|
-
?disabled=${this.disabled}
|
|
39
|
-
?readonly=${this.readonly}
|
|
40
|
-
?required=${this.required}
|
|
41
|
-
minlength=${l(this.minlength)}
|
|
42
|
-
maxlength=${l(this.maxlength)}
|
|
43
|
-
pattern=${l(this.pattern)}
|
|
44
|
-
min=${l(this.min)}
|
|
45
|
-
max=${l(this.max)}
|
|
46
|
-
step=${l(this.step)}
|
|
47
|
-
inputmode=${this.type==="number"?"numeric":this.type==="email"?"email":n}
|
|
48
|
-
aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
|
|
49
|
-
aria-label=${l(this.label)}
|
|
50
|
-
aria-describedby=${a?"description":n}
|
|
51
|
-
@input=${this.handleInput}
|
|
52
|
-
/>
|
|
53
|
-
${o(c,()=>r`
|
|
54
|
-
<button
|
|
55
|
-
type="button"
|
|
56
|
-
id="clear"
|
|
57
|
-
@click=${this.handleClear}
|
|
58
|
-
aria-label=${this.ariaLabelClear}
|
|
59
|
-
tabindex="-1"
|
|
60
|
-
>
|
|
61
|
-
<eun-icon name="cancel" size="16"></eun-icon>
|
|
62
|
-
</button>
|
|
63
|
-
`)}
|
|
64
|
-
${o(s,()=>r`
|
|
65
|
-
<button
|
|
66
|
-
type="button"
|
|
67
|
-
id="password-toggle"
|
|
68
|
-
@click=${this.togglePasswordVisibility}
|
|
69
|
-
aria-label=${this.showPassword?this.ariaLabelHidePassword:this.ariaLabelShowPassword}
|
|
70
|
-
aria-pressed=${this.showPassword}
|
|
71
|
-
tabindex="-1"
|
|
72
|
-
>
|
|
73
|
-
<eun-icon
|
|
74
|
-
name=${this.showPassword?"visibility_off":"visibility"}
|
|
75
|
-
size="16"
|
|
76
|
-
></eun-icon>
|
|
77
|
-
</button>
|
|
78
|
-
`)}
|
|
79
|
-
${this.renderTrailingAddon(c)}
|
|
80
|
-
</div>
|
|
81
|
-
${o(this.readonlyAvailable,()=>r`
|
|
82
|
-
<div id="edit-actions">
|
|
83
|
-
<eun-button
|
|
84
|
-
class="confirm"
|
|
85
|
-
size="s"
|
|
86
|
-
color="primary"
|
|
87
|
-
appearance="default"
|
|
88
|
-
rounded
|
|
89
|
-
type="button"
|
|
90
|
-
@click=${this.confirmEdit}
|
|
91
|
-
>${this.confirmLabel}</eun-button
|
|
92
|
-
>
|
|
93
|
-
<eun-button
|
|
94
|
-
class="cancel"
|
|
95
|
-
size="s"
|
|
96
|
-
appearance="flat"
|
|
97
|
-
rounded
|
|
98
|
-
type="button"
|
|
99
|
-
@click=${this.cancelEdit}
|
|
100
|
-
>${this.cancelLabel}</eun-button
|
|
101
|
-
>
|
|
102
|
-
</div>
|
|
103
|
-
`)}
|
|
104
|
-
`}render(){let a=this.readonlyAvailable&&!this.editing,s=this.renderDescription();return r`
|
|
105
|
-
<div id="wrapper">
|
|
106
|
-
${this.renderFormLabels(a?void 0:"field")}
|
|
107
|
-
${a?this.renderReadonlyDisplay():this.renderField(s!==n)}
|
|
108
|
-
${s}
|
|
109
|
-
</div>
|
|
110
|
-
`}};e.styles=[S,d.base,d.errorMessages,d.hintMessages],i([t({reflect:!0})],e.prototype,"type",2),i([t({attribute:"default-value"})],e.prototype,"defaultValue",1),i([t()],e.prototype,"placeholder",2),i([t()],e.prototype,"icon",2),i([t({type:Boolean})],e.prototype,"clearable",2),i([t()],e.prototype,"autocomplete",2),i([t({type:Number})],e.prototype,"minlength",2),i([t({type:Number})],e.prototype,"maxlength",2),i([t()],e.prototype,"pattern",2),i([t()],e.prototype,"min",2),i([t()],e.prototype,"max",2),i([t()],e.prototype,"step",2),i([t({attribute:"empty-value-label"})],e.prototype,"emptyValueLabel",2),i([t({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),i([t({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),i([t({attribute:"aria-label-clear"})],e.prototype,"ariaLabelClear",2),i([t({attribute:"aria-label-show-password"})],e.prototype,"ariaLabelShowPassword",2),i([t({attribute:"aria-label-hide-password"})],e.prototype,"ariaLabelHidePassword",2),i([m()],e.prototype,"showPassword",2),i([f("#field")],e.prototype,"fieldEl",2),i([y({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([u(P)],e);export{P as a,e as b};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as l,i,j as n}from"./chunk-XH6NREVZ.js";var a=30,v=16,m=c=>{class o extends c{constructor(){super(...arguments);this.overflowState=!1;this.resizeObserver=new ResizeObserver(()=>{this.resizeObserverCallback(),this.handleOverflow()})}firstUpdated(e){super.firstUpdated(e),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),super.disconnectedCallback?.()}scrollItem(e){return()=>{this.scrollableElement.scrollBy({behavior:"smooth",left:150*(e==="front"?1:-1)})}}updateScroll(){this.overflowState=this.getOverflowStatus()}isOnOverflow(){let e=this.shadowRoot?.querySelector('slot[name="navigation"]');if(!e||!(e instanceof HTMLSlotElement))return!1;let t=e.assignedElements();if(!t||!t.length)return!1;let r=t.reduce((d,f)=>d+(f.getBoundingClientRect().width||0),0)+(t.length-1)*this.getContentGap(),s=this.shadowRoot?.querySelector("#scrollable");return s?r>s.clientWidth:!1}getContentGap(){let e=this.shadowRoot?.host??document.body,t=getComputedStyle(e).getPropertyValue("--eun-overflow-content-gap")||v;return typeof t=="number"?t:parseFloat(t)}handleOverflow(){(!this.overflowState&&this.isOnOverflow()||this.overflowState&&!this.isOnOverflow())&&this.updateScroll()}getOverflowStatus(){if(!this.isOnOverflow())return!1;let e=this.scrollableElement,t=e.scrollWidth-e.scrollLeft-e.clientWidth<a,r=e.scrollLeft<a;return!r&&!t?"middle":r?"start":t?"end":!1}resizeObserverCallback(){}}return l([i()],o.prototype,"overflowState",2),l([n("#scrollable")],o.prototype,"scrollableElement",2),o};export{m as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as r}from"./chunk-YYCEPZUN.js";import{a as i,h as a}from"./chunk-XH6NREVZ.js";var l=s=>{class t extends s{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","checkbox"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1,this.dirty=!1,this.touched=!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid)),e.has("required")&&this.setAttribute("aria-required",String(this.required))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)){if(e.preventDefault(),this.checked=!this.checked,this.updateInternals(),this.checkValidity(this.checked),this.description){let d=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",d)}else this.removeAttribute("aria-description");this.dispatchEvent(new r(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return i([a({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([a({type:Boolean,attribute:"default-checked"})],t.prototype,"defaultChecked",2),t};export{l as a};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{n as i}from"./chunk-XH6NREVZ.js";function l(e){let n=[];for(let t of e)if(t instanceof HTMLOptionElement)n.push({value:t.value,label:t.textContent?.trim()??t.value});else if(t instanceof HTMLOptGroupElement)for(let o of Array.from(t.querySelectorAll("option")))n.push({value:o.value,label:o.textContent?.trim()??o.value,group:t.label});return n}function p(e,n){if(!n)return e;let t=e.toLowerCase().indexOf(n);return t===-1?e:i`${e.slice(0,t)}<mark
|
|
2
|
-
>${e.slice(t,t+n.length)}</mark
|
|
3
|
-
>${e.slice(t+n.length)}`}export{l as a,p as b};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import{a as t,f as l,g as o,n as r,s as a}from"./chunk-XH6NREVZ.js";var s=o`
|
|
2
|
-
:host {
|
|
3
|
-
display: flex;
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
min-width: 0;
|
|
6
|
-
border-inline-end: var(--eun-border-width-s, 1px) solid
|
|
7
|
-
var(--table-column-border-color, transparent);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
:host(:focus-visible) {
|
|
11
|
-
outline: 2px solid var(--eun-color-primary-500, #3d6fff);
|
|
12
|
-
outline-offset: -2px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
#cell {
|
|
16
|
-
display: flex;
|
|
17
|
-
align-items: center;
|
|
18
|
-
justify-content: var(--table-cell-align, flex-start);
|
|
19
|
-
box-sizing: border-box;
|
|
20
|
-
width: 100%;
|
|
21
|
-
min-width: 0;
|
|
22
|
-
padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
|
|
23
|
-
font-size: var(--eun-font-size-s, 13px);
|
|
24
|
-
color: var(--table-cell-color, var(--eun-text-color, #071621));
|
|
25
|
-
overflow: hidden;
|
|
26
|
-
}
|
|
27
|
-
`,i=s;var n="eun-table-cell",e=class extends a{connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","gridcell")}render(){return r`<div id="cell" part="cell"><slot></slot></div>`}};e.styles=i,e=t([l(n)],e);export{n as a,e as b};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as r,h as a}from"./chunk-XH6NREVZ.js";var o=n=>{class e extends n{constructor(){super(...arguments);this.appearance="outline"}}return r([a({reflect:!0})],e.prototype,"appearance",2),e};export{o as a};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import{a as m}from"./chunk-YYCEPZUN.js";import{a,g as h,h as n,i as o,n as u,p as g}from"./chunk-XH6NREVZ.js";var T=l=>{class i extends l{constructor(){super(...arguments);this.readonly=!1}updated(e){super.updated(e),e.has("readonly")&&this.setAttribute("aria-readonly",String(this.readonly))}}return a([n({type:Boolean,reflect:!0})],i.prototype,"readonly",2),i};function b(l,i,c){return l?i(l):c?.(l)}var H=l=>{class i extends l{constructor(...e){super(...e);this.hideError=!1;this.checkable=!1;this.checked=!1;this.dirty=!1;this.touched=!1;this.controlled=!1;this.#e=()=>{this.dirty||(this.dirty=!0)};this.#t=()=>{this.touched||(this.touched=!0)};this.internals||(this.internals=this.attachInternals())}static{this.formAssociated=!0}#e;#t;get pristine(){return!this.dirty}get untouched(){return!this.touched}get defaultValue(){return this.internalDefaultValue}set defaultValue(e){let t=this.value==null||Array.isArray(this.value)&&this.value.length===0;e!=null&&(this.defaultValue==null||this.defaultValue==="")&&t&&(this.value=e),this.internalDefaultValue=e}get value(){return this.valueState}set value(e){this.valueState=e,this.setFormValue(e)}get description(){if(!this.hideError)return this.errorMessages.length?this.errorMessages:this.validationMessage.length?this.validationMessage:this.hint}get form(){return this.internals.form}get type(){return this.localName}connectedCallback(){super.connectedCallback?.(),this.checkable&&this.checked&&this.setFormValue(this.value),this.checkable||this.defaultValue===void 0||this.defaultValue===""||(this.value=this.defaultValue),this.checkValidity(this.value),this.addEventListener(m.eventName,this.#e),this.addEventListener("focusout",this.#t)}disconnectedCallback(){this.removeEventListener(m.eventName,this.#e),this.removeEventListener("focusout",this.#t),super.disconnectedCallback?.()}willUpdate(e){if(e.has("value")||e.has("valueState")||e.has("checked")||e.has("validators")||e.has("required")){let t=this.checkable?this.checked:this.value;this.checkValidity(t)}super.willUpdate(e)}setFormValue(e){let t=new FormData;if(this.disabled||this.checkable&&!this.checked){this.internals.setFormValue(t);return}let s=this.name||this.getAttribute("name");if(!s){this.internals.setFormValue(t);return}Array.isArray(e)?e.forEach(r=>t.append(s,r instanceof File?r:String(r))):e!=null&&(e instanceof File?t.append(s,e):t.append(s,this.checkable&&!this.value?"on":String(e))),this.internals.setFormValue(t)}formResetCallback(){this.controlled||(this.checkable?this.checked=!1:this.value=this.defaultValue),this.dirty=!1,this.touched=!1}renderDescription(){return this.renderError()}renderError(){let{description:e}=this;return e&&e.length&&!(this.errorMessages&&this.errorMessages.length)&&!(this.validationMessage||this.validationMessage.length)?u`
|
|
2
|
-
<p id="description" class="hint-messages">
|
|
3
|
-
<span>${e}</span>
|
|
4
|
-
</p>
|
|
5
|
-
`:this.valid||this.hideError||this.disabled||!e?.length?g:u`
|
|
6
|
-
<p id="description" class="error-messages">
|
|
7
|
-
${b(Array.isArray(e),()=>e.map(s=>u`<span>${s}</span>`),()=>u`<span>${e}</span>`)}
|
|
8
|
-
</p>
|
|
9
|
-
`}}return a([n({reflect:!0})],i.prototype,"name",2),a([n()],i.prototype,"hint",2),a([n({type:Boolean,attribute:"hide-error"})],i.prototype,"hideError",2),a([o()],i.prototype,"valueState",2),a([o()],i.prototype,"dirty",2),a([o()],i.prototype,"touched",2),a([n({type:Boolean})],i.prototype,"controlled",2),a([n({attribute:"default-value",converter:{fromAttribute:e=>e?e.split(","):void 0,toAttribute:e=>e?.join(",")??null}})],i.prototype,"defaultValue",1),a([n()],i.prototype,"value",1),i};var z=l=>{class i extends l{constructor(...e){super(...e);this.required=!1;this.valid=!0;this.errorMessages=[];this.internals||(this.internals=this.attachInternals())}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkLocalValidators(){return{validity:{}}}buildCommonValidators(){let{value:e}=this,t={},s,r=e==null||typeof e=="string"&&e.trim()===""||e instanceof Array&&!e.length;return this.required&&r&&(t.valueMissing=!0,s="Field value is missing"),{validity:t,message:s}}checkValidity(e){let t=this.checkLocalValidators(),s=this.buildCommonValidators(),r={...t.validity,...s.validity},d=s.message||t.message;if(this.validators&&this.validators?.length){let f=this.validators.reduce((v,V)=>this.collectErrors(v,V,e),[]);this.errorMessages=f,f.length>0&&(r.customError=!0,d=f.join(" ; "))}else this.errorMessages=[];this.valid=!Object.values(r).some(Boolean);let p=this.getFocusAnchor?.();return this.valid||p||!this.getFocusAnchor?this.setValidity(r,d,p):this.updateComplete.then(()=>this.setValidity(r,d,p)),this.internals.checkValidity()}reportValidity(e){return this.checkValidity(e),this.internals.reportValidity()}collectErrors(e,t,s){if("~standard"in t){let r=t["~standard"].validate(s);if(r instanceof Promise)throw new TypeError("Validation schemas must be synchronous");r.issues&&e.push(...r.issues.map(d=>d.message))}return"isValid"in t&&(typeof t.isValid=="function"?!t.isValid(s,this.getValidityData()):t.isValid===!1)&&e.push(t.message),"isInvalid"in t&&t.isInvalid({value:s})&&e.push(t.message),e}setValidity(e,t,s){let r=this.validationMessage;this.internals.setValidity(e,t,s),t!==r&&this.requestUpdate("valid")}getValidityData(){return{}}}return a([n({type:Array})],i.prototype,"validators",2),a([n({type:Boolean})],i.prototype,"required",2),a([o()],i.prototype,"valid",2),i};var k=h`
|
|
10
|
-
#description {
|
|
11
|
-
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
12
|
-
display: block;
|
|
13
|
-
margin-block-start: var(--eun-space-xs, 4px);
|
|
14
|
-
font-size: var(--eun-font-size-xs, 12px);
|
|
15
|
-
margin-block: 0;
|
|
16
|
-
}
|
|
17
|
-
#description span {
|
|
18
|
-
display: block;
|
|
19
|
-
margin-top: var(--eun-space-xs, 4px);
|
|
20
|
-
}
|
|
21
|
-
`,M=h`
|
|
22
|
-
.error-messages {
|
|
23
|
-
color: var(--_errorColor);
|
|
24
|
-
}
|
|
25
|
-
`,E=h`
|
|
26
|
-
.hint-messages {
|
|
27
|
-
color: var(--_hintColor);
|
|
28
|
-
}
|
|
29
|
-
`,G={base:k,errorMessages:M,hintMessages:E};export{T as a,b,H as c,z as d,G as e};
|
|
30
|
-
/*! Bundled license information:
|
|
31
|
-
|
|
32
|
-
lit-html/directives/when.js:
|
|
33
|
-
(**
|
|
34
|
-
* @license
|
|
35
|
-
* Copyright 2021 Google LLC
|
|
36
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
-
*)
|
|
38
|
-
*/
|