@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.
Files changed (516) hide show
  1. package/README.md +2 -2
  2. package/dist/breakpoints.d.ts +37 -10
  3. package/dist/breakpoints.js +38 -10
  4. package/dist/cdn/components/chunks/{chunk-MMLIPCOY.js → chunk-22D3SRFR.js} +1 -1
  5. package/dist/cdn/components/chunks/chunk-36KLGY6U.js +209 -0
  6. package/dist/cdn/components/chunks/chunk-3BMACIDO.js +1 -0
  7. package/dist/cdn/components/chunks/{chunk-IDKZKLJR.js → chunk-3PNGQEG4.js} +24 -11
  8. package/dist/cdn/components/chunks/{chunk-NBIENHLV.js → chunk-5XPOGBPL.js} +18 -18
  9. package/dist/cdn/components/chunks/chunk-624VJYNA.js +1 -0
  10. package/dist/cdn/components/chunks/chunk-62RLISRD.js +1 -0
  11. package/dist/cdn/components/chunks/{chunk-6ETDXUH2.js → chunk-6FYW5TQU.js} +7 -7
  12. package/dist/cdn/components/chunks/chunk-AK2DIJX7.js +1 -0
  13. package/dist/cdn/components/chunks/chunk-B5XMGWM7.js +10 -0
  14. package/dist/cdn/components/chunks/chunk-BKZGTCMF.js +1 -0
  15. package/dist/cdn/components/chunks/{chunk-GW3VP2L7.js → chunk-BO3JOEWM.js} +1 -1
  16. package/dist/cdn/components/chunks/chunk-BVASCT2V.js +109 -0
  17. package/dist/cdn/components/chunks/{chunk-DKOPI7QA.js → chunk-DGI7TKCU.js} +83 -68
  18. package/dist/cdn/components/chunks/chunk-EUWUDCBZ.js +1 -0
  19. package/dist/cdn/components/chunks/{chunk-P32B7BFD.js → chunk-FF3I7C3C.js} +15 -15
  20. package/dist/cdn/components/chunks/{chunk-74AOAB4X.js → chunk-FOILAXLL.js} +6 -5
  21. package/dist/cdn/components/chunks/{chunk-LGLQ36QB.js → chunk-GDBPWZN6.js} +1 -1
  22. package/dist/cdn/components/chunks/chunk-GVS6IUKC.js +1 -0
  23. package/dist/cdn/components/chunks/chunk-GWLD2I3P.js +8 -0
  24. package/dist/cdn/components/chunks/{chunk-JRGM3W7I.js → chunk-I4ERDXSM.js} +9 -4
  25. package/dist/cdn/components/chunks/{chunk-AIS3UICU.js → chunk-J3SZBXM6.js} +11 -7
  26. package/dist/cdn/components/chunks/{chunk-5XJGYXW7.js → chunk-LVKMAHMU.js} +11 -1
  27. package/dist/cdn/components/chunks/{chunk-SD2WHGPF.js → chunk-MQQJ6DID.js} +1 -1
  28. package/dist/cdn/components/chunks/{chunk-A4EQSU36.js → chunk-O7PHBLH2.js} +1 -1
  29. package/dist/cdn/components/chunks/chunk-PD62MBOJ.js +1 -0
  30. package/dist/cdn/components/chunks/{chunk-5EVP7YNE.js → chunk-PPCHQG7P.js} +1 -1
  31. package/dist/cdn/components/chunks/{chunk-MPQP4R54.js → chunk-PXF554MD.js} +10 -9
  32. package/dist/cdn/components/chunks/chunk-QL5GSW2A.js +1 -0
  33. package/dist/cdn/components/chunks/{chunk-5XJLIHAU.js → chunk-QXQ25SQS.js} +24 -20
  34. package/dist/cdn/components/chunks/chunk-SMTIDNGW.js +1 -0
  35. package/dist/cdn/components/chunks/{chunk-PED5ATYN.js → chunk-SVGWCKWT.js} +2 -2
  36. package/dist/cdn/components/chunks/{chunk-2XASWWKR.js → chunk-TFTRCIIK.js} +9 -8
  37. package/dist/cdn/components/chunks/chunk-TLBXTBMM.js +46 -0
  38. package/dist/cdn/components/chunks/chunk-UVHVQRPT.js +1 -0
  39. package/dist/cdn/components/chunks/{chunk-L65WUTXM.js → chunk-UYZR4JXZ.js} +12 -7
  40. package/dist/cdn/components/chunks/chunk-VG6NAAIV.js +1 -0
  41. package/dist/cdn/components/chunks/chunk-VJCNHMQZ.js +10 -0
  42. package/dist/cdn/components/chunks/chunk-WW4BTWMH.js +1 -0
  43. package/dist/cdn/components/chunks/{chunk-XH6NREVZ.js → chunk-YITWLCD3.js} +1 -1
  44. package/dist/cdn/components/chunks/{chunk-OW7XKDCH.js → chunk-Z3OFIE7S.js} +16 -16
  45. package/dist/cdn/components/chunks/{chunk-BQHYZB2W.js → chunk-ZBN4HTWP.js} +1 -1
  46. package/dist/cdn/components/eun-alert.js +33 -18
  47. package/dist/cdn/components/eun-animate.js +14 -10
  48. package/dist/cdn/components/eun-badge.js +2 -2
  49. package/dist/cdn/components/eun-breadcrumb.js +25 -41
  50. package/dist/cdn/components/eun-button.js +1 -1
  51. package/dist/cdn/components/eun-calendar.js +67 -65
  52. package/dist/cdn/components/eun-card.js +34 -19
  53. package/dist/cdn/components/eun-carousel.js +76 -42
  54. package/dist/cdn/components/eun-check-card.js +13 -6
  55. package/dist/cdn/components/eun-checkbox-list.js +11 -8
  56. package/dist/cdn/components/eun-checkbox.js +1 -1
  57. package/dist/cdn/components/eun-chip.js +3 -3
  58. package/dist/cdn/components/eun-collapse.js +56 -27
  59. package/dist/cdn/components/eun-color-picker.js +79 -86
  60. package/dist/cdn/components/eun-counter.js +16 -15
  61. package/dist/cdn/components/eun-date-picker.js +71 -67
  62. package/dist/cdn/components/eun-description-list.js +152 -0
  63. package/dist/cdn/components/eun-divider.js +3 -3
  64. package/dist/cdn/components/eun-drawer.js +34 -20
  65. package/dist/cdn/components/eun-dropdown-button.js +1 -1
  66. package/dist/cdn/components/eun-dropdown-item.js +6 -5
  67. package/dist/cdn/components/eun-fab.js +17 -16
  68. package/dist/cdn/components/eun-icon.js +1 -1
  69. package/dist/cdn/components/eun-image-card.js +79 -22
  70. package/dist/cdn/components/eun-image-carousel.js +92 -47
  71. package/dist/cdn/components/eun-infinite-list.js +23 -11
  72. package/dist/cdn/components/eun-input-file.js +20 -19
  73. package/dist/cdn/components/eun-input-phone.js +17 -16
  74. package/dist/cdn/components/eun-input.js +1 -1
  75. package/dist/cdn/components/eun-label.js +4 -4
  76. package/dist/cdn/components/eun-link.js +78 -29
  77. package/dist/cdn/components/eun-loader.js +1 -1
  78. package/dist/cdn/components/eun-modal.js +27 -20
  79. package/dist/cdn/components/eun-pagination.js +24 -19
  80. package/dist/cdn/components/eun-password-strength.js +19 -11
  81. package/dist/cdn/components/eun-progress-bar.js +13 -5
  82. package/dist/cdn/components/eun-radio-card.js +16 -9
  83. package/dist/cdn/components/eun-radio-list.js +12 -9
  84. package/dist/cdn/components/eun-radio.js +1 -1
  85. package/dist/cdn/components/eun-rating.js +276 -0
  86. package/dist/cdn/components/eun-scheduler-event-editor.js +10 -10
  87. package/dist/cdn/components/eun-scheduler-event.js +1 -1
  88. package/dist/cdn/components/eun-scheduler.js +27 -27
  89. package/dist/cdn/components/eun-search.js +24 -25
  90. package/dist/cdn/components/eun-select.js +32 -31
  91. package/dist/cdn/components/eun-sidebar.js +40 -24
  92. package/dist/cdn/components/eun-skeleton.js +1 -1
  93. package/dist/cdn/components/eun-slider.js +15 -14
  94. package/dist/cdn/components/eun-sliding-card.js +8 -4
  95. package/dist/cdn/components/eun-step.js +22 -10
  96. package/dist/cdn/components/eun-stepper.js +41 -30
  97. package/dist/cdn/components/eun-switch.js +10 -8
  98. package/dist/cdn/components/eun-tab-group.js +24 -19
  99. package/dist/cdn/components/eun-tab-panel.js +11 -3
  100. package/dist/cdn/components/eun-tab.js +1 -1
  101. package/dist/cdn/components/eun-table-action-bar.js +1 -1
  102. package/dist/cdn/components/eun-table.js +572 -31
  103. package/dist/cdn/components/eun-tag.js +13 -7
  104. package/dist/cdn/components/eun-textarea.js +34 -29
  105. package/dist/cdn/components/eun-time-picker.js +24 -21
  106. package/dist/cdn/components/eun-toast.js +51 -22
  107. package/dist/cdn/components/eun-toggle-group.js +57 -36
  108. package/dist/cdn/components/eun-toggle-item.js +16 -15
  109. package/dist/cdn/components/eun-toggle.js +12 -10
  110. package/dist/cdn/components/eun-toolbar.js +64 -54
  111. package/dist/cdn/components/eun-tooltip.js +30 -14
  112. package/dist/cdn/styles/breakpoints.scss +8 -0
  113. package/dist/cdn/styles/eunomia-grid.scss +6 -0
  114. package/dist/cdn/styles/eunomia-themes.css +1 -1
  115. package/dist/cdn/styles/themes/eunomia-theme.css +1 -1
  116. package/dist/cdn/styles/themes/eunomia-theme.scss +4 -3
  117. package/dist/cdn/styles/themes/mixins/eunomia-a11y-color.mixin.scss +34 -1
  118. package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss +4 -0
  119. package/dist/cdn/styles/themes/mixins/eunomia-states.mixin.scss +36 -12
  120. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +10 -10
  121. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +10 -10
  122. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css +1 -1
  123. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +3 -2
  124. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +10 -10
  125. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +10 -10
  126. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.css +1 -1
  127. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +3 -2
  128. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +10 -10
  129. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +10 -10
  130. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.css +1 -1
  131. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +3 -2
  132. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +10 -10
  133. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +10 -10
  134. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.css +1 -1
  135. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +3 -2
  136. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +10 -10
  137. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +10 -10
  138. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.css +1 -1
  139. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +3 -2
  140. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +10 -10
  141. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +10 -10
  142. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.css +1 -1
  143. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +3 -2
  144. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +10 -10
  145. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +10 -10
  146. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.css +1 -1
  147. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +3 -2
  148. package/dist/cdn/styles/tools/indexes/eunomia-media-queries.index.scss +1 -3
  149. package/dist/cdn/styles/tools/indexes/eunomia-tools.index.scss +1 -0
  150. package/dist/cdn/styles/tools/mixins/layout/eunomia-grid.mixin.scss +117 -53
  151. package/dist/cdn/styles/tools/mixins/media-queries/eunomia-media-queries.mixin.scss +69 -0
  152. package/dist/cdn/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +28 -4
  153. package/dist/cdn/styles/tools/mixins/settings/eunomia-motion.mixin.scss +9 -0
  154. package/dist/cdn/styles/tools/variables/eunomia.breakpoints.scss +4 -0
  155. package/dist/components/action/button/button.d.ts +9 -3
  156. package/dist/components/action/button/button.js +10 -4
  157. package/dist/components/action/button/button.styles.js +61 -41
  158. package/dist/components/action/dropdown-button/dropdown-button.d.ts +2 -2
  159. package/dist/components/action/dropdown-button/dropdown-button.js +21 -15
  160. package/dist/components/action/dropdown-button/dropdown-button.styles.js +3 -2
  161. package/dist/components/action/dropdown-button/dropdown-item.js +5 -6
  162. package/dist/components/action/dropdown-button/dropdown-item.styles.js +3 -2
  163. package/dist/components/action/fab/fab.styles.js +14 -13
  164. package/dist/components/action/link/link.d.ts +7 -3
  165. package/dist/components/action/link/link.js +11 -7
  166. package/dist/components/action/link/link.styles.js +66 -15
  167. package/dist/components/action/shared-styles/button-palette.styles.js +15 -15
  168. package/dist/components/action/toggle/toggle-group.d.ts +2 -0
  169. package/dist/components/action/toggle/toggle-group.js +6 -4
  170. package/dist/components/action/toggle/toggle-group.styles.d.ts +2 -0
  171. package/dist/components/action/toggle/toggle-group.styles.js +46 -23
  172. package/dist/components/action/toggle/toggle-item.styles.js +13 -12
  173. package/dist/components/action/toggle/toggle.d.ts +2 -0
  174. package/dist/components/action/toggle/toggle.js +3 -1
  175. package/dist/components/action/toggle/toggle.styles.d.ts +2 -0
  176. package/dist/components/action/toggle/toggle.styles.js +12 -8
  177. package/dist/components/alert/alert/alert.d.ts +11 -7
  178. package/dist/components/alert/alert/alert.js +13 -14
  179. package/dist/components/alert/alert/alert.styles.js +32 -15
  180. package/dist/components/alert/drawer/drawer.d.ts +8 -6
  181. package/dist/components/alert/drawer/drawer.js +12 -14
  182. package/dist/components/alert/drawer/drawer.styles.js +26 -10
  183. package/dist/components/alert/modal/modal.d.ts +13 -11
  184. package/dist/components/alert/modal/modal.js +17 -27
  185. package/dist/components/alert/modal/modal.styles.js +16 -7
  186. package/dist/components/alert/toast/toast.d.ts +9 -5
  187. package/dist/components/alert/toast/toast.js +11 -13
  188. package/dist/components/alert/toast/toast.styles.js +49 -18
  189. package/dist/components/content/badge/badge.js +2 -2
  190. package/dist/components/content/card/card.d.ts +7 -3
  191. package/dist/components/content/card/card.js +8 -4
  192. package/dist/components/content/card/card.styles.js +28 -13
  193. package/dist/components/content/card/image-card.d.ts +60 -6
  194. package/dist/components/content/card/image-card.js +120 -11
  195. package/dist/components/content/card/image-card.styles.js +66 -15
  196. package/dist/components/content/card/sliding-card.d.ts +2 -0
  197. package/dist/components/content/card/sliding-card.js +2 -0
  198. package/dist/components/content/card/sliding-card.styles.js +5 -1
  199. package/dist/components/content/chip/chip.d.ts +4 -4
  200. package/dist/components/content/chip/chip.js +8 -8
  201. package/dist/components/content/collapse/collapse.d.ts +10 -1
  202. package/dist/components/content/collapse/collapse.js +12 -2
  203. package/dist/components/content/collapse/collapse.styles.d.ts +10 -1
  204. package/dist/components/content/collapse/collapse.styles.js +56 -18
  205. package/dist/components/content/description-list/description-list.d.ts +87 -0
  206. package/dist/components/content/description-list/description-list.js +107 -0
  207. package/dist/components/content/description-list/description-list.styles.d.ts +1 -0
  208. package/dist/components/content/description-list/description-list.styles.js +185 -0
  209. package/dist/components/content/icon/icon.d.ts +5 -0
  210. package/dist/components/content/icon/icon.js +5 -0
  211. package/dist/components/content/icon/icon.style.d.ts +2 -0
  212. package/dist/components/content/icon/icon.style.js +8 -1
  213. package/dist/components/content/image-carousel/image-carousel.d.ts +30 -19
  214. package/dist/components/content/image-carousel/image-carousel.js +58 -55
  215. package/dist/components/content/image-carousel/image-carousel.styles.js +69 -30
  216. package/dist/components/content/password-strength/password-strength.d.ts +21 -6
  217. package/dist/components/content/password-strength/password-strength.js +37 -16
  218. package/dist/components/content/password-strength/password-strength.styles.js +9 -1
  219. package/dist/components/content/progress-bar/progress-bar.styles.js +12 -4
  220. package/dist/components/content/shared-styles/card-link.styles.js +4 -3
  221. package/dist/components/content/shared-styles/tone-surface.styles.d.ts +5 -0
  222. package/dist/components/content/shared-styles/tone-surface.styles.js +19 -14
  223. package/dist/components/content/tag/tag.d.ts +4 -0
  224. package/dist/components/content/tag/tag.js +6 -2
  225. package/dist/components/content/tag/tag.styles.js +14 -4
  226. package/dist/components/content/tooltip/tooltip.d.ts +3 -2
  227. package/dist/components/content/tooltip/tooltip.js +12 -19
  228. package/dist/components/content/tooltip/tooltip.styles.js +25 -7
  229. package/dist/components/form/checkbox/check-card.d.ts +5 -1
  230. package/dist/components/form/checkbox/check-card.js +5 -1
  231. package/dist/components/form/checkbox/check-card.styles.js +13 -4
  232. package/dist/components/form/checkbox/checkbox-list.d.ts +21 -1
  233. package/dist/components/form/checkbox/checkbox-list.js +50 -17
  234. package/dist/components/form/checkbox/checkbox.d.ts +5 -1
  235. package/dist/components/form/checkbox/checkbox.js +7 -2
  236. package/dist/components/form/checkbox/checkbox.styles.js +5 -4
  237. package/dist/components/form/color-picker/color-picker.d.ts +48 -29
  238. package/dist/components/form/color-picker/color-picker.js +85 -71
  239. package/dist/components/form/color-picker/color-picker.styles.js +7 -6
  240. package/dist/components/form/counter/counter.d.ts +26 -19
  241. package/dist/components/form/counter/counter.js +64 -63
  242. package/dist/components/form/counter/counter.styles.js +5 -4
  243. package/dist/components/form/date-picker/date-picker.d.ts +64 -39
  244. package/dist/components/form/date-picker/date-picker.js +107 -96
  245. package/dist/components/form/date-picker/date-picker.styles.js +8 -5
  246. package/dist/components/form/input/input.d.ts +45 -40
  247. package/dist/components/form/input/input.js +93 -111
  248. package/dist/components/form/input-file/input-file.d.ts +30 -14
  249. package/dist/components/form/input-file/input-file.js +43 -40
  250. package/dist/components/form/input-file/input-file.styles.js +7 -6
  251. package/dist/components/form/input-phone/input-phone.d.ts +30 -7
  252. package/dist/components/form/input-phone/input-phone.js +54 -30
  253. package/dist/components/form/input-phone/input-phone.styles.js +4 -4
  254. package/dist/components/form/label/label.styles.js +3 -3
  255. package/dist/components/form/radio/radio-card.d.ts +6 -2
  256. package/dist/components/form/radio/radio-card.js +6 -2
  257. package/dist/components/form/radio/radio-card.styles.js +14 -5
  258. package/dist/components/form/radio/radio-list.d.ts +28 -9
  259. package/dist/components/form/radio/radio-list.js +61 -32
  260. package/dist/components/form/radio/radio.d.ts +6 -2
  261. package/dist/components/form/radio/radio.js +6 -2
  262. package/dist/components/form/radio/radio.styles.js +4 -4
  263. package/dist/components/form/rating/rating.d.ts +349 -0
  264. package/dist/components/form/rating/rating.js +665 -0
  265. package/dist/components/form/rating/rating.styles.d.ts +1 -0
  266. package/dist/components/form/rating/rating.styles.js +213 -0
  267. package/dist/components/form/search/search.d.ts +10 -9
  268. package/dist/components/form/search/search.js +29 -56
  269. package/dist/components/form/search/search.styles.js +5 -4
  270. package/dist/components/form/select/select.d.ts +32 -12
  271. package/dist/components/form/select/select.js +74 -59
  272. package/dist/components/form/select/select.styles.js +3 -2
  273. package/dist/components/form/shared-styles/card.styles.js +5 -4
  274. package/dist/components/form/shared-styles/field.styles.js +16 -6
  275. package/dist/components/form/shared-styles/form-labels.styles.js +1 -1
  276. package/dist/components/form/shared-styles/listbox.styles.js +10 -0
  277. package/dist/components/form/slider/slider.d.ts +11 -9
  278. package/dist/components/form/slider/slider.js +14 -14
  279. package/dist/components/form/slider/slider.styles.js +8 -7
  280. package/dist/components/form/switch/switch.d.ts +5 -1
  281. package/dist/components/form/switch/switch.js +5 -1
  282. package/dist/components/form/switch/switch.styles.js +7 -5
  283. package/dist/components/form/textarea/textarea.d.ts +96 -24
  284. package/dist/components/form/textarea/textarea.js +206 -51
  285. package/dist/components/form/time-picker/time-picker-columns.d.ts +2 -2
  286. package/dist/components/form/time-picker/time-picker-columns.js +8 -8
  287. package/dist/components/form/time-picker/time-picker-columns.styles.js +4 -2
  288. package/dist/components/form/time-picker/time-picker-list.styles.js +2 -1
  289. package/dist/components/form/time-picker/time-picker.d.ts +30 -10
  290. package/dist/components/form/time-picker/time-picker.js +81 -64
  291. package/dist/components/form/time-picker/time-picker.styles.js +4 -3
  292. package/dist/components/layout/animate/animate.d.ts +37 -15
  293. package/dist/components/layout/animate/animate.js +36 -16
  294. package/dist/components/layout/animate/animate.styles.js +11 -18
  295. package/dist/components/layout/divider/divider.js +1 -1
  296. package/dist/components/layout/divider/divider.styles.js +1 -1
  297. package/dist/components/layout/infinite-list/infinite-list.d.ts +33 -10
  298. package/dist/components/layout/infinite-list/infinite-list.js +115 -18
  299. package/dist/components/layout/infinite-list/infinite-list.styles.d.ts +3 -0
  300. package/dist/components/layout/infinite-list/infinite-list.styles.js +17 -5
  301. package/dist/components/loader/loader/loader.js +2 -2
  302. package/dist/components/loader/loader/loader.styles.js +17 -13
  303. package/dist/components/loader/skeleton/skeleton.js +1 -1
  304. package/dist/components/navigation/breadcrumb/breadcrumb.d.ts +31 -45
  305. package/dist/components/navigation/breadcrumb/breadcrumb.js +111 -77
  306. package/dist/components/navigation/breadcrumb/breadcrumb.styles.d.ts +3 -0
  307. package/dist/components/navigation/breadcrumb/breadcrumb.styles.js +22 -26
  308. package/dist/components/navigation/carousel/carousel.d.ts +55 -11
  309. package/dist/components/navigation/carousel/carousel.js +101 -43
  310. package/dist/components/navigation/carousel/carousel.styles.js +65 -22
  311. package/dist/components/navigation/pagination/pagination.d.ts +23 -21
  312. package/dist/components/navigation/pagination/pagination.js +30 -53
  313. package/dist/components/navigation/pagination/pagination.styles.js +8 -3
  314. package/dist/components/navigation/sidebar/sidebar.d.ts +17 -13
  315. package/dist/components/navigation/sidebar/sidebar.js +23 -33
  316. package/dist/components/navigation/sidebar/sidebar.styles.js +32 -14
  317. package/dist/components/navigation/stepper/step.js +9 -8
  318. package/dist/components/navigation/stepper/step.styles.js +16 -5
  319. package/dist/components/navigation/stepper/stepper.js +12 -5
  320. package/dist/components/navigation/stepper/stepper.styles.js +16 -5
  321. package/dist/components/navigation/tabs/tab/tab.d.ts +11 -0
  322. package/dist/components/navigation/tabs/tab/tab.js +11 -0
  323. package/dist/components/navigation/tabs/tab/tab.styles.js +22 -16
  324. package/dist/components/navigation/tabs/tab-group/tab-group.js +9 -10
  325. package/dist/components/navigation/tabs/tab-group/tab-group.styles.js +21 -16
  326. package/dist/components/navigation/tabs/tab-panel/tab-panel.d.ts +4 -0
  327. package/dist/components/navigation/tabs/tab-panel/tab-panel.js +4 -0
  328. package/dist/components/navigation/tabs/tab-panel/tab-panel.styles.js +18 -1
  329. package/dist/components/navigation/toolbar/toolbar.d.ts +30 -62
  330. package/dist/components/navigation/toolbar/toolbar.js +43 -105
  331. package/dist/components/navigation/toolbar/toolbar.styles.js +59 -36
  332. package/dist/events/table-row-click.event.d.ts +5 -4
  333. package/dist/events/table-row-click.event.js +10 -5
  334. package/dist/features/scheduler/calendar/calendar.d.ts +6 -6
  335. package/dist/features/scheduler/calendar/calendar.js +7 -6
  336. package/dist/features/scheduler/calendar/calendar.styles.js +8 -6
  337. package/dist/features/scheduler/scheduler/scheduler.d.ts +8 -8
  338. package/dist/features/scheduler/scheduler/scheduler.js +24 -47
  339. package/dist/features/scheduler/scheduler/scheduler.styles.js +6 -4
  340. package/dist/features/scheduler/scheduler-event/scheduler-event.d.ts +2 -0
  341. package/dist/features/scheduler/scheduler-event/scheduler-event.js +5 -3
  342. package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +11 -5
  343. package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.d.ts +6 -4
  344. package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js +6 -7
  345. package/dist/features/scheduler/shared/scheduler-hour-grid.styles.js +3 -3
  346. package/dist/features/scheduler/shared/scheduler-month-view.styles.js +2 -2
  347. package/dist/features/scheduler/shared/scheduler-year-view.styles.js +2 -2
  348. package/dist/features/table/table/table-native.styles.d.ts +28 -0
  349. package/dist/features/table/table/table-native.styles.js +502 -0
  350. package/dist/features/table/table/table.d.ts +342 -294
  351. package/dist/features/table/table/table.js +820 -546
  352. package/dist/features/table/table/table.styles.js +31 -17
  353. package/dist/features/table/table/table.types.d.ts +11 -20
  354. package/dist/features/table/table/table.utils.d.ts +6 -36
  355. package/dist/features/table/table/table.utils.js +16 -65
  356. package/dist/features/table/table-action-bar/table-action-bar.d.ts +33 -16
  357. package/dist/features/table/table-action-bar/table-action-bar.js +15 -22
  358. package/dist/features/table/table-action-bar/table-action-bar.styles.js +15 -3
  359. package/dist/i18n/en.d.ts +99 -0
  360. package/dist/i18n/en.js +99 -0
  361. package/dist/i18n/fr.js +103 -2
  362. package/dist/index.d.ts +6 -10
  363. package/dist/index.js +7 -10
  364. package/dist/mixins/button.mixin.js +3 -2
  365. package/dist/mixins/check.mixin.js +15 -15
  366. package/dist/mixins/disabled.mixin.d.ts +5 -0
  367. package/dist/mixins/disabled.mixin.js +21 -1
  368. package/dist/mixins/editable.mixin.js +28 -5
  369. package/dist/mixins/field-appearance.mixin.js +3 -2
  370. package/dist/mixins/form.mixin.d.ts +21 -1
  371. package/dist/mixins/form.mixin.js +156 -27
  372. package/dist/mixins/localizable.mixin.d.ts +1 -1
  373. package/dist/mixins/localizable.mixin.js +1 -1
  374. package/dist/mixins/radio.mixin.js +15 -15
  375. package/dist/mixins/readonly.mixin.d.ts +2 -1
  376. package/dist/mixins/readonly.mixin.js +10 -3
  377. package/dist/mixins/validators.mixin.d.ts +7 -1
  378. package/dist/mixins/validators.mixin.js +36 -17
  379. package/dist/ssr/alert-ssr.css +187 -0
  380. package/dist/ssr/animate-ssr.css +3 -2
  381. package/dist/ssr/badge-ssr.css +67 -0
  382. package/dist/ssr/breadcrumb-ssr.css +41 -0
  383. package/dist/ssr/button-ssr.css +319 -0
  384. package/dist/ssr/card-ssr.css +196 -0
  385. package/dist/ssr/carousel-ssr.css +238 -0
  386. package/dist/ssr/checkbox-ssr.css +67 -0
  387. package/dist/ssr/chip-ssr.css +242 -0
  388. package/dist/ssr/collapse-ssr.css +151 -0
  389. package/dist/ssr/description-list-ssr.css +150 -0
  390. package/dist/ssr/field-ssr.css +163 -0
  391. package/dist/ssr/icon-ssr.css +266 -0
  392. package/dist/ssr/image-carousel-ssr.css +24 -0
  393. package/dist/ssr/links-ssr.css +8 -2
  394. package/dist/ssr/pagination-ssr.css +4 -0
  395. package/dist/ssr/rating-ssr.css +254 -0
  396. package/dist/ssr/sidebar-ssr.css +9 -1
  397. package/dist/ssr/skeleton-ssr.css +63 -0
  398. package/dist/ssr/table-ssr.css +472 -0
  399. package/dist/ssr/tabs-ssr.css +129 -0
  400. package/dist/ssr/tag-ssr.css +197 -0
  401. package/dist/ssr/toggle-group-ssr.css +182 -0
  402. package/dist/ssr/toolbar-ssr.css +34 -1
  403. package/dist/utils/drag-drop.utils.js +18 -2
  404. package/dist/utils/dropdown-menu.utils.d.ts +2 -2
  405. package/dist/utils/dropdown-menu.utils.js +4 -14
  406. package/dist/utils/implicit-submission.utils.d.ts +18 -0
  407. package/dist/utils/implicit-submission.utils.js +79 -0
  408. package/dist/utils/light-dom-styles.utils.d.ts +14 -0
  409. package/dist/utils/light-dom-styles.utils.js +37 -0
  410. package/dist/utils/listbox-options.utils.d.ts +11 -0
  411. package/dist/utils/listbox-options.utils.js +41 -3
  412. package/dist/utils/media.styles.d.ts +19 -0
  413. package/dist/utils/media.styles.js +23 -0
  414. package/dist/utils/motion.utils.d.ts +40 -0
  415. package/dist/utils/motion.utils.js +51 -0
  416. package/dist/utils/theme-generator.utils.d.ts +6 -1
  417. package/dist/utils/theme-generator.utils.js +59 -20
  418. package/package.json +39 -31
  419. package/styles/breakpoints.scss +8 -0
  420. package/styles/eunomia-grid.scss +6 -0
  421. package/styles/themes/eunomia-theme.scss +4 -3
  422. package/styles/themes/mixins/eunomia-a11y-color.mixin.scss +34 -1
  423. package/styles/themes/mixins/eunomia-neutrals.mixin.scss +4 -0
  424. package/styles/themes/mixins/eunomia-states.mixin.scss +36 -12
  425. package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +10 -10
  426. package/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +10 -10
  427. package/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +3 -2
  428. package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +10 -10
  429. package/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +10 -10
  430. package/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +3 -2
  431. package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +10 -10
  432. package/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +10 -10
  433. package/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +3 -2
  434. package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +10 -10
  435. package/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +10 -10
  436. package/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +3 -2
  437. package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +10 -10
  438. package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +10 -10
  439. package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +3 -2
  440. package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +10 -10
  441. package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +10 -10
  442. package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +3 -2
  443. package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +10 -10
  444. package/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +10 -10
  445. package/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +3 -2
  446. package/styles/tools/indexes/eunomia-media-queries.index.scss +1 -3
  447. package/styles/tools/indexes/eunomia-tools.index.scss +1 -0
  448. package/styles/tools/mixins/layout/eunomia-grid.mixin.scss +117 -53
  449. package/styles/tools/mixins/media-queries/eunomia-media-queries.mixin.scss +69 -0
  450. package/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +28 -4
  451. package/styles/tools/mixins/settings/eunomia-motion.mixin.scss +9 -0
  452. package/styles/tools/variables/eunomia.breakpoints.scss +4 -0
  453. package/dist/cdn/components/chunks/chunk-32DTNR52.js +0 -1
  454. package/dist/cdn/components/chunks/chunk-A6KGFALA.js +0 -132
  455. package/dist/cdn/components/chunks/chunk-CEDHJUUH.js +0 -1
  456. package/dist/cdn/components/chunks/chunk-D2M4BV5Y.js +0 -328
  457. package/dist/cdn/components/chunks/chunk-E4IS25H7.js +0 -1
  458. package/dist/cdn/components/chunks/chunk-E74CM7UG.js +0 -66
  459. package/dist/cdn/components/chunks/chunk-EAKYD33D.js +0 -110
  460. package/dist/cdn/components/chunks/chunk-EST3M4AO.js +0 -1
  461. package/dist/cdn/components/chunks/chunk-GU6BVMFJ.js +0 -1
  462. package/dist/cdn/components/chunks/chunk-KBH5PCUO.js +0 -3
  463. package/dist/cdn/components/chunks/chunk-KVYUNKUO.js +0 -27
  464. package/dist/cdn/components/chunks/chunk-LFCXUVDO.js +0 -1
  465. package/dist/cdn/components/chunks/chunk-OAULRKHQ.js +0 -38
  466. package/dist/cdn/components/chunks/chunk-PCM7D3YF.js +0 -84
  467. package/dist/cdn/components/chunks/chunk-S2UCEWNG.js +0 -207
  468. package/dist/cdn/components/chunks/chunk-SJWRE6PW.js +0 -1
  469. package/dist/cdn/components/chunks/chunk-T4PTHUYF.js +0 -10
  470. package/dist/cdn/components/chunks/chunk-VRGRCYIO.js +0 -1
  471. package/dist/cdn/components/chunks/chunk-X2AUBZD2.js +0 -30
  472. package/dist/cdn/components/eun-breadcrumb-item.js +0 -93
  473. package/dist/cdn/components/eun-table-cell.js +0 -1
  474. package/dist/cdn/components/eun-table-column.js +0 -1
  475. package/dist/cdn/components/eun-table-header.js +0 -1
  476. package/dist/cdn/components/eun-table-item.js +0 -1
  477. package/dist/cdn/components/eun-table-skeleton-row.js +0 -1
  478. package/dist/cdn/styles/tools/mixins/media-queries/eunomia-device.mixin.scss +0 -14
  479. package/dist/cdn/styles/tools/mixins/media-queries/eunomia-gte.mixin.scss +0 -26
  480. package/dist/cdn/styles/tools/mixins/media-queries/eunomia-lte.mixin.scss +0 -26
  481. package/dist/components/navigation/breadcrumb/breadcrumb-item.d.ts +0 -77
  482. package/dist/components/navigation/breadcrumb/breadcrumb-item.js +0 -130
  483. package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.d.ts +0 -6
  484. package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.js +0 -78
  485. package/dist/features/table/native-table.css +0 -276
  486. package/dist/features/table/shared-styles/table-row.styles.d.ts +0 -7
  487. package/dist/features/table/shared-styles/table-row.styles.js +0 -47
  488. package/dist/features/table/shared-styles/table-shared.styles.d.ts +0 -23
  489. package/dist/features/table/shared-styles/table-shared.styles.js +0 -33
  490. package/dist/features/table/table-cell/table-cell.d.ts +0 -59
  491. package/dist/features/table/table-cell/table-cell.js +0 -73
  492. package/dist/features/table/table-cell/table-cell.styles.d.ts +0 -1
  493. package/dist/features/table/table-cell/table-cell.styles.js +0 -46
  494. package/dist/features/table/table-column/table-column.d.ts +0 -73
  495. package/dist/features/table/table-column/table-column.js +0 -89
  496. package/dist/features/table/table-column/table-column.styles.d.ts +0 -1
  497. package/dist/features/table/table-column/table-column.styles.js +0 -51
  498. package/dist/features/table/table-header/table-header.d.ts +0 -102
  499. package/dist/features/table/table-header/table-header.js +0 -165
  500. package/dist/features/table/table-header/table-header.styles.d.ts +0 -1
  501. package/dist/features/table/table-header/table-header.styles.js +0 -147
  502. package/dist/features/table/table-item/table-item.d.ts +0 -179
  503. package/dist/features/table/table-item/table-item.js +0 -291
  504. package/dist/features/table/table-item/table-item.styles.d.ts +0 -1
  505. package/dist/features/table/table-item/table-item.styles.js +0 -404
  506. package/dist/features/table/table-managed/table-managed.d.ts +0 -19
  507. package/dist/features/table/table-managed/table-managed.js +0 -128
  508. package/dist/features/table/table-skeleton-row/table-skeleton-row.d.ts +0 -46
  509. package/dist/features/table/table-skeleton-row/table-skeleton-row.js +0 -110
  510. package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.d.ts +0 -12
  511. package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.js +0 -65
  512. package/dist/mixins/table-row.mixin.d.ts +0 -37
  513. package/dist/mixins/table-row.mixin.js +0 -103
  514. package/styles/tools/mixins/media-queries/eunomia-device.mixin.scss +0 -14
  515. package/styles/tools/mixins/media-queries/eunomia-gte.mixin.scss +0 -26
  516. package/styles/tools/mixins/media-queries/eunomia-lte.mixin.scss +0 -26
@@ -1,147 +0,0 @@
1
- import { css } from "lit";
2
- /**
3
- * Style for `eun-table-header`, layered on top of the shared
4
- * {@link tableRowStyles}/{@link tableSharedStyles} (subgrid + z-index
5
- * constants) — its own background/border, sticky-header positioning, and
6
- * the sticky-column corner (when a sticky first/last column meets the
7
- * sticky header, it must win over both).
8
- *
9
- * Custom css variables:
10
- * [--table-header-background] - Set a custom background color
11
- * [--table-border-color] - Set a custom border color
12
- * [--table-sticky-column-background] - Set a custom background color for a sticky first/last column's header cell (and the always-sticky checkbox header cell, once the owning table is `selectable`) ; falls back to `--table-header-background`, same variable `eun-table-item`'s own sticky column cells read
13
- * [--table-sticky-border-color] - Set a custom border color for this header's own bottom edge while `sticky` (falls back to `--table-border-color`, so unset it looks the same as a non-sticky header), and for the inner edge of a sticky first/last column's header cell (transparent, i.e. no border there, unless this is set) ; same variable `eun-table-item`'s own sticky elements read
14
- * [--table-checkbox-background] - Set a custom background color for the select-all checkbox (unchecked), once the owning table is `selectable` ; same variable every `eun-table-item`'s own row checkbox reads
15
- * [--table-checkbox-hover] - Set a custom background color for the select-all checkbox (unchecked) while hovered, once the owning table is `selectable` ; same variable every `eun-table-item`'s own row checkbox reads
16
- * [--table-row-hover-background] - Set a custom background tint shown while any part of the header has keyboard focus ; same variable every `eun-table-item`'s own hover/focus tint reads
17
- * [--table-row-transition-duration] - Set a custom duration for that tint's transition (default 200ms) ; same variable every `eun-table-item`'s own hover/focus transitions read
18
- */
19
- const base = css `
20
- :host {
21
- position: relative;
22
- background: var(
23
- --table-header-background,
24
- var(--eun-surface-color, #ffffff)
25
- );
26
- box-shadow: inset 0 0 0 9999px transparent;
27
- border-bottom: var(--eun-border-width-s, 1px) solid
28
- var(--table-border-color, var(--eun-border-color, #dee0e7));
29
- font-weight: var(--eun-font-weight-m, 500);
30
- transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
31
- }
32
-
33
- :host(:focus-within) {
34
- box-shadow: inset 0 0 0 9999px
35
- var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
36
- }
37
-
38
- :host([sticky]) {
39
- position: sticky;
40
- top: 0;
41
- z-index: var(--_table-z-header, 4);
42
- border-bottom-color: var(
43
- --table-sticky-border-color,
44
- var(--table-border-color, var(--eun-border-color, #dee0e7))
45
- );
46
- }
47
-
48
- #select-cell {
49
- position: sticky;
50
- left: 0;
51
- z-index: var(--_table-z-checkbox, 1);
52
- background: var(
53
- --table-sticky-column-background,
54
- var(--table-header-background, var(--eun-surface-color, #ffffff))
55
- );
56
- box-shadow: inset 0 0 0 9999px transparent;
57
- padding-inline-start: var(--eun-space-s);
58
- transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
59
- }
60
-
61
- :host(:focus-within) #select-cell {
62
- box-shadow: inset 0 0 0 9999px
63
- var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
64
- }
65
-
66
- #select-cell eun-checkbox {
67
- --checkbox-border-color: transparent;
68
- --checkbox-background: var(
69
- --table-checkbox-background,
70
- var(--eun-color-grey-300, #dee0e7)
71
- );
72
- --checkbox-background-hover: var(
73
- --table-checkbox-hover,
74
- var(--eun-color-grey-400, #c1c9d6)
75
- );
76
- }
77
-
78
- #select-spacer {
79
- box-sizing: border-box;
80
- background: var(
81
- --table-header-background,
82
- var(--eun-surface-color, #ffffff)
83
- );
84
- }
85
-
86
- :host([sticky-first-column]) ::slotted(:first-of-type) {
87
- position: sticky;
88
- left: var(--_table-select-offset, 0px);
89
- z-index: var(--_table-z-corner, 5);
90
- background: var(
91
- --table-sticky-column-background,
92
- var(--table-header-background, var(--eun-surface-color, #ffffff))
93
- );
94
- box-shadow: inset 0 0 0 9999px transparent;
95
- border-inline-end: var(--eun-border-width-s, 1px) solid
96
- var(
97
- --table-sticky-border-color,
98
- var(--table-column-border-color, transparent)
99
- );
100
- transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
101
- }
102
-
103
- :host([sticky-first-column]:focus-within) ::slotted(:first-of-type) {
104
- box-shadow: inset 0 0 0 9999px
105
- var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
106
- }
107
-
108
- #action-spacer {
109
- box-sizing: border-box;
110
- }
111
-
112
- :host([sticky-last-column]) #action-spacer {
113
- position: sticky;
114
- right: 0;
115
- z-index: var(--_table-z-corner, 5);
116
- background: var(
117
- --table-sticky-column-background,
118
- var(--table-header-background, var(--eun-surface-color, #ffffff))
119
- );
120
- box-shadow: inset 0 0 0 9999px transparent;
121
- transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
122
- }
123
-
124
- :host([sticky-last-column]:focus-within) #action-spacer,
125
- :host([sticky-last-column]:focus-within) ::slotted(:last-of-type) {
126
- box-shadow: inset 0 0 0 9999px
127
- var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
128
- }
129
-
130
- :host([sticky-last-column]) ::slotted(:last-of-type) {
131
- position: sticky;
132
- right: var(--_table-action-offset, 0px);
133
- z-index: var(--_table-z-corner, 5);
134
- background: var(
135
- --table-sticky-column-background,
136
- var(--table-header-background, var(--eun-surface-color, #ffffff))
137
- );
138
- box-shadow: inset 0 0 0 9999px transparent;
139
- transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
140
- border-inline-start: var(--eun-border-width-s, 1px) solid
141
- var(
142
- --table-sticky-border-color,
143
- var(--table-column-border-color, transparent)
144
- );
145
- }
146
- `;
147
- export const tableHeaderStyles = base;
@@ -1,179 +0,0 @@
1
- import { LitElement, PropertyValues, TemplateResult } from "lit";
2
- /**
3
- * Tag name of the table-item component.
4
- */
5
- export declare const EunomiaTableItemTagName = "eun-table-item";
6
- declare const EunomiaTableItem_base: import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/table-row.mixin.js").TableRowMixinInterface> & typeof LitElement;
7
- /**
8
- * A single data row of a table. Slot in table cell elements, one per
9
- * column, in the same order the table header's table columns use.
10
- * Content is entirely free-form. An optional action slot element,
11
- * typically a button or a dropdown button, renders in a trailing cell
12
- * revealed only on hover or focus, unless the owning table's
13
- * checkboxAlwaysVisible or actionAlwaysVisible keeps it, and the
14
- * checkbox, visible at all times instead.
15
- *
16
- * Selected, selectionActive, selectable, checkboxAlwaysVisible,
17
- * actionAlwaysVisible, and the sticky-column flags are managed by the
18
- * owning table. Only rowKey and stickyBottom are meant to be authored
19
- * directly.
20
- *
21
- * @slot [default] - Table cell elements, one per column
22
- * @slot action - Optional trailing action content, such as a button or a dropdown button, revealed on hover or focus, or always with the owning table's actionAlwaysVisible. Hidden and inert (unfocusable, unclickable) while any row is selected either way
23
- * @prop {string} [rowKey] - This row's stable identity, used for selection tracking. Falls back to a DOM-order-derived key when unset, which is unstable across client-side sort or filter, so set this explicitly for any such table
24
- * @attr {string} [row-key] - This row's stable identity
25
- * @prop {boolean} [stickyBottom=false] - Pins this row to the bottom of its scroll container, such as a totals row. The consumer marks which rows, rather than the table inferring the last row from DOM order
26
- * @attr {boolean} [sticky-bottom=false] - Pins this row to the bottom of its scroll container
27
- * @fires {TableRowClickEvent} euntablerowclick - Fired on a row click outside its checkbox or action cell and outside selection mode, whether or not this row or the owning table has any row-end action at all
28
- * @cssprop [--table-row-background] - Sets the background color
29
- * @cssprop [--table-row-hover-background] - Sets the background color on hover
30
- * @cssprop [--table-row-selected-background] - Sets the background color while selected
31
- * @cssprop [--table-sticky-row-background] - Sets the background color of this row while stickyBottom, at rest. Falls back to table-row-background
32
- * @cssprop [--table-sticky-column-background] - Sets the background color of this row's sticky first or last column cell, and its checkbox cell once the owning table is selectable, at rest. Falls back to table-row-background
33
- * @cssprop [--table-checkbox-background] - Sets the background color of this row's own unchecked checkbox, once the owning table is selectable
34
- * @cssprop [--table-checkbox-hover] - Sets the background color of this row's own unchecked checkbox while hovered, once the owning table is selectable
35
- * @cssprop [--table-sticky-border-color] - Sets the border color of this row's own top edge while stickyBottom, falling back to table-border-color, and of the trailing edge of the always-sticky checkbox cell and any sticky first or last column cell, transparent by default
36
- * @cssprop [--table-action-color] - Sets the text and icon color of a row-end action, bridging into a slotted button's or dropdown button's own text color
37
- * @cssprop [--table-sync-overlay-color] - Sets the highlight color of the shimmer sweep shown while the owning table's syncing is set
38
- * @cssprop [--table-sync-duration] - Sets the duration of the syncing shimmer sweep, as a CSS time, defaulting to 1.6 seconds
39
- * @element eun-table-item
40
- */
41
- export declare class EunomiaTableItem extends EunomiaTableItem_base {
42
- /**
43
- * Styles to import to the component.
44
- *
45
- * @static
46
- * @internal
47
- * @readonly
48
- */
49
- static readonly styles: import("lit").CSSResult[];
50
- /**
51
- * This row's stable identity, used for selection tracking.
52
- */
53
- rowKey?: string;
54
- /**
55
- * Pins this row to the bottom of its scroll container.
56
- * @default false
57
- */
58
- stickyBottom: boolean;
59
- /**
60
- * Whether this row is currently selected.
61
- * @internal
62
- */
63
- selected: boolean;
64
- /**
65
- * Whether the owning table currently has *any* row selected; forces the
66
- * hover-only action slot hidden (it cedes to the action bar) and the
67
- * checkbox permanently visible. Also makes the action cell `inert`
68
- * (see render), so its content can't be clicked or Tab-reached while
69
- * hidden this way, on top of not being visible.
70
- * @internal
71
- */
72
- selectionActive: boolean;
73
- /**
74
- * Whether the owning table is selectable; renders the checkbox cell.
75
- * @internal
76
- */
77
- selectable: boolean;
78
- /**
79
- * Whether the owning table has any row-end action content; renders the
80
- * action cell (even if this particular row's own `slot="action"` is
81
- * empty, to keep every row's column count aligned).
82
- * @internal
83
- */
84
- hasAction: boolean;
85
- /**
86
- * Whether the owning table's `checkboxAlwaysVisible` is set; keeps this
87
- * row's own checkbox visible at all times instead of only on
88
- * hover/focus/selection.
89
- * @internal
90
- */
91
- checkboxAlwaysVisible: boolean;
92
- /**
93
- * Whether the owning table's `actionAlwaysVisible` is set; keeps this
94
- * row's own row-end action visible at all times instead of only on
95
- * hover/focus; still cedes to the floating action bar once this table is
96
- * in selection mode, same as the hover-only default (see
97
- * `selectionActive`).
98
- * @internal
99
- */
100
- actionAlwaysVisible: boolean;
101
- /**
102
- * Whether the first data column should stick to the start edge.
103
- * @internal
104
- */
105
- stickyFirstColumn: boolean;
106
- /**
107
- * Whether the last data column should stick to the end edge.
108
- * @internal
109
- */
110
- stickyLastColumn: boolean;
111
- /**
112
- * Whether the owning table's `clickable` is set; shows a pointer cursor
113
- * on this row while it has no row-end action content of its own, since
114
- * an action button already carries its own click affordance and the row
115
- * itself doesn't need one layered on top of it. `euntablerowclick` fires
116
- * on a qualifying click either way (see the class doc); this only adds
117
- * the visual hint that the row itself is one too.
118
- * @internal
119
- */
120
- clickable: boolean;
121
- /**
122
- * Whether the owning table's `syncing` is set; shows a shimmering
123
- * overlay sweeping across this row without touching its own visibility
124
- * or its content's, unlike the owning table's `loading` (which hides
125
- * every row outright in favor of placeholder skeleton rows). Meant for a
126
- * background refresh of already-visible data, not an initial load.
127
- * @internal
128
- */
129
- syncing: boolean;
130
- /**
131
- * This row's stable identity as resolved by the owning table (`rowKey`,
132
- * or a DOM-order fallback); used for the accessible checkbox label and
133
- * the click event, since this element can't reliably compute the
134
- * fallback on its own.
135
- * @internal
136
- */
137
- resolvedKey: string;
138
- /**
139
- * Pre-formatted accessible label for this row's checkbox (e.g.
140
- * `"Select row 3"`), computed and pushed down by the owning table.
141
- * @internal
142
- */
143
- selectCheckboxLabel: string;
144
- /**
145
- * Called when this row's checkbox is toggled. Set by the owning
146
- * `eun-table`.
147
- * @internal
148
- */
149
- onToggleSelected?: () => void;
150
- /**
151
- * Fires this row's own click action from `Enter`/`Space` while the row's
152
- * own host itself has focus (see `TableRowMixin`'s own class doc), the
153
- * keyboard equivalent of clicking the row directly (see {@link
154
- * handleClick}, which this reuses so both respect `selectionActive`
155
- * identically). Unconditional, regardless of `clickable`/`selectable` :
156
- * every item row responds this way, whether or not doing so actually
157
- * has any effect.
158
- * @protected
159
- */
160
- protected activateLeadingRowFocusTarget: () => void;
161
- connectedCallback(): void;
162
- disconnectedCallback(): void;
163
- protected updated(changed: PropertyValues): void;
164
- /**
165
- * A row click toggles selection while selection mode is active,
166
- * otherwise fires {@link TableRowClickEvent}. Never fires for a click
167
- * that originated on the checkbox or action cell — both call
168
- * `stopPropagation` at the source.
169
- * @private
170
- */
171
- private readonly handleClick;
172
- render(): TemplateResult;
173
- }
174
- declare global {
175
- interface HTMLElementTagNameMap {
176
- [EunomiaTableItemTagName]: EunomiaTableItem;
177
- }
178
- }
179
- export {};
@@ -1,291 +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 { TableRowClickEvent } from "../../../events/table-row-click.event.js";
12
- import { tableRowStyles } from "../shared-styles/table-row.styles.js";
13
- import { tableSharedStyles } from "../shared-styles/table-shared.styles.js";
14
- import { tableItemStyles } from "./table-item.styles.js";
15
- /**
16
- * Tag name of the table-item component.
17
- */
18
- export const EunomiaTableItemTagName = "eun-table-item";
19
- /**
20
- * A single data row of a table. Slot in table cell elements, one per
21
- * column, in the same order the table header's table columns use.
22
- * Content is entirely free-form. An optional action slot element,
23
- * typically a button or a dropdown button, renders in a trailing cell
24
- * revealed only on hover or focus, unless the owning table's
25
- * checkboxAlwaysVisible or actionAlwaysVisible keeps it, and the
26
- * checkbox, visible at all times instead.
27
- *
28
- * Selected, selectionActive, selectable, checkboxAlwaysVisible,
29
- * actionAlwaysVisible, and the sticky-column flags are managed by the
30
- * owning table. Only rowKey and stickyBottom are meant to be authored
31
- * directly.
32
- *
33
- * @slot [default] - Table cell elements, one per column
34
- * @slot action - Optional trailing action content, such as a button or a dropdown button, revealed on hover or focus, or always with the owning table's actionAlwaysVisible. Hidden and inert (unfocusable, unclickable) while any row is selected either way
35
- * @prop {string} [rowKey] - This row's stable identity, used for selection tracking. Falls back to a DOM-order-derived key when unset, which is unstable across client-side sort or filter, so set this explicitly for any such table
36
- * @attr {string} [row-key] - This row's stable identity
37
- * @prop {boolean} [stickyBottom=false] - Pins this row to the bottom of its scroll container, such as a totals row. The consumer marks which rows, rather than the table inferring the last row from DOM order
38
- * @attr {boolean} [sticky-bottom=false] - Pins this row to the bottom of its scroll container
39
- * @fires {TableRowClickEvent} euntablerowclick - Fired on a row click outside its checkbox or action cell and outside selection mode, whether or not this row or the owning table has any row-end action at all
40
- * @cssprop [--table-row-background] - Sets the background color
41
- * @cssprop [--table-row-hover-background] - Sets the background color on hover
42
- * @cssprop [--table-row-selected-background] - Sets the background color while selected
43
- * @cssprop [--table-sticky-row-background] - Sets the background color of this row while stickyBottom, at rest. Falls back to table-row-background
44
- * @cssprop [--table-sticky-column-background] - Sets the background color of this row's sticky first or last column cell, and its checkbox cell once the owning table is selectable, at rest. Falls back to table-row-background
45
- * @cssprop [--table-checkbox-background] - Sets the background color of this row's own unchecked checkbox, once the owning table is selectable
46
- * @cssprop [--table-checkbox-hover] - Sets the background color of this row's own unchecked checkbox while hovered, once the owning table is selectable
47
- * @cssprop [--table-sticky-border-color] - Sets the border color of this row's own top edge while stickyBottom, falling back to table-border-color, and of the trailing edge of the always-sticky checkbox cell and any sticky first or last column cell, transparent by default
48
- * @cssprop [--table-action-color] - Sets the text and icon color of a row-end action, bridging into a slotted button's or dropdown button's own text color
49
- * @cssprop [--table-sync-overlay-color] - Sets the highlight color of the shimmer sweep shown while the owning table's syncing is set
50
- * @cssprop [--table-sync-duration] - Sets the duration of the syncing shimmer sweep, as a CSS time, defaulting to 1.6 seconds
51
- * @element eun-table-item
52
- */
53
- let EunomiaTableItem = class EunomiaTableItem extends TableRowMixin(LitElement) {
54
- constructor() {
55
- super(...arguments);
56
- /**
57
- * Pins this row to the bottom of its scroll container.
58
- * @default false
59
- */
60
- this.stickyBottom = false;
61
- /**
62
- * Whether this row is currently selected.
63
- * @internal
64
- */
65
- this.selected = false;
66
- /**
67
- * Whether the owning table currently has *any* row selected; forces the
68
- * hover-only action slot hidden (it cedes to the action bar) and the
69
- * checkbox permanently visible. Also makes the action cell `inert`
70
- * (see render), so its content can't be clicked or Tab-reached while
71
- * hidden this way, on top of not being visible.
72
- * @internal
73
- */
74
- this.selectionActive = false;
75
- /**
76
- * Whether the owning table is selectable; renders the checkbox cell.
77
- * @internal
78
- */
79
- this.selectable = false;
80
- /**
81
- * Whether the owning table has any row-end action content; renders the
82
- * action cell (even if this particular row's own `slot="action"` is
83
- * empty, to keep every row's column count aligned).
84
- * @internal
85
- */
86
- this.hasAction = false;
87
- /**
88
- * Whether the owning table's `checkboxAlwaysVisible` is set; keeps this
89
- * row's own checkbox visible at all times instead of only on
90
- * hover/focus/selection.
91
- * @internal
92
- */
93
- this.checkboxAlwaysVisible = false;
94
- /**
95
- * Whether the owning table's `actionAlwaysVisible` is set; keeps this
96
- * row's own row-end action visible at all times instead of only on
97
- * hover/focus; still cedes to the floating action bar once this table is
98
- * in selection mode, same as the hover-only default (see
99
- * `selectionActive`).
100
- * @internal
101
- */
102
- this.actionAlwaysVisible = false;
103
- /**
104
- * Whether the first data column should stick to the start edge.
105
- * @internal
106
- */
107
- this.stickyFirstColumn = false;
108
- /**
109
- * Whether the last data column should stick to the end edge.
110
- * @internal
111
- */
112
- this.stickyLastColumn = false;
113
- /**
114
- * Whether the owning table's `clickable` is set; shows a pointer cursor
115
- * on this row while it has no row-end action content of its own, since
116
- * an action button already carries its own click affordance and the row
117
- * itself doesn't need one layered on top of it. `euntablerowclick` fires
118
- * on a qualifying click either way (see the class doc); this only adds
119
- * the visual hint that the row itself is one too.
120
- * @internal
121
- */
122
- this.clickable = false;
123
- /**
124
- * Whether the owning table's `syncing` is set; shows a shimmering
125
- * overlay sweeping across this row without touching its own visibility
126
- * or its content's, unlike the owning table's `loading` (which hides
127
- * every row outright in favor of placeholder skeleton rows). Meant for a
128
- * background refresh of already-visible data, not an initial load.
129
- * @internal
130
- */
131
- this.syncing = false;
132
- /**
133
- * This row's stable identity as resolved by the owning table (`rowKey`,
134
- * or a DOM-order fallback); used for the accessible checkbox label and
135
- * the click event, since this element can't reliably compute the
136
- * fallback on its own.
137
- * @internal
138
- */
139
- this.resolvedKey = "";
140
- /**
141
- * Pre-formatted accessible label for this row's checkbox (e.g.
142
- * `"Select row 3"`), computed and pushed down by the owning table.
143
- * @internal
144
- */
145
- this.selectCheckboxLabel = "Select row";
146
- /**
147
- * Fires this row's own click action from `Enter`/`Space` while the row's
148
- * own host itself has focus (see `TableRowMixin`'s own class doc), the
149
- * keyboard equivalent of clicking the row directly (see {@link
150
- * handleClick}, which this reuses so both respect `selectionActive`
151
- * identically). Unconditional, regardless of `clickable`/`selectable` :
152
- * every item row responds this way, whether or not doing so actually
153
- * has any effect.
154
- * @protected
155
- */
156
- this.activateLeadingRowFocusTarget = () => {
157
- this.handleClick();
158
- };
159
- /**
160
- * A row click toggles selection while selection mode is active,
161
- * otherwise fires {@link TableRowClickEvent}. Never fires for a click
162
- * that originated on the checkbox or action cell — both call
163
- * `stopPropagation` at the source.
164
- * @private
165
- */
166
- this.handleClick = () => {
167
- if (this.selectionActive) {
168
- this.onToggleSelected?.();
169
- return;
170
- }
171
- this.dispatchEvent(new TableRowClickEvent(this.resolvedKey || this.rowKey || ""));
172
- };
173
- /* eslint-enable lit-a11y/click-events-have-key-events */
174
- }
175
- connectedCallback() {
176
- super.connectedCallback?.();
177
- if (!this.hasAttribute("role")) {
178
- this.setAttribute("role", "row");
179
- }
180
- this.addEventListener("click", this.handleClick);
181
- }
182
- disconnectedCallback() {
183
- this.removeEventListener("click", this.handleClick);
184
- super.disconnectedCallback?.();
185
- }
186
- updated(changed) {
187
- super.updated(changed);
188
- if (changed.has("selected") || changed.has("selectable")) {
189
- if (this.selectable) {
190
- this.setAttribute("aria-selected", this.selected ? "true" : "false");
191
- }
192
- else {
193
- this.removeAttribute("aria-selected");
194
- }
195
- }
196
- }
197
- /* eslint-disable lit-a11y/click-events-have-key-events -- this div only
198
- stops a click's propagation so it doesn't also trigger the row's own
199
- click handling ; the real interactive content is whatever's slotted
200
- inside it (or, for the select cell, the eun-checkbox rendered by
201
- table.utils.ts's renderSelectCell), each already independently
202
- keyboard-accessible. */
203
- render() {
204
- return html `
205
- ${this.selectable
206
- ? renderSelectCell({
207
- role: "gridcell",
208
- checked: this.selected,
209
- ariaLabel: this.selectCheckboxLabel,
210
- onChange: () => this.onToggleSelected?.(),
211
- })
212
- : nothing}
213
- <slot></slot>
214
- ${this.hasAction
215
- ? html `
216
- <div
217
- id="action-cell"
218
- role="gridcell"
219
- tabindex="-1"
220
- ?inert=${this.selectionActive}
221
- @click=${(event) => event.stopPropagation()}
222
- >
223
- <slot name="action"></slot>
224
- </div>
225
- `
226
- : nothing}
227
- `;
228
- }
229
- };
230
- /**
231
- * Styles to import to the component.
232
- *
233
- * @static
234
- * @internal
235
- * @readonly
236
- */
237
- EunomiaTableItem.styles = [tableRowStyles, tableSharedStyles, tableItemStyles];
238
- __decorate([
239
- property({ reflect: true, attribute: "row-key" })
240
- ], EunomiaTableItem.prototype, "rowKey", void 0);
241
- __decorate([
242
- property({ type: Boolean, reflect: true, attribute: "sticky-bottom" })
243
- ], EunomiaTableItem.prototype, "stickyBottom", void 0);
244
- __decorate([
245
- property({ type: Boolean, reflect: true })
246
- ], EunomiaTableItem.prototype, "selected", void 0);
247
- __decorate([
248
- property({ type: Boolean, reflect: true, attribute: "selection-active" })
249
- ], EunomiaTableItem.prototype, "selectionActive", void 0);
250
- __decorate([
251
- property({ type: Boolean, reflect: true })
252
- ], EunomiaTableItem.prototype, "selectable", void 0);
253
- __decorate([
254
- property({ type: Boolean, reflect: true, attribute: "has-action" })
255
- ], EunomiaTableItem.prototype, "hasAction", void 0);
256
- __decorate([
257
- property({
258
- type: Boolean,
259
- reflect: true,
260
- attribute: "checkbox-always-visible",
261
- })
262
- ], EunomiaTableItem.prototype, "checkboxAlwaysVisible", void 0);
263
- __decorate([
264
- property({
265
- type: Boolean,
266
- reflect: true,
267
- attribute: "action-always-visible",
268
- })
269
- ], EunomiaTableItem.prototype, "actionAlwaysVisible", void 0);
270
- __decorate([
271
- property({ type: Boolean, reflect: true, attribute: "sticky-first-column" })
272
- ], EunomiaTableItem.prototype, "stickyFirstColumn", void 0);
273
- __decorate([
274
- property({ type: Boolean, reflect: true, attribute: "sticky-last-column" })
275
- ], EunomiaTableItem.prototype, "stickyLastColumn", void 0);
276
- __decorate([
277
- property({ type: Boolean, reflect: true })
278
- ], EunomiaTableItem.prototype, "clickable", void 0);
279
- __decorate([
280
- property({ type: Boolean, reflect: true })
281
- ], EunomiaTableItem.prototype, "syncing", void 0);
282
- __decorate([
283
- property({ attribute: false })
284
- ], EunomiaTableItem.prototype, "resolvedKey", void 0);
285
- __decorate([
286
- property({ attribute: false })
287
- ], EunomiaTableItem.prototype, "selectCheckboxLabel", void 0);
288
- EunomiaTableItem = __decorate([
289
- customElement(EunomiaTableItemTagName)
290
- ], EunomiaTableItem);
291
- export { EunomiaTableItem };
@@ -1 +0,0 @@
1
- export declare const tableItemStyles: import("lit").CSSResult;