@eunomia/elements 1.0.0-beta.4 → 1.0.0-beta.6
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 +1 -1
- 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-4MXL6PZC.js → chunk-2Y2EU2CI.js} +28 -28
- package/dist/cdn/components/chunks/chunk-3MTUVMM5.js +1 -0
- package/dist/cdn/components/chunks/chunk-4PI6RDUS.js +1 -0
- package/dist/cdn/components/chunks/chunk-5GKM5DIB.js +1 -0
- package/dist/cdn/components/chunks/chunk-624VJYNA.js +1 -0
- package/dist/cdn/components/chunks/{chunk-5XJLIHAU.js → chunk-7KKWYPHY.js} +4 -2
- package/dist/cdn/components/chunks/chunk-A3X4KD2X.js +1 -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-NHFWATVN.js → chunk-BQFJR2UP.js} +5 -5
- 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-E4IS25H7.js → chunk-G5SBDQQ3.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-LGLQ36QB.js → chunk-GDBPWZN6.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-S2UCEWNG.js → chunk-JYIIWN2P.js} +13 -11
- package/dist/cdn/components/chunks/{chunk-EOWBYZV7.js → chunk-KDN4O5W2.js} +26 -13
- package/dist/cdn/components/chunks/chunk-KSZRQRN4.js +1 -0
- package/dist/cdn/components/chunks/{chunk-PED5ATYN.js → chunk-L2ADCEN7.js} +1 -1
- package/dist/cdn/components/chunks/chunk-LMVW522V.js +1 -0
- package/dist/cdn/components/chunks/{chunk-5XJGYXW7.js → chunk-MOMYII3P.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-SIHZFOTK.js → chunk-MQQ4BGVJ.js} +5 -5
- 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-KBH5PCUO.js → chunk-PE4DAXHQ.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-GSJEJLFA.js → chunk-PMPSJG5V.js} +7 -7
- package/dist/cdn/components/chunks/{chunk-5EVP7YNE.js → chunk-PPCHQG7P.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-EJIX2D4Z.js → chunk-QZ5SHR3I.js} +15 -11
- package/dist/cdn/components/chunks/chunk-RS7TWEMQ.js +1 -0
- package/dist/cdn/components/chunks/chunk-SMTIDNGW.js +1 -0
- package/dist/cdn/components/chunks/{chunk-YGUJJ25C.js → chunk-SZYEBMG6.js} +11 -10
- package/dist/cdn/components/chunks/chunk-UDVB4LAE.js +56 -0
- package/dist/cdn/components/chunks/{chunk-UAGCQF23.js → chunk-UYZR4JXZ.js} +17 -12
- 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-VOTRXBDS.js +38 -0
- package/dist/cdn/components/chunks/{chunk-BMQOI7HX.js → chunk-VYFR364B.js} +128 -74
- package/dist/cdn/components/chunks/{chunk-IJ5WFMK4.js → chunk-XDPRWUKN.js} +7 -6
- package/dist/cdn/components/chunks/{chunk-XH6NREVZ.js → chunk-YITWLCD3.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-BQHYZB2W.js → chunk-ZBN4HTWP.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-RJCJXB7Y.js → chunk-ZKZV2YG5.js} +18 -18
- package/dist/cdn/components/eun-alert.js +24 -16
- package/dist/cdn/components/eun-animate.js +12 -6
- package/dist/cdn/components/eun-badge.js +7 -7
- 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 +68 -66
- package/dist/cdn/components/eun-card.js +67 -13
- package/dist/cdn/components/eun-carousel.js +66 -35
- package/dist/cdn/components/eun-check-card.js +13 -6
- package/dist/cdn/components/eun-checkbox-list.js +4 -4
- package/dist/cdn/components/eun-checkbox.js +1 -1
- package/dist/cdn/components/eun-chip.js +1 -1
- package/dist/cdn/components/eun-collapse.js +87 -39
- package/dist/cdn/components/eun-color-picker.js +54 -53
- package/dist/cdn/components/eun-counter.js +14 -13
- package/dist/cdn/components/eun-date-picker.js +66 -63
- package/dist/cdn/components/eun-description-list.js +152 -0
- package/dist/cdn/components/eun-divider.js +1 -1
- package/dist/cdn/components/eun-drawer.js +26 -12
- 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 +20 -19
- 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 +14 -13
- package/dist/cdn/components/eun-input-phone.js +26 -26
- 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 +174 -27
- package/dist/cdn/components/eun-loader.js +1 -1
- package/dist/cdn/components/eun-modal.js +29 -22
- package/dist/cdn/components/eun-pagination.js +17 -12
- package/dist/cdn/components/eun-password-strength.js +6 -2
- 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 +4 -4
- package/dist/cdn/components/eun-radio.js +1 -1
- package/dist/cdn/components/eun-scheduler-event-editor.js +8 -8
- package/dist/cdn/components/eun-scheduler-event.js +1 -1
- package/dist/cdn/components/eun-scheduler.js +42 -42
- package/dist/cdn/components/eun-search.js +21 -20
- package/dist/cdn/components/eun-select.js +12 -11
- package/dist/cdn/components/eun-sidebar.js +34 -20
- 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 +17 -6
- package/dist/cdn/components/eun-stepper.js +17 -6
- package/dist/cdn/components/eun-switch.js +10 -8
- package/dist/cdn/components/eun-tab-group.js +22 -17
- 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 +24 -24
- package/dist/cdn/components/eun-time-picker.js +21 -19
- package/dist/cdn/components/eun-toast.js +36 -16
- package/dist/cdn/components/eun-toggle-group.js +64 -37
- package/dist/cdn/components/eun-toggle-item.js +24 -21
- package/dist/cdn/components/eun-toggle.js +12 -10
- package/dist/cdn/components/eun-toolbar.js +62 -52
- 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 +51 -19
- package/dist/components/action/button/button.js +107 -24
- package/dist/components/action/button/button.styles.js +115 -62
- package/dist/components/action/dropdown-button/dropdown-button.d.ts +10 -10
- package/dist/components/action/dropdown-button/dropdown-button.js +18 -17
- 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.d.ts +7 -6
- package/dist/components/action/fab/fab.js +11 -8
- package/dist/components/action/fab/fab.styles.js +18 -17
- package/dist/components/action/link/link.d.ts +72 -9
- package/dist/components/action/link/link.js +183 -23
- package/dist/components/action/link/link.styles.js +146 -10
- package/dist/components/action/shared-styles/button-palette.styles.d.ts +3 -3
- package/dist/components/action/shared-styles/button-palette.styles.js +29 -29
- package/dist/components/action/toggle/toggle-group.d.ts +17 -5
- package/dist/components/action/toggle/toggle-group.js +46 -19
- package/dist/components/action/toggle/toggle-group.styles.d.ts +4 -1
- package/dist/components/action/toggle/toggle-group.styles.js +56 -27
- package/dist/components/action/toggle/toggle-item.d.ts +4 -4
- package/dist/components/action/toggle/toggle-item.js +2 -2
- package/dist/components/action/toggle/toggle-item.styles.js +20 -17
- package/dist/components/action/toggle/toggle.d.ts +2 -0
- package/dist/components/action/toggle/toggle.js +2 -0
- 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 +2 -0
- package/dist/components/alert/alert/alert.js +2 -0
- package/dist/components/alert/alert/alert.styles.js +23 -13
- package/dist/components/alert/drawer/drawer.d.ts +3 -1
- package/dist/components/alert/drawer/drawer.js +5 -3
- package/dist/components/alert/drawer/drawer.styles.js +25 -9
- package/dist/components/alert/modal/modal.d.ts +11 -9
- package/dist/components/alert/modal/modal.js +15 -13
- package/dist/components/alert/modal/modal.styles.js +16 -7
- package/dist/components/alert/toast/toast.d.ts +2 -0
- package/dist/components/alert/toast/toast.js +2 -0
- package/dist/components/alert/toast/toast.styles.js +37 -15
- package/dist/components/content/badge/badge.d.ts +6 -6
- package/dist/components/content/badge/badge.js +4 -4
- package/dist/components/content/badge/badge.styles.js +4 -4
- package/dist/components/content/card/card.d.ts +39 -7
- package/dist/components/content/card/card.js +71 -7
- package/dist/components/content/card/card.styles.js +58 -11
- package/dist/components/content/card/image-card.d.ts +62 -7
- package/dist/components/content/card/image-card.js +121 -11
- package/dist/components/content/card/image-card.styles.js +66 -15
- package/dist/components/content/card/sliding-card.d.ts +4 -1
- package/dist/components/content/card/sliding-card.js +3 -0
- package/dist/components/content/card/sliding-card.styles.js +5 -1
- package/dist/components/content/collapse/collapse.d.ts +39 -12
- package/dist/components/content/collapse/collapse.js +65 -25
- package/dist/components/content/collapse/collapse.styles.d.ts +10 -1
- package/dist/components/content/collapse/collapse.styles.js +69 -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 +14 -2
- package/dist/components/content/icon/icon.js +54 -22
- package/dist/components/content/icon/icon.style.d.ts +2 -0
- package/dist/components/content/icon/icon.style.js +8 -2
- package/dist/components/content/image-carousel/image-carousel.d.ts +30 -19
- package/dist/components/content/image-carousel/image-carousel.js +48 -45
- package/dist/components/content/image-carousel/image-carousel.styles.js +69 -30
- package/dist/components/content/password-strength/password-strength.styles.js +5 -1
- package/dist/components/content/progress-bar/progress-bar.styles.js +12 -4
- package/dist/components/content/shared-styles/card-link.styles.js +5 -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 +4 -0
- 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 +9 -16
- package/dist/components/content/tooltip/tooltip.styles.js +25 -7
- package/dist/components/form/checkbox/check-card.d.ts +4 -1
- package/dist/components/form/checkbox/check-card.js +4 -1
- package/dist/components/form/checkbox/check-card.styles.js +13 -4
- package/dist/components/form/checkbox/checkbox-list.d.ts +4 -1
- package/dist/components/form/checkbox/checkbox-list.js +11 -7
- package/dist/components/form/checkbox/checkbox.d.ts +4 -1
- package/dist/components/form/checkbox/checkbox.js +4 -1
- package/dist/components/form/checkbox/checkbox.styles.js +2 -2
- package/dist/components/form/color-picker/color-picker.d.ts +10 -4
- package/dist/components/form/color-picker/color-picker.js +23 -25
- package/dist/components/form/color-picker/color-picker.styles.js +6 -5
- package/dist/components/form/counter/counter.d.ts +7 -4
- package/dist/components/form/counter/counter.js +8 -5
- package/dist/components/form/counter/counter.styles.js +10 -9
- package/dist/components/form/date-picker/date-picker.d.ts +40 -36
- package/dist/components/form/date-picker/date-picker.js +35 -45
- package/dist/components/form/date-picker/date-picker.styles.js +13 -10
- package/dist/components/form/input/input.d.ts +10 -4
- package/dist/components/form/input/input.js +12 -6
- package/dist/components/form/input-file/input-file.d.ts +4 -1
- package/dist/components/form/input-file/input-file.js +8 -5
- package/dist/components/form/input-file/input-file.styles.js +3 -2
- package/dist/components/form/input-phone/input-phone.d.ts +11 -5
- package/dist/components/form/input-phone/input-phone.js +16 -20
- package/dist/components/form/input-phone/input-phone.styles.js +16 -16
- package/dist/components/form/label/label.styles.js +3 -3
- package/dist/components/form/radio/radio-card.d.ts +5 -2
- package/dist/components/form/radio/radio-card.js +5 -2
- package/dist/components/form/radio/radio-card.styles.js +14 -5
- package/dist/components/form/radio/radio-list.d.ts +5 -2
- package/dist/components/form/radio/radio-list.js +14 -10
- package/dist/components/form/radio/radio.d.ts +5 -2
- package/dist/components/form/radio/radio.js +5 -2
- package/dist/components/form/radio/radio.styles.js +4 -4
- package/dist/components/form/search/search.d.ts +2 -1
- package/dist/components/form/search/search.js +6 -15
- package/dist/components/form/search/search.styles.js +8 -7
- package/dist/components/form/select/select.d.ts +12 -5
- package/dist/components/form/select/select.js +18 -21
- 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 +21 -11
- package/dist/components/form/shared-styles/form-labels.styles.js +1 -1
- package/dist/components/form/slider/slider.d.ts +4 -1
- package/dist/components/form/slider/slider.js +5 -2
- package/dist/components/form/slider/slider.styles.js +8 -7
- package/dist/components/form/switch/switch.d.ts +4 -1
- package/dist/components/form/switch/switch.js +4 -1
- package/dist/components/form/switch/switch.styles.js +7 -5
- package/dist/components/form/textarea/textarea.d.ts +10 -4
- package/dist/components/form/textarea/textarea.js +18 -12
- 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 +9 -5
- package/dist/components/form/time-picker/time-picker.js +25 -29
- package/dist/components/form/time-picker/time-picker.styles.js +9 -8
- package/dist/components/layout/animate/animate.d.ts +41 -11
- package/dist/components/layout/animate/animate.js +48 -16
- package/dist/components/layout/animate/animate.styles.js +9 -16
- 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.styles.js +3 -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 +30 -10
- package/dist/components/navigation/carousel/carousel.js +37 -18
- package/dist/components/navigation/carousel/carousel.styles.js +60 -20
- package/dist/components/navigation/pagination/pagination.styles.js +8 -3
- package/dist/components/navigation/sidebar/sidebar.d.ts +2 -0
- package/dist/components/navigation/sidebar/sidebar.js +2 -0
- package/dist/components/navigation/sidebar/sidebar.styles.js +27 -11
- package/dist/components/navigation/stepper/step.styles.js +16 -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 +7 -8
- package/dist/components/navigation/tabs/tab-group/tab-group.styles.js +19 -14
- 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 +17 -49
- package/dist/components/navigation/toolbar/toolbar.js +23 -71
- 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 +12 -12
- package/dist/features/scheduler/calendar/calendar.js +15 -14
- package/dist/features/scheduler/calendar/calendar.styles.js +8 -6
- package/dist/features/scheduler/scheduler/scheduler.d.ts +7 -7
- package/dist/features/scheduler/scheduler/scheduler.js +21 -35
- package/dist/features/scheduler/scheduler/scheduler.styles.js +6 -4
- package/dist/features/scheduler/scheduler-event/scheduler-event.d.ts +12 -8
- package/dist/features/scheduler/scheduler-event/scheduler-event.js +9 -7
- package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +16 -10
- package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js +5 -5
- package/dist/features/scheduler/shared/scheduler-event-popover.js +2 -2
- package/dist/features/scheduler/shared/scheduler-hour-grid.d.ts +2 -2
- package/dist/features/scheduler/shared/scheduler-hour-grid.js +3 -3
- package/dist/features/scheduler/shared/scheduler-hour-grid.styles.js +3 -3
- package/dist/features/scheduler/shared/scheduler-month-view.d.ts +3 -3
- package/dist/features/scheduler/shared/scheduler-month-view.js +2 -2
- 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 +18 -23
- 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 +18 -25
- package/dist/features/table/table-action-bar/table-action-bar.styles.js +15 -3
- package/dist/i18n/en.d.ts +34 -0
- package/dist/i18n/en.js +34 -0
- package/dist/i18n/fr.js +38 -0
- package/dist/index.d.ts +7 -13
- package/dist/index.js +6 -10
- package/dist/jsx.d.ts +1 -1
- package/dist/mixins/button.mixin.d.ts +10 -9
- package/dist/mixins/button.mixin.js +14 -6
- package/dist/mixins/card-link.mixin.d.ts +3 -2
- package/dist/mixins/card-link.mixin.js +12 -5
- package/dist/mixins/check.mixin.js +4 -5
- package/dist/mixins/disabled.mixin.d.ts +3 -3
- package/dist/mixins/disabled.mixin.js +10 -5
- package/dist/mixins/field-appearance.mixin.d.ts +19 -0
- package/dist/mixins/{field-variant.mixin.js → field-appearance.mixin.js} +11 -11
- package/dist/mixins/form.mixin.d.ts +17 -1
- package/dist/mixins/form.mixin.js +80 -25
- package/dist/mixins/radio.mixin.js +4 -5
- package/dist/mixins/validators.mixin.d.ts +7 -1
- package/dist/mixins/validators.mixin.js +36 -17
- package/dist/ssr/animate-ssr.css +27 -72
- package/dist/ssr/button-ssr.css +319 -0
- package/dist/ssr/card-ssr.css +184 -0
- package/dist/ssr/description-list-ssr.css +150 -0
- package/dist/ssr/links-ssr.css +35 -0
- package/dist/ssr/overlay-ssr.css +0 -41
- package/dist/ssr/rich-text.css +38 -0
- package/dist/ssr/sidebar-ssr.css +0 -38
- package/dist/ssr/table-ssr.css +472 -0
- package/dist/ssr/tag-ssr.css +197 -0
- package/dist/ssr/toolbar-ssr.css +77 -39
- package/dist/types/variant.type.d.ts +26 -10
- 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/light-dom-styles.utils.d.ts +14 -0
- package/dist/utils/light-dom-styles.utils.js +37 -0
- 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/navigation.utils.d.ts +14 -0
- package/dist/utils/navigation.utils.js +33 -0
- package/dist/utils/new-tab-anchor.controller.d.ts +44 -0
- package/dist/utils/new-tab-anchor.controller.js +102 -0
- package/dist/utils/severity-icon.utils.d.ts +1 -1
- package/dist/utils/severity-icon.utils.js +1 -1
- package/dist/utils/theme-generator.utils.d.ts +9 -2
- package/dist/utils/theme-generator.utils.js +62 -21
- package/package.json +24 -29
- 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-2JLDJFYD.js +0 -48
- package/dist/cdn/components/chunks/chunk-A6KGFALA.js +0 -132
- package/dist/cdn/components/chunks/chunk-ATH2OAMU.js +0 -1
- package/dist/cdn/components/chunks/chunk-BKHD4S57.js +0 -1
- 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-E74CM7UG.js +0 -66
- 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-KVYUNKUO.js +0 -27
- 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-T4PTHUYF.js +0 -10
- package/dist/cdn/components/chunks/chunk-T7WABJEJ.js +0 -1
- package/dist/cdn/components/chunks/chunk-VRGRCYIO.js +0 -1
- package/dist/cdn/components/chunks/chunk-X2AUBZD2.js +0 -30
- package/dist/cdn/components/chunks/chunk-XSMCT4DF.js +0 -1
- 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/field-variant.mixin.d.ts +0 -22
- 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 +0,0 @@
|
|
|
1
|
-
var n=class e extends Event{static{this.eventName="eunnavigate"}constructor(t){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!0}),this.href=t}};function l(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}function u(e,t,a,i){if(!a||i&&i!=="_self"||!l(t))return;let r=new n(a);e.dispatchEvent(r),r.defaultPrevented&&t.preventDefault()}export{u as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var p="eun-dropdown-button, eun-dropdown-item";function c(e){return e.filter(n=>n.getAttribute("aria-disabled")!=="true")}function s(e,n){let t=c(e);if(!t.length)return;let o=Math.max(0,Math.min(n,t.length-1));t[o]?.focus()}function m(e,n,t){let o=c(e);if(!o.length)return;let i=(Math.max(o.indexOf(n),0)+t+o.length)%o.length;o[i]?.focus()}function l(e,n,t,o){let r=Math.max(o,t-n-o);return Math.min(Math.max(e,o),r)}function b(e,n,t){let o=document.documentElement.clientWidth,r=document.documentElement.clientHeight,a=!(e.right+t+n.width<=o)&&e.left-t-n.width>=0,d=a?e.left-n.width-t:e.right+t,u=e.top;return u+n.height>r&&(u=Math.max(t,r-n.height-t)),{top:u,left:d,offsetX:a?t:-t}}function f(e,n,t){let o=e.currentTarget,r=o.getAttribute("aria-disabled")==="true",i=o.getAttribute("aria-haspopup")==="menu";switch(e.key){case"Tab":{e.stopPropagation(),t.onTabAway();break}case"ArrowDown":{e.preventDefault(),e.stopPropagation(),m(n,o,1);break}case"ArrowUp":{e.preventDefault(),e.stopPropagation(),m(n,o,-1);break}case"Home":{e.preventDefault(),e.stopPropagation(),s(n,0);break}case"End":{e.preventDefault(),e.stopPropagation(),s(n,n.length-1);break}case"ArrowRight":{t.onOpenSubmenu&&i&&!r&&(e.preventDefault(),e.stopPropagation(),t.onOpenSubmenu(o));break}case"ArrowLeft":case"Escape":{t.onClose&&(e.preventDefault(),e.stopPropagation(),t.onClose());break}case"Enter":case" ":{if(r)break;e.preventDefault(),e.stopPropagation(),t.onOpenSubmenu&&i?t.onOpenSubmenu(o):t.onSelect(o);break}default:break}}function M(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let n=getComputedStyle(e).getPropertyValue("--dropdown-menu-transition-duration").trim();if(n){let t=n.endsWith("ms")?Number.parseFloat(n):Number.parseFloat(n)*1e3;if(Number.isFinite(t)&&t>=0)return t}return 160}export{p as a,s as b,l as c,b as d,f as e,M as f};
|
|
@@ -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,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 +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,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,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
|
-
*/
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import{a as t,f as s,g as o,h as a,n as r,p as n,s as l}from"./chunk-XH6NREVZ.js";var i=o`
|
|
2
|
-
:host {
|
|
3
|
-
display: grid;
|
|
4
|
-
grid-column: 1 / -1;
|
|
5
|
-
grid-template-columns: subgrid;
|
|
6
|
-
align-items: center;
|
|
7
|
-
box-sizing: border-box;
|
|
8
|
-
border-bottom: var(--eun-border-width-s, 1px) solid
|
|
9
|
-
var(--table-border-color, var(--eun-border-color, #dee0e7));
|
|
10
|
-
opacity: 0;
|
|
11
|
-
animation: eun-table-skeleton-row-enter
|
|
12
|
-
var(--table-skeleton-duration, 320ms) ease forwards;
|
|
13
|
-
animation-delay: calc(
|
|
14
|
-
var(--table-skeleton-stagger, 60ms) * var(--_row-index, 0)
|
|
15
|
-
);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.cell {
|
|
19
|
-
display: flex;
|
|
20
|
-
align-items: center;
|
|
21
|
-
justify-content: flex-start;
|
|
22
|
-
box-sizing: border-box;
|
|
23
|
-
min-width: 0;
|
|
24
|
-
padding: var(--eun-space-m, 16px);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.cell.select {
|
|
28
|
-
justify-content: center;
|
|
29
|
-
padding-inline-start: calc(var(--eun-space-s) + 3px);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.cell.action {
|
|
33
|
-
justify-content: flex-end;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@keyframes eun-table-skeleton-row-enter {
|
|
37
|
-
from {
|
|
38
|
-
opacity: 0;
|
|
39
|
-
transform: translateY(4px);
|
|
40
|
-
}
|
|
41
|
-
to {
|
|
42
|
-
opacity: 1;
|
|
43
|
-
transform: none;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@media (prefers-reduced-motion: reduce) {
|
|
48
|
-
:host {
|
|
49
|
-
animation: none;
|
|
50
|
-
opacity: 1;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
`;var c="eun-table-skeleton-row",e=class extends l{constructor(){super(...arguments);this.selectable=!1;this.hasAction=!1;this.columnCount=0}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","presentation"),this.hasAttribute("aria-hidden")||this.setAttribute("aria-hidden","true")}render(){return r`
|
|
54
|
-
${this.selectable?r`
|
|
55
|
-
<span class="cell select">
|
|
56
|
-
<eun-skeleton
|
|
57
|
-
variant="rect"
|
|
58
|
-
width="18px"
|
|
59
|
-
height="18px"
|
|
60
|
-
radius="4px"
|
|
61
|
-
></eun-skeleton>
|
|
62
|
-
</span>
|
|
63
|
-
`:n}
|
|
64
|
-
${Array.from({length:this.columnCount},()=>r`
|
|
65
|
-
<span class="cell">
|
|
66
|
-
<eun-skeleton
|
|
67
|
-
variant="rect"
|
|
68
|
-
height="14px"
|
|
69
|
-
width="50%"
|
|
70
|
-
radius="4px"
|
|
71
|
-
></eun-skeleton>
|
|
72
|
-
</span>
|
|
73
|
-
`)}
|
|
74
|
-
${this.hasAction?r`
|
|
75
|
-
<span class="cell action">
|
|
76
|
-
<eun-skeleton
|
|
77
|
-
variant="rect"
|
|
78
|
-
width="28px"
|
|
79
|
-
height="28px"
|
|
80
|
-
radius="8px"
|
|
81
|
-
></eun-skeleton>
|
|
82
|
-
</span>
|
|
83
|
-
`:n}
|
|
84
|
-
`}};e.styles=i,t([a({type:Boolean,reflect:!0})],e.prototype,"selectable",2),t([a({type:Boolean,reflect:!0,attribute:"has-action"})],e.prototype,"hasAction",2),t([a({attribute:"column-count",type:Number})],e.prototype,"columnCount",2),e=t([s(c)],e);export{c as a,e as b};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import{q as t}from"./chunk-XH6NREVZ.js";var{I:r}=t;var $=e=>e.strings===void 0;var s={},a=(e,i=s)=>e._$AH=i;export{$ as a,a as b};
|
|
2
|
-
/*! Bundled license information:
|
|
3
|
-
|
|
4
|
-
lit-html/directive-helpers.js:
|
|
5
|
-
(**
|
|
6
|
-
* @license
|
|
7
|
-
* Copyright 2020 Google LLC
|
|
8
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*)
|
|
10
|
-
*/
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as r,h as i}from"./chunk-XH6NREVZ.js";var l=s=>{class e extends s{constructor(){super(...arguments);this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.setAttribute("tabindex",this.disabled?"-1":"0"),this.setAttribute("aria-disabled",String(this.disabled)))}}return r([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e};export{l as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var o={mobile:600,tablet:768,laptop:1024,desktop:1280};export{o as a};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import{a as t,f as i,g as l,h as r,n as s,s as n}from"./chunk-XH6NREVZ.js";var p=l`
|
|
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
|
-
#column {
|
|
16
|
-
display: flex;
|
|
17
|
-
align-items: center;
|
|
18
|
-
box-sizing: border-box;
|
|
19
|
-
width: 100%;
|
|
20
|
-
min-width: 0;
|
|
21
|
-
padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
|
|
22
|
-
font-size: var(--eun-font-size-s, 13px);
|
|
23
|
-
font-weight: var(--table-column-font-weight, var(--eun-font-weight-m, 500));
|
|
24
|
-
color: var(--table-column-color, var(--eun-text-secondary, #484e61));
|
|
25
|
-
text-align: left;
|
|
26
|
-
white-space: nowrap;
|
|
27
|
-
overflow: hidden;
|
|
28
|
-
text-overflow: ellipsis;
|
|
29
|
-
}
|
|
30
|
-
`,a=p;var c="eun-table-column",e=class extends n{connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","columnheader")}updated(o){super.updated(o),o.has("sort")&&(this.sort?this.setAttribute("aria-sort",this.sort):this.removeAttribute("aria-sort"))}render(){return s`<div id="column" part="column"><slot></slot></div>`}};e.styles=a,t([r({reflect:!0})],e.prototype,"width",2),t([r({reflect:!0})],e.prototype,"sort",2),e=t([i(c)],e);export{c as a,e as b};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as e,h as r}from"./chunk-XH6NREVZ.js";var l=i=>{class t extends i{constructor(){super(...arguments);this.variant="outline"}}return e([r({reflect:!0})],t.prototype,"variant",2),t};export{l as a};
|