@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,73 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { customElement } from "lit/decorators.js";
|
|
8
|
-
import { html, LitElement } from "lit";
|
|
9
|
-
import { tableCellStyles } from "./table-cell.styles.js";
|
|
10
|
-
/**
|
|
11
|
-
* Tag name of the table-cell component.
|
|
12
|
-
*/
|
|
13
|
-
export const EunomiaTableCellTagName = "eun-table-cell";
|
|
14
|
-
/**
|
|
15
|
-
* A single data cell, slotted into a table item, one per column, in the
|
|
16
|
-
* same order as the table header's table columns. Content is entirely
|
|
17
|
-
* free-form through the default slot: plain text, a tag, an icon, a
|
|
18
|
-
* nested button, anything.
|
|
19
|
-
*
|
|
20
|
-
* Its grid cell role is managed by the owning table item, with nothing
|
|
21
|
-
* else to set up here — unlike `eun-table-item`/`eun-table-header`
|
|
22
|
-
* themselves, this cell is never a `Tab` stop of its own : plain,
|
|
23
|
-
* unmanaged `tabindex`-free content, exactly like a native `<td>`, so
|
|
24
|
-
* native sequential focus reaches whatever's slotted inside it (a
|
|
25
|
-
* button, a link, an input, ...) the same way it would anywhere else on
|
|
26
|
-
* the page, no roving-tabindex bookkeeping needed. Giving this element
|
|
27
|
-
* itself a `tabindex` (even `-1`) would actually break that : Chromium's
|
|
28
|
-
* own sequential focus navigation treats a shadow host carrying an
|
|
29
|
-
* explicit `tabindex` as an opaque stop even at `-1`, skipping past its
|
|
30
|
-
* slotted content entirely rather than descending into it, unlike a
|
|
31
|
-
* shadow host with no `tabindex` attribute at all.
|
|
32
|
-
*
|
|
33
|
-
* @slot [default] - The cell's content, entirely free-form
|
|
34
|
-
* @csspart cell - The cell's own padded content box. Exposed for effects the cell's CSS custom properties don't cover
|
|
35
|
-
* @cssprop [--table-cell-align] - Sets the horizontal alignment of the cell's content, such as center or flex-end
|
|
36
|
-
* @cssprop [--table-cell-color] - Sets the text color
|
|
37
|
-
* @cssprop [--table-column-border-color] - Sets the color of a vertical divider on this cell's trailing edge, between it and the next column. Transparent, with no divider, by default
|
|
38
|
-
* @element eun-table-cell
|
|
39
|
-
*/
|
|
40
|
-
let EunomiaTableCell = class EunomiaTableCell extends LitElement {
|
|
41
|
-
connectedCallback() {
|
|
42
|
-
super.connectedCallback?.();
|
|
43
|
-
if (!this.hasAttribute("role")) {
|
|
44
|
-
this.setAttribute("role", "gridcell");
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Renders the cell's content wrapped in an internal `#cell` element that
|
|
49
|
-
* carries the padding and alignment instead of `:host` itself. `:host`
|
|
50
|
-
* stays the grid item that `eun-table-item`'s own sticky-column rules
|
|
51
|
-
* style directly from outside (`::slotted()` reaching `eun-table-cell`'s
|
|
52
|
-
* own box for `background`/`position: sticky` — see `table-item.styles.ts`),
|
|
53
|
-
* so it keeps everything those rules depend on ; only padding moves,
|
|
54
|
-
* since that's what a consumer's own global CSS (a reset like
|
|
55
|
-
* `* { margin: 0; padding: 0; }`) can otherwise reach and silently
|
|
56
|
-
* override on `:host` from outside the shadow root.
|
|
57
|
-
*/
|
|
58
|
-
render() {
|
|
59
|
-
return html `<div id="cell" part="cell"><slot></slot></div>`;
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
/**
|
|
63
|
-
* Styles to import to the component.
|
|
64
|
-
*
|
|
65
|
-
* @static
|
|
66
|
-
* @internal
|
|
67
|
-
* @readonly
|
|
68
|
-
*/
|
|
69
|
-
EunomiaTableCell.styles = tableCellStyles;
|
|
70
|
-
EunomiaTableCell = __decorate([
|
|
71
|
-
customElement(EunomiaTableCellTagName)
|
|
72
|
-
], EunomiaTableCell);
|
|
73
|
-
export { EunomiaTableCell };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const tableCellStyles: import("lit").CSSResult;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { css } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* Style for `eun-table-cell` — a data cell's own padding ; alignment and
|
|
4
|
-
* content are entirely up to whatever's slotted in.
|
|
5
|
-
*
|
|
6
|
-
* Custom css variables:
|
|
7
|
-
* [--table-cell-align] - Set a custom `justify-content`/`text-align` (e.g. `center`, `flex-end`)
|
|
8
|
-
* [--table-cell-color] - Set a custom text color
|
|
9
|
-
* [--table-column-border-color] - Set a color for a vertical divider on this cell's trailing edge, between it and the next column ; transparent (no divider) by default, same variable `eun-table-column`'s own header cell reads
|
|
10
|
-
*
|
|
11
|
-
* `:host` stays the grid item `eun-table-item` styles directly from
|
|
12
|
-
* outside for sticky columns (`::slotted()` setting `background`/
|
|
13
|
-
* `position: sticky` on this element's own box — see
|
|
14
|
-
* `table-item.styles.ts`), so it keeps its box-model/border basics ;
|
|
15
|
-
* `#cell` alone carries the padding, which is the one property a
|
|
16
|
-
* consumer's own global CSS (`* { padding: 0; }`) could otherwise reach
|
|
17
|
-
* and override on `:host` from outside the shadow root.
|
|
18
|
-
*/
|
|
19
|
-
const base = css `
|
|
20
|
-
:host {
|
|
21
|
-
display: flex;
|
|
22
|
-
box-sizing: border-box;
|
|
23
|
-
min-width: 0;
|
|
24
|
-
border-inline-end: var(--eun-border-width-s, 1px) solid
|
|
25
|
-
var(--table-column-border-color, transparent);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
:host(:focus-visible) {
|
|
29
|
-
outline: 2px solid var(--eun-color-primary-500, #3d6fff);
|
|
30
|
-
outline-offset: -2px;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
#cell {
|
|
34
|
-
display: flex;
|
|
35
|
-
align-items: center;
|
|
36
|
-
justify-content: var(--table-cell-align, flex-start);
|
|
37
|
-
box-sizing: border-box;
|
|
38
|
-
width: 100%;
|
|
39
|
-
min-width: 0;
|
|
40
|
-
padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
|
|
41
|
-
font-size: var(--eun-font-size-s, 13px);
|
|
42
|
-
color: var(--table-cell-color, var(--eun-text-color, #071621));
|
|
43
|
-
overflow: hidden;
|
|
44
|
-
}
|
|
45
|
-
`;
|
|
46
|
-
export const tableCellStyles = base;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { LitElement, PropertyValues, TemplateResult } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* Tag name of the table-column component.
|
|
4
|
-
*/
|
|
5
|
-
export declare const EunomiaTableColumnTagName = "eun-table-column";
|
|
6
|
-
/**
|
|
7
|
-
* Value of `eun-table-column`'s `sort` property.
|
|
8
|
-
*/
|
|
9
|
-
export type EunomiaTableColumnSort = "ascending" | "descending" | "none";
|
|
10
|
-
/**
|
|
11
|
-
* A single header cell, slotted into a table header, one per column, in
|
|
12
|
-
* order. Width feeds directly into the table's shared grid column track
|
|
13
|
-
* list. Label content is entirely free-form, through the default slot.
|
|
14
|
-
*
|
|
15
|
-
* It has no sort behavior of its own: sort is a presentation and
|
|
16
|
-
* accessibility hook only. Wire your own click handler and re-order or
|
|
17
|
-
* re-render your table items to actually sort.
|
|
18
|
-
*
|
|
19
|
-
* Never a `Tab` stop of its own — see `eun-table-cell`'s own class doc
|
|
20
|
-
* for why this deliberately carries no `tabindex` at all, not even
|
|
21
|
-
* `-1` : plain, unmanaged content, so native sequential focus reaches
|
|
22
|
-
* whatever's slotted inside it (a sort button, say) the same way it
|
|
23
|
-
* would anywhere else.
|
|
24
|
-
*
|
|
25
|
-
* @slot [default] - The column header's label content
|
|
26
|
-
* @csspart column - The column's own padded content box. Exposed for effects the column's CSS custom properties don't cover
|
|
27
|
-
* @prop {string} [width] - This column's track size, fed verbatim into the table's shared grid template, such as 120px, 20%, or 1fr. A flexible track is used when unset
|
|
28
|
-
* @prop {'ascending' | 'descending' | 'none'} [sort] - Reflects the sort state to assistive technology. Presentation only
|
|
29
|
-
* @cssprop [--table-column-color] - Sets the text color
|
|
30
|
-
* @cssprop [--table-column-font-weight] - Sets the font weight
|
|
31
|
-
* @cssprop [--table-column-border-color] - Sets the color of a vertical divider on this header cell's trailing edge, between it and the next column. Transparent, with no divider, by default
|
|
32
|
-
* @element eun-table-column
|
|
33
|
-
*/
|
|
34
|
-
export declare class EunomiaTableColumn extends LitElement {
|
|
35
|
-
/**
|
|
36
|
-
* Styles to import to the component.
|
|
37
|
-
*
|
|
38
|
-
* @static
|
|
39
|
-
* @internal
|
|
40
|
-
* @readonly
|
|
41
|
-
*/
|
|
42
|
-
static readonly styles: import("lit").CSSResult;
|
|
43
|
-
/**
|
|
44
|
-
* This column's track size, fed verbatim into `eun-table`'s shared grid
|
|
45
|
-
* template. Reflected as an attribute so `eun-table`'s `MutationObserver`
|
|
46
|
-
* can react to a live change.
|
|
47
|
-
*/
|
|
48
|
-
width?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Reflects `aria-sort` ; presentation only, see the class doc.
|
|
51
|
-
*/
|
|
52
|
-
sort?: EunomiaTableColumnSort;
|
|
53
|
-
connectedCallback(): void;
|
|
54
|
-
protected updated(changed: PropertyValues): void;
|
|
55
|
-
/**
|
|
56
|
-
* Renders the column's content wrapped in an internal `#column` element
|
|
57
|
-
* that carries the padding and typography instead of `:host` itself.
|
|
58
|
-
* `:host` stays the grid item that `eun-table-header`'s own sticky-column
|
|
59
|
-
* rules style directly from outside (`::slotted()` reaching
|
|
60
|
-
* `eun-table-column`'s own box for `background`/`position: sticky` —
|
|
61
|
-
* see `table-header.styles.ts`), so it keeps everything those rules
|
|
62
|
-
* depend on ; only padding/typography move, since that's what a
|
|
63
|
-
* consumer's own global CSS (a reset like `* { margin: 0; padding: 0; }`)
|
|
64
|
-
* can otherwise reach and silently override on `:host` from outside the
|
|
65
|
-
* shadow root.
|
|
66
|
-
*/
|
|
67
|
-
render(): TemplateResult;
|
|
68
|
-
}
|
|
69
|
-
declare global {
|
|
70
|
-
interface HTMLElementTagNameMap {
|
|
71
|
-
[EunomiaTableColumnTagName]: EunomiaTableColumn;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { customElement, property } from "lit/decorators.js";
|
|
8
|
-
import { html, LitElement } from "lit";
|
|
9
|
-
import { tableColumnStyles } from "./table-column.styles.js";
|
|
10
|
-
/**
|
|
11
|
-
* Tag name of the table-column component.
|
|
12
|
-
*/
|
|
13
|
-
export const EunomiaTableColumnTagName = "eun-table-column";
|
|
14
|
-
/**
|
|
15
|
-
* A single header cell, slotted into a table header, one per column, in
|
|
16
|
-
* order. Width feeds directly into the table's shared grid column track
|
|
17
|
-
* list. Label content is entirely free-form, through the default slot.
|
|
18
|
-
*
|
|
19
|
-
* It has no sort behavior of its own: sort is a presentation and
|
|
20
|
-
* accessibility hook only. Wire your own click handler and re-order or
|
|
21
|
-
* re-render your table items to actually sort.
|
|
22
|
-
*
|
|
23
|
-
* Never a `Tab` stop of its own — see `eun-table-cell`'s own class doc
|
|
24
|
-
* for why this deliberately carries no `tabindex` at all, not even
|
|
25
|
-
* `-1` : plain, unmanaged content, so native sequential focus reaches
|
|
26
|
-
* whatever's slotted inside it (a sort button, say) the same way it
|
|
27
|
-
* would anywhere else.
|
|
28
|
-
*
|
|
29
|
-
* @slot [default] - The column header's label content
|
|
30
|
-
* @csspart column - The column's own padded content box. Exposed for effects the column's CSS custom properties don't cover
|
|
31
|
-
* @prop {string} [width] - This column's track size, fed verbatim into the table's shared grid template, such as 120px, 20%, or 1fr. A flexible track is used when unset
|
|
32
|
-
* @prop {'ascending' | 'descending' | 'none'} [sort] - Reflects the sort state to assistive technology. Presentation only
|
|
33
|
-
* @cssprop [--table-column-color] - Sets the text color
|
|
34
|
-
* @cssprop [--table-column-font-weight] - Sets the font weight
|
|
35
|
-
* @cssprop [--table-column-border-color] - Sets the color of a vertical divider on this header cell's trailing edge, between it and the next column. Transparent, with no divider, by default
|
|
36
|
-
* @element eun-table-column
|
|
37
|
-
*/
|
|
38
|
-
let EunomiaTableColumn = class EunomiaTableColumn extends LitElement {
|
|
39
|
-
connectedCallback() {
|
|
40
|
-
super.connectedCallback?.();
|
|
41
|
-
if (!this.hasAttribute("role")) {
|
|
42
|
-
this.setAttribute("role", "columnheader");
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
updated(changed) {
|
|
46
|
-
super.updated(changed);
|
|
47
|
-
if (changed.has("sort")) {
|
|
48
|
-
if (this.sort) {
|
|
49
|
-
this.setAttribute("aria-sort", this.sort);
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
this.removeAttribute("aria-sort");
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* Renders the column's content wrapped in an internal `#column` element
|
|
58
|
-
* that carries the padding and typography instead of `:host` itself.
|
|
59
|
-
* `:host` stays the grid item that `eun-table-header`'s own sticky-column
|
|
60
|
-
* rules style directly from outside (`::slotted()` reaching
|
|
61
|
-
* `eun-table-column`'s own box for `background`/`position: sticky` —
|
|
62
|
-
* see `table-header.styles.ts`), so it keeps everything those rules
|
|
63
|
-
* depend on ; only padding/typography move, since that's what a
|
|
64
|
-
* consumer's own global CSS (a reset like `* { margin: 0; padding: 0; }`)
|
|
65
|
-
* can otherwise reach and silently override on `:host` from outside the
|
|
66
|
-
* shadow root.
|
|
67
|
-
*/
|
|
68
|
-
render() {
|
|
69
|
-
return html `<div id="column" part="column"><slot></slot></div>`;
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
/**
|
|
73
|
-
* Styles to import to the component.
|
|
74
|
-
*
|
|
75
|
-
* @static
|
|
76
|
-
* @internal
|
|
77
|
-
* @readonly
|
|
78
|
-
*/
|
|
79
|
-
EunomiaTableColumn.styles = tableColumnStyles;
|
|
80
|
-
__decorate([
|
|
81
|
-
property({ reflect: true })
|
|
82
|
-
], EunomiaTableColumn.prototype, "width", void 0);
|
|
83
|
-
__decorate([
|
|
84
|
-
property({ reflect: true })
|
|
85
|
-
], EunomiaTableColumn.prototype, "sort", void 0);
|
|
86
|
-
EunomiaTableColumn = __decorate([
|
|
87
|
-
customElement(EunomiaTableColumnTagName)
|
|
88
|
-
], EunomiaTableColumn);
|
|
89
|
-
export { EunomiaTableColumn };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const tableColumnStyles: import("lit").CSSResult;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { css } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* Style for `eun-table-column` — a header cell's own padding/typography.
|
|
4
|
-
* Column *sizing* is entirely `eun-table`'s concern (the shared
|
|
5
|
-
* `grid-template-columns` track list) ; this component has no layout
|
|
6
|
-
* opinion of its own beyond filling whatever track it's placed in.
|
|
7
|
-
*
|
|
8
|
-
* Custom css variables:
|
|
9
|
-
* [--table-column-color] - Set a custom text color
|
|
10
|
-
* [--table-column-font-weight] - Set a custom font weight
|
|
11
|
-
* [--table-column-border-color] - Set a color for a vertical divider on this header cell's trailing edge, between it and the next column ; transparent (no divider) by default, same variable `eun-table-cell`'s own data cells read
|
|
12
|
-
*
|
|
13
|
-
* `:host` stays the grid item `eun-table-header` styles directly from
|
|
14
|
-
* outside for sticky columns (`::slotted()` setting `background`/
|
|
15
|
-
* `position: sticky`/`border-inline-*` on this element's own box — see
|
|
16
|
-
* `table-header.styles.ts`), so it keeps its box-model/border basics ;
|
|
17
|
-
* `#column` alone carries the padding and typography, which a consumer's
|
|
18
|
-
* own global CSS (`* { padding: 0; }`) could otherwise reach and override
|
|
19
|
-
* on `:host` from outside the shadow root.
|
|
20
|
-
*/
|
|
21
|
-
const base = css `
|
|
22
|
-
:host {
|
|
23
|
-
display: flex;
|
|
24
|
-
box-sizing: border-box;
|
|
25
|
-
min-width: 0;
|
|
26
|
-
border-inline-end: var(--eun-border-width-s, 1px) solid
|
|
27
|
-
var(--table-column-border-color, transparent);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
:host(:focus-visible) {
|
|
31
|
-
outline: 2px solid var(--eun-color-primary-500, #3d6fff);
|
|
32
|
-
outline-offset: -2px;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
#column {
|
|
36
|
-
display: flex;
|
|
37
|
-
align-items: center;
|
|
38
|
-
box-sizing: border-box;
|
|
39
|
-
width: 100%;
|
|
40
|
-
min-width: 0;
|
|
41
|
-
padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
|
|
42
|
-
font-size: var(--eun-font-size-s, 13px);
|
|
43
|
-
font-weight: var(--table-column-font-weight, var(--eun-font-weight-m, 500));
|
|
44
|
-
color: var(--table-column-color, var(--eun-text-secondary, #484e61));
|
|
45
|
-
text-align: left;
|
|
46
|
-
white-space: nowrap;
|
|
47
|
-
overflow: hidden;
|
|
48
|
-
text-overflow: ellipsis;
|
|
49
|
-
}
|
|
50
|
-
`;
|
|
51
|
-
export const tableColumnStyles = base;
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { LitElement, TemplateResult } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* Tag name of the table-header component.
|
|
4
|
-
*/
|
|
5
|
-
export declare const EunomiaTableHeaderTagName = "eun-table-header";
|
|
6
|
-
declare const EunomiaTableHeader_base: import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/table-row.mixin.js").TableRowMixinInterface> & typeof LitElement;
|
|
7
|
-
/**
|
|
8
|
-
* The header row of a table, row zero of its accessible grid. Slot in
|
|
9
|
-
* table column elements, one per column, in the same order the table
|
|
10
|
-
* item's table cells use.
|
|
11
|
-
*
|
|
12
|
-
* The select-all checkbox and the sticky and selection state below are
|
|
13
|
-
* entirely managed by the owning table. Nothing here is meant to be set
|
|
14
|
-
* by hand.
|
|
15
|
-
*
|
|
16
|
-
* @slot [default] - Table column elements, one per column
|
|
17
|
-
* @cssprop [--table-sticky-column-background] - Sets the background color of a sticky first or last column's header cell, and the always-sticky checkbox header cell once the owning table is selectable. Falls back to table-header-background
|
|
18
|
-
* @cssprop [--table-sticky-border-color] - Sets the border color of this header's own bottom edge while sticky, falling back to table-border-color, and of the inner edge of a sticky first or last column's header cell, transparent by default
|
|
19
|
-
* @cssprop [--table-checkbox-background] - Sets the background color of the unchecked select-all checkbox, once the owning table is selectable
|
|
20
|
-
* @cssprop [--table-checkbox-hover] - Sets the background color of the unchecked select-all checkbox while hovered, once the owning table is selectable
|
|
21
|
-
* @element eun-table-header
|
|
22
|
-
*/
|
|
23
|
-
export declare class EunomiaTableHeader extends EunomiaTableHeader_base {
|
|
24
|
-
/**
|
|
25
|
-
* Styles to import to the component.
|
|
26
|
-
*
|
|
27
|
-
* @static
|
|
28
|
-
* @internal
|
|
29
|
-
* @readonly
|
|
30
|
-
*/
|
|
31
|
-
static readonly styles: import("lit").CSSResult[];
|
|
32
|
-
/**
|
|
33
|
-
* Whether the owning table is selectable — renders the select-all cell.
|
|
34
|
-
* @internal
|
|
35
|
-
*/
|
|
36
|
-
selectable: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Whether any row has trailing action content — renders a spacer cell so
|
|
39
|
-
* the header stays aligned with every item's own action column.
|
|
40
|
-
* @internal
|
|
41
|
-
*/
|
|
42
|
-
hasAction: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Whether the header should stick to the top of its scroll container.
|
|
45
|
-
* Once sticky, this header never renders the select-all checkbox — even
|
|
46
|
-
* while the owning table is `selectable` — since it stays permanently
|
|
47
|
-
* visible rather than only appearing on hover/focus like an item's own
|
|
48
|
-
* checkbox, which would otherwise leave a stray, always-on control
|
|
49
|
-
* floating above the scrolling content ; an empty `#select-spacer` keeps
|
|
50
|
-
* column alignment in its place instead. It never renders hover styling
|
|
51
|
-
* either — this component simply has none of its own.
|
|
52
|
-
* @internal
|
|
53
|
-
*/
|
|
54
|
-
sticky: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* Whether the first data column should stick to the start edge.
|
|
57
|
-
* @internal
|
|
58
|
-
*/
|
|
59
|
-
stickyFirstColumn: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Whether the last data column should stick to the end edge.
|
|
62
|
-
* @internal
|
|
63
|
-
*/
|
|
64
|
-
stickyLastColumn: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* The number of currently selected rows, for the select-all checkbox's
|
|
67
|
-
* tri-state.
|
|
68
|
-
* @internal
|
|
69
|
-
*/
|
|
70
|
-
selectedCount: number;
|
|
71
|
-
/**
|
|
72
|
-
* The total number of rows, for the select-all checkbox's tri-state.
|
|
73
|
-
* @internal
|
|
74
|
-
*/
|
|
75
|
-
totalCount: number;
|
|
76
|
-
/**
|
|
77
|
-
* Accessible label for the select-all checkbox while not every row is
|
|
78
|
-
* selected.
|
|
79
|
-
* @default Select all rows
|
|
80
|
-
*/
|
|
81
|
-
selectAllAriaLabel: string;
|
|
82
|
-
/**
|
|
83
|
-
* Accessible label for the select-all checkbox once every row is
|
|
84
|
-
* selected.
|
|
85
|
-
* @default Deselect all rows
|
|
86
|
-
*/
|
|
87
|
-
deselectAllAriaLabel: string;
|
|
88
|
-
/**
|
|
89
|
-
* Called when the select-all checkbox is toggled. Set by the owning
|
|
90
|
-
* `eun-table`.
|
|
91
|
-
* @internal
|
|
92
|
-
*/
|
|
93
|
-
onSelectAllToggle?: () => void;
|
|
94
|
-
connectedCallback(): void;
|
|
95
|
-
render(): TemplateResult;
|
|
96
|
-
}
|
|
97
|
-
declare global {
|
|
98
|
-
interface HTMLElementTagNameMap {
|
|
99
|
-
[EunomiaTableHeaderTagName]: EunomiaTableHeader;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
export {};
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { customElement, property } from "lit/decorators.js";
|
|
8
|
-
import { html, LitElement, nothing } from "lit";
|
|
9
|
-
import { TableRowMixin } from "../../../mixins/table-row.mixin.js";
|
|
10
|
-
import { renderSelectCell } from "../table/table.utils.js";
|
|
11
|
-
import { tableRowStyles } from "../shared-styles/table-row.styles.js";
|
|
12
|
-
import { tableSharedStyles } from "../shared-styles/table-shared.styles.js";
|
|
13
|
-
import { tableHeaderStyles } from "./table-header.styles.js";
|
|
14
|
-
/**
|
|
15
|
-
* Tag name of the table-header component.
|
|
16
|
-
*/
|
|
17
|
-
export const EunomiaTableHeaderTagName = "eun-table-header";
|
|
18
|
-
/**
|
|
19
|
-
* The header row of a table, row zero of its accessible grid. Slot in
|
|
20
|
-
* table column elements, one per column, in the same order the table
|
|
21
|
-
* item's table cells use.
|
|
22
|
-
*
|
|
23
|
-
* The select-all checkbox and the sticky and selection state below are
|
|
24
|
-
* entirely managed by the owning table. Nothing here is meant to be set
|
|
25
|
-
* by hand.
|
|
26
|
-
*
|
|
27
|
-
* @slot [default] - Table column elements, one per column
|
|
28
|
-
* @cssprop [--table-sticky-column-background] - Sets the background color of a sticky first or last column's header cell, and the always-sticky checkbox header cell once the owning table is selectable. Falls back to table-header-background
|
|
29
|
-
* @cssprop [--table-sticky-border-color] - Sets the border color of this header's own bottom edge while sticky, falling back to table-border-color, and of the inner edge of a sticky first or last column's header cell, transparent by default
|
|
30
|
-
* @cssprop [--table-checkbox-background] - Sets the background color of the unchecked select-all checkbox, once the owning table is selectable
|
|
31
|
-
* @cssprop [--table-checkbox-hover] - Sets the background color of the unchecked select-all checkbox while hovered, once the owning table is selectable
|
|
32
|
-
* @element eun-table-header
|
|
33
|
-
*/
|
|
34
|
-
let EunomiaTableHeader = class EunomiaTableHeader extends TableRowMixin(LitElement) {
|
|
35
|
-
constructor() {
|
|
36
|
-
super(...arguments);
|
|
37
|
-
/**
|
|
38
|
-
* Whether the owning table is selectable — renders the select-all cell.
|
|
39
|
-
* @internal
|
|
40
|
-
*/
|
|
41
|
-
this.selectable = false;
|
|
42
|
-
/**
|
|
43
|
-
* Whether any row has trailing action content — renders a spacer cell so
|
|
44
|
-
* the header stays aligned with every item's own action column.
|
|
45
|
-
* @internal
|
|
46
|
-
*/
|
|
47
|
-
this.hasAction = false;
|
|
48
|
-
/**
|
|
49
|
-
* Whether the header should stick to the top of its scroll container.
|
|
50
|
-
* Once sticky, this header never renders the select-all checkbox — even
|
|
51
|
-
* while the owning table is `selectable` — since it stays permanently
|
|
52
|
-
* visible rather than only appearing on hover/focus like an item's own
|
|
53
|
-
* checkbox, which would otherwise leave a stray, always-on control
|
|
54
|
-
* floating above the scrolling content ; an empty `#select-spacer` keeps
|
|
55
|
-
* column alignment in its place instead. It never renders hover styling
|
|
56
|
-
* either — this component simply has none of its own.
|
|
57
|
-
* @internal
|
|
58
|
-
*/
|
|
59
|
-
this.sticky = false;
|
|
60
|
-
/**
|
|
61
|
-
* Whether the first data column should stick to the start edge.
|
|
62
|
-
* @internal
|
|
63
|
-
*/
|
|
64
|
-
this.stickyFirstColumn = false;
|
|
65
|
-
/**
|
|
66
|
-
* Whether the last data column should stick to the end edge.
|
|
67
|
-
* @internal
|
|
68
|
-
*/
|
|
69
|
-
this.stickyLastColumn = false;
|
|
70
|
-
/**
|
|
71
|
-
* The number of currently selected rows, for the select-all checkbox's
|
|
72
|
-
* tri-state.
|
|
73
|
-
* @internal
|
|
74
|
-
*/
|
|
75
|
-
this.selectedCount = 0;
|
|
76
|
-
/**
|
|
77
|
-
* The total number of rows, for the select-all checkbox's tri-state.
|
|
78
|
-
* @internal
|
|
79
|
-
*/
|
|
80
|
-
this.totalCount = 0;
|
|
81
|
-
/**
|
|
82
|
-
* Accessible label for the select-all checkbox while not every row is
|
|
83
|
-
* selected.
|
|
84
|
-
* @default Select all rows
|
|
85
|
-
*/
|
|
86
|
-
this.selectAllAriaLabel = "Select all rows";
|
|
87
|
-
/**
|
|
88
|
-
* Accessible label for the select-all checkbox once every row is
|
|
89
|
-
* selected.
|
|
90
|
-
* @default Deselect all rows
|
|
91
|
-
*/
|
|
92
|
-
this.deselectAllAriaLabel = "Deselect all rows";
|
|
93
|
-
}
|
|
94
|
-
connectedCallback() {
|
|
95
|
-
super.connectedCallback?.();
|
|
96
|
-
if (!this.hasAttribute("role")) {
|
|
97
|
-
this.setAttribute("role", "row");
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
render() {
|
|
101
|
-
const allSelected = this.totalCount > 0 && this.selectedCount === this.totalCount;
|
|
102
|
-
const selectCell = this.sticky
|
|
103
|
-
? html `<div id="select-spacer" aria-hidden="true"></div>`
|
|
104
|
-
: renderSelectCell({
|
|
105
|
-
role: "columnheader",
|
|
106
|
-
checked: allSelected,
|
|
107
|
-
indeterminate: this.selectedCount > 0 && !allSelected,
|
|
108
|
-
ariaLabel: allSelected
|
|
109
|
-
? this.deselectAllAriaLabel
|
|
110
|
-
: this.selectAllAriaLabel,
|
|
111
|
-
disabled: this.totalCount === 0,
|
|
112
|
-
onChange: () => this.onSelectAllToggle?.(),
|
|
113
|
-
});
|
|
114
|
-
return html `
|
|
115
|
-
${this.selectable ? selectCell : nothing}
|
|
116
|
-
<slot></slot>
|
|
117
|
-
${this.hasAction
|
|
118
|
-
? html `<div id="action-spacer" aria-hidden="true"></div>`
|
|
119
|
-
: nothing}
|
|
120
|
-
`;
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
/**
|
|
124
|
-
* Styles to import to the component.
|
|
125
|
-
*
|
|
126
|
-
* @static
|
|
127
|
-
* @internal
|
|
128
|
-
* @readonly
|
|
129
|
-
*/
|
|
130
|
-
EunomiaTableHeader.styles = [
|
|
131
|
-
tableRowStyles,
|
|
132
|
-
tableSharedStyles,
|
|
133
|
-
tableHeaderStyles,
|
|
134
|
-
];
|
|
135
|
-
__decorate([
|
|
136
|
-
property({ type: Boolean, reflect: true })
|
|
137
|
-
], EunomiaTableHeader.prototype, "selectable", void 0);
|
|
138
|
-
__decorate([
|
|
139
|
-
property({ type: Boolean, reflect: true, attribute: "has-action" })
|
|
140
|
-
], EunomiaTableHeader.prototype, "hasAction", void 0);
|
|
141
|
-
__decorate([
|
|
142
|
-
property({ type: Boolean, reflect: true })
|
|
143
|
-
], EunomiaTableHeader.prototype, "sticky", void 0);
|
|
144
|
-
__decorate([
|
|
145
|
-
property({ type: Boolean, reflect: true, attribute: "sticky-first-column" })
|
|
146
|
-
], EunomiaTableHeader.prototype, "stickyFirstColumn", void 0);
|
|
147
|
-
__decorate([
|
|
148
|
-
property({ type: Boolean, reflect: true, attribute: "sticky-last-column" })
|
|
149
|
-
], EunomiaTableHeader.prototype, "stickyLastColumn", void 0);
|
|
150
|
-
__decorate([
|
|
151
|
-
property({ attribute: false })
|
|
152
|
-
], EunomiaTableHeader.prototype, "selectedCount", void 0);
|
|
153
|
-
__decorate([
|
|
154
|
-
property({ attribute: false })
|
|
155
|
-
], EunomiaTableHeader.prototype, "totalCount", void 0);
|
|
156
|
-
__decorate([
|
|
157
|
-
property({ attribute: "select-all-aria-label" })
|
|
158
|
-
], EunomiaTableHeader.prototype, "selectAllAriaLabel", void 0);
|
|
159
|
-
__decorate([
|
|
160
|
-
property({ attribute: "deselect-all-aria-label" })
|
|
161
|
-
], EunomiaTableHeader.prototype, "deselectAllAriaLabel", void 0);
|
|
162
|
-
EunomiaTableHeader = __decorate([
|
|
163
|
-
customElement(EunomiaTableHeaderTagName)
|
|
164
|
-
], EunomiaTableHeader);
|
|
165
|
-
export { EunomiaTableHeader };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const tableHeaderStyles: import("lit").CSSResult;
|