@nldd/design-system 0.8.70 → 0.8.71

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 (530) hide show
  1. package/README.md +12 -5
  2. package/custom-elements.json +2990 -577
  3. package/dist/assets/styles/style-resets.d.ts +1 -1
  4. package/dist/assets/styles/style-resets.js +1 -1
  5. package/dist/components/actions/button/button.d.ts +10 -5
  6. package/dist/components/actions/button/button.d.ts.map +1 -1
  7. package/dist/components/actions/button/button.i18n.d.ts +1 -1
  8. package/dist/components/actions/button/button.i18n.js +1 -1
  9. package/dist/components/actions/button/button.i18n.js.map +1 -1
  10. package/dist/components/actions/button/button.js +19 -4
  11. package/dist/components/actions/button/button.js.map +1 -1
  12. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  13. package/dist/components/actions/button/button.styles.js +13 -3
  14. package/dist/components/actions/button/button.styles.js.map +1 -1
  15. package/dist/components/actions/button/button.template.js +1 -1
  16. package/dist/components/actions/button/button.template.js.map +1 -1
  17. package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
  18. package/dist/components/actions/button-bar/button-bar.js +6 -0
  19. package/dist/components/actions/button-bar/button-bar.js.map +1 -1
  20. package/dist/components/actions/icon-button/icon-button.d.ts +26 -39
  21. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  22. package/dist/components/actions/icon-button/icon-button.i18n.d.ts +1 -1
  23. package/dist/components/actions/icon-button/icon-button.i18n.js +1 -1
  24. package/dist/components/actions/icon-button/icon-button.i18n.js.map +1 -1
  25. package/dist/components/actions/icon-button/icon-button.js +25 -38
  26. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  27. package/dist/components/actions/icon-button/icon-button.styles.js +1 -1
  28. package/dist/components/actions/icon-button/icon-button.template.js +1 -1
  29. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  30. package/dist/components/actions/menu/menu.d.ts +47 -52
  31. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  32. package/dist/components/actions/menu/menu.js +55 -54
  33. package/dist/components/actions/menu/menu.js.map +1 -1
  34. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  35. package/dist/components/actions/menu/menu.styles.js +7 -1
  36. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  37. package/dist/components/actions/menu/menu.template.js +1 -1
  38. package/dist/components/actions/menu/menu.template.js.map +1 -1
  39. package/dist/components/actions/toolbar/toolbar.d.ts +10 -4
  40. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  41. package/dist/components/actions/toolbar/toolbar.js +30 -11
  42. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  43. package/dist/components/actions/toolbar/toolbar.styles.js +3 -3
  44. package/dist/components/components.js +65 -62
  45. package/dist/components/content/avatar/avatar.d.ts +44 -12
  46. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  47. package/dist/components/content/avatar/avatar.i18n.d.ts +5 -0
  48. package/dist/components/content/avatar/avatar.i18n.d.ts.map +1 -0
  49. package/dist/components/content/avatar/avatar.i18n.js +4 -0
  50. package/dist/components/content/avatar/avatar.i18n.js.map +1 -0
  51. package/dist/components/content/avatar/avatar.js +87 -13
  52. package/dist/components/content/avatar/avatar.js.map +1 -1
  53. package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -1
  54. package/dist/components/content/avatar/avatar.styles.js +44 -9
  55. package/dist/components/content/avatar/avatar.styles.js.map +1 -1
  56. package/dist/components/content/avatar/avatar.template.d.ts +2 -1
  57. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  58. package/dist/components/content/avatar/avatar.template.js +53 -23
  59. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  60. package/dist/components/content/byline/byline.d.ts +6 -6
  61. package/dist/components/content/byline/byline.js +6 -6
  62. package/dist/components/content/code-viewer/code-viewer.js +2 -2
  63. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  64. package/dist/components/content/code-viewer/code-viewer.styles.js +5 -4
  65. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  66. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  67. package/dist/components/content/icon/icon-aliases.js +19 -5
  68. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  69. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  70. package/dist/components/content/icon/icon-registry.js +9 -2
  71. package/dist/components/content/icon/icon-registry.js.map +1 -1
  72. package/dist/components/content/icon/icon.d.ts +14 -16
  73. package/dist/components/content/icon/icon.d.ts.map +1 -1
  74. package/dist/components/content/icon/icon.js +13 -15
  75. package/dist/components/content/icon/icon.js.map +1 -1
  76. package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
  77. package/dist/components/content/icon/icon.styles.js +7 -4
  78. package/dist/components/content/icon/icon.styles.js.map +1 -1
  79. package/dist/components/content/image/image.d.ts +9 -9
  80. package/dist/components/content/image/image.js +9 -9
  81. package/dist/components/content/image/image.styles.js +2 -2
  82. package/dist/components/content/image/image.template.js +2 -2
  83. package/dist/components/content/image/image.template.js.map +1 -1
  84. package/dist/components/content/image/lqip-encoder.js +1 -1
  85. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -2
  86. package/dist/components/content/rich-text/rich-text.d.ts +4 -4
  87. package/dist/components/content/rich-text/rich-text.js +4 -4
  88. package/dist/components/content/token/token.d.ts +7 -7
  89. package/dist/components/content/token/token.js +7 -7
  90. package/dist/components/content/tooltip/tooltip.d.ts +4 -14
  91. package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
  92. package/dist/components/content/tooltip/tooltip.js +4 -14
  93. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  94. package/dist/components/forms/form/form.d.ts +10 -19
  95. package/dist/components/forms/form/form.d.ts.map +1 -1
  96. package/dist/components/forms/form/form.js +10 -19
  97. package/dist/components/forms/form/form.js.map +1 -1
  98. package/dist/components/forms/form-actions/form-actions.d.ts +2 -6
  99. package/dist/components/forms/form-actions/form-actions.d.ts.map +1 -1
  100. package/dist/components/forms/form-actions/form-actions.js +2 -6
  101. package/dist/components/forms/form-actions/form-actions.js.map +1 -1
  102. package/dist/components/forms/form-field/form-field.d.ts +7 -14
  103. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  104. package/dist/components/forms/form-field/form-field.js +7 -14
  105. package/dist/components/forms/form-field/form-field.js.map +1 -1
  106. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  107. package/dist/components/forms/form-field/form-field.styles.js +15 -2
  108. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  109. package/dist/components/forms/form-section/form-section.d.ts +2 -3
  110. package/dist/components/forms/form-section/form-section.d.ts.map +1 -1
  111. package/dist/components/forms/form-section/form-section.js +2 -3
  112. package/dist/components/forms/form-section/form-section.js.map +1 -1
  113. package/dist/components/{index-Dgxr-sEe.js → index-CDK46KLh.js} +1 -1
  114. package/dist/components/{index-Bh_hMHn8.js → index-CbaaFM8N.js} +1 -1
  115. package/dist/components/{index-DS-RnHMu.js → index-DRtuMofR.js} +1 -1
  116. package/dist/components/{index-BP0XMTYa.js → index-DuvuHfMi.js} +1 -1
  117. package/dist/components/{index-CTUlN5qN.js → index-DzJola_U.js} +1 -1
  118. package/dist/components/{index-sa60dMt-.js → index-n8evy8Za.js} +1 -1
  119. package/dist/components/{index-BuLJAwiB.js → index-t08wCuGl.js} +4213 -2494
  120. package/dist/components/index.d.ts +2 -0
  121. package/dist/components/index.d.ts.map +1 -1
  122. package/dist/components/index.js +2 -0
  123. package/dist/components/index.js.map +1 -1
  124. package/dist/components/inputs/checkbox/checkbox.d.ts +11 -11
  125. package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
  126. package/dist/components/inputs/checkbox/checkbox.js +11 -15
  127. package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
  128. package/dist/components/inputs/checkbox/checkbox.styles.js +1 -1
  129. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +20 -6
  130. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
  131. package/dist/components/inputs/checkbox-field/checkbox-field.js +29 -7
  132. package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
  133. package/dist/components/inputs/code-editor/code-editor.d.ts +19 -18
  134. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
  135. package/dist/components/inputs/code-editor/code-editor.js +23 -23
  136. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  137. package/dist/components/inputs/code-editor/code-editor.styles.js +2 -2
  138. package/dist/components/inputs/combo-box/combo-box.d.ts +26 -29
  139. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  140. package/dist/components/inputs/combo-box/combo-box.js +74 -39
  141. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  142. package/dist/components/inputs/combo-box/combo-box.styles.js +7 -7
  143. package/dist/components/inputs/date-field/date-field.d.ts +25 -24
  144. package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
  145. package/dist/components/inputs/date-field/date-field.js +26 -29
  146. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  147. package/dist/components/inputs/date-field/date-field.styles.js +5 -5
  148. package/dist/components/inputs/date-picker/date-picker.d.ts +16 -13
  149. package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
  150. package/dist/components/inputs/date-picker/date-picker.js +35 -15
  151. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  152. package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -1
  153. package/dist/components/inputs/date-picker/date-picker.styles.js +21 -29
  154. package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -1
  155. package/dist/components/inputs/dropdown/dropdown.d.ts +4 -4
  156. package/dist/components/inputs/dropdown/dropdown.js +4 -4
  157. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +21 -21
  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 +23 -26
  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.styles.js +5 -5
  162. package/dist/components/inputs/number-field/number-field.d.ts +17 -20
  163. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  164. package/dist/components/inputs/number-field/number-field.js +20 -23
  165. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  166. package/dist/components/inputs/number-field/number-field.styles.js +4 -4
  167. package/dist/components/inputs/password-field/password-field.d.ts +25 -24
  168. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  169. package/dist/components/inputs/password-field/password-field.js +27 -29
  170. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  171. package/dist/components/inputs/password-field/password-field.styles.js +7 -7
  172. package/dist/components/inputs/radio-button/radio-button.d.ts +10 -10
  173. package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
  174. package/dist/components/inputs/radio-button/radio-button.js +9 -14
  175. package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
  176. package/dist/components/inputs/radio-button/radio-button.styles.js +2 -2
  177. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +24 -6
  178. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
  179. package/dist/components/inputs/radio-button-field/radio-button-field.js +32 -7
  180. package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
  181. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +3 -3
  182. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
  183. package/dist/components/inputs/radio-button-group/radio-button-group.js +17 -10
  184. package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
  185. package/dist/components/inputs/search-field/search-field.d.ts +15 -17
  186. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  187. package/dist/components/inputs/search-field/search-field.js +19 -22
  188. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  189. package/dist/components/inputs/search-field/search-field.styles.js +5 -5
  190. package/dist/components/inputs/segmented-control/segmented-control.d.ts +27 -29
  191. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  192. package/dist/components/inputs/segmented-control/segmented-control.js +47 -57
  193. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  194. package/dist/components/inputs/segmented-control/segmented-control.styles.js +4 -4
  195. package/dist/components/inputs/stepper/stepper.d.ts +14 -14
  196. package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
  197. package/dist/components/inputs/stepper/stepper.js +13 -18
  198. package/dist/components/inputs/stepper/stepper.js.map +1 -1
  199. package/dist/components/inputs/switch/switch.d.ts +12 -13
  200. package/dist/components/inputs/switch/switch.d.ts.map +1 -1
  201. package/dist/components/inputs/switch/switch.js +13 -18
  202. package/dist/components/inputs/switch/switch.js.map +1 -1
  203. package/dist/components/inputs/switch/switch.styles.js +6 -6
  204. package/dist/components/inputs/switch-field/switch-field.d.ts +4 -4
  205. package/dist/components/inputs/switch-field/switch-field.js +4 -4
  206. package/dist/components/inputs/text-editor/text-editor.caret.d.ts +1 -1
  207. package/dist/components/inputs/text-editor/text-editor.caret.js +1 -1
  208. package/dist/components/inputs/text-editor/text-editor.commands.js +1 -1
  209. package/dist/components/inputs/text-editor/text-editor.d.ts +21 -21
  210. package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
  211. package/dist/components/inputs/text-editor/text-editor.js +27 -27
  212. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  213. package/dist/components/inputs/text-editor/text-editor.links.js +4 -4
  214. package/dist/components/inputs/text-editor/text-editor.markdown.js +7 -7
  215. package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
  216. package/dist/components/inputs/text-editor/text-editor.ordered-list.js +1 -1
  217. package/dist/components/inputs/text-editor/text-editor.styles.js +14 -14
  218. package/dist/components/inputs/text-field/text-field.d.ts +20 -19
  219. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  220. package/dist/components/inputs/text-field/text-field.js +22 -24
  221. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  222. package/dist/components/inputs/text-field/text-field.styles.js +3 -3
  223. package/dist/components/inputs/toggle-button/toggle-button.d.ts +14 -13
  224. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  225. package/dist/components/inputs/toggle-button/toggle-button.js +18 -18
  226. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  227. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +7 -7
  228. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
  229. package/dist/components/inputs/toggle-button-group/toggle-button-group.js +25 -17
  230. package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
  231. package/dist/components/inputs/token-field/token-field.d.ts +24 -29
  232. package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
  233. package/dist/components/inputs/token-field/token-field.i18n.d.ts +1 -1
  234. package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
  235. package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
  236. package/dist/components/inputs/token-field/token-field.js +35 -39
  237. package/dist/components/inputs/token-field/token-field.js.map +1 -1
  238. package/dist/components/inputs/token-field/token-field.styles.js +4 -4
  239. package/dist/components/inputs/token-field/token-field.template.js +1 -1
  240. package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
  241. package/dist/components/layout/app-view/app-view.d.ts +16 -4
  242. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  243. package/dist/components/layout/app-view/app-view.js +18 -13
  244. package/dist/components/layout/app-view/app-view.js.map +1 -1
  245. package/dist/components/layout/box/box.d.ts +1 -1
  246. package/dist/components/layout/box/box.js +1 -1
  247. package/dist/components/layout/box/box.styles.d.ts.map +1 -1
  248. package/dist/components/layout/box/box.styles.js +8 -18
  249. package/dist/components/layout/box/box.styles.js.map +1 -1
  250. package/dist/components/layout/card/card.d.ts +26 -9
  251. package/dist/components/layout/card/card.d.ts.map +1 -1
  252. package/dist/components/layout/card/card.i18n.d.ts +1 -1
  253. package/dist/components/layout/card/card.i18n.js +1 -1
  254. package/dist/components/layout/card/card.i18n.js.map +1 -1
  255. package/dist/components/layout/card/card.js +51 -14
  256. package/dist/components/layout/card/card.js.map +1 -1
  257. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  258. package/dist/components/layout/card/card.styles.js +41 -4
  259. package/dist/components/layout/card/card.styles.js.map +1 -1
  260. package/dist/components/layout/card/card.template.d.ts.map +1 -1
  261. package/dist/components/layout/card/card.template.js +14 -6
  262. package/dist/components/layout/card/card.template.js.map +1 -1
  263. package/dist/components/layout/collection/collection.d.ts +3 -10
  264. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  265. package/dist/components/layout/collection/collection.js +3 -10
  266. package/dist/components/layout/collection/collection.js.map +1 -1
  267. package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
  268. package/dist/components/layout/collection/collection.styles.js +21 -3
  269. package/dist/components/layout/collection/collection.styles.js.map +1 -1
  270. package/dist/components/layout/container/container.d.ts +41 -41
  271. package/dist/components/layout/container/container.js +41 -41
  272. package/dist/components/layout/page/page.d.ts +1 -1
  273. package/dist/components/layout/page/page.js +2 -2
  274. package/dist/components/layout/page-footer/page-footer.d.ts +10 -12
  275. package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
  276. package/dist/components/layout/page-footer/page-footer.js +11 -13
  277. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  278. package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
  279. package/dist/components/layout/page-footer/page-footer.styles.js +8 -1
  280. package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
  281. package/dist/components/layout/page-footer/page-footer.template.js +1 -1
  282. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -3
  283. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  284. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +1 -3
  285. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  286. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -3
  287. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  288. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +1 -3
  289. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  290. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -3
  291. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  292. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +1 -3
  293. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  294. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +20 -18
  295. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
  296. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +26 -20
  297. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  298. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
  299. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +20 -2
  300. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
  301. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -3
  302. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  303. package/dist/components/layout/page-sections/simple-section/simple-section.js +1 -3
  304. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  305. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -3
  306. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  307. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +1 -3
  308. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  309. package/dist/components/layout/popover/popover.d.ts +18 -47
  310. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  311. package/dist/components/layout/popover/popover.js +18 -47
  312. package/dist/components/layout/popover/popover.js.map +1 -1
  313. package/dist/components/layout/sheet/sheet.d.ts +9 -17
  314. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  315. package/dist/components/layout/sheet/sheet.js +39 -27
  316. package/dist/components/layout/sheet/sheet.js.map +1 -1
  317. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -4
  318. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -4
  319. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +17 -17
  320. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -17
  321. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +2 -2
  322. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +2 -2
  323. package/dist/components/layout/window/window.d.ts +26 -20
  324. package/dist/components/layout/window/window.d.ts.map +1 -1
  325. package/dist/components/layout/window/window.js +58 -30
  326. package/dist/components/layout/window/window.js.map +1 -1
  327. package/dist/components/layout/window/window.template.d.ts.map +1 -1
  328. package/dist/components/layout/window/window.template.js +1 -0
  329. package/dist/components/layout/window/window.template.js.map +1 -1
  330. package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -1
  331. package/dist/components/lists-and-tables/cells/cell/cell.styles.js +1 -0
  332. package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -1
  333. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  334. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +1 -0
  335. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -1
  336. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts +1 -1
  337. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +1 -1
  338. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js +1 -1
  339. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -1
  340. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +2 -2
  341. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
  342. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
  343. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +1 -0
  344. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -1
  345. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  346. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +1 -0
  347. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
  348. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  349. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +1 -0
  350. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
  351. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +43 -9
  352. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  353. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +69 -9
  354. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
  355. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -1
  356. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +96 -43
  357. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -1
  358. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -1
  359. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +19 -7
  360. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -1
  361. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  362. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +1 -0
  363. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
  364. package/dist/components/lists-and-tables/list/list.d.ts +77 -31
  365. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  366. package/dist/components/lists-and-tables/list/list.i18n.d.ts +4 -4
  367. package/dist/components/lists-and-tables/list/list.i18n.js +4 -4
  368. package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
  369. package/dist/components/lists-and-tables/list/list.js +202 -70
  370. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  371. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  372. package/dist/components/lists-and-tables/list/list.styles.js +29 -22
  373. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  374. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  375. package/dist/components/lists-and-tables/list/list.template.js +4 -3
  376. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  377. package/dist/components/lists-and-tables/list-item/list-item.d.ts +189 -18
  378. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  379. package/dist/components/lists-and-tables/list-item/list-item.i18n.d.ts +1 -1
  380. package/dist/components/lists-and-tables/list-item/list-item.i18n.js +1 -1
  381. package/dist/components/lists-and-tables/list-item/list-item.i18n.js.map +1 -1
  382. package/dist/components/lists-and-tables/list-item/list-item.js +467 -45
  383. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  384. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  385. package/dist/components/lists-and-tables/list-item/list-item.styles.js +133 -101
  386. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  387. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
  388. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
  389. package/dist/components/lists-and-tables/list-item/list-item.template.js +51 -24
  390. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
  391. package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts +108 -0
  392. package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts.map +1 -0
  393. package/dist/components/lists-and-tables/list-item-action/list-item-action.js +228 -0
  394. package/dist/components/lists-and-tables/list-item-action/list-item-action.js.map +1 -0
  395. package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts +2 -0
  396. package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts.map +1 -0
  397. package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js +145 -0
  398. package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js.map +1 -0
  399. package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts +3 -0
  400. package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts.map +1 -0
  401. package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js +35 -0
  402. package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js.map +1 -0
  403. package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
  404. package/dist/components/lists-and-tables/table/table.styles.js +4 -2
  405. package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
  406. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +5 -7
  407. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  408. package/dist/components/navigation/breadcrumbs/breadcrumbs.js +5 -7
  409. package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
  410. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
  411. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +15 -16
  412. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
  413. package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.d.ts +1 -1
  414. package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js +1 -1
  415. package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js.map +1 -1
  416. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +14 -15
  417. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  418. package/dist/components/navigation/link/link.d.ts +2 -2
  419. package/dist/components/navigation/link/link.i18n.d.ts +1 -1
  420. package/dist/components/navigation/link/link.i18n.js +1 -1
  421. package/dist/components/navigation/link/link.i18n.js.map +1 -1
  422. package/dist/components/navigation/link/link.template.js +1 -1
  423. package/dist/components/navigation/link/link.template.js.map +1 -1
  424. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
  425. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -1
  426. package/dist/components/navigation/pagination/pagination.i18n.d.ts +1 -1
  427. package/dist/components/navigation/pagination/pagination.i18n.js +1 -1
  428. package/dist/components/navigation/pagination/pagination.i18n.js.map +1 -1
  429. package/dist/components/navigation/pagination/pagination.styles.js +5 -5
  430. package/dist/components/navigation/pagination/pagination.template.js +1 -1
  431. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  432. package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -11
  433. package/dist/components/navigation/tab-bar/tab-bar.js +11 -11
  434. package/dist/components/navigation/tab-bar/tab-bar.styles.js +7 -7
  435. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +11 -11
  436. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
  437. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +11 -12
  438. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  439. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  440. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +9 -4
  441. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  442. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -5
  443. package/dist/components/navigation/top-title-bar/top-title-bar.js +6 -6
  444. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  445. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +3 -3
  446. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +1 -1
  447. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +1 -1
  448. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -1
  449. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -4
  450. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
  451. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +6 -6
  452. package/dist/components/status-and-feedback/badge/badge.d.ts +2 -2
  453. package/dist/components/status-and-feedback/badge/badge.i18n.d.ts +1 -1
  454. package/dist/components/status-and-feedback/badge/badge.i18n.js +1 -1
  455. package/dist/components/status-and-feedback/badge/badge.i18n.js.map +1 -1
  456. package/dist/components/status-and-feedback/badge/badge.js +1 -1
  457. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  458. package/dist/components/status-and-feedback/banner/banner.d.ts +9 -9
  459. package/dist/components/status-and-feedback/banner/banner.js +9 -9
  460. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +6 -6
  461. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +6 -6
  462. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +7 -7
  463. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +8 -8
  464. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +1 -1
  465. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +22 -8
  466. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  467. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +63 -27
  468. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  469. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
  470. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +1 -0
  471. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
  472. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +13 -13
  473. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts +2 -2
  474. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js +2 -2
  475. package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js.map +1 -1
  476. package/dist/components/status-and-feedback/progress-bar/progress-bar.js +14 -14
  477. package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
  478. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +1 -1
  479. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +1 -1
  480. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
  481. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +15 -15
  482. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts +2 -2
  483. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js +2 -2
  484. package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js.map +1 -1
  485. package/dist/components/status-and-feedback/progress-circle/progress-circle.js +20 -20
  486. package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
  487. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +3 -3
  488. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +4 -4
  489. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  490. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +4 -4
  491. package/dist/components/status-and-feedback/status-bar/status-bar.js +4 -4
  492. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +124 -0
  493. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -0
  494. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +9 -0
  495. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +1 -0
  496. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +8 -0
  497. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +1 -0
  498. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +210 -0
  499. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -0
  500. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +3 -0
  501. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +1 -0
  502. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +294 -0
  503. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +1 -0
  504. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +5 -0
  505. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +1 -0
  506. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +69 -0
  507. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +1 -0
  508. package/dist/css/form.css +16 -7
  509. package/dist/css/settings.css +68 -73
  510. package/dist/types/vue.d.ts +186 -42
  511. package/dist/utilities/autofocus.d.ts +19 -0
  512. package/dist/utilities/autofocus.d.ts.map +1 -0
  513. package/dist/utilities/autofocus.js +35 -0
  514. package/dist/utilities/autofocus.js.map +1 -0
  515. package/dist/utilities/codemirror/theme.js +2 -2
  516. package/dist/utilities/codemirror/theme.js.map +1 -1
  517. package/dist/utilities/color-scheme-repaint.d.ts +2 -2
  518. package/dist/utilities/color-scheme-repaint.js +2 -2
  519. package/dist/utilities/form-associated-mixin.d.ts +33 -0
  520. package/dist/utilities/form-associated-mixin.d.ts.map +1 -0
  521. package/dist/utilities/form-associated-mixin.js +52 -0
  522. package/dist/utilities/form-associated-mixin.js.map +1 -0
  523. package/dist/utilities/input-modality.d.ts +3 -1
  524. package/dist/utilities/input-modality.d.ts.map +1 -1
  525. package/dist/utilities/input-modality.js +12 -1
  526. package/dist/utilities/input-modality.js.map +1 -1
  527. package/dist/utilities/page-section-mixin.d.ts +1 -1
  528. package/dist/utilities/page-section-mixin.js +2 -2
  529. package/dist/utilities/popup-anchor-controller.d.ts +2 -2
  530. package/package.json +9 -1
@@ -5,32 +5,33 @@
5
5
  *
6
6
  * @element nldd-password-field
7
7
  *
8
- * @attr {string} value - The input value
9
- * @attr {string} placeholder - Placeholder text
10
- * @attr {string} input-id - Sets the id on the native input. Set automatically by nldd-form-field.
11
- * @attr {string} size - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
12
- * @attr {boolean} valid - Marks the field as valid
13
- * @attr {boolean} invalid - Marks the field as invalid
14
- * @attr {boolean} disabled - Disabled state
15
- * @attr {boolean} masked - Whether the password is masked (default: true)
16
- * @attr {string} show-button-text - Visible toggle button text when masked (default: 'Toon')
17
- * @attr {string} hide-button-text - Visible toggle button text when unmasked (default: 'Verberg')
18
- * @attr {string} show-button-accessible-label - aria-label for toggle when masked (default: 'Toon wachtwoord')
19
- * @attr {string} hide-button-accessible-label - aria-label for toggle when unmasked (default: 'Verberg wachtwoord')
20
- * @attr {boolean} readonly - Readonly state
21
- * @attr {boolean} required - Required state
22
- * @attr {string} name - Input name for form submission
23
- * @attr {string} autocomplete - Autocomplete hint
24
- * @attr {string} accessible-label - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
25
- * @attr {string} error-message-ids - Ids for aria-describedby on the inner input. Set automatically by nldd-form-field.
26
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
8
+ * @attr {string} value - The input value
9
+ * @attr {string} placeholder - Placeholder text
10
+ * @attr {string} input-id - Sets the id on the native input. Set automatically by nldd-form-field.
11
+ * @attr {string} size - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
12
+ * @attr {boolean} valid - Marks the field as valid
13
+ * @attr {boolean} invalid - Marks the field as invalid
14
+ * @attr {boolean} disabled - Disabled state
15
+ * @attr {boolean} masked - Whether the password is masked (default: true)
16
+ * @attr {string} show-button-text - Visible toggle button text when masked (default: 'Toon')
17
+ * @attr {string} hide-button-text - Visible toggle button text when unmasked (default: 'Verberg')
18
+ * @attr {string} show-button-accessible-label - aria-label for toggle when masked (default: 'Toon wachtwoord')
19
+ * @attr {string} hide-button-accessible-label - aria-label for toggle when unmasked (default: 'Verberg wachtwoord')
20
+ * @attr {boolean} readonly - Readonly state
21
+ * @attr {boolean} required - Required state
22
+ * @attr {string} name - Input name for form submission
23
+ * @attr {string} autocomplete - Autocomplete hint
24
+ * @attr {string} accessible-label - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
25
+ * @attr {string} error-message-ids - Ids for aria-describedby on the inner input. Set automatically by nldd-form-field.
26
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
27
27
  *
28
- * @fires input - When the input value changes ({ detail: { value } })
28
+ * @fires input - When the input value changes ({ detail: { value } })
29
29
  * @fires change - When the input value is committed ({ detail: { value } })
30
30
  */
31
31
  import { LitElement, type PropertyValues } from 'lit';
32
- export declare class NLDDPasswordField extends LitElement {
33
- static formAssociated: boolean;
32
+ import { type FormValue } from '../../../utilities/form-associated-mixin.js';
33
+ declare const NLDDPasswordField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
34
+ export declare class NLDDPasswordField extends NLDDPasswordField_base {
34
35
  static shadowRootOptions: {
35
36
  delegatesFocus: boolean;
36
37
  clonable?: boolean;
@@ -40,7 +41,6 @@ export declare class NLDDPasswordField extends LitElement {
40
41
  slotAssignment?: SlotAssignmentMode;
41
42
  };
42
43
  static styles: import("lit").CSSResult;
43
- private _internals;
44
44
  private _initialValue;
45
45
  size: 'md' | 'sm';
46
46
  value: string;
@@ -70,8 +70,8 @@ export declare class NLDDPasswordField extends LitElement {
70
70
  private _input;
71
71
  firstUpdated(): void;
72
72
  updated(changed: PropertyValues): void;
73
+ formValue(): FormValue;
73
74
  formResetCallback(): void;
74
- formDisabledCallback(disabled: boolean): void;
75
75
  formStateRestoreCallback(state: File | string | FormData | null): void;
76
76
  _handleInput(e: Event): void;
77
77
  _handleChange(e: Event): void;
@@ -85,4 +85,5 @@ declare global {
85
85
  'nldd-password-field': NLDDPasswordField;
86
86
  }
87
87
  }
88
+ export {};
88
89
  //# sourceMappingURL=password-field.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,qBACa,iBAAkB,SAAQ,UAAU;IAChD,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAuB;IAE7C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,MAAM,UAAQ;IAEd,gFAAgF;IAEhF,cAAc,SAAU;IAExB,kFAAkF;IAElF,cAAc,SAAa;IAE3B,uGAAuG;IAEvG,yBAAyB,SAAqB;IAE9C,yGAAyG;IAEzG,yBAAyB,SAAwB;IAGjD,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,YAAY,SAAM;IAElB,6FAA6F;IAE7F,eAAe,SAAM;IAGrB,eAAe,SAAM;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,OAAO,CAAC,MAAM,CAAoB;IAEzB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAc/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW7B,aAAa,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
1
+ {"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAK7F,qBACa,iBAAkB,SAAQ,sBAA0B;IAEhE,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAuB;IAG7C,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,MAAM,UAAQ;IAEd,gFAAgF;IAEhF,cAAc,SAAU;IAExB,kFAAkF;IAElF,cAAc,SAAa;IAE3B,uGAAuG;IAEvG,yBAAyB,SAAqB;IAE9C,yGAAyG;IAEzG,yBAAyB,SAAwB;IAGjD,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,YAAY,SAAM;IAElB,6FAA6F;IAE7F,eAAe,SAAM;IAGrB,eAAe,SAAM;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,OAAO,CAAC,MAAM,CAAoB;IAEzB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAWtC,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY7B,aAAa,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
@@ -11,38 +11,38 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
11
11
  *
12
12
  * @element nldd-password-field
13
13
  *
14
- * @attr {string} value - The input value
15
- * @attr {string} placeholder - Placeholder text
16
- * @attr {string} input-id - Sets the id on the native input. Set automatically by nldd-form-field.
17
- * @attr {string} size - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
18
- * @attr {boolean} valid - Marks the field as valid
19
- * @attr {boolean} invalid - Marks the field as invalid
20
- * @attr {boolean} disabled - Disabled state
21
- * @attr {boolean} masked - Whether the password is masked (default: true)
22
- * @attr {string} show-button-text - Visible toggle button text when masked (default: 'Toon')
23
- * @attr {string} hide-button-text - Visible toggle button text when unmasked (default: 'Verberg')
24
- * @attr {string} show-button-accessible-label - aria-label for toggle when masked (default: 'Toon wachtwoord')
25
- * @attr {string} hide-button-accessible-label - aria-label for toggle when unmasked (default: 'Verberg wachtwoord')
26
- * @attr {boolean} readonly - Readonly state
27
- * @attr {boolean} required - Required state
28
- * @attr {string} name - Input name for form submission
29
- * @attr {string} autocomplete - Autocomplete hint
30
- * @attr {string} accessible-label - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
31
- * @attr {string} error-message-ids - Ids for aria-describedby on the inner input. Set automatically by nldd-form-field.
32
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
14
+ * @attr {string} value - The input value
15
+ * @attr {string} placeholder - Placeholder text
16
+ * @attr {string} input-id - Sets the id on the native input. Set automatically by nldd-form-field.
17
+ * @attr {string} size - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
18
+ * @attr {boolean} valid - Marks the field as valid
19
+ * @attr {boolean} invalid - Marks the field as invalid
20
+ * @attr {boolean} disabled - Disabled state
21
+ * @attr {boolean} masked - Whether the password is masked (default: true)
22
+ * @attr {string} show-button-text - Visible toggle button text when masked (default: 'Toon')
23
+ * @attr {string} hide-button-text - Visible toggle button text when unmasked (default: 'Verberg')
24
+ * @attr {string} show-button-accessible-label - aria-label for toggle when masked (default: 'Toon wachtwoord')
25
+ * @attr {string} hide-button-accessible-label - aria-label for toggle when unmasked (default: 'Verberg wachtwoord')
26
+ * @attr {boolean} readonly - Readonly state
27
+ * @attr {boolean} required - Required state
28
+ * @attr {string} name - Input name for form submission
29
+ * @attr {string} autocomplete - Autocomplete hint
30
+ * @attr {string} accessible-label - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
31
+ * @attr {string} error-message-ids - Ids for aria-describedby on the inner input. Set automatically by nldd-form-field.
32
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
33
33
  *
34
- * @fires input - When the input value changes ({ detail: { value } })
34
+ * @fires input - When the input value changes ({ detail: { value } })
35
35
  * @fires change - When the input value is committed ({ detail: { value } })
36
36
  */
37
37
  import { LitElement } from 'lit';
38
38
  import { customElement, property, query } from 'lit/decorators.js';
39
+ import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
39
40
  import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
40
41
  import { passwordFieldStyles } from './password-field.styles.js';
41
42
  import { passwordFieldTemplate } from './password-field.template.js';
42
- let NLDDPasswordField = class NLDDPasswordField extends LitElement {
43
+ let NLDDPasswordField = class NLDDPasswordField extends FormAssociated(LitElement) {
43
44
  constructor() {
44
45
  super(...arguments);
45
- this._internals = this.attachInternals();
46
46
  this._initialValue = '';
47
47
  this.size = 'md';
48
48
  this.value = '';
@@ -83,16 +83,13 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
83
83
  this.style.removeProperty('--_width');
84
84
  }
85
85
  }
86
- if (changed.has('value')) {
87
- this._internals.setFormValue(this.value);
88
- }
86
+ }
87
+ formValue() {
88
+ return this.value;
89
89
  }
90
90
  formResetCallback() {
91
91
  this.value = this._initialValue;
92
92
  }
93
- formDisabledCallback(disabled) {
94
- this.disabled = disabled;
95
- }
96
93
  formStateRestoreCallback(state) {
97
94
  if (typeof state === 'string')
98
95
  this.value = state;
@@ -101,6 +98,7 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
101
98
  e.stopPropagation();
102
99
  const input = e.target;
103
100
  this.value = input.value;
101
+ this.commitFormValue();
104
102
  this.dispatchEvent(new CustomEvent('input', {
105
103
  detail: { value: this.value },
106
104
  bubbles: true,
@@ -111,6 +109,7 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
111
109
  e.stopPropagation();
112
110
  const input = e.target;
113
111
  this.value = input.value;
112
+ this.commitFormValue();
114
113
  this.dispatchEvent(new CustomEvent('change', {
115
114
  detail: { value: this.value },
116
115
  bubbles: true,
@@ -130,7 +129,6 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
130
129
  return passwordFieldTemplate(this);
131
130
  }
132
131
  };
133
- NLDDPasswordField.formAssociated = true;
134
132
  NLDDPasswordField.shadowRootOptions = {
135
133
  ...LitElement.shadowRootOptions,
136
134
  delegatesFocus: true,
@@ -1 +1 @@
1
- {"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"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"}
@@ -17,8 +17,8 @@ export const passwordFieldStyles = css `
17
17
  --_text-font: var(--semantics-input-fields-md-text-font);
18
18
  --_mask-font: var(--semantics-input-fields-md-mask-font);
19
19
  --_validation-icon-size: var(--semantics-input-fields-md-validation-icon-size);
20
- --_visibility-toggle-padding: calc((var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2 - var(--semantics-controls-sm-min-size)) / 2);
21
- --_z-index-button-focus: 1;
20
+ --_visibility-toggle-padding: calc((var(--_min-size) - var(--semantics-input-fields-border-width) * 2 - var(--semantics-controls-sm-min-size)) / 2);
21
+ --_button-focus-z-index: 1;
22
22
 
23
23
  ${inheritedTextReset}
24
24
  display: block;
@@ -38,7 +38,7 @@ export const passwordFieldStyles = css `
38
38
  --_text-font: var(--semantics-input-fields-sm-text-font);
39
39
  --_mask-font: var(--semantics-input-fields-sm-mask-font);
40
40
  --_validation-icon-size: var(--semantics-input-fields-sm-validation-icon-size);
41
- --_visibility-toggle-padding: calc((var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2 - var(--semantics-controls-xs-min-size)) / 2);
41
+ --_visibility-toggle-padding: calc((var(--_min-size) - var(--semantics-input-fields-border-width) * 2 - var(--semantics-controls-xs-min-size)) / 2);
42
42
  }
43
43
 
44
44
 
@@ -52,7 +52,7 @@ export const passwordFieldStyles = css `
52
52
  background-color: var(--_background-color);
53
53
  min-height: var(--_min-size);
54
54
  overflow: hidden;
55
- padding-left: calc(var(--_inline-padding) - var(--semantics-input-fields-border-thickness));
55
+ padding-left: calc(var(--_inline-padding) - var(--semantics-input-fields-border-width));
56
56
  flex-direction: row;
57
57
  align-items: center;
58
58
  }
@@ -99,7 +99,7 @@ export const passwordFieldStyles = css `
99
99
  border: none;
100
100
  background: transparent;
101
101
  min-width: 0;
102
- min-height: calc(var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2);
102
+ min-height: calc(var(--_min-size) - var(--semantics-input-fields-border-width) * 2);
103
103
  overflow: hidden;
104
104
  padding: 0;
105
105
  flex-grow: 1;
@@ -150,7 +150,7 @@ export const passwordFieldStyles = css `
150
150
 
151
151
  .password-field__validation-icon-area {
152
152
  display: flex;
153
- width: calc(var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2);
153
+ width: calc(var(--_min-size) - var(--semantics-input-fields-border-width) * 2);
154
154
  height: 100%;
155
155
  flex-shrink: 0;
156
156
  align-items: center;
@@ -182,7 +182,7 @@ export const passwordFieldStyles = css `
182
182
 
183
183
  .password-field__visibility-toggle-button:focus-within {
184
184
  position: relative;
185
- z-index: var(--_z-index-button-focus);
185
+ z-index: var(--_button-focus-z-index);
186
186
  }
187
187
  `;
188
188
  //# sourceMappingURL=password-field.styles.js.map
@@ -12,21 +12,21 @@
12
12
  * </fieldset>
13
13
  *
14
14
  * @element nldd-radio-button
15
- * @attr {boolean} checked - Checked state
15
+ * @attr {boolean} checked - Checked state
16
16
  * @attr {boolean} disabled - Disabled state
17
17
  * @attr {boolean} required - Required state
18
- * @attr {string} name - Radio group name for form submission; ties the buttons of one group together
19
- * @attr {string} value - Value submitted with the form when this radio button is checked
20
- * @attr {string} accessible-label - Accessible label forwarded as aria-label to the native input.
18
+ * @attr {string} name - Radio group name for form submission; ties the buttons of one group together
19
+ * @attr {string} value - Value submitted with the form when this radio button is checked
20
+ * @attr {string} accessible-label - Accessible label forwarded as aria-label to the native input.
21
21
  * Note: aria-labelledby is not supported as IDREF resolution cannot cross shadow DOM boundaries.
22
22
  *
23
23
  * @fires change - When checked state changes; detail: { checked: boolean, value: string, name: string }
24
24
  */
25
- import { LitElement, type PropertyValues } from 'lit';
26
- export declare class NLDDRadioButton extends LitElement {
27
- static formAssociated: boolean;
25
+ import { LitElement } from 'lit';
26
+ import { type FormValue } from '../../../utilities/form-associated-mixin.js';
27
+ declare const NLDDRadioButton_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
28
+ export declare class NLDDRadioButton extends NLDDRadioButton_base {
28
29
  static styles: import("lit").CSSResult;
29
- private _internals;
30
30
  private _initialChecked;
31
31
  checked: boolean;
32
32
  disabled: boolean;
@@ -35,9 +35,8 @@ export declare class NLDDRadioButton extends LitElement {
35
35
  value: string;
36
36
  accessibleLabel: string;
37
37
  firstUpdated(): void;
38
- updated(changed: PropertyValues): void;
38
+ formValue(): FormValue;
39
39
  formResetCallback(): void;
40
- formDisabledCallback(disabled: boolean): void;
41
40
  formStateRestoreCallback(state: File | string | FormData | null): void;
42
41
  select(): void;
43
42
  _handleChange(e: Event): void;
@@ -48,4 +47,5 @@ declare global {
48
47
  'nldd-radio-button': NLDDRadioButton;
49
48
  }
50
49
  }
50
+ export {};
51
51
  //# sourceMappingURL=radio-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAqB;IAE3C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,eAAe,SAAM;IAEZ,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAM/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,MAAM,IAAI,IAAI;IAQd,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
1
+ {"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAI7F,qBACa,eAAgB,SAAQ,oBAA0B;IAE9D,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,eAAe,SAAM;IAEZ,YAAY,IAAI,IAAI;IAKpB,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,MAAM,IAAI,IAAI;IAQd,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
@@ -18,24 +18,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
18
18
  * </fieldset>
19
19
  *
20
20
  * @element nldd-radio-button
21
- * @attr {boolean} checked - Checked state
21
+ * @attr {boolean} checked - Checked state
22
22
  * @attr {boolean} disabled - Disabled state
23
23
  * @attr {boolean} required - Required state
24
- * @attr {string} name - Radio group name for form submission; ties the buttons of one group together
25
- * @attr {string} value - Value submitted with the form when this radio button is checked
26
- * @attr {string} accessible-label - Accessible label forwarded as aria-label to the native input.
24
+ * @attr {string} name - Radio group name for form submission; ties the buttons of one group together
25
+ * @attr {string} value - Value submitted with the form when this radio button is checked
26
+ * @attr {string} accessible-label - Accessible label forwarded as aria-label to the native input.
27
27
  * Note: aria-labelledby is not supported as IDREF resolution cannot cross shadow DOM boundaries.
28
28
  *
29
29
  * @fires change - When checked state changes; detail: { checked: boolean, value: string, name: string }
30
30
  */
31
31
  import { LitElement } from 'lit';
32
32
  import { customElement, property } from 'lit/decorators.js';
33
+ import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
33
34
  import { radioButtonStyles } from './radio-button.styles.js';
34
35
  import { radioButtonTemplate } from './radio-button.template.js';
35
- let NLDDRadioButton = class NLDDRadioButton extends LitElement {
36
+ let NLDDRadioButton = class NLDDRadioButton extends FormAssociated(LitElement) {
36
37
  constructor() {
37
38
  super(...arguments);
38
- this._internals = this.attachInternals();
39
39
  this._initialChecked = false;
40
40
  this.checked = false;
41
41
  this.disabled = false;
@@ -47,17 +47,12 @@ let NLDDRadioButton = class NLDDRadioButton extends LitElement {
47
47
  firstUpdated() {
48
48
  this._initialChecked = this.checked;
49
49
  }
50
- updated(changed) {
51
- if (changed.has('checked') || changed.has('value')) {
52
- this._internals.setFormValue(this.checked ? this.value : null);
53
- }
50
+ formValue() {
51
+ return this.checked ? this.value : null;
54
52
  }
55
53
  formResetCallback() {
56
54
  this.checked = this._initialChecked;
57
55
  }
58
- formDisabledCallback(disabled) {
59
- this.disabled = disabled;
60
- }
61
56
  formStateRestoreCallback(state) {
62
57
  this.checked = state !== null;
63
58
  }
@@ -73,6 +68,7 @@ let NLDDRadioButton = class NLDDRadioButton extends LitElement {
73
68
  _handleChange(e) {
74
69
  const input = e.target;
75
70
  this.checked = input.checked;
71
+ this.commitFormValue();
76
72
  this.dispatchEvent(new CustomEvent('change', {
77
73
  detail: { checked: this.checked, value: this.value, name: this.name },
78
74
  bubbles: true,
@@ -83,7 +79,6 @@ let NLDDRadioButton = class NLDDRadioButton extends LitElement {
83
79
  return radioButtonTemplate(this);
84
80
  }
85
81
  };
86
- NLDDRadioButton.formAssociated = true;
87
82
  NLDDRadioButton.styles = radioButtonStyles;
88
83
  __decorate([
89
84
  property({ type: Boolean, reflect: true })
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAG1D,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAKE,eAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEpC,oBAAe,GAAG,KAAK,CAAC;QAGhC,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAG,EAAE,CAAC;QAGV,UAAK,GAAG,EAAE,CAAC;QAGX,oBAAe,GAAG,EAAE,CAAC;IA6CtB,CAAC;IA3CS,YAAY;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,CAAC;IAEQ,OAAO,CAAC,OAAuB;QACvC,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAChE,CAAC;IACF,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;IACrC,CAAC;IAED,oBAAoB,CAAC,QAAiB;QACrC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,wBAAwB,CAAC,KAAsC;QAC9D,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC/B,CAAC;IAEM,MAAM;QACZ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAA4B,CAAC;QACjF,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACrE,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;;AApEM,8BAAc,GAAG,IAAI,AAAP,CAAQ;AAEb,sBAAM,GAAG,iBAAiB,AAApB,CAAqB;AAO3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAChC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAChB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;wDACrC;AAzBT,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAsE3B"}
1
+ {"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":"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"}
@@ -39,7 +39,7 @@ export const radioButtonStyles = css `
39
39
  .radio-button__outer-shape {
40
40
  box-sizing: border-box;
41
41
  position: relative;
42
- border: var(--components-radio-button-border-thickness) solid var(--components-radio-button-border-color);
42
+ border: var(--components-radio-button-border-width) solid var(--components-radio-button-border-color);
43
43
  border-radius: 50%;
44
44
  background-color: var(--components-radio-button-background-color);
45
45
  width: var(--semantics-controls-xs-min-size);
@@ -51,7 +51,7 @@ export const radioButtonStyles = css `
51
51
  position: absolute;
52
52
  top: 50%;
53
53
  left: 50%;
54
- border: var(--components-radio-button-is-selected-inner-shape-border-thickness) solid var(--components-radio-button-is-selected-inner-shape-border-color);
54
+ border: var(--components-radio-button-is-selected-inner-shape-border-width) solid var(--components-radio-button-is-selected-inner-shape-border-color);
55
55
  border-radius: 50%;
56
56
  width: var(--primitives-space-20);
57
57
  height: var(--primitives-space-20);
@@ -4,26 +4,43 @@
4
4
  * A radio button with an inline label. Use inside nldd-radio-button-group
5
5
  * for keyboard navigation and group semantics. The group sets the name.
6
6
  *
7
+ * Form-associated: the checked field submits its `value` under `name` (the
8
+ * inner nldd-radio-button sits in the shadow root and never joins the
9
+ * consumer's form; the field submits on its behalf). Unchecking siblings is
10
+ * the group's job, so exactly one value per group reaches the form.
11
+ *
7
12
  * @element nldd-radio-button-field
8
- * @attr {boolean} checked - Checked state
13
+ * @attr {boolean} checked - Checked state
9
14
  * @attr {boolean} disabled - Disabled state
10
- * @attr {string} value - Value for form submission
11
- * @attr {string} name - Radio group name for form submission, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
15
+ * @attr {string} value - Value for form submission
16
+ * @attr {string} name - Radio group name for form submission, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
12
17
  * @attr {boolean} required - Required state, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
13
- * @attr {string} label - Label text for the radio button
18
+ * @attr {string} label - Label text for the radio button
14
19
  *
15
20
  * @fires change - When checked state changes; detail: { checked: boolean, value: string }
16
21
  */
17
22
  import { LitElement } from 'lit';
18
- export declare class NLDDRadioButtonField extends LitElement {
23
+ import { type FormValue } from '../../../utilities/form-associated-mixin.js';
24
+ declare const NLDDRadioButtonField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
25
+ export declare class NLDDRadioButtonField extends NLDDRadioButtonField_base {
19
26
  static styles: import("lit").CSSResult;
27
+ private _initialChecked;
20
28
  checked: boolean;
21
29
  disabled: boolean;
22
30
  value: string;
23
- /** Set by nldd-radio-button-group. Not part of the public API. */
31
+ /** Set by nldd-radio-button-group. Not part of the public API.
32
+ * Reflected: form association reads the host's name attribute, and the
33
+ * group assigns the property. */
24
34
  name: string;
25
35
  required: boolean;
26
36
  label: string;
37
+ firstUpdated(): void;
38
+ /** An unchecked radio contributes nothing to the form. The group calls
39
+ * `commitFormValue()` on the siblings it unchecks, so a listener that reads
40
+ * the form while `change` is still propagating never sees two values. */
41
+ formValue(): FormValue;
42
+ formResetCallback(): void;
43
+ formStateRestoreCallback(state: File | string | FormData | null): void;
27
44
  _handleLabelClick(e: Event): void;
28
45
  _handleChange(e: Event): void;
29
46
  render(): import("lit-html").TemplateResult;
@@ -33,4 +50,5 @@ declare global {
33
50
  'nldd-radio-button-field': NLDDRadioButtonField;
34
51
  }
35
52
  }
53
+ export {};
36
54
  //# sourceMappingURL=radio-button-field.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAGhD,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEX,kEAAkE;IAElE,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEJ,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAOjC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAS3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
1
+ {"version":3,"file":"radio-button-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAK7F,qBACa,oBAAqB,SAAQ,yBAA0B;IAEnE,OAAgB,MAAM,0BAA0B;IAGhD,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEX;;sCAEkC;IAElC,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEF,YAAY,IAAI,IAAI;IAI7B;;8EAE0E;IACjE,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAOjC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
@@ -10,31 +10,55 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
10
10
  * A radio button with an inline label. Use inside nldd-radio-button-group
11
11
  * for keyboard navigation and group semantics. The group sets the name.
12
12
  *
13
+ * Form-associated: the checked field submits its `value` under `name` (the
14
+ * inner nldd-radio-button sits in the shadow root and never joins the
15
+ * consumer's form; the field submits on its behalf). Unchecking siblings is
16
+ * the group's job, so exactly one value per group reaches the form.
17
+ *
13
18
  * @element nldd-radio-button-field
14
- * @attr {boolean} checked - Checked state
19
+ * @attr {boolean} checked - Checked state
15
20
  * @attr {boolean} disabled - Disabled state
16
- * @attr {string} value - Value for form submission
17
- * @attr {string} name - Radio group name for form submission, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
21
+ * @attr {string} value - Value for form submission
22
+ * @attr {string} name - Radio group name for form submission, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
18
23
  * @attr {boolean} required - Required state, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
19
- * @attr {string} label - Label text for the radio button
24
+ * @attr {string} label - Label text for the radio button
20
25
  *
21
26
  * @fires change - When checked state changes; detail: { checked: boolean, value: string }
22
27
  */
23
28
  import { LitElement } from 'lit';
24
29
  import { customElement, property } from 'lit/decorators.js';
30
+ import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
25
31
  import { radioButtonFieldStyles } from './radio-button-field.styles.js';
26
32
  import { radioButtonFieldTemplate } from './radio-button-field.template.js';
27
- let NLDDRadioButtonField = class NLDDRadioButtonField extends LitElement {
33
+ let NLDDRadioButtonField = class NLDDRadioButtonField extends FormAssociated(LitElement) {
28
34
  constructor() {
29
35
  super(...arguments);
36
+ this._initialChecked = false;
30
37
  this.checked = false;
31
38
  this.disabled = false;
32
39
  this.value = '';
33
- /** Set by nldd-radio-button-group. Not part of the public API. */
40
+ /** Set by nldd-radio-button-group. Not part of the public API.
41
+ * Reflected: form association reads the host's name attribute, and the
42
+ * group assigns the property. */
34
43
  this.name = '';
35
44
  this.required = false;
36
45
  this.label = '';
37
46
  }
47
+ firstUpdated() {
48
+ this._initialChecked = this.checked;
49
+ }
50
+ /** An unchecked radio contributes nothing to the form. The group calls
51
+ * `commitFormValue()` on the siblings it unchecks, so a listener that reads
52
+ * the form while `change` is still propagating never sees two values. */
53
+ formValue() {
54
+ return this.checked ? this.value : null;
55
+ }
56
+ formResetCallback() {
57
+ this.checked = this._initialChecked;
58
+ }
59
+ formStateRestoreCallback(state) {
60
+ this.checked = state !== null;
61
+ }
38
62
  _handleLabelClick(e) {
39
63
  if (this.disabled)
40
64
  return;
@@ -45,6 +69,7 @@ let NLDDRadioButtonField = class NLDDRadioButtonField extends LitElement {
45
69
  }
46
70
  _handleChange(e) {
47
71
  this.checked = e.detail.checked;
72
+ this.commitFormValue();
48
73
  this.dispatchEvent(new CustomEvent('change', {
49
74
  detail: { checked: this.checked, value: this.value },
50
75
  bubbles: true,
@@ -66,7 +91,7 @@ __decorate([
66
91
  property({ type: String })
67
92
  ], NLDDRadioButtonField.prototype, "value", void 0);
68
93
  __decorate([
69
- property({ type: String })
94
+ property({ type: String, reflect: true })
70
95
  ], NLDDRadioButtonField.prototype, "name", void 0);
71
96
  __decorate([
72
97
  property({ type: Boolean, reflect: true })
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAIrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAIN,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;QAEX,kEAAkE;QAElE,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;IAqBZ,CAAC;IAnBO,iBAAiB,CAAC,CAAQ;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,EAAE,CAAC,mBAAmB,CAAC;YAAE,OAAO;QACrE,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAA2B,CAAC;QAClG,WAAW,EAAE,MAAM,EAAE,CAAC;IACvB,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,IAAI,CAAC,OAAO,GAAI,CAAuC,CAAC,MAAM,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAvCe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AAIX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AApBC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAyChC"}
1
+ {"version":3,"file":"radio-button-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAkB,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAIrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,cAAc,CAAC,UAAU,CAAC;IAA7D;;QAKE,oBAAe,GAAG,KAAK,CAAC;QAGhC,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;QAEX;;0CAEkC;QAElC,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;IA0CZ,CAAC;IAxCS,YAAY;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,CAAC;IAED;;8EAE0E;IACjE,SAAS;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACzC,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;IACrC,CAAC;IAGD,wBAAwB,CAAC,KAAsC;QAC9D,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC/B,CAAC;IAEM,iBAAiB,CAAC,CAAQ;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,EAAE,CAAC,mBAAmB,CAAC;YAAE,OAAO;QACrE,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAA2B,CAAC;QAClG,WAAW,EAAE,MAAM,EAAE,CAAC;IACvB,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,IAAI,CAAC,OAAO,GAAI,CAAuC,CAAC,MAAM,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAjEe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAMhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAChC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AA1BC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAoEhC"}
@@ -6,10 +6,10 @@
6
6
  * Use inside nldd-form-field which provides the group label.
7
7
  *
8
8
  * @element nldd-radio-button-group
9
- * @attr {string} name - Forwarded to all slotted nldd-radio-button-field elements
9
+ * @attr {string} name - Forwarded to all slotted nldd-radio-button-field elements
10
10
  * @attr {boolean} disabled - Disables all slotted fields
11
11
  * @attr {boolean} required - Marks the group as required
12
- * @attr {string} accessible-labelled-by - Id of an external label element, set as aria-labelledby on the group
12
+ * @attr {string} accessible-labeled-by - Id of an external label element, set as aria-labelledby on the group
13
13
  *
14
14
  * @slot - Slot for nldd-radio-button-field elements
15
15
  *
@@ -21,7 +21,7 @@ export declare class NLDDRadioButtonGroup extends LitElement {
21
21
  name: string;
22
22
  disabled: boolean;
23
23
  required: boolean;
24
- accessibleLabelledBy: string;
24
+ accessibleLabeledBy: string;
25
25
  connectedCallback(): void;
26
26
  disconnectedCallback(): void;
27
27
  updated(changed: Map<PropertyKey, unknown>): void;
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAGhD,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,oBAAoB,SAAM;IAEjB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAoB1D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,cAAc,CAgCpB;IAEF,aAAa,QAAO,IAAI,CAEtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
1
+ {"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAGhD,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,mBAAmB,SAAM;IAEhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAoB1D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,cAAc,CAkCpB;IAEF,aAAa,QAAO,IAAI,CAEtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}