@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,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;