@nldd/design-system 0.8.92 → 0.8.93

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 (434) hide show
  1. package/NOTICES.md +9 -27
  2. package/README.md +37 -24
  3. package/custom-elements.json +1640 -1494
  4. package/dist/components/actions/button/button.d.ts +20 -1
  5. package/dist/components/actions/button/button.d.ts.map +1 -1
  6. package/dist/components/actions/button/button.js +47 -3
  7. package/dist/components/actions/button/button.js.map +1 -1
  8. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  9. package/dist/components/actions/button/button.styles.js +3 -1
  10. package/dist/components/actions/button/button.styles.js.map +1 -1
  11. package/dist/components/actions/button/button.template.js +3 -3
  12. package/dist/components/actions/button-group/button-group.d.ts +48 -3
  13. package/dist/components/actions/button-group/button-group.d.ts.map +1 -1
  14. package/dist/components/actions/button-group/button-group.js +104 -11
  15. package/dist/components/actions/button-group/button-group.js.map +1 -1
  16. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  17. package/dist/components/actions/button-group/button-group.styles.js +64 -4
  18. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.d.ts +5 -2
  20. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.js +5 -2
  22. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.template.js +7 -4
  25. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  26. package/dist/components/actions/menu/menu.d.ts +29 -29
  27. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  28. package/dist/components/actions/menu/menu.js +53 -53
  29. package/dist/components/actions/menu/menu.js.map +1 -1
  30. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  31. package/dist/components/actions/menu/menu.styles.js +4 -0
  32. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  33. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  34. package/dist/components/actions/menu/menu.template.js +8 -2
  35. package/dist/components/actions/menu/menu.template.js.map +1 -1
  36. package/dist/components/actions/toolbar/toolbar.d.ts +24 -10
  37. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  38. package/dist/components/actions/toolbar/toolbar.js +57 -26
  39. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  40. package/dist/components/actions/toolbar/toolbar.styles.js +7 -7
  41. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  42. package/dist/components/actions/toolbar/toolbar.template.js +3 -2
  43. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  44. package/dist/components/components.js +1909 -928
  45. package/dist/components/content/avatar/avatar.d.ts +23 -5
  46. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  47. package/dist/components/content/avatar/avatar.js +23 -5
  48. package/dist/components/content/avatar/avatar.js.map +1 -1
  49. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  50. package/dist/components/content/avatar/avatar.template.js +5 -2
  51. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  52. package/dist/components/content/avatar-group/avatar-group.template.d.ts.map +1 -1
  53. package/dist/components/content/avatar-group/avatar-group.template.js +6 -2
  54. package/dist/components/content/avatar-group/avatar-group.template.js.map +1 -1
  55. package/dist/components/content/icon/icon.d.ts +18 -6
  56. package/dist/components/content/icon/icon.d.ts.map +1 -1
  57. package/dist/components/content/icon/icon.js +30 -10
  58. package/dist/components/content/icon/icon.js.map +1 -1
  59. package/dist/components/content/identity/identity.template.d.ts.map +1 -1
  60. package/dist/components/content/identity/identity.template.js +4 -1
  61. package/dist/components/content/identity/identity.template.js.map +1 -1
  62. package/dist/components/content/image/image.template.d.ts.map +1 -1
  63. package/dist/components/content/image/image.template.js +7 -2
  64. package/dist/components/content/image/image.template.js.map +1 -1
  65. package/dist/components/content/rich-text/rich-text.d.ts +18 -9
  66. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  67. package/dist/components/content/rich-text/rich-text.js +24 -15
  68. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  69. package/dist/components/content/tag/tag.d.ts +2 -2
  70. package/dist/components/content/tag/tag.d.ts.map +1 -1
  71. package/dist/components/content/tag/tag.js +5 -5
  72. package/dist/components/content/tag/tag.js.map +1 -1
  73. package/dist/components/content/tag/tag.template.js +2 -2
  74. package/dist/components/content/title/title.d.ts +30 -6
  75. package/dist/components/content/title/title.d.ts.map +1 -1
  76. package/dist/components/content/title/title.js +72 -8
  77. package/dist/components/content/title/title.js.map +1 -1
  78. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  79. package/dist/components/content/title/title.styles.js +41 -4
  80. package/dist/components/content/title/title.styles.js.map +1 -1
  81. package/dist/components/content/title/title.template.d.ts +2 -1
  82. package/dist/components/content/title/title.template.d.ts.map +1 -1
  83. package/dist/components/content/title/title.template.js +33 -5
  84. package/dist/components/content/title/title.template.js.map +1 -1
  85. package/dist/components/content/token/token.d.ts +15 -5
  86. package/dist/components/content/token/token.d.ts.map +1 -1
  87. package/dist/components/content/token/token.i18n.d.ts +7 -0
  88. package/dist/components/content/token/token.i18n.d.ts.map +1 -0
  89. package/dist/components/content/token/token.i18n.js +6 -0
  90. package/dist/components/content/token/token.i18n.js.map +1 -0
  91. package/dist/components/content/token/token.js +55 -14
  92. package/dist/components/content/token/token.js.map +1 -1
  93. package/dist/components/content/token/token.template.js +4 -4
  94. package/dist/components/content/token/token.template.js.map +1 -1
  95. package/dist/components/forms/form/form.d.ts +18 -7
  96. package/dist/components/forms/form/form.d.ts.map +1 -1
  97. package/dist/components/forms/form/form.js +18 -7
  98. package/dist/components/forms/form/form.js.map +1 -1
  99. package/dist/components/forms/form-actions/form-actions.d.ts +1 -1
  100. package/dist/components/forms/form-actions/form-actions.js +1 -1
  101. package/dist/components/forms/form-field/form-field.d.ts +12 -1
  102. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  103. package/dist/components/forms/form-field/form-field.js +12 -1
  104. package/dist/components/forms/form-field/form-field.js.map +1 -1
  105. package/dist/components/forms/form-section/form-section.d.ts +3 -3
  106. package/dist/components/forms/form-section/form-section.js +8 -8
  107. package/dist/components/forms/form-section/form-section.js.map +1 -1
  108. package/dist/components/forms/validation-list/validation-list.d.ts +7 -4
  109. package/dist/components/forms/validation-list/validation-list.d.ts.map +1 -1
  110. package/dist/components/forms/validation-list/validation-list.js +7 -4
  111. package/dist/components/forms/validation-list/validation-list.js.map +1 -1
  112. package/dist/components/{icon-C_zwJZ_g.js → icon-DWNVcttg.js} +4 -4
  113. package/dist/components/{icon-button-oua8pmMC.js → icon-button-hO6k8W63.js} +17 -11
  114. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  115. package/dist/components/inputs/checkbox/checkbox.template.js +11 -5
  116. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  117. package/dist/components/inputs/combo-box/combo-box.d.ts +4 -1
  118. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  119. package/dist/components/inputs/combo-box/combo-box.js +4 -1
  120. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  121. package/dist/components/inputs/combo-box/combo-box.template.js +2 -2
  122. package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
  123. package/dist/components/inputs/date-field/date-field.template.js +5 -3
  124. package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
  125. package/dist/components/inputs/date-picker/date-picker.template.js +1 -1
  126. package/dist/components/inputs/dropdown/dropdown.template.js +3 -3
  127. package/dist/components/inputs/file-field/file-field.template.js +1 -1
  128. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +2 -2
  129. package/dist/components/inputs/number-field/number-field.styles.js +4 -4
  130. package/dist/components/inputs/password-field/password-field.template.js +2 -2
  131. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  132. package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
  133. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  134. package/dist/components/inputs/search-field/search-field.d.ts +24 -24
  135. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  136. package/dist/components/inputs/search-field/search-field.js +40 -40
  137. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  138. package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
  139. package/dist/components/inputs/search-field/search-field.template.js +4 -2
  140. package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
  141. package/dist/components/inputs/segmented-control/segmented-control.template.js +2 -2
  142. package/dist/components/inputs/switch/switch.template.js +1 -1
  143. package/dist/components/inputs/text-editor/text-editor.links.js +1 -1
  144. package/dist/components/inputs/text-editor/text-editor.markdown.js +1 -1
  145. package/dist/components/inputs/text-editor/text-editor.mentions.js +1 -1
  146. package/dist/components/inputs/text-field/text-field.template.js +2 -2
  147. package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
  148. package/dist/components/inputs/time-field/time-field.template.js +5 -3
  149. package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
  150. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  151. package/dist/components/inputs/toggle-button/toggle-button.template.js +4 -3
  152. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  153. package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
  154. package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
  155. package/dist/components/inputs/token-field/token-field.styles.d.ts.map +1 -1
  156. package/dist/components/inputs/token-field/token-field.styles.js +2 -1
  157. package/dist/components/inputs/token-field/token-field.styles.js.map +1 -1
  158. package/dist/components/inputs/token-field/token-field.template.d.ts.map +1 -1
  159. package/dist/components/inputs/token-field/token-field.template.js +6 -4
  160. package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
  161. package/dist/components/layout/app-view/app-view.d.ts +8 -0
  162. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  163. package/dist/components/layout/app-view/app-view.js +8 -0
  164. package/dist/components/layout/app-view/app-view.js.map +1 -1
  165. package/dist/components/layout/card/card.d.ts +4 -4
  166. package/dist/components/layout/card/card.d.ts.map +1 -1
  167. package/dist/components/layout/card/card.js +7 -7
  168. package/dist/components/layout/card/card.js.map +1 -1
  169. package/dist/components/layout/card/card.template.d.ts.map +1 -1
  170. package/dist/components/layout/card/card.template.js +4 -2
  171. package/dist/components/layout/card/card.template.js.map +1 -1
  172. package/dist/components/layout/collection/collection.d.ts +11 -6
  173. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  174. package/dist/components/layout/collection/collection.js +19 -14
  175. package/dist/components/layout/collection/collection.js.map +1 -1
  176. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  177. package/dist/components/layout/collection/collection.template.js +4 -1
  178. package/dist/components/layout/collection/collection.template.js.map +1 -1
  179. package/dist/components/layout/container/container.d.ts +13 -8
  180. package/dist/components/layout/container/container.d.ts.map +1 -1
  181. package/dist/components/layout/container/container.js +19 -14
  182. package/dist/components/layout/container/container.js.map +1 -1
  183. package/dist/components/layout/page/page.d.ts +52 -2
  184. package/dist/components/layout/page/page.d.ts.map +1 -1
  185. package/dist/components/layout/page/page.js +94 -3
  186. package/dist/components/layout/page/page.js.map +1 -1
  187. package/dist/components/layout/page/page.template.d.ts +6 -0
  188. package/dist/components/layout/page/page.template.d.ts.map +1 -1
  189. package/dist/components/layout/page/page.template.js +21 -6
  190. package/dist/components/layout/page/page.template.js.map +1 -1
  191. package/dist/components/layout/page-footer/page-footer.d.ts +2 -2
  192. package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
  193. package/dist/components/layout/page-footer/page-footer.js +4 -4
  194. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  195. package/dist/components/layout/page-footer/page-footer.template.d.ts.map +1 -1
  196. package/dist/components/layout/page-footer/page-footer.template.js +16 -4
  197. package/dist/components/layout/page-footer/page-footer.template.js.map +1 -1
  198. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +4 -6
  199. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  200. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +4 -5
  201. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  202. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
  203. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +8 -2
  204. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
  205. package/dist/components/layout/page-sections/hero/hero.d.ts +12 -14
  206. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
  207. package/dist/components/layout/page-sections/hero/hero.js +19 -20
  208. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  209. package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -1
  210. package/dist/components/layout/page-sections/hero/hero.template.js +6 -2
  211. package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -1
  212. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -8
  213. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  214. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +6 -7
  215. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  216. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
  217. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +8 -2
  218. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
  219. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -8
  220. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  221. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +6 -7
  222. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  223. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
  224. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +8 -2
  225. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
  226. package/dist/components/layout/page-sections/page-section-controls.d.ts +139 -44
  227. package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
  228. package/dist/components/layout/page-sections/page-section-controls.js +44 -47
  229. package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
  230. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +11 -12
  231. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
  232. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +19 -19
  233. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  234. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.d.ts.map +1 -1
  235. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js +8 -2
  236. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js.map +1 -1
  237. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +14 -8
  238. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  239. package/dist/components/layout/page-sections/simple-section/simple-section.js +14 -7
  240. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  241. package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
  242. package/dist/components/layout/page-sections/simple-section/simple-section.template.js +8 -2
  243. package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
  244. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -8
  245. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  246. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +6 -7
  247. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  248. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
  249. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +8 -2
  250. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
  251. package/dist/components/layout/popover/popover.d.ts +12 -8
  252. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  253. package/dist/components/layout/popover/popover.js +38 -18
  254. package/dist/components/layout/popover/popover.js.map +1 -1
  255. package/dist/components/layout/sheet/sheet.d.ts +26 -11
  256. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  257. package/dist/components/layout/sheet/sheet.js +59 -20
  258. package/dist/components/layout/sheet/sheet.js.map +1 -1
  259. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  260. package/dist/components/layout/sheet/sheet.styles.js +4 -0
  261. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  262. package/dist/components/layout/sheet/sheet.template.js +1 -1
  263. package/dist/components/layout/sheet/sheet.template.js.map +1 -1
  264. package/dist/components/layout/spacer/spacer.d.ts +13 -0
  265. package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
  266. package/dist/components/layout/spacer/spacer.js +13 -0
  267. package/dist/components/layout/spacer/spacer.js.map +1 -1
  268. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -1
  269. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
  270. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -1
  271. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
  272. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +11 -6
  273. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts.map +1 -1
  274. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -12
  275. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
  276. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
  277. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -0
  278. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
  279. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +3 -1
  280. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
  281. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +3 -1
  282. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
  283. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +4 -4
  284. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts.map +1 -1
  285. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +8 -8
  286. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
  287. package/dist/components/layout/window/window.d.ts +30 -18
  288. package/dist/components/layout/window/window.d.ts.map +1 -1
  289. package/dist/components/layout/window/window.js +66 -31
  290. package/dist/components/layout/window/window.js.map +1 -1
  291. package/dist/components/lists-and-tables/cells/cell/cell.d.ts +4 -2
  292. package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -1
  293. package/dist/components/lists-and-tables/cells/cell/cell.js +7 -5
  294. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
  295. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -1
  296. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js +88 -16
  297. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -1
  298. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +4 -2
  299. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -1
  300. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +7 -5
  301. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -1
  302. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  303. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +23 -0
  304. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
  305. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -1
  306. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js +11 -2
  307. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -1
  308. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
  309. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -1
  310. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +5 -5
  311. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
  312. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -1
  313. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js +8 -2
  314. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -1
  315. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +5 -5
  316. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  317. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +8 -8
  318. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
  319. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +1 -1
  320. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +3 -3
  321. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -1
  322. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +6 -6
  323. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
  324. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -1
  325. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js +8 -2
  326. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -1
  327. package/dist/components/lists-and-tables/list/list.d.ts +3 -3
  328. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  329. package/dist/components/lists-and-tables/list/list.js +6 -6
  330. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  331. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  332. package/dist/components/lists-and-tables/list/list.styles.js +4 -0
  333. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  334. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  335. package/dist/components/lists-and-tables/list/list.template.js +25 -8
  336. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  337. package/dist/components/lists-and-tables/list-item/list-item.d.ts +61 -39
  338. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  339. package/dist/components/lists-and-tables/list-item/list-item.js +106 -37
  340. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  341. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  342. package/dist/components/lists-and-tables/list-item/list-item.styles.js +4 -14
  343. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  344. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +35 -10
  345. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
  346. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +45 -18
  347. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
  348. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts.map +1 -1
  349. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +4 -14
  350. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js.map +1 -1
  351. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
  352. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
  353. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +11 -2
  354. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
  355. package/dist/components/lists-and-tables/table/table.d.ts +2 -2
  356. package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
  357. package/dist/components/lists-and-tables/table/table.js +5 -5
  358. package/dist/components/lists-and-tables/table/table.js.map +1 -1
  359. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
  360. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +6 -6
  361. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  362. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
  363. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
  364. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  365. package/dist/components/navigation/link/link.template.js +2 -2
  366. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +4 -4
  367. package/dist/components/navigation/pagination/pagination.styles.js +4 -4
  368. package/dist/components/navigation/pagination/pagination.template.js +1 -1
  369. package/dist/components/navigation/tab-bar/tab-bar.template.js +2 -2
  370. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
  371. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +4 -2
  372. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
  373. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +6 -2
  374. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
  375. package/dist/components/navigation/top-title-bar/top-title-bar.js +7 -2
  376. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  377. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -2
  378. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  379. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +18 -3
  380. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  381. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +4 -4
  382. package/dist/components/status-and-feedback/badge/badge.template.js +1 -1
  383. package/dist/components/status-and-feedback/banner/banner.template.js +1 -1
  384. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +1 -1
  385. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +14 -5
  386. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  387. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +43 -13
  388. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  389. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
  390. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +4 -1
  391. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
  392. package/dist/components/status-and-feedback/notification/notification.d.ts +8 -8
  393. package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
  394. package/dist/components/status-and-feedback/notification/notification.js +13 -13
  395. package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
  396. package/dist/components/status-and-feedback/notification/notification.template.d.ts.map +1 -1
  397. package/dist/components/status-and-feedback/notification/notification.template.js +5 -2
  398. package/dist/components/status-and-feedback/notification/notification.template.js.map +1 -1
  399. package/dist/components/status-and-feedback/notification/{notification-region.d.ts → notifications-area.d.ts} +3 -3
  400. package/dist/components/status-and-feedback/notification/notifications-area.d.ts.map +1 -0
  401. package/dist/components/status-and-feedback/notification/{notification-region.js → notifications-area.js} +137 -140
  402. package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -0
  403. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  404. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +4 -0
  405. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  406. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts.map +1 -1
  407. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +2 -1
  408. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
  409. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
  410. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +106 -18
  411. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  412. package/dist/components/status-and-feedback/status-bar/status-bar.template.js +1 -1
  413. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +4 -1
  414. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
  415. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +4 -1
  416. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
  417. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +2 -2
  418. package/dist/css/form-section.css +4 -4
  419. package/dist/css/form.css +4 -0
  420. package/dist/css/rich-text.css +26 -11
  421. package/dist/css/variables.css +3 -14
  422. package/dist/nldd.min.js +1316 -841
  423. package/dist/types/vue.d.ts +313 -266
  424. package/dist/utilities/page-section-mixin.d.ts +3 -8
  425. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  426. package/dist/utilities/page-section-mixin.js +4 -84
  427. package/dist/utilities/page-section-mixin.js.map +1 -1
  428. package/dist/utilities/title-bar-label-controller.d.ts +25 -0
  429. package/dist/utilities/title-bar-label-controller.d.ts.map +1 -0
  430. package/dist/utilities/title-bar-label-controller.js +52 -0
  431. package/dist/utilities/title-bar-label-controller.js.map +1 -0
  432. package/package.json +4 -2
  433. package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +0 -1
  434. package/dist/components/status-and-feedback/notification/notification-region.js.map +0 -1
@@ -18,11 +18,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
18
18
  *
19
19
  * @attr {string} text - Token text; falls back to the default slot when unset.
20
20
  * @attr {'none' | 'dismiss' | 'menu'} control - Control type (default: 'none')
21
+ * @attr {string} dismiss-text - Accessible label for the dismiss button. Unset, it names the token: `Verwijder "{text}"`, so a row of tokens does not read as a row of identical buttons.
22
+ * @attr {string} menu-text - Accessible label for the menu button. Unset, it is `Toon opties voor "{text}"`.
23
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
24
+ * @attr {boolean} roving - Inside a roving-focus container (e.g. nldd-token-field): the host is the single tab stop, so the trailing control is not separately tabbable.
21
25
  * @attr {boolean} expanded - Reflects whether the token's menu is open (control="menu"); managed by the token.
22
26
  * @attr {boolean} disabled - Disabled state
23
- * @attr {string} dismiss-text - Accessible label for the dismiss button (default: 'Verwijder')
24
- * @attr {string} menu-text - Accessible label for the menu button (default: 'Toon opties')
25
- * @attr {boolean} roving - Inside a roving-focus container (e.g. nldd-token-field): the host is the single tab stop, so the trailing control is not separately tabbable.
26
27
  *
27
28
  * @slot - Token text
28
29
  * @slot menu - An nldd-menu that the token opens from its menu button (control="menu").
@@ -30,10 +31,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
30
31
  * @fires dismiss - When the dismiss button is clicked
31
32
  */
32
33
  import { LitElement } from 'lit';
33
- import { customElement, property, query } from 'lit/decorators.js';
34
+ import { customElement, property, query, state } from 'lit/decorators.js';
34
35
  import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
35
36
  import { tokenStyles } from './token.styles.js';
36
37
  import { tokenTemplate } from './token.template.js';
38
+ import { nlddTokenTranslations } from './token.i18n.js';
37
39
  import './../../actions/icon-button/icon-button.js';
38
40
  let NLDDToken = class NLDDToken extends LitElement {
39
41
  constructor() {
@@ -42,15 +44,19 @@ let NLDDToken = class NLDDToken extends LitElement {
42
44
  * content keeps working. */
43
45
  this.text = '';
44
46
  this.control = 'none';
45
- this.expanded = false;
46
- this.disabled = false;
47
- this.dismissText = 'Verwijder';
48
- this.menuText = 'Toon opties';
47
+ this.dismissText = '';
48
+ this.menuText = '';
49
+ this.translations = {};
49
50
  /** Inside a roving-focus container (e.g. nldd-token-field): the host carries the
50
51
  * single tab stop and manages focus itself, so the trailing control (dismiss or
51
52
  * menu) is taken out of the tab order — it stays reachable by mouse and by the
52
53
  * host's own key handlers. */
53
54
  this.roving = false;
55
+ this.expanded = false;
56
+ this.disabled = false;
57
+ /** Text of the default slot, kept current for the control labels. */
58
+ this._slotText = '';
59
+ this._textObserver = new MutationObserver(() => this._readSlotText());
54
60
  this._menu = null;
55
61
  this._pointerdownWhileOpen = false;
56
62
  this._handleMenuToggle = (e) => {
@@ -79,6 +85,32 @@ let NLDDToken = class NLDDToken extends LitElement {
79
85
  }
80
86
  };
81
87
  }
88
+ _readSlotText() {
89
+ this._slotText = [...this.childNodes]
90
+ .filter((node) => !(node instanceof Element && node.hasAttribute('slot')))
91
+ .map((node) => node.textContent)
92
+ .join('')
93
+ .replace(/\s+/g, ' ')
94
+ .trim();
95
+ }
96
+ _t(key) {
97
+ return this.translations[key] ?? nlddTokenTranslations[key];
98
+ }
99
+ get _dismissLabel() {
100
+ const label = this.text || this._slotText;
101
+ if (this.dismissText)
102
+ return this.dismissText;
103
+ const action = this._t('components.token.dismiss-action');
104
+ return label ? `${action} "${label}"` : action;
105
+ }
106
+ get _menuLabel() {
107
+ const label = this.text || this._slotText;
108
+ if (this.menuText)
109
+ return this.menuText;
110
+ if (!label)
111
+ return this._t('components.token.open-menu-action');
112
+ return `${this._t('components.token.open-token-menu-action')} "${label}"`;
113
+ }
82
114
  _handleDismiss(e) {
83
115
  e.stopPropagation();
84
116
  if (this.disabled)
@@ -125,9 +157,12 @@ let NLDDToken = class NLDDToken extends LitElement {
125
157
  connectedCallback() {
126
158
  super.connectedCallback();
127
159
  this.addEventListener('keydown', this._handleHostKeydown);
160
+ this._readSlotText();
161
+ this._textObserver.observe(this, { childList: true, characterData: true, subtree: true });
128
162
  }
129
163
  disconnectedCallback() {
130
164
  this.removeEventListener('keydown', this._handleHostKeydown);
165
+ this._textObserver.disconnect();
131
166
  super.disconnectedCallback();
132
167
  }
133
168
  /** Force the focus ring so the whole token reads as focused when it is focused
@@ -149,21 +184,27 @@ __decorate([
149
184
  __decorate([
150
185
  property({ reflect: true, converter: reflectNonDefault('none') })
151
186
  ], NLDDToken.prototype, "control", void 0);
152
- __decorate([
153
- property({ type: Boolean, reflect: true })
154
- ], NLDDToken.prototype, "expanded", void 0);
155
- __decorate([
156
- property({ type: Boolean, reflect: true })
157
- ], NLDDToken.prototype, "disabled", void 0);
158
187
  __decorate([
159
188
  property({ type: String, attribute: 'dismiss-text' })
160
189
  ], NLDDToken.prototype, "dismissText", void 0);
161
190
  __decorate([
162
191
  property({ type: String, attribute: 'menu-text' })
163
192
  ], NLDDToken.prototype, "menuText", void 0);
193
+ __decorate([
194
+ property({ type: Object })
195
+ ], NLDDToken.prototype, "translations", void 0);
164
196
  __decorate([
165
197
  property({ type: Boolean, reflect: true })
166
198
  ], NLDDToken.prototype, "roving", void 0);
199
+ __decorate([
200
+ property({ type: Boolean, reflect: true })
201
+ ], NLDDToken.prototype, "expanded", void 0);
202
+ __decorate([
203
+ property({ type: Boolean, reflect: true })
204
+ ], NLDDToken.prototype, "disabled", void 0);
205
+ __decorate([
206
+ state()
207
+ ], NLDDToken.prototype, "_slotText", void 0);
167
208
  __decorate([
168
209
  query('.token__menu-action nldd-icon-button')
169
210
  ], NLDDToken.prototype, "_menuButton", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":"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"}
@@ -11,8 +11,8 @@ export function tokenTemplate(component) {
11
11
  size="sm"
12
12
  variant="neutral-tinted"
13
13
  icon="dismiss-small"
14
- text=${component.dismissText}
15
- accessible-label=${component.dismissText}
14
+ text=${component._dismissLabel}
15
+ accessible-label=${component._dismissLabel}
16
16
  tooltip-timing="never"
17
17
  ?no-tab=${component.roving}
18
18
  ?disabled=${component.disabled}
@@ -26,8 +26,8 @@ export function tokenTemplate(component) {
26
26
  size="sm"
27
27
  variant="neutral-tinted"
28
28
  icon="chevron-down-small"
29
- text=${component.menuText}
30
- accessible-label=${component.menuText}
29
+ text=${component._menuLabel}
30
+ accessible-label=${component._menuLabel}
31
31
  tooltip-timing="never"
32
32
  popup-type="menu"
33
33
  ?no-tab=${component.roving}
@@ -1 +1 @@
1
- {"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD;2DAC2D;AAC3D,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;+BAEmB,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe;KAC/D,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,WAAW;yBACT,SAAS,CAAC,WAAW;;gBAE9B,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,cAAc;;;IAGnC,CAAC,CAAC,CAAC,OAAO;KACT,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM3B,SAAS,CAAC,QAAQ;yBACN,SAAS,CAAC,QAAQ;;;gBAG3B,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;kBAClB,SAAS,CAAC,QAAQ;qBACf,SAAS,CAAC,4BAA4B;eAC5C,SAAS,CAAC,gBAAgB;;;IAGrC,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,OAAO,KAAK,MAAM;QAC7B,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB,UAAU;QAC5E,CAAC,CAAC,OAAO;EACV,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD;2DAC2D;AAC3D,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;+BAEmB,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe;KAC/D,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,aAAa;yBACX,SAAS,CAAC,aAAa;;gBAEhC,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,cAAc;;;IAGnC,CAAC,CAAC,CAAC,OAAO;KACT,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM3B,SAAS,CAAC,UAAU;yBACR,SAAS,CAAC,UAAU;;;gBAG7B,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;kBAClB,SAAS,CAAC,QAAQ;qBACf,SAAS,CAAC,4BAA4B;eAC5C,SAAS,CAAC,gBAAgB;;;IAGrC,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,OAAO,KAAK,MAAM;QAC7B,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB,UAAU;QAC5E,CAAC,CAAC,OAAO;EACV,CAAC;AACH,CAAC"}
@@ -14,6 +14,11 @@
14
14
  * `dist/css/form.css` (or `global.css`), not in a component-specific shadow
15
15
  * stylesheet. Import it as part of your app's global CSS bundle.
16
16
  *
17
+ * **When a field turns red:** on submit the form marks every control the
18
+ * browser rejects with `invalid`, and clears it again once the value passes.
19
+ * Setting `invalid` yourself is fine, but do it on submit, not while someone is
20
+ * still typing, or a field turns red over a value that is not finished yet.
21
+ *
17
22
  * **Two usage modes:**
18
23
  *
19
24
  * 1. **Auto-wrap** (default): write children directly. Component creates a
@@ -44,14 +49,14 @@
44
49
  *
45
50
  * @element nldd-form
46
51
  *
52
+ * @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
47
53
  * @attr {string} name - Form name
48
- * @attr {string} action - URL endpoint for submission
54
+ * @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
55
+ * @attr {string} target - Submit target ('_self' | '_blank' | ...)
49
56
  * @attr {string} method - HTTP method ('get' | 'post' | 'dialog')
50
- * @attr {boolean} novalidate - Skip native browser validation
57
+ * @attr {string} action - URL endpoint for submission
51
58
  * @attr {string} enctype - Encoding type for submission
52
- * @attr {string} target - Submit target ('_self' | '_blank' | ...)
53
- * @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
54
- * @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
59
+ * @attr {boolean} novalidate - Skip native browser validation
55
60
  *
56
61
  * @prop {HTMLFormElement | null} form - The inner <form> element (read-only). Use it for `form.checkValidity()`, direct DOM manipulation, or as the target for framework-managed children.
57
62
  *
@@ -67,7 +72,10 @@
67
72
  *
68
73
  * Auto-wrap mode:
69
74
  * ```html
70
- * <nldd-form name="profile" novalidate>
75
+ * <nldd-form
76
+ * name="profile"
77
+ * novalidate
78
+ * >
71
79
  * <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
72
80
  * <nldd-button type="submit" text="Verstuur"></nldd-button>
73
81
  * </nldd-form>
@@ -75,7 +83,10 @@
75
83
  *
76
84
  * User-provided form mode (React/Vue/Angular):
77
85
  * ```html
78
- * <nldd-form name="profile" novalidate>
86
+ * <nldd-form
87
+ * name="profile"
88
+ * novalidate
89
+ * >
79
90
  * <form>
80
91
  * <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
81
92
  * <nldd-button type="submit" text="Verstuur"></nldd-button>
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AAcH,qBAAa,QAAS,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,aAE5B;IAED,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,SAAS,CAAiC;IAElD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,cAAc,CA6BpB;IAEF,4EAA4E;IAC5E,OAAO,CAAC,YAAY,CAA4B;IAEhD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,YAAY,CAQlB;IAEF;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,YAAY,CAKlB;IAEF,sDAAsD;IACtD,OAAO,CAAC,OAAO,CAA0B;IACzC,wEAAwE;IACxE,OAAO,CAAC,iBAAiB,CAAS;IAElC,iBAAiB,IAAI,IAAI;IAwEzB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU3F;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,iBAAiB;IAQzB,uEAAuE;IACvE,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;CACD;AAMD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AAcH,qBAAa,QAAS,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,aAE5B;IAED,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,SAAS,CAAiC;IAElD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,cAAc,CA6BpB;IAEF,4EAA4E;IAC5E,OAAO,CAAC,YAAY,CAA4B;IAEhD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,YAAY,CAQlB;IAEF;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,YAAY,CAKlB;IAEF,sDAAsD;IACtD,OAAO,CAAC,OAAO,CAA0B;IACzC,wEAAwE;IACxE,OAAO,CAAC,iBAAiB,CAAS;IAElC,iBAAiB,IAAI,IAAI;IAwEzB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU3F;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,iBAAiB;IAQzB,uEAAuE;IACvE,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;CACD;AAMD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
@@ -14,6 +14,11 @@
14
14
  * `dist/css/form.css` (or `global.css`), not in a component-specific shadow
15
15
  * stylesheet. Import it as part of your app's global CSS bundle.
16
16
  *
17
+ * **When a field turns red:** on submit the form marks every control the
18
+ * browser rejects with `invalid`, and clears it again once the value passes.
19
+ * Setting `invalid` yourself is fine, but do it on submit, not while someone is
20
+ * still typing, or a field turns red over a value that is not finished yet.
21
+ *
17
22
  * **Two usage modes:**
18
23
  *
19
24
  * 1. **Auto-wrap** (default): write children directly. Component creates a
@@ -44,14 +49,14 @@
44
49
  *
45
50
  * @element nldd-form
46
51
  *
52
+ * @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
47
53
  * @attr {string} name - Form name
48
- * @attr {string} action - URL endpoint for submission
54
+ * @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
55
+ * @attr {string} target - Submit target ('_self' | '_blank' | ...)
49
56
  * @attr {string} method - HTTP method ('get' | 'post' | 'dialog')
50
- * @attr {boolean} novalidate - Skip native browser validation
57
+ * @attr {string} action - URL endpoint for submission
51
58
  * @attr {string} enctype - Encoding type for submission
52
- * @attr {string} target - Submit target ('_self' | '_blank' | ...)
53
- * @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
54
- * @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
59
+ * @attr {boolean} novalidate - Skip native browser validation
55
60
  *
56
61
  * @prop {HTMLFormElement | null} form - The inner <form> element (read-only). Use it for `form.checkValidity()`, direct DOM manipulation, or as the target for framework-managed children.
57
62
  *
@@ -67,7 +72,10 @@
67
72
  *
68
73
  * Auto-wrap mode:
69
74
  * ```html
70
- * <nldd-form name="profile" novalidate>
75
+ * <nldd-form
76
+ * name="profile"
77
+ * novalidate
78
+ * >
71
79
  * <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
72
80
  * <nldd-button type="submit" text="Verstuur"></nldd-button>
73
81
  * </nldd-form>
@@ -75,7 +83,10 @@
75
83
  *
76
84
  * User-provided form mode (React/Vue/Angular):
77
85
  * ```html
78
- * <nldd-form name="profile" novalidate>
86
+ * <nldd-form
87
+ * name="profile"
88
+ * novalidate
89
+ * >
79
90
  * <form>
80
91
  * <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
81
92
  * <nldd-button type="submit" text="Verstuur"></nldd-button>
@@ -1 +1 @@
1
- {"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"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"}
@@ -18,7 +18,7 @@
18
18
  * <nldd-form-field>...</nldd-form-field>
19
19
  * <nldd-form-actions>
20
20
  * <nldd-button-group>
21
- * <nldd-button variant="primary" type="submit" text="Opslaan"></nldd-button>
21
+ * <nldd-button variant="primary" type="submit" text="Bewaar"></nldd-button>
22
22
  * </nldd-button-group>
23
23
  * </nldd-form-actions>
24
24
  * </nldd-form>
@@ -18,7 +18,7 @@
18
18
  * <nldd-form-field>...</nldd-form-field>
19
19
  * <nldd-form-actions>
20
20
  * <nldd-button-group>
21
- * <nldd-button variant="primary" type="submit" text="Opslaan"></nldd-button>
21
+ * <nldd-button variant="primary" type="submit" text="Bewaar"></nldd-button>
22
22
  * </nldd-button-group>
23
23
  * </nldd-form-actions>
24
24
  * </nldd-form>
@@ -1,14 +1,25 @@
1
1
  /**
2
2
  * Nederlandse Digitale Dienst Form Field Components (Lit + TypeScript)
3
3
  *
4
+ * A field around one input: its label, supporting label, optional badge,
5
+ * validation and help text. It finds the input among its children, hands it
6
+ * the label as its accessible name and gives it an id, so you write no `for`
7
+ * or `id` yourself.
8
+ *
9
+ * Mark the optional fields with `optional`, not the required ones; the design
10
+ * guidelines say why. Put the requirements on a value in an
11
+ * nldd-validation-list inside the same field. What only your server knows,
12
+ * such as a password found in a breach, the app names in `unmet` on the input
13
+ * itself: see nldd-validation-list.
14
+ *
4
15
  * @element nldd-form-field
5
16
  *
6
17
  * @attr {string} label-alignment - 'top' (default) | 'right' | 'left'. A value of its own always wins over the inherited form-label-alignment.
7
- * @attr {string} form-label-alignment - Set by a wrapping nldd-form as a fallback. Do not set it yourself in consumer code.
8
18
  * @attr {string} label - Field label text. Omit for no-label layout.
9
19
  * @attr {string} supporting-label - Short supporting text below the label. Same typography as optional badge.
10
20
  * @attr {boolean} optional - Shows an optional badge next to the label.
11
21
  * @attr {string} optional-label - Text for the optional badge. Defaults to 'Optioneel'.
22
+ * @attr {string} form-label-alignment - Set by a wrapping nldd-form as a fallback. Do not set it yourself in consumer code.
12
23
  *
13
24
  * @slot - The slotted input (e.g. nldd-text-field), its nldd-validation-list and its nldd-form-field-help-text.
14
25
  *
@@ -1 +1 @@
1
- {"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAqCtD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAEzC;;;;;;;;;;;;;;OAcG;IAEH,cAAc,EAAE,cAAc,GAAG,SAAS,CAAa;IAEvD,0FAA0F;IAE1F,KAAK,SAAM;IAEX;;;OAGG;IAEH,eAAe,SAAM;IAErB;;;;;;;OAOG;IAEH,QAAQ,UAAS;IAEjB,6FAA6F;IAE7F,aAAa,SAAe;IAE5B,OAAO,CAAC,cAAc,CAAiC;IAEvD,uFAAuF;IACvF,OAAO,CAAC,aAAa,CAAuB;IAE5C,wFAAwF;IACxF,OAAO,CAAC,cAAc,CAAS;IAEtB,MAAM;IAIN,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM1C,iBAAiB;IAMjB,YAAY;IAIZ,oBAAoB;IAK7B;;;;;;;;;;;;;;OAcG;IACI,WAAW,CAAC,CAAC,EAAE,KAAK;IAQ3B,OAAO,CAAC,aAAa;IAmCrB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,qBAAqB;IAa7B;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,qBAAqB;IA0B7B;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,UAAU;IAWlB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,gBAAgB;CAiBxB;AAOD,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAExC,iBAAiB;IAOjB,MAAM;CAGf;AAGD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;QACjC,2BAA2B,EAAE,qBAAqB,CAAC;KACnD;CACD"}
1
+ {"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAqCtD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAEzC;;;;;;;;;;;;;;OAcG;IAEH,cAAc,EAAE,cAAc,GAAG,SAAS,CAAa;IAEvD,0FAA0F;IAE1F,KAAK,SAAM;IAEX;;;OAGG;IAEH,eAAe,SAAM;IAErB;;;;;;;OAOG;IAEH,QAAQ,UAAS;IAEjB,6FAA6F;IAE7F,aAAa,SAAe;IAE5B,OAAO,CAAC,cAAc,CAAiC;IAEvD,uFAAuF;IACvF,OAAO,CAAC,aAAa,CAAuB;IAE5C,wFAAwF;IACxF,OAAO,CAAC,cAAc,CAAS;IAEtB,MAAM;IAIN,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM1C,iBAAiB;IAMjB,YAAY;IAIZ,oBAAoB;IAK7B;;;;;;;;;;;;;;OAcG;IACI,WAAW,CAAC,CAAC,EAAE,KAAK;IAQ3B,OAAO,CAAC,aAAa;IAmCrB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,qBAAqB;IAa7B;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,qBAAqB;IA0B7B;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,UAAU;IAWlB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,gBAAgB;CAiBxB;AAOD,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAExC,iBAAiB;IAOjB,MAAM;CAGf;AAGD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;QACjC,2BAA2B,EAAE,qBAAqB,CAAC;KACnD;CACD"}
@@ -7,14 +7,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  /**
8
8
  * Nederlandse Digitale Dienst Form Field Components (Lit + TypeScript)
9
9
  *
10
+ * A field around one input: its label, supporting label, optional badge,
11
+ * validation and help text. It finds the input among its children, hands it
12
+ * the label as its accessible name and gives it an id, so you write no `for`
13
+ * or `id` yourself.
14
+ *
15
+ * Mark the optional fields with `optional`, not the required ones; the design
16
+ * guidelines say why. Put the requirements on a value in an
17
+ * nldd-validation-list inside the same field. What only your server knows,
18
+ * such as a password found in a breach, the app names in `unmet` on the input
19
+ * itself: see nldd-validation-list.
20
+ *
10
21
  * @element nldd-form-field
11
22
  *
12
23
  * @attr {string} label-alignment - 'top' (default) | 'right' | 'left'. A value of its own always wins over the inherited form-label-alignment.
13
- * @attr {string} form-label-alignment - Set by a wrapping nldd-form as a fallback. Do not set it yourself in consumer code.
14
24
  * @attr {string} label - Field label text. Omit for no-label layout.
15
25
  * @attr {string} supporting-label - Short supporting text below the label. Same typography as optional badge.
16
26
  * @attr {boolean} optional - Shows an optional badge next to the label.
17
27
  * @attr {string} optional-label - Text for the optional badge. Defaults to 'Optioneel'.
28
+ * @attr {string} form-label-alignment - Set by a wrapping nldd-form as a fallback. Do not set it yourself in consumer code.
18
29
  *
19
30
  * @slot - The slotted input (e.g. nldd-text-field), its nldd-validation-list and its nldd-form-field-help-text.
20
31
  *
@@ -1 +1 @@
1
- {"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.ts"],"names":[],"mappings":"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"}
@@ -20,7 +20,7 @@
20
20
  * <fieldset class="form-section">
21
21
  * <legend class="form-section__header">
22
22
  * <span class="form-section__title">Title</span>
23
- * <span class="form-section__subtitle">Subtitle</span>
23
+ * <span class="form-section__supporting-text">Supporting text</span>
24
24
  * </legend>
25
25
  * <div class="form-section__main">
26
26
  * [user's children]
@@ -35,9 +35,9 @@
35
35
  * grouping*, not as page structure. For real page headings, use a separate
36
36
  * heading element above the form.
37
37
  *
38
- * **Supporting-text length**: the subtitle sits as a `<span>` inside the
38
+ * **Supporting-text length**: the supporting text sits as a `<span>` inside the
39
39
  * `<legend>` so a screen reader reads it along as the group label. Side effect:
40
- * on every field entry within the section, the whole legend (title + subtitle)
40
+ * on every field entry within the section, the whole legend (title + supporting text)
41
41
  * is spoken again. Keep `supporting-text` short (roughly 80 characters or less)
42
42
  * and use it to introduce the group ("Vul je adresgegevens in"), not for
43
43
  * detailed instructions. For a longer explanation on one specific field, use
@@ -20,7 +20,7 @@
20
20
  * <fieldset class="form-section">
21
21
  * <legend class="form-section__header">
22
22
  * <span class="form-section__title">Title</span>
23
- * <span class="form-section__subtitle">Subtitle</span>
23
+ * <span class="form-section__supporting-text">Supporting text</span>
24
24
  * </legend>
25
25
  * <div class="form-section__main">
26
26
  * [user's children]
@@ -35,9 +35,9 @@
35
35
  * grouping*, not as page structure. For real page headings, use a separate
36
36
  * heading element above the form.
37
37
  *
38
- * **Supporting-text length**: the subtitle sits as a `<span>` inside the
38
+ * **Supporting-text length**: the supporting text sits as a `<span>` inside the
39
39
  * `<legend>` so a screen reader reads it along as the group label. Side effect:
40
- * on every field entry within the section, the whole legend (title + subtitle)
40
+ * on every field entry within the section, the whole legend (title + supporting text)
41
41
  * is spoken again. Keep `supporting-text` short (roughly 80 characters or less)
42
42
  * and use it to introduce the group ("Vul je adresgegevens in"), not for
43
43
  * detailed instructions. For a longer explanation on one specific field, use
@@ -66,7 +66,7 @@
66
66
  const FIELDSET_CLASS = 'form-section';
67
67
  const HEADER_CLASS = 'form-section__header';
68
68
  const TITLE_CLASS = 'form-section__title';
69
- const SUBTITLE_CLASS = 'form-section__subtitle';
69
+ const SUPPORTING_TEXT_CLASS = 'form-section__supporting-text';
70
70
  const MAIN_CLASS = 'form-section__main';
71
71
  export class NLDDFormSection extends HTMLElement {
72
72
  constructor() {
@@ -184,10 +184,10 @@ export class NLDDFormSection extends HTMLElement {
184
184
  legend.appendChild(titleSpan);
185
185
  }
186
186
  if (supportingText) {
187
- const subtitleSpan = document.createElement('span');
188
- subtitleSpan.className = SUBTITLE_CLASS;
189
- subtitleSpan.textContent = supportingText;
190
- legend.appendChild(subtitleSpan);
187
+ const supportingTextSpan = document.createElement('span');
188
+ supportingTextSpan.className = SUPPORTING_TEXT_CLASS;
189
+ supportingTextSpan.textContent = supportingText;
190
+ legend.appendChild(supportingTextSpan);
191
191
  }
192
192
  // Hide the legend completely (including its space) when empty, so
193
193
  // .form-section__main becomes :first-child and its margin-top collapses
@@ -1 +1 @@
1
- {"version":3,"file":"form-section.js","sourceRoot":"","sources":["../../../../src/components/forms/form-section/form-section.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"form-section.js","sourceRoot":"","sources":["../../../../src/components/forms/form-section/form-section.ts"],"names":[],"mappings":"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"}
@@ -30,6 +30,13 @@
30
30
  *
31
31
  * @element nldd-validation-item
32
32
  *
33
+ * One requirement of a value, with the rule that checks it. Give every item an
34
+ * id that names its field as well as its rule: an id has to be unique in the
35
+ * whole document, and `length` is the first thing three fields in one form will
36
+ * all reach for. Write the text as the requirement ("Minimaal 8 tekens"), not as
37
+ * the command ("Gebruik minimaal 8 tekens"): before a verdict it stands there as
38
+ * what the field wants, after one as what the value does not meet.
39
+ *
33
40
  * @attr {string} match - Regular expression the value has to contain. Not anchored, unlike the native `pattern`: `[A-Z]` means "has a capital in it".
34
41
  * @attr {number} minlength - Fewest characters the value may have.
35
42
  * @attr {number} maxlength - Most characters the value may have.
@@ -42,10 +49,6 @@
42
49
  *
43
50
  * ─────────────────────────────────────────────────────────────────────────
44
51
  *
45
- * Give every item an id that names its field as well as its rule. An id has to
46
- * be unique in the whole document, and `length` is the first thing three fields
47
- * in one form will all reach for.
48
- *
49
52
  * @example
50
53
  * <nldd-form-field label="Wachtwoord">
51
54
  * <nldd-password-field name="password" invalid unmet="password-breach"></nldd-password-field>
@@ -1 +1 @@
1
- {"version":3,"file":"validation-list.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/validation-list/validation-list.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAiBtD,qBACa,kBAAmB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAwB;IAE9C,0EAA0E;IAE1E,KAAK,SAAM;IAGX,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2EAA2E;IAE3E,QAAQ,UAAS;IAGjB,IAAI,UAAS;IAGb,KAAK,UAAS;IAGd,OAAO,UAAS;IAEhB,wEAAwE;IACxE,IAAI,OAAO,IAAI,OAAO,CAKrB;IAED;;;;;;;;;OASG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAS1B,iBAAiB;IAKjB,MAAM;CAGf;AAOD,qBACa,kBAAmB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAwB;IAE9C,0EAA0E;IAE1E,GAAG,SAAM;IAGT,IAAI,UAAS;IAEb;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IAEH,OAAO,UAAS;IAEhB;;;;;;OAMG;IAEH,OAAO,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE/B,oEAAoE;IAEpE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,QAAQ,CAA0B;IAEjC,iBAAiB;IAKjB,oBAAoB;IAK7B;;;;;;;;OAQG;IACM,UAAU,CAAC,OAAO,EAAE,cAAc;IAKlC,OAAO;IAIhB;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAIZ,MAAM;IAIf,OAAO,KAAK,MAAM,GAGjB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ;IAsBhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IAMrB;;;;;;;OAOG;IACH,OAAO,CAAC,SAAS;IAuCjB;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,eAAe;CAKvB;AAGD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
1
+ {"version":3,"file":"validation-list.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/validation-list/validation-list.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAiBtD,qBACa,kBAAmB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAwB;IAE9C,0EAA0E;IAE1E,KAAK,SAAM;IAGX,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2EAA2E;IAE3E,QAAQ,UAAS;IAGjB,IAAI,UAAS;IAGb,KAAK,UAAS;IAGd,OAAO,UAAS;IAEhB,wEAAwE;IACxE,IAAI,OAAO,IAAI,OAAO,CAKrB;IAED;;;;;;;;;OASG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAS1B,iBAAiB;IAKjB,MAAM;CAGf;AAOD,qBACa,kBAAmB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAwB;IAE9C,0EAA0E;IAE1E,GAAG,SAAM;IAGT,IAAI,UAAS;IAEb;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IAEH,OAAO,UAAS;IAEhB;;;;;;OAMG;IAEH,OAAO,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE/B,oEAAoE;IAEpE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,QAAQ,CAA0B;IAEjC,iBAAiB;IAKjB,oBAAoB;IAK7B;;;;;;;;OAQG;IACM,UAAU,CAAC,OAAO,EAAE,cAAc;IAKlC,OAAO;IAIhB;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAIZ,MAAM;IAIf,OAAO,KAAK,MAAM,GAGjB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ;IAsBhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IAMrB;;;;;;;OAOG;IACH,OAAO,CAAC,SAAS;IAuCjB;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,eAAe;CAKvB;AAGD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
@@ -36,6 +36,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
36
36
  *
37
37
  * @element nldd-validation-item
38
38
  *
39
+ * One requirement of a value, with the rule that checks it. Give every item an
40
+ * id that names its field as well as its rule: an id has to be unique in the
41
+ * whole document, and `length` is the first thing three fields in one form will
42
+ * all reach for. Write the text as the requirement ("Minimaal 8 tekens"), not as
43
+ * the command ("Gebruik minimaal 8 tekens"): before a verdict it stands there as
44
+ * what the field wants, after one as what the value does not meet.
45
+ *
39
46
  * @attr {string} match - Regular expression the value has to contain. Not anchored, unlike the native `pattern`: `[A-Z]` means "has a capital in it".
40
47
  * @attr {number} minlength - Fewest characters the value may have.
41
48
  * @attr {number} maxlength - Most characters the value may have.
@@ -48,10 +55,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
48
55
  *
49
56
  * ─────────────────────────────────────────────────────────────────────────
50
57
  *
51
- * Give every item an id that names its field as well as its rule. An id has to
52
- * be unique in the whole document, and `length` is the first thing three fields
53
- * in one form will all reach for.
54
- *
55
58
  * @example
56
59
  * <nldd-form-field label="Wachtwoord">
57
60
  * <nldd-password-field name="password" invalid unmet="password-breach"></nldd-password-field>