@nldd/design-system 0.8.83 → 0.8.84

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 (421) hide show
  1. package/custom-elements.json +3415 -476
  2. package/dist/components/actions/button/button.d.ts +4 -2
  3. package/dist/components/actions/button/button.d.ts.map +1 -1
  4. package/dist/components/actions/button/button.js +7 -2
  5. package/dist/components/actions/button/button.js.map +1 -1
  6. package/dist/components/actions/icon-button/icon-button.d.ts +1 -1
  7. package/dist/components/actions/icon-button/icon-button.js +1 -1
  8. package/dist/components/actions/menu/menu.d.ts +3 -1
  9. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  10. package/dist/components/actions/menu/menu.js +22 -11
  11. package/dist/components/actions/menu/menu.js.map +1 -1
  12. package/dist/components/actions/toolbar/toolbar.styles.js +2 -2
  13. package/dist/components/components.js +2027 -941
  14. package/dist/components/content/avatar/avatar.d.ts +6 -0
  15. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  16. package/dist/components/content/avatar/avatar.js +9 -0
  17. package/dist/components/content/avatar/avatar.js.map +1 -1
  18. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  19. package/dist/components/content/avatar/avatar.template.js +2 -0
  20. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  21. package/dist/components/content/avatar-group/avatar-group.styles.d.ts.map +1 -1
  22. package/dist/components/content/avatar-group/avatar-group.styles.js +6 -16
  23. package/dist/components/content/avatar-group/avatar-group.styles.js.map +1 -1
  24. package/dist/components/content/blockquote/blockquote.d.ts +3 -4
  25. package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
  26. package/dist/components/content/blockquote/blockquote.js +3 -4
  27. package/dist/components/content/blockquote/blockquote.js.map +1 -1
  28. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  29. package/dist/components/content/icon/icon-aliases.js +2 -0
  30. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  31. package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
  32. package/dist/components/content/icon/icon-gallery-status.js +2 -0
  33. package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
  34. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  35. package/dist/components/content/icon/icon-registry.js +2 -0
  36. package/dist/components/content/icon/icon-registry.js.map +1 -1
  37. package/dist/components/content/image/image.d.ts +1 -1
  38. package/dist/components/content/image/image.js +1 -1
  39. package/dist/components/content/image/image.styles.d.ts.map +1 -1
  40. package/dist/components/content/image/image.styles.js +11 -0
  41. package/dist/components/content/image/image.styles.js.map +1 -1
  42. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +30 -30
  43. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +30 -30
  44. package/dist/components/content/rich-text/rich-text.d.ts +20 -20
  45. package/dist/components/content/rich-text/rich-text.js +20 -20
  46. package/dist/components/content/title/title.d.ts +4 -4
  47. package/dist/components/content/title/title.js +4 -4
  48. package/dist/components/content/tooltip/tooltip.d.ts +1 -1
  49. package/dist/components/content/tooltip/tooltip.js +1 -1
  50. package/dist/components/{decorate-BKn10QQi.js → decorate-lwt_OrAG.js} +1 -1
  51. package/dist/components/{dist-TpIL8G4G.js → dist-762GHPyH.js} +3 -3
  52. package/dist/components/{dist-OBifyiJS.js → dist-BB7TxeMK.js} +2 -2
  53. package/dist/components/{dist-CJR_Rwhh.js → dist-BJI4-6iQ.js} +1 -1
  54. package/dist/components/{dist-C400RcFU.js → dist-B_3OW7pC.js} +1 -1
  55. package/dist/components/{dist-afrAoubg.js → dist-C09E9-dJ.js} +34 -34
  56. package/dist/components/{dist-Ccw7ZfsU.js → dist-C6gnorjP.js} +4 -3
  57. package/dist/components/{dist-bO14jlsr.js → dist-CRsR6ckU.js} +1 -1
  58. package/dist/components/{dist-C0PiB1dr.js → dist-CjaG8dOI.js} +2 -2
  59. package/dist/components/{dist-CCg5Mso_.js → dist-DZoFKUO-.js} +1 -1
  60. package/dist/components/{dist-Bq4xc7Bm.js → dist-DaavuU6W.js} +14 -3
  61. package/dist/components/{dist-BYVOPNHp.js → dist-la_b3ZSq.js} +1 -1
  62. package/dist/components/forms/form/form.d.ts +76 -22
  63. package/dist/components/forms/form/form.d.ts.map +1 -1
  64. package/dist/components/forms/form/form.js +127 -22
  65. package/dist/components/forms/form/form.js.map +1 -1
  66. package/dist/components/forms/form-actions/form-actions.d.ts +14 -15
  67. package/dist/components/forms/form-actions/form-actions.d.ts.map +1 -1
  68. package/dist/components/forms/form-actions/form-actions.js +14 -15
  69. package/dist/components/forms/form-actions/form-actions.js.map +1 -1
  70. package/dist/components/forms/form-field/form-field.d.ts +42 -39
  71. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  72. package/dist/components/forms/form-field/form-field.js +79 -111
  73. package/dist/components/forms/form-field/form-field.js.map +1 -1
  74. package/dist/components/forms/form-field/form-field.styles.d.ts +0 -1
  75. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  76. package/dist/components/forms/form-field/form-field.styles.js +7 -73
  77. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  78. package/dist/components/forms/form-field/form-field.template.d.ts +0 -2
  79. package/dist/components/forms/form-field/form-field.template.d.ts.map +1 -1
  80. package/dist/components/forms/form-field/form-field.template.js +0 -15
  81. package/dist/components/forms/form-field/form-field.template.js.map +1 -1
  82. package/dist/components/forms/form-section/form-section.d.ts +26 -28
  83. package/dist/components/forms/form-section/form-section.d.ts.map +1 -1
  84. package/dist/components/forms/form-section/form-section.js +27 -29
  85. package/dist/components/forms/form-section/form-section.js.map +1 -1
  86. package/dist/components/forms/validation-list/validation-list.d.ts +193 -0
  87. package/dist/components/forms/validation-list/validation-list.d.ts.map +1 -0
  88. package/dist/components/forms/validation-list/validation-list.js +358 -0
  89. package/dist/components/forms/validation-list/validation-list.js.map +1 -0
  90. package/dist/components/forms/validation-list/validation-list.styles.d.ts +3 -0
  91. package/dist/components/forms/validation-list/validation-list.styles.d.ts.map +1 -0
  92. package/dist/components/forms/validation-list/validation-list.styles.js +58 -0
  93. package/dist/components/forms/validation-list/validation-list.styles.js.map +1 -0
  94. package/dist/components/forms/validation-list/validation-list.template.d.ts +5 -0
  95. package/dist/components/forms/validation-list/validation-list.template.d.ts.map +1 -0
  96. package/dist/components/forms/validation-list/validation-list.template.js +16 -0
  97. package/dist/components/forms/validation-list/validation-list.template.js.map +1 -0
  98. package/dist/components/{icon-C1Kikpol.js → icon-VTLbdcvZ.js} +4 -1
  99. package/dist/components/{icon-button-BYy6hnAY.js → icon-button-Sne5TwRG.js} +5 -5
  100. package/dist/components/index.d.ts +1 -0
  101. package/dist/components/index.d.ts.map +1 -1
  102. package/dist/components/index.js +1 -0
  103. package/dist/components/index.js.map +1 -1
  104. package/dist/components/inputs/checkbox/checkbox.d.ts +20 -1
  105. package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
  106. package/dist/components/inputs/checkbox/checkbox.js +32 -2
  107. package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
  108. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  109. package/dist/components/inputs/checkbox/checkbox.template.js +2 -0
  110. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  111. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +16 -1
  112. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
  113. package/dist/components/inputs/checkbox-field/checkbox-field.js +27 -2
  114. package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
  115. package/dist/components/inputs/checkbox-field/checkbox-field.template.d.ts.map +1 -1
  116. package/dist/components/inputs/checkbox-field/checkbox-field.template.js +2 -0
  117. package/dist/components/inputs/checkbox-field/checkbox-field.template.js.map +1 -1
  118. package/dist/components/inputs/code-editor/code-editor.d.ts +14 -1
  119. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
  120. package/dist/components/inputs/code-editor/code-editor.js +21 -2
  121. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  122. package/dist/components/inputs/combo-box/combo-box.d.ts +13 -2
  123. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  124. package/dist/components/inputs/combo-box/combo-box.js +32 -5
  125. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  126. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  127. package/dist/components/inputs/combo-box/combo-box.styles.js +9 -0
  128. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  129. package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
  130. package/dist/components/inputs/combo-box/combo-box.template.js +4 -0
  131. package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
  132. package/dist/components/inputs/date-field/date-field.d.ts +29 -31
  133. package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
  134. package/dist/components/inputs/date-field/date-field.js +40 -37
  135. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  136. package/dist/components/inputs/date-field/date-field.styles.d.ts.map +1 -1
  137. package/dist/components/inputs/date-field/date-field.styles.js +11 -0
  138. package/dist/components/inputs/date-field/date-field.styles.js.map +1 -1
  139. package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
  140. package/dist/components/inputs/date-field/date-field.template.js +0 -1
  141. package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
  142. package/dist/components/inputs/date-picker/date-picker.d.ts +34 -21
  143. package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
  144. package/dist/components/inputs/date-picker/date-picker.js +42 -22
  145. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  146. package/dist/components/inputs/dropdown/dropdown.d.ts +23 -2
  147. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  148. package/dist/components/inputs/dropdown/dropdown.js +36 -3
  149. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  150. package/dist/components/inputs/file-field/file-field.d.ts +4 -3
  151. package/dist/components/inputs/file-field/file-field.d.ts.map +1 -1
  152. package/dist/components/inputs/file-field/file-field.js +8 -7
  153. package/dist/components/inputs/file-field/file-field.js.map +1 -1
  154. package/dist/components/inputs/file-field/file-field.template.d.ts.map +1 -1
  155. package/dist/components/inputs/file-field/file-field.template.js +0 -1
  156. package/dist/components/inputs/file-field/file-field.template.js.map +1 -1
  157. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +7 -3
  158. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  159. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +12 -8
  160. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  161. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -1
  162. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +2 -1
  163. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -1
  164. package/dist/components/inputs/number-field/number-field.d.ts +12 -1
  165. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  166. package/dist/components/inputs/number-field/number-field.js +18 -3
  167. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  168. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  169. package/dist/components/inputs/number-field/number-field.styles.js +8 -16
  170. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  171. package/dist/components/inputs/password-field/password-field.d.ts +10 -3
  172. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  173. package/dist/components/inputs/password-field/password-field.js +18 -8
  174. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  175. package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
  176. package/dist/components/inputs/password-field/password-field.template.js +3 -1
  177. package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
  178. package/dist/components/inputs/radio-button/radio-button.d.ts +18 -1
  179. package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
  180. package/dist/components/inputs/radio-button/radio-button.js +27 -2
  181. package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
  182. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  183. package/dist/components/inputs/radio-button/radio-button.template.js +1 -0
  184. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  185. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +14 -1
  186. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
  187. package/dist/components/inputs/radio-button-field/radio-button-field.js +22 -2
  188. package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
  189. package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map +1 -1
  190. package/dist/components/inputs/radio-button-field/radio-button-field.template.js +1 -0
  191. package/dist/components/inputs/radio-button-field/radio-button-field.template.js.map +1 -1
  192. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +11 -0
  193. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
  194. package/dist/components/inputs/radio-button-group/radio-button-group.js +21 -0
  195. package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
  196. package/dist/components/inputs/search-field/search-field.d.ts +23 -1
  197. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  198. package/dist/components/inputs/search-field/search-field.js +37 -3
  199. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  200. package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
  201. package/dist/components/inputs/search-field/search-field.template.js +4 -0
  202. package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
  203. package/dist/components/inputs/segmented-control/segmented-control.d.ts +28 -0
  204. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  205. package/dist/components/inputs/segmented-control/segmented-control.js +52 -2
  206. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  207. package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map +1 -1
  208. package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -0
  209. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  210. package/dist/components/inputs/stepper/stepper.d.ts +14 -1
  211. package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
  212. package/dist/components/inputs/stepper/stepper.js +21 -2
  213. package/dist/components/inputs/stepper/stepper.js.map +1 -1
  214. package/dist/components/inputs/switch/switch.d.ts +20 -1
  215. package/dist/components/inputs/switch/switch.d.ts.map +1 -1
  216. package/dist/components/inputs/switch/switch.js +31 -2
  217. package/dist/components/inputs/switch/switch.js.map +1 -1
  218. package/dist/components/inputs/switch/switch.template.d.ts.map +1 -1
  219. package/dist/components/inputs/switch/switch.template.js +2 -0
  220. package/dist/components/inputs/switch/switch.template.js.map +1 -1
  221. package/dist/components/inputs/switch-field/switch-field.d.ts +18 -1
  222. package/dist/components/inputs/switch-field/switch-field.d.ts.map +1 -1
  223. package/dist/components/inputs/switch-field/switch-field.js +25 -1
  224. package/dist/components/inputs/switch-field/switch-field.js.map +1 -1
  225. package/dist/components/inputs/switch-field/switch-field.template.d.ts.map +1 -1
  226. package/dist/components/inputs/switch-field/switch-field.template.js +2 -0
  227. package/dist/components/inputs/switch-field/switch-field.template.js.map +1 -1
  228. package/dist/components/inputs/text-editor/text-editor.d.ts +14 -1
  229. package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
  230. package/dist/components/inputs/text-editor/text-editor.js +21 -2
  231. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  232. package/dist/components/inputs/text-field/text-field.d.ts +10 -3
  233. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  234. package/dist/components/inputs/text-field/text-field.js +18 -8
  235. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  236. package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
  237. package/dist/components/inputs/text-field/text-field.template.js +3 -1
  238. package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
  239. package/dist/components/inputs/time-field/time-field.d.ts +33 -35
  240. package/dist/components/inputs/time-field/time-field.d.ts.map +1 -1
  241. package/dist/components/inputs/time-field/time-field.js +43 -40
  242. package/dist/components/inputs/time-field/time-field.js.map +1 -1
  243. package/dist/components/inputs/time-field/time-field.styles.d.ts.map +1 -1
  244. package/dist/components/inputs/time-field/time-field.styles.js +12 -0
  245. package/dist/components/inputs/time-field/time-field.styles.js.map +1 -1
  246. package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
  247. package/dist/components/inputs/time-field/time-field.template.js +0 -1
  248. package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
  249. package/dist/components/inputs/time-picker/time-picker.d.ts +34 -19
  250. package/dist/components/inputs/time-picker/time-picker.d.ts.map +1 -1
  251. package/dist/components/inputs/time-picker/time-picker.js +42 -22
  252. package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
  253. package/dist/components/inputs/toggle-button/toggle-button.d.ts +22 -1
  254. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  255. package/dist/components/inputs/toggle-button/toggle-button.js +35 -2
  256. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  257. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  258. package/dist/components/inputs/toggle-button/toggle-button.template.js +3 -0
  259. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  260. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +27 -0
  261. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
  262. package/dist/components/inputs/toggle-button-group/toggle-button-group.js +46 -0
  263. package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
  264. package/dist/components/inputs/token-field/token-field.d.ts +7 -1
  265. package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
  266. package/dist/components/inputs/token-field/token-field.js +14 -1
  267. package/dist/components/inputs/token-field/token-field.js.map +1 -1
  268. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  269. package/dist/components/layout/app-view/app-view.js +12 -0
  270. package/dist/components/layout/app-view/app-view.js.map +1 -1
  271. package/dist/components/layout/box/box.d.ts +1 -1
  272. package/dist/components/layout/box/box.js +1 -1
  273. package/dist/components/layout/box/box.styles.d.ts.map +1 -1
  274. package/dist/components/layout/box/box.styles.js +1 -0
  275. package/dist/components/layout/box/box.styles.js.map +1 -1
  276. package/dist/components/layout/card/card.d.ts +18 -19
  277. package/dist/components/layout/card/card.d.ts.map +1 -1
  278. package/dist/components/layout/card/card.js +18 -19
  279. package/dist/components/layout/card/card.js.map +1 -1
  280. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  281. package/dist/components/layout/card/card.styles.js +1 -0
  282. package/dist/components/layout/card/card.styles.js.map +1 -1
  283. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  284. package/dist/components/layout/collection/collection.js +6 -2
  285. package/dist/components/layout/collection/collection.js.map +1 -1
  286. package/dist/components/layout/divider/divider.d.ts +1 -1
  287. package/dist/components/layout/divider/divider.js +1 -1
  288. package/dist/components/layout/popover/popover.d.ts +1 -1
  289. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  290. package/dist/components/layout/popover/popover.js +15 -2
  291. package/dist/components/layout/popover/popover.js.map +1 -1
  292. package/dist/components/layout/sheet/sheet.d.ts +1 -1
  293. package/dist/components/layout/sheet/sheet.js +2 -2
  294. package/dist/components/layout/sheet/sheet.js.map +1 -1
  295. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  296. package/dist/components/layout/sheet/sheet.styles.js +5 -0
  297. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  298. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +8 -0
  299. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts.map +1 -1
  300. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +29 -11
  301. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
  302. package/dist/components/layout/window/window.d.ts +20 -21
  303. package/dist/components/layout/window/window.d.ts.map +1 -1
  304. package/dist/components/layout/window/window.js +21 -22
  305. package/dist/components/layout/window/window.js.map +1 -1
  306. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +41 -12
  307. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  308. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +47 -17
  309. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
  310. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -1
  311. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +42 -13
  312. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -1
  313. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -1
  314. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +12 -4
  315. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -1
  316. package/dist/components/lists-and-tables/list/list.d.ts +117 -25
  317. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  318. package/dist/components/lists-and-tables/list/list.i18n.d.ts +0 -1
  319. package/dist/components/lists-and-tables/list/list.i18n.d.ts.map +1 -1
  320. package/dist/components/lists-and-tables/list/list.i18n.js +0 -1
  321. package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
  322. package/dist/components/lists-and-tables/list/list.js +292 -67
  323. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  324. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  325. package/dist/components/lists-and-tables/list/list.styles.js +5 -0
  326. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  327. package/dist/components/lists-and-tables/list/list.template.d.ts +1 -3
  328. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  329. package/dist/components/lists-and-tables/list/list.template.js +2 -7
  330. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  331. package/dist/components/lists-and-tables/list-item/list-item.d.ts +41 -3
  332. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  333. package/dist/components/lists-and-tables/list-item/list-item.js +82 -16
  334. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  335. package/dist/components/lists-and-tables/list-item/list-item.styles.js +1 -1
  336. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
  337. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +8 -4
  338. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
  339. package/dist/components/lists-and-tables/table/table.d.ts +12 -9
  340. package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
  341. package/dist/components/lists-and-tables/table/table.i18n.d.ts +0 -1
  342. package/dist/components/lists-and-tables/table/table.i18n.d.ts.map +1 -1
  343. package/dist/components/lists-and-tables/table/table.i18n.js +0 -1
  344. package/dist/components/lists-and-tables/table/table.i18n.js.map +1 -1
  345. package/dist/components/lists-and-tables/table/table.js +26 -16
  346. package/dist/components/lists-and-tables/table/table.js.map +1 -1
  347. package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
  348. package/dist/components/lists-and-tables/table/table.styles.js +5 -0
  349. package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
  350. package/dist/components/lists-and-tables/table/table.template.d.ts +1 -1
  351. package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -1
  352. package/dist/components/lists-and-tables/table/table.template.js +5 -9
  353. package/dist/components/lists-and-tables/table/table.template.js.map +1 -1
  354. package/dist/components/navigation/link/link.d.ts +30 -24
  355. package/dist/components/navigation/link/link.d.ts.map +1 -1
  356. package/dist/components/navigation/link/link.js +33 -24
  357. package/dist/components/navigation/link/link.js.map +1 -1
  358. package/dist/components/navigation/link/link.template.js +1 -1
  359. package/dist/components/navigation/link/link.template.js.map +1 -1
  360. package/dist/components/navigation/menu-bar/menu-bar.d.ts +7 -7
  361. package/dist/components/navigation/menu-bar/menu-bar.js +7 -7
  362. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +23 -23
  363. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +23 -23
  364. package/dist/components/navigation/pagination/pagination.d.ts +4 -4
  365. package/dist/components/navigation/pagination/pagination.js +4 -4
  366. package/dist/components/navigation/skip-link/skip-link.d.ts +7 -7
  367. package/dist/components/navigation/skip-link/skip-link.js +7 -7
  368. package/dist/components/navigation/tab-bar/tab-bar.d.ts +5 -3
  369. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  370. package/dist/components/navigation/tab-bar/tab-bar.js +18 -13
  371. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  372. package/dist/components/navigation/tab-bar/tab-bar.styles.js +8 -8
  373. package/dist/components/navigation/tab-bar/tab-bar.template.js +5 -5
  374. package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
  375. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +15 -15
  376. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +15 -15
  377. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  378. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +14 -2
  379. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  380. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +2 -2
  381. package/dist/components/navigation/top-title-bar/top-title-bar.js +2 -2
  382. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -2
  383. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  384. package/dist/components/status-and-feedback/badge/badge.styles.js +6 -4
  385. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  386. package/dist/components/status-and-feedback/badge/badge.template.js +1 -1
  387. package/dist/components/status-and-feedback/badge/badge.template.js.map +1 -1
  388. package/dist/components/status-and-feedback/banner/banner.styles.js +2 -2
  389. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +37 -36
  390. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts.map +1 -1
  391. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +37 -36
  392. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
  393. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +1 -1
  394. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +2 -2
  395. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  396. package/dist/components/status-and-feedback/notification/notification-region.js +1 -1
  397. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +29 -28
  398. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
  399. package/dist/components/status-and-feedback/status-bar/status-bar.js +29 -28
  400. package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
  401. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +1 -1
  402. package/dist/components/{visibility-mixin-GxbwkBb1.js → visibility-mixin-vbfhyo7f.js} +1 -1
  403. package/dist/components/{with-translations-DzAdFTK8.js → with-translations-CqUV9S5g.js} +1 -1
  404. package/dist/css/form-section.css +28 -46
  405. package/dist/css/form.css +7 -13
  406. package/dist/css/rich-text.css +5 -5
  407. package/dist/css/variables.css +108 -7
  408. package/dist/nldd.min.js +851 -753
  409. package/dist/types/vue.d.ts +439 -291
  410. package/dist/utilities/codemirror/codemirror-element.d.ts.map +1 -1
  411. package/dist/utilities/codemirror/codemirror-element.js +5 -0
  412. package/dist/utilities/codemirror/codemirror-element.js.map +1 -1
  413. package/dist/utilities/described-by-mixin.d.ts +49 -0
  414. package/dist/utilities/described-by-mixin.d.ts.map +1 -0
  415. package/dist/utilities/described-by-mixin.js +109 -0
  416. package/dist/utilities/described-by-mixin.js.map +1 -0
  417. package/dist/utilities/form-associated-mixin.d.ts +5 -0
  418. package/dist/utilities/form-associated-mixin.d.ts.map +1 -1
  419. package/dist/utilities/form-associated-mixin.js +69 -0
  420. package/dist/utilities/form-associated-mixin.js.map +1 -1
  421. package/package.json +14 -6
@@ -1,35 +1,37 @@
1
1
  /**
2
2
  * NLDD Design System Time Picker Component (Lit + TypeScript)
3
3
  *
4
- * Twee kolommen, uren en minuten, die als een wiel langs de selectie in het midden
5
- * schuiven. Het component is zelfstandig bruikbaar (inline op een pagina, in een
6
- * filterpaneel) en zit ook in de popover van nldd-time-field. Waarden zijn altijd
7
- * 24-uurs `HH:mm`.
4
+ * Two columns, hours and minutes, that slide like a wheel past the selection in
5
+ * the middle. The component works on its own (inline on a page, in a filter
6
+ * panel) and also sits in the popover of nldd-time-field. Values are always
7
+ * 24-hour `HH:mm`.
8
8
  *
9
- * Scrollen ís kiezen: wat in het midden tot stilstand komt, is de waarde. Met het
10
- * toetsenbord bedien je de selectie, want dat is wat een wiel is: uur en minuut zijn
11
- * er elk een spinbutton. De kolommen eronder staan op aria-hidden, zodat dezelfde
12
- * waarden niet twee keer worden voorgelezen.
9
+ * Scrolling is choosing: whatever comes to rest in the middle is the value. The
10
+ * keyboard drives that same selection, because that is what a wheel is: hour and
11
+ * minute are each a spinbutton. The columns underneath are aria-hidden, so the
12
+ * same values are not read out twice.
13
13
  *
14
14
  * @element nldd-time-picker
15
15
  *
16
- * @attr {string} value - De gekozen tijd als `HH:mm` (24-uurs).
17
- * @attr {string} min - Vroegst toegestane tijd als `HH:mm`. Is tevens de basis waarvandaan `step` telt.
18
- * @attr {string} max - Laatst toegestane tijd als `HH:mm`.
19
- * @attr {number} step - Minutenstap (standaard 1). Bepaalt welke minuten in de kolom staan.
20
- * @attr {number} rows - Hoogte van de kolommen in rijen (standaard 7, minimaal 3). De gekozen waarde staat altijd in het midden, dus een oneven aantal toont hele rijen en een even aantal kapt boven en onder een halve rij af.
21
- * @attr {string} width - Breedte: `full` vult de container, of geef een eigen CSS-lengte.
22
- * @attr {string} accessible-label - Toegankelijke naam van de picker.
23
- * @attr {object} translations - Vertalingen; niet opgegeven sleutels vallen terug op het Nederlands.
16
+ * @attr {string} value - The chosen time as `HH:mm` (24-hour).
17
+ * @attr {string} min - Earliest allowed time as `HH:mm`. Also the base that `step` counts from.
18
+ * @attr {string} max - Latest allowed time as `HH:mm`.
19
+ * @attr {number} step - Step in minutes (default 1). Decides which minutes are in the column.
20
+ * @attr {number} rows - Height of the columns in rows (default 7, minimum 3). The chosen value always sits in the middle, so an odd number shows whole rows and an even number cuts off half a row at the top and bottom.
21
+ * @attr {string} width - Width: `full` fills the container, or pass your own CSS length.
22
+ * @attr {string} accessible-label - Accessible name of the picker.
23
+ * @attr {object} translations - Translations; unspecified keys fall back to Dutch.
24
+ * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
24
25
  *
25
- * @fires input - Bij elke wijziging: scrollen, de pijltjestoetsen. detail: { value } met `HH:mm`.
26
- * @fires change - Wanneer de keuze is bevestigd: een klik op een waarde of op de selectie, of Enter. detail: { value } met `HH:mm`. Scrollen geeft alleen `input`, want anders zou een veld dat de picker in een popover toont al vastleggen zodra je stopt met scrollen.
26
+ * @fires input - On every change: scrolling, the arrow keys. detail: { value } with `HH:mm`.
27
+ * @fires change - When the choice is confirmed: a click on a value or on the selection, or Enter. detail: { value } with `HH:mm`. Scrolling only fires `input`, because otherwise a field showing the picker in a popover would commit as soon as you stopped scrolling.
27
28
  */
28
29
  import { LitElement, type PropertyValues } from 'lit';
29
30
  import { type NLDDTimePickerTranslations } from './time-picker.i18n.js';
30
31
  export declare function toMinutes(time: string): number;
31
32
  export declare function fromMinutes(total: number): string;
32
- export declare class NLDDTimePicker extends LitElement {
33
+ declare const NLDDTimePicker_base: typeof LitElement & (abstract new (...args: any[]) => import("../../../utilities/described-by-mixin.js").DescribedElement);
34
+ export declare class NLDDTimePicker extends NLDDTimePicker_base {
33
35
  static styles: import("lit").CSSResult;
34
36
  /** Says this is the control an nldd-form-field is about, so the field can
35
37
  * find it, name it and move focus into it. See nldd-form-field. */
@@ -50,6 +52,16 @@ export declare class NLDDTimePicker extends LitElement {
50
52
  * about where you are.
51
53
  */
52
54
  private _scrolledTo;
55
+ /**
56
+ * Marks the control as invalid.
57
+ *
58
+ * Announced and not drawn. What is wrong belongs in an
59
+ * nldd-validation-list, in words: a red ring around a single
60
+ * checkbox or radio would say the option is wrong, while it is the question
61
+ * that is unanswered. `aria-invalid` still goes on the control, because
62
+ * choosing not to show something is not a reason to keep quiet about it.
63
+ */
64
+ invalid: boolean;
53
65
  _t(key: keyof NLDDTimePickerTranslations): string;
54
66
  get _label(): string;
55
67
  private get _minMinutes();
@@ -128,6 +140,8 @@ export declare class NLDDTimePicker extends LitElement {
128
140
  */
129
141
  scrollSelectedIntoView(): void;
130
142
  updated(changed: PropertyValues): void;
143
+ /** The group is the widget; hour and minute are spinbuttons inside it. */
144
+ describedTarget(): Element | null;
131
145
  render(): import("lit-html").TemplateResult;
132
146
  }
133
147
  declare global {
@@ -135,4 +149,5 @@ declare global {
135
149
  'nldd-time-picker': NLDDTimePicker;
136
150
  }
137
151
  }
152
+ export {};
138
153
  //# sourceMappingURL=time-picker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-picker/time-picker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAIpG,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD;AAMD,qBACa,cAAe,SAAQ,UAAU;IAE7C,OAAgB,MAAM,0BAAoB;IAE1C;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,KAAK,SAAM;IAGX,GAAG,SAAM;IAGT,GAAG,SAAM;IAGT,IAAI,SAAK;IAGT,IAAI,SAAK;IAGT,KAAK,SAAM;IAGX,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAEvD;;;;;;OAMG;IAEH,OAAO,CAAC,WAAW,CAAoF;IAEhG,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAIxD,IAAW,MAAM,IAAI,MAAM,CAE1B;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED;;;yBAGqB;IACrB,OAAO,KAAK,MAAM,GAIjB;IAED,4DAA4D;IAC5D,IAAW,MAAM,IAAI,MAAM,EAAE,CAE5B;IAED;iFAC6E;IAC7E,IAAW,QAAQ,IAAI,MAAM,EAAE,CAG9B;IAED,yEAAyE;IACzE,OAAO,KAAK,SAAS,GAIpB;IAED,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,IAAW,eAAe,IAAI,MAAM,GAAG,IAAI,CAE1C;IAED;4DACwD;IACxD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,IAAW,eAAe,IAAI,MAAM,GAAG,IAAI,CAE1C;IAED;;;;;;OAMG;IACI,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAQ,GAAG,IAAI;IAyBjF,OAAO,CAAC,KAAK;IAQb;;;;OAIG;IACI,cAAc,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAyC1E,wDAAwD;IACxD,OAAO,CAAC,YAAY;IAMpB;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,aAAa,CAAiE;IACtF,OAAO,CAAC,gBAAgB,CAAK;IAE7B;;;;OAIG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAMnC,oBAAoB,IAAI,IAAI;IASrC;;;;;OAKG;IACI,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAoBjE,oEAAoE;IACpE,OAAO,CAAC,eAAe;IAcvB,mDAAmD;IACnD,OAAO,CAAC,cAAc;IAKtB;;;;;;;;;OASG;IACI,sBAAsB,IAAI,IAAI;IAiB5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAsBtC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
1
+ {"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-picker/time-picker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAMpG,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD;;AAMD,qBACa,cAAe,SAAQ,mBAAuB;IAE1D,OAAgB,MAAM,0BAAoB;IAE1C;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,KAAK,SAAM;IAGX,GAAG,SAAM;IAGT,GAAG,SAAM;IAGT,IAAI,SAAK;IAGT,IAAI,SAAK;IAGT,KAAK,SAAM;IAGX,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAEvD;;;;;;OAMG;IAEH,OAAO,CAAC,WAAW,CAAoF;IAGvG;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAET,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAIxD,IAAW,MAAM,IAAI,MAAM,CAE1B;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED;;;yBAGqB;IACrB,OAAO,KAAK,MAAM,GAIjB;IAED,4DAA4D;IAC5D,IAAW,MAAM,IAAI,MAAM,EAAE,CAE5B;IAED;iFAC6E;IAC7E,IAAW,QAAQ,IAAI,MAAM,EAAE,CAG9B;IAED,yEAAyE;IACzE,OAAO,KAAK,SAAS,GAIpB;IAED,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,IAAW,eAAe,IAAI,MAAM,GAAG,IAAI,CAE1C;IAED;4DACwD;IACxD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,IAAW,eAAe,IAAI,MAAM,GAAG,IAAI,CAE1C;IAED;;;;;;OAMG;IACI,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAQ,GAAG,IAAI;IAyBjF,OAAO,CAAC,KAAK;IAQb;;;;OAIG;IACI,cAAc,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAyC1E,wDAAwD;IACxD,OAAO,CAAC,YAAY;IAMpB;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,aAAa,CAAiE;IACtF,OAAO,CAAC,gBAAgB,CAAK;IAE7B;;;;OAIG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAMnC,oBAAoB,IAAI,IAAI;IASrC;;;;;OAKG;IACI,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAoBjE,oEAAoE;IACpE,OAAO,CAAC,eAAe;IAcvB,mDAAmD;IACnD,OAAO,CAAC,cAAc;IAKtB;;;;;;;;;OASG;IACI,sBAAsB,IAAI,IAAI;IAiB5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAsB/C,0EAA0E;IACjE,eAAe,IAAI,OAAO,GAAG,IAAI;IAIjC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
@@ -1,29 +1,30 @@
1
1
  /**
2
2
  * NLDD Design System Time Picker Component (Lit + TypeScript)
3
3
  *
4
- * Twee kolommen, uren en minuten, die als een wiel langs de selectie in het midden
5
- * schuiven. Het component is zelfstandig bruikbaar (inline op een pagina, in een
6
- * filterpaneel) en zit ook in de popover van nldd-time-field. Waarden zijn altijd
7
- * 24-uurs `HH:mm`.
4
+ * Two columns, hours and minutes, that slide like a wheel past the selection in
5
+ * the middle. The component works on its own (inline on a page, in a filter
6
+ * panel) and also sits in the popover of nldd-time-field. Values are always
7
+ * 24-hour `HH:mm`.
8
8
  *
9
- * Scrollen ís kiezen: wat in het midden tot stilstand komt, is de waarde. Met het
10
- * toetsenbord bedien je de selectie, want dat is wat een wiel is: uur en minuut zijn
11
- * er elk een spinbutton. De kolommen eronder staan op aria-hidden, zodat dezelfde
12
- * waarden niet twee keer worden voorgelezen.
9
+ * Scrolling is choosing: whatever comes to rest in the middle is the value. The
10
+ * keyboard drives that same selection, because that is what a wheel is: hour and
11
+ * minute are each a spinbutton. The columns underneath are aria-hidden, so the
12
+ * same values are not read out twice.
13
13
  *
14
14
  * @element nldd-time-picker
15
15
  *
16
- * @attr {string} value - De gekozen tijd als `HH:mm` (24-uurs).
17
- * @attr {string} min - Vroegst toegestane tijd als `HH:mm`. Is tevens de basis waarvandaan `step` telt.
18
- * @attr {string} max - Laatst toegestane tijd als `HH:mm`.
19
- * @attr {number} step - Minutenstap (standaard 1). Bepaalt welke minuten in de kolom staan.
20
- * @attr {number} rows - Hoogte van de kolommen in rijen (standaard 7, minimaal 3). De gekozen waarde staat altijd in het midden, dus een oneven aantal toont hele rijen en een even aantal kapt boven en onder een halve rij af.
21
- * @attr {string} width - Breedte: `full` vult de container, of geef een eigen CSS-lengte.
22
- * @attr {string} accessible-label - Toegankelijke naam van de picker.
23
- * @attr {object} translations - Vertalingen; niet opgegeven sleutels vallen terug op het Nederlands.
16
+ * @attr {string} value - The chosen time as `HH:mm` (24-hour).
17
+ * @attr {string} min - Earliest allowed time as `HH:mm`. Also the base that `step` counts from.
18
+ * @attr {string} max - Latest allowed time as `HH:mm`.
19
+ * @attr {number} step - Step in minutes (default 1). Decides which minutes are in the column.
20
+ * @attr {number} rows - Height of the columns in rows (default 7, minimum 3). The chosen value always sits in the middle, so an odd number shows whole rows and an even number cuts off half a row at the top and bottom.
21
+ * @attr {string} width - Width: `full` fills the container, or pass your own CSS length.
22
+ * @attr {string} accessible-label - Accessible name of the picker.
23
+ * @attr {object} translations - Translations; unspecified keys fall back to Dutch.
24
+ * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
24
25
  *
25
- * @fires input - Bij elke wijziging: scrollen, de pijltjestoetsen. detail: { value } met `HH:mm`.
26
- * @fires change - Wanneer de keuze is bevestigd: een klik op een waarde of op de selectie, of Enter. detail: { value } met `HH:mm`. Scrollen geeft alleen `input`, want anders zou een veld dat de picker in een popover toont al vastleggen zodra je stopt met scrollen.
26
+ * @fires input - On every change: scrolling, the arrow keys. detail: { value } with `HH:mm`.
27
+ * @fires change - When the choice is confirmed: a click on a value or on the selection, or Enter. detail: { value } with `HH:mm`. Scrolling only fires `input`, because otherwise a field showing the picker in a popover would commit as soon as you stopped scrolling.
27
28
  */
28
29
  var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
29
30
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -36,6 +37,8 @@ import { customElement, property, state } from 'lit/decorators.js';
36
37
  import { timePickerStyles } from './time-picker.styles.js';
37
38
  import { timePickerTemplate } from './time-picker.template.js';
38
39
  import { nlddTimePickerTranslations } from './time-picker.i18n.js';
40
+ import { DescribedBy } from '../../../utilities/described-by-mixin.js';
41
+ import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
39
42
  const LAST_MINUTE_OF_DAY = 23 * 60 + 59;
40
43
  export function toMinutes(time) {
41
44
  const [hours, minutes] = time.split(':');
@@ -47,7 +50,7 @@ export function fromMinutes(total) {
47
50
  function isTime(value) {
48
51
  return /^([01]\d|2[0-3]):[0-5]\d$/.test(value);
49
52
  }
50
- let NLDDTimePicker = class NLDDTimePicker extends LitElement {
53
+ let NLDDTimePicker = class NLDDTimePicker extends DescribedBy(LitElement) {
51
54
  constructor() {
52
55
  super(...arguments);
53
56
  this.value = '';
@@ -66,6 +69,16 @@ let NLDDTimePicker = class NLDDTimePicker extends LitElement {
66
69
  * about where you are.
67
70
  */
68
71
  this._scrolledTo = { hours: null, minutes: null };
72
+ /**
73
+ * Marks the control as invalid.
74
+ *
75
+ * Announced and not drawn. What is wrong belongs in an
76
+ * nldd-validation-list, in words: a red ring around a single
77
+ * checkbox or radio would say the option is wrong, while it is the question
78
+ * that is unanswered. `aria-invalid` still goes on the control, because
79
+ * choosing not to show something is not a reason to keep quiet about it.
80
+ */
81
+ this.invalid = false;
69
82
  /**
70
83
  * While we scroll ourselves (on opening, or after a choice) the scrolling must
71
84
  * not pick something again: that would overwrite the choice just made with
@@ -278,11 +291,11 @@ let NLDDTimePicker = class NLDDTimePicker extends LitElement {
278
291
  }
279
292
  /** The number of the option closest to the middle of the column. */
280
293
  _centeredOption(el) {
281
- const centre = el.scrollTop + el.clientHeight / 2;
294
+ const center = el.scrollTop + el.clientHeight / 2;
282
295
  let best = null;
283
296
  let bestDistance = Infinity;
284
297
  for (const option of el.querySelectorAll('.time-picker__list-item')) {
285
- const distance = Math.abs(option.offsetTop + option.offsetHeight / 2 - centre);
298
+ const distance = Math.abs(option.offsetTop + option.offsetHeight / 2 - center);
286
299
  if (distance < bestDistance) {
287
300
  bestDistance = distance;
288
301
  best = option;
@@ -347,6 +360,10 @@ let NLDDTimePicker = class NLDDTimePicker extends LitElement {
347
360
  this.scrollSelectedIntoView();
348
361
  }
349
362
  }
363
+ /** The group is the widget; hour and minute are spinbuttons inside it. */
364
+ describedTarget() {
365
+ return this.shadowRoot?.querySelector('[role="group"]') ?? null;
366
+ }
350
367
  render() {
351
368
  return timePickerTemplate(this);
352
369
  }
@@ -371,7 +388,7 @@ __decorate([
371
388
  property({ type: Number, reflect: true })
372
389
  ], NLDDTimePicker.prototype, "rows", void 0);
373
390
  __decorate([
374
- property({ type: String, reflect: true })
391
+ property({ reflect: true, converter: reflectNonDefault('') })
375
392
  ], NLDDTimePicker.prototype, "width", void 0);
376
393
  __decorate([
377
394
  property({ type: String, attribute: 'accessible-label' })
@@ -382,6 +399,9 @@ __decorate([
382
399
  __decorate([
383
400
  state()
384
401
  ], NLDDTimePicker.prototype, "_scrolledTo", void 0);
402
+ __decorate([
403
+ property({ type: Boolean, reflect: true })
404
+ ], NLDDTimePicker.prototype, "invalid", void 0);
385
405
  NLDDTimePicker = __decorate([
386
406
  customElement('nldd-time-picker')
387
407
  ], NLDDTimePicker);
@@ -1 +1 @@
1
- {"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../src/components/inputs/time-picker/time-picker.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../src/components/inputs/time-picker/time-picker.ts"],"names":[],"mappings":"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"}
@@ -10,12 +10,15 @@
10
10
  * @attr {'xs' | 'sm' | 'md' | 'lg'} size - Button size (default: 'md')
11
11
  * @attr {boolean} selected - Selected state
12
12
  * @attr {boolean} disabled - Disabled state
13
+ * @attr {boolean} no-tab - Takes the control out of the tab order (tabindex="-1"), for a control owned by a roving container (a row of an nldd-list, where the arrow keys move between rows) that manages focus itself. Still mouse- and script-focusable.
13
14
  * @attr {string} value - Value for form submission (checkbox/radio)
14
15
  * @attr {string} name - Name for form submission (checkbox/radio)
15
16
  * @attr {string} text - Button text
16
17
  * @attr {string} icon - Icon name for nldd-icon
17
18
  * @attr {'text' | 'icon' | 'icon-and-text'} variant - What renders: text, icon, or both. Unset → auto-detect from text/icon attributes.
18
19
  * @attr {string} accessible-label - Accessible label; required for icon-only usage
20
+ * @attr {boolean} required - Required state. Set by nldd-toggle-button-group.
21
+ * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
19
22
  *
20
23
  * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set.
21
24
  *
@@ -27,8 +30,9 @@ import './../../content/icon/icon.js';
27
30
  export type ToggleButtonType = 'button' | 'checkbox' | 'radio';
28
31
  export type ToggleButtonSize = 'xs' | 'sm' | 'md' | 'lg';
29
32
  export type ToggleButtonVariant = 'text' | 'icon' | 'icon-and-text';
30
- declare const NLDDToggleButton_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
33
+ declare const NLDDToggleButton_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement) & (abstract new (...args: any[]) => import("../../../utilities/described-by-mixin.js").DescribedElement);
31
34
  export declare class NLDDToggleButton extends NLDDToggleButton_base {
35
+ required: boolean;
32
36
  static styles: import("lit").CSSResult;
33
37
  /** Says this is the control an nldd-form-field is about, so the field can
34
38
  * find it, name it and move focus into it. See nldd-form-field. */
@@ -38,6 +42,11 @@ export declare class NLDDToggleButton extends NLDDToggleButton_base {
38
42
  size: ToggleButtonSize;
39
43
  selected: boolean;
40
44
  disabled: boolean;
45
+ /** Take the control out of the tab order (`tabindex="-1"`) — for a control
46
+ * owned by a roving container (an `nldd-list` sets it on the rows that are
47
+ * not the current one) that manages focus itself. Still mouse- and
48
+ * script-focusable. */
49
+ noTab: boolean;
41
50
  value: string;
42
51
  name: string;
43
52
  /** Button text. */
@@ -51,6 +60,16 @@ export declare class NLDDToggleButton extends NLDDToggleButton_base {
51
60
  get _hasIcon(): boolean;
52
61
  private _warnedA11y;
53
62
  private _warnedEmptyIcon;
63
+ /**
64
+ * Marks the control as invalid.
65
+ *
66
+ * Announced and not drawn. What is wrong belongs in an
67
+ * nldd-validation-list, in words: a red ring around a single
68
+ * checkbox or radio would say the option is wrong, while it is the question
69
+ * that is unanswered. `aria-invalid` still goes on the control, because
70
+ * choosing not to show something is not a reason to keep quiet about it.
71
+ */
72
+ invalid: boolean;
54
73
  firstUpdated(): void;
55
74
  updated(changed: PropertyValues): void;
56
75
  formValue(): FormValue;
@@ -72,6 +91,8 @@ export declare class NLDDToggleButton extends NLDDToggleButton_base {
72
91
  * reaching into shadow DOM.
73
92
  */
74
93
  focus(options?: FocusOptions): void;
94
+ /** The button is the control, not the input that carries the value. */
95
+ describedTarget(): Element | null;
75
96
  render(): import("lit-html").TemplateResult;
76
97
  }
77
98
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAI7F,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;;AAEpE,qBACa,gBAAiB,SAAQ,qBAA0B;IAE/D,OAAgB,MAAM,0BAAsB;IAE5C;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,OAAO,CAAC,gBAAgB,CAAS;IAGjC,IAAI,EAAE,gBAAgB,CAAY;IAGlC,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,KAAK,SAAQ;IAGb,IAAI,SAAM;IAEV,mBAAmB;IAEnB,IAAI,SAAM;IAEV;4FACwF;IAExF,IAAI,SAAM;IAGV,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,eAAe,SAAM;IAErB,wDAAwD;IACxD,IAAI,QAAQ,IAAI,OAAO,CAStB;IAED,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,gBAAgB,CAAS;IAExB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAwBtC,SAAS,IAAI,SAAS;IAM/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAItE,kBAAkB,IAAI,IAAI;IAK1B,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMlC,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,eAAe;IASvB;;;OAGG;IACH,MAAM,IAAI,IAAI;IAMd;;;;;OAKG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAMnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
1
+ {"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAI7F,OAAO,8BAA8B,CAAC;AAGtC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;;AAEpE,qBACa,gBAAiB,SAAQ,qBAAuC;IAI5E,QAAQ,UAAS;IACjB,OAAgB,MAAM,0BAAsB;IAE5C;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,OAAO,CAAC,gBAAgB,CAAS;IAGjC,IAAI,EAAE,gBAAgB,CAAY;IAGlC,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IACjB;;;4BAGwB;IAExB,KAAK,UAAS;IAId,KAAK,SAAQ;IAGb,IAAI,SAAM;IAEV,mBAAmB;IAEnB,IAAI,SAAM;IAEV;4FACwF;IAExF,IAAI,SAAM;IAGV,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,eAAe,SAAM;IAErB,wDAAwD;IACxD,IAAI,QAAQ,IAAI,OAAO,CAStB;IAED,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,gBAAgB,CAAS;IAGjC;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEP,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAwBtC,SAAS,IAAI,SAAS;IAM/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAItE,kBAAkB,IAAI,IAAI;IAK1B,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMlC,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,eAAe;IASvB;;;OAGG;IACH,MAAM,IAAI,IAAI;IAMd;;;;;OAKG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAM5C,uEAAuE;IAC9D,eAAe,IAAI,OAAO,GAAG,IAAI;IAIjC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
@@ -10,12 +10,15 @@
10
10
  * @attr {'xs' | 'sm' | 'md' | 'lg'} size - Button size (default: 'md')
11
11
  * @attr {boolean} selected - Selected state
12
12
  * @attr {boolean} disabled - Disabled state
13
+ * @attr {boolean} no-tab - Takes the control out of the tab order (tabindex="-1"), for a control owned by a roving container (a row of an nldd-list, where the arrow keys move between rows) that manages focus itself. Still mouse- and script-focusable.
13
14
  * @attr {string} value - Value for form submission (checkbox/radio)
14
15
  * @attr {string} name - Name for form submission (checkbox/radio)
15
16
  * @attr {string} text - Button text
16
17
  * @attr {string} icon - Icon name for nldd-icon
17
18
  * @attr {'text' | 'icon' | 'icon-and-text'} variant - What renders: text, icon, or both. Unset → auto-detect from text/icon attributes.
18
19
  * @attr {string} accessible-label - Accessible label; required for icon-only usage
20
+ * @attr {boolean} required - Required state. Set by nldd-toggle-button-group.
21
+ * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
19
22
  *
20
23
  * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set.
21
24
  *
@@ -34,14 +37,21 @@ import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
34
37
  import { toggleButtonStyles } from './toggle-button.styles.js';
35
38
  import { toggleButtonTemplate } from './toggle-button.template.js';
36
39
  import './../../content/icon/icon.js';
37
- let NLDDToggleButton = class NLDDToggleButton extends FormAssociated(LitElement) {
40
+ import { DescribedBy } from '../../../utilities/described-by-mixin.js';
41
+ let NLDDToggleButton = class NLDDToggleButton extends DescribedBy(FormAssociated(LitElement)) {
38
42
  constructor() {
39
43
  super(...arguments);
44
+ this.required = false;
40
45
  this._initialSelected = false;
41
46
  this.type = 'button';
42
47
  this.size = 'md';
43
48
  this.selected = false;
44
49
  this.disabled = false;
50
+ /** Take the control out of the tab order (`tabindex="-1"`) — for a control
51
+ * owned by a roving container (an `nldd-list` sets it on the rows that are
52
+ * not the current one) that manages focus itself. Still mouse- and
53
+ * script-focusable. */
54
+ this.noTab = false;
45
55
  this.value = 'on';
46
56
  this.name = '';
47
57
  /** Button text. */
@@ -53,6 +63,16 @@ let NLDDToggleButton = class NLDDToggleButton extends FormAssociated(LitElement)
53
63
  this.accessibleLabel = '';
54
64
  this._warnedA11y = false;
55
65
  this._warnedEmptyIcon = false;
66
+ /**
67
+ * Marks the control as invalid.
68
+ *
69
+ * Announced and not drawn. What is wrong belongs in an
70
+ * nldd-validation-list, in words: a red ring around a single
71
+ * checkbox or radio would say the option is wrong, while it is the question
72
+ * that is unanswered. `aria-invalid` still goes on the control, because
73
+ * choosing not to show something is not a reason to keep quiet about it.
74
+ */
75
+ this.invalid = false;
56
76
  }
57
77
  /** Whether an icon is present via attribute or slot. */
58
78
  get _hasIcon() {
@@ -150,6 +170,10 @@ let NLDDToggleButton = class NLDDToggleButton extends FormAssociated(LitElement)
150
170
  ?.querySelector('.toggle-button__input, button.toggle-button')
151
171
  ?.focus(options);
152
172
  }
173
+ /** The button is the control, not the input that carries the value. */
174
+ describedTarget() {
175
+ return this.shadowRoot?.querySelector('button.toggle-button') ?? null;
176
+ }
153
177
  render() {
154
178
  return toggleButtonTemplate(this);
155
179
  }
@@ -158,6 +182,9 @@ NLDDToggleButton.styles = toggleButtonStyles;
158
182
  /** Says this is the control an nldd-form-field is about, so the field can
159
183
  * find it, name it and move focus into it. See nldd-form-field. */
160
184
  NLDDToggleButton.isFormInput = true;
185
+ __decorate([
186
+ property({ type: Boolean, reflect: true })
187
+ ], NLDDToggleButton.prototype, "required", void 0);
161
188
  __decorate([
162
189
  property({ type: String, reflect: true })
163
190
  ], NLDDToggleButton.prototype, "type", void 0);
@@ -170,11 +197,14 @@ __decorate([
170
197
  __decorate([
171
198
  property({ type: Boolean, reflect: true })
172
199
  ], NLDDToggleButton.prototype, "disabled", void 0);
200
+ __decorate([
201
+ property({ type: Boolean, reflect: true, attribute: 'no-tab' })
202
+ ], NLDDToggleButton.prototype, "noTab", void 0);
173
203
  __decorate([
174
204
  property({ type: String })
175
205
  ], NLDDToggleButton.prototype, "value", void 0);
176
206
  __decorate([
177
- property({ type: String, reflect: true })
207
+ property({ reflect: true, converter: reflectNonDefault('') })
178
208
  ], NLDDToggleButton.prototype, "name", void 0);
179
209
  __decorate([
180
210
  property({ reflect: true, converter: reflectNonDefault('') })
@@ -188,6 +218,9 @@ __decorate([
188
218
  __decorate([
189
219
  property({ type: String, attribute: 'accessible-label' })
190
220
  ], NLDDToggleButton.prototype, "accessibleLabel", void 0);
221
+ __decorate([
222
+ property({ type: Boolean, reflect: true })
223
+ ], NLDDToggleButton.prototype, "invalid", void 0);
191
224
  NLDDToggleButton = __decorate([
192
225
  customElement('nldd-toggle-button')
193
226
  ], NLDDToggleButton);
@@ -1 +1 @@
1
- {"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"toggle-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,kCAAkC,CAAC;AAG1C,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,GAAG,cAAc,CAuFhF"}
1
+ {"version":3,"file":"toggle-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,kCAAkC,CAAC;AAG1C,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,GAAG,cAAc,CA0FhF"}
@@ -52,9 +52,11 @@ export function toggleButtonTemplate(component) {
52
52
  type=${component.type}
53
53
  .checked=${component.selected}
54
54
  ?disabled=${component.disabled}
55
+ ?required=${component.required}
55
56
  name=${component.name || nothing}
56
57
  value=${component.value}
57
58
  aria-label=${ariaLabel}
59
+ tabindex=${component.noTab ? '-1' : nothing}
58
60
  @change=${component._handleInputChange}
59
61
  >
60
62
  ${icon}
@@ -69,6 +71,7 @@ export function toggleButtonTemplate(component) {
69
71
  aria-pressed=${component.selected}
70
72
  ?disabled=${component.disabled}
71
73
  aria-label=${ariaLabel}
74
+ tabindex=${component.noTab ? '-1' : nothing}
72
75
  @click=${component._handleButtonClick}
73
76
  >
74
77
  ${icon}
@@ -1 +1 @@
1
- {"version":3,"file":"toggle-button.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,kCAAkC,CAAC;AAG1C,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D;;;;;;sEAMkE;IAClE,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,KAAK,MAAM,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IAClE,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,CAAC,QAAQ,CAAC;IAEpE;qEACiE;IACjE,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,KAAK,MAAM;WAChD,SAAS,CAAC,OAAO,KAAK,eAAe,CAAC;IAE1C;;uCAEmC;IACnC,MAAM,SAAS,GAAG,SAAS,CAAC,eAAe;WACvC,CAAC,SAAS,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;WACtE,OAAO,CAAC;IAEZ;;qEAEiE;IACjE,MAAM,iBAAiB,GAAG,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAChD,MAAM,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjG;;;;;;uCAMmC;IACnC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI;QAC1B,CAAC,CAAC,IAAI,CAAA;WACG,SAAS,CAAC,IAAI;iBACR;QACf,CAAC,CAAC,IAAI,CAAA;kBACU,SAAS,CAAC,aAAa;MACnC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;kBAEV,CAAC,CAAC,CAAC,OAAO,SAAS,CAAC;IAErC,MAAM,WAAW,GAAG,QAAQ;QAC3B,CAAC,CAAC,IAAI,CAAA,qCAAqC,SAAS,CAAC,IAAI,SAAS;QAClE,CAAC,CAAC,OAAO,CAAC;IAEX,IAAI,MAAsB,CAAC;IAE3B,IAAI,SAAS,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACjE,MAAM,GAAG,IAAI,CAAA;;;YAGH,SAAS,CAAC,IAAI;gBACV,SAAS,CAAC,QAAQ;iBACjB,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;aACxB,SAAS,CAAC,KAAK;kBACV,SAAS;eACZ,SAAS,CAAC,kBAAkB;;MAErC,IAAI;MACJ,WAAW;;GAEd,CAAC;IACH,CAAC;SAAM,CAAC;QACP,MAAM,GAAG,IAAI,CAAA;;;mBAGI,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,QAAQ;iBACjB,SAAS;aACb,SAAS,CAAC,kBAAkB;;MAEnC,IAAI;MACJ,WAAW;;GAEd,CAAC;IACH,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA,sBAAsB,WAAW,IAAI,MAAM,iBAAiB,CAAC;IACzE,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC"}
1
+ {"version":3,"file":"toggle-button.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,kCAAkC,CAAC;AAG1C,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D;;;;;;sEAMkE;IAClE,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,KAAK,MAAM,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IAClE,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,CAAC,QAAQ,CAAC;IAEpE;qEACiE;IACjE,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,KAAK,MAAM;WAChD,SAAS,CAAC,OAAO,KAAK,eAAe,CAAC;IAE1C;;uCAEmC;IACnC,MAAM,SAAS,GAAG,SAAS,CAAC,eAAe;WACvC,CAAC,SAAS,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;WACtE,OAAO,CAAC;IAEZ;;qEAEiE;IACjE,MAAM,iBAAiB,GAAG,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAChD,MAAM,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjG;;;;;;uCAMmC;IACnC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI;QAC1B,CAAC,CAAC,IAAI,CAAA;WACG,SAAS,CAAC,IAAI;iBACR;QACf,CAAC,CAAC,IAAI,CAAA;kBACU,SAAS,CAAC,aAAa;MACnC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;kBAEV,CAAC,CAAC,CAAC,OAAO,SAAS,CAAC;IAErC,MAAM,WAAW,GAAG,QAAQ;QAC3B,CAAC,CAAC,IAAI,CAAA,qCAAqC,SAAS,CAAC,IAAI,SAAS;QAClE,CAAC,CAAC,OAAO,CAAC;IAEX,IAAI,MAAsB,CAAC;IAE3B,IAAI,SAAS,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACjE,MAAM,GAAG,IAAI,CAAA;;;YAGH,SAAS,CAAC,IAAI;gBACV,SAAS,CAAC,QAAQ;iBACjB,SAAS,CAAC,QAAQ;iBAClB,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;aACxB,SAAS,CAAC,KAAK;kBACV,SAAS;gBACX,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;eACjC,SAAS,CAAC,kBAAkB;;MAErC,IAAI;MACJ,WAAW;;GAEd,CAAC;IACH,CAAC;SAAM,CAAC;QACP,MAAM,GAAG,IAAI,CAAA;;;mBAGI,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,QAAQ;iBACjB,SAAS;eACX,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;aAClC,SAAS,CAAC,kBAAkB;;MAEnC,IAAI;MACJ,WAAW;;GAEd,CAAC;IACH,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA,sBAAsB,WAAW,IAAI,MAAM,iBAAiB,CAAC;IACzE,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC"}
@@ -16,6 +16,8 @@
16
16
  * @attr {boolean} disabled - Disables all buttons
17
17
  * @attr {string} accessible-label - Accessible name for the group (aria-label)
18
18
  * @attr {string} accessible-labeled-by - ID of an external label element (aria-labelledby)
19
+ * @attr {boolean} required - Marks the group as required. Enforced in radio mode; in checkbox mode only announced.
20
+ * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
19
21
  *
20
22
  * @slot - nldd-toggle-button elements
21
23
  *
@@ -25,6 +27,21 @@ import { LitElement } from 'lit';
25
27
  import type { ToggleButtonSize } from '../toggle-button/toggle-button.js';
26
28
  type GroupType = 'button' | 'checkbox' | 'radio';
27
29
  export declare class NLDDToggleButtonGroup extends LitElement {
30
+ /**
31
+ * Marks the group as required: something has to be selected.
32
+ *
33
+ * Handed to the items, because that is where the platform reads it. One
34
+ * required radio makes the whole group required, and the browser writes its
35
+ * own message in the user's language.
36
+ *
37
+ * Only in radio mode. The same attribute on a checkbox means that box has to
38
+ * be ticked, so spreading it over a checkbox group would demand all of them
39
+ * instead of one. HTML has no way to say "at least one of these", and
40
+ * neither do we: `aria-required` still goes on the group so assistive
41
+ * software says it, but nothing enforces it.
42
+ */
43
+ required: boolean;
44
+ private _warnedRequired;
28
45
  static styles: import("lit").CSSResult;
29
46
  /** Says this is the control an nldd-form-field is about, so the field can
30
47
  * find it, name it and move focus into it. See nldd-form-field. */
@@ -39,6 +56,16 @@ export declare class NLDDToggleButtonGroup extends LitElement {
39
56
  accessibleLabeledBy: string;
40
57
  /** The name this group wrote onto its host, so it only takes back its own. */
41
58
  private _appliedLabel;
59
+ /**
60
+ * Marks the control as invalid.
61
+ *
62
+ * Announced and not drawn. What is wrong belongs in an
63
+ * nldd-validation-list, in words: a red ring around a single
64
+ * checkbox or radio would say the option is wrong, while it is the question
65
+ * that is unanswered. `aria-invalid` still goes on the control, because
66
+ * choosing not to show something is not a reason to keep quiet about it.
67
+ */
68
+ invalid: boolean;
42
69
  connectedCallback(): void;
43
70
  disconnectedCallback(): void;
44
71
  private _syncRole;
@@ -1 +1 @@
1
- {"version":3,"file":"toggle-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button-group/toggle-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG5F,KAAK,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAEjD,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAEjD;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,IAAI,EAAE,SAAS,CAAc;IAG7B,IAAI,SAAM;IAGV,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,QAAQ,UAAS;IAEjB,iEAAiE;IAEjE,eAAe,SAAM;IAErB,sFAAsF;IAEtF,mBAAmB,SAAM;IAEzB,8EAA8E;IAC9E,OAAO,CAAC,aAAa,CAAuB;IAEnC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,SAAS;IAIR,YAAY,IAAI,IAAI;IAKpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAmB1D,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,aAAa,CAenB;IAEF,OAAO,CAAC,cAAc,CAoCpB;IAEK,aAAa,QAAO,IAAI,CAE7B;IAEF;;;;OAIG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}
1
+ {"version":3,"file":"toggle-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button-group/toggle-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG5F,KAAK,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAEjD,qBACa,qBAAsB,SAAQ,UAAU;IACpD;;;;;;;;;;;;OAYG;IAEH,QAAQ,UAAS;IAEjB,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAgB,MAAM,0BAA2B;IAEjD;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,IAAI,EAAE,SAAS,CAAc;IAG7B,IAAI,SAAM;IAGV,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,QAAQ,UAAS;IAEjB,iEAAiE;IAEjE,eAAe,SAAM;IAErB,sFAAsF;IAEtF,mBAAmB,SAAM;IAEzB,8EAA8E;IAC9E,OAAO,CAAC,aAAa,CAAuB;IAG5C;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEP,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,SAAS;IAIR,YAAY,IAAI,IAAI;IAKpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAmB1D,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,YAAY;IAqCpB,OAAO,CAAC,aAAa,CAenB;IAEF,OAAO,CAAC,cAAc,CAoCpB;IAEK,aAAa,QAAO,IAAI,CAE7B;IAEF;;;;OAIG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}