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