@nldd/design-system 0.8.70 → 0.8.72

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-BP0XMTYa.js → index-B9_6JE9f.js} +1 -1
  114. package/dist/components/{index-Dgxr-sEe.js → index-Bt_KkJKU.js} +1 -1
  115. package/dist/components/{index-BuLJAwiB.js → index-CSxjYgj9.js} +4217 -2494
  116. package/dist/components/{index-sa60dMt-.js → index-CqbiWdc5.js} +1 -1
  117. package/dist/components/{index-CTUlN5qN.js → index-CvGdvr33.js} +1 -1
  118. package/dist/components/{index-DS-RnHMu.js → index-i1n9W3UN.js} +1 -1
  119. package/dist/components/{index-Bh_hMHn8.js → index-ipWLrQY3.js} +1 -1
  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 +100 -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
@@ -43,7 +43,7 @@ export declare const slottedReset: import("lit").CSSResult;
43
43
  * - inside `:host`, as a guard block right after the `--_*` vars, to lock the
44
44
  * component's OWN shadow text against host inheritance (no `all: revert` there).
45
45
  *
46
- * `text-align` is locked to `start` (logical, RTL-safe) — a host cannot centre or
46
+ * `text-align` is locked to `start` (logical, RTL-safe) — a host cannot center or
47
47
  * justify our text. A component that needs a different alignment sets it
48
48
  * explicitly on its own element, which overrides this inherited default.
49
49
  */
@@ -46,7 +46,7 @@ export const slottedReset = css `
46
46
  * - inside `:host`, as a guard block right after the `--_*` vars, to lock the
47
47
  * component's OWN shadow text against host inheritance (no `all: revert` there).
48
48
  *
49
- * `text-align` is locked to `start` (logical, RTL-safe) — a host cannot centre or
49
+ * `text-align` is locked to `start` (logical, RTL-safe) — a host cannot center or
50
50
  * justify our text. A component that needs a different alignment sets it
51
51
  * explicitly on its own element, which overrides this inherited default.
52
52
  */
@@ -11,8 +11,9 @@
11
11
  * @attr {string} popovertarget - ID of a popover element this button invokes; forwarded to the inner button. Use the popoverTargetElement property instead when the popover lives in another tree.
12
12
  * @attr {boolean} expandable - Whether the button has a icon to indicate it opens a menu or popover
13
13
  * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-expanded visual state.
14
- * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
14
+ * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
15
15
  * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
16
+ * @attr {string} max-width - Caps the width at this CSS length (e.g. '320px'). Combines with `width="full"`: the button follows its container up to the cap. A label that doesn't fit is truncated with an ellipsis — a cap only means something if the content respects it.
16
17
  * @attr {string} text - Button text
17
18
  * @attr {string} supporting-text - Supporting text shown below the text (md/lg) or after it (sm/xs), in a secondary color. Part of the accessible name (unless `accessible-label` is set, which replaces the whole accessible name).
18
19
  * @attr {boolean} single-line - When true, truncates overflowing text with an ellipsis instead of letting it wrap. Requires the button (or an ancestor) to constrain the width.
@@ -42,9 +43,9 @@ type ButtonType = 'button' | 'submit' | 'reset';
42
43
  type PopupType = 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid';
43
44
  declare const NLDDButton_base: (abstract new (...args: any[]) => LitElement & {
44
45
  translations: Partial<{
45
- 'components.button.opens-in-new-tab-text': string;
46
+ 'components.button.opens-in-new-tab-label': string;
46
47
  }>;
47
- _t(key: "components.button.opens-in-new-tab-text", vars?: Record<string, string | number>): string;
48
+ _t(key: "components.button.opens-in-new-tab-label", vars?: Record<string, string | number>): string;
48
49
  }) & typeof LitElement;
49
50
  export declare class NLDDButton extends NLDDButton_base {
50
51
  static styles: import("lit").CSSResult;
@@ -56,6 +57,10 @@ export declare class NLDDButton extends NLDDButton_base {
56
57
  horizontalAlignment: 'left' | 'center' | 'right' | '';
57
58
  /** Width mode: 'full' (stretch to container) or any CSS length. */
58
59
  width: string;
60
+ /** Caps the button's width. Combines with `width="full"`: the button follows
61
+ * its container until it hits this length. A label that doesn't fit is
62
+ * truncated with an ellipsis, as with `single-line`. */
63
+ maxWidth: string;
59
64
  expandable: boolean;
60
65
  expanded: boolean;
61
66
  /**
@@ -70,7 +75,7 @@ export declare class NLDDButton extends NLDDButton_base {
70
75
  * Direct element reference to the popover this button invokes — IDL-only
71
76
  * counterpart to `popovertarget` that works across shadow boundaries.
72
77
  * Use this when the popover lives in a different tree (e.g. an
73
- * `nldd-menu` reparented to `<body>`) so the browser still recognises
78
+ * `nldd-menu` reparented to `<body>`) so the browser still recognizes
74
79
  * this button as the popover's invoker and excludes it from the popover
75
80
  * light-dismiss algorithm. Set programmatically; not reflected to an
76
81
  * HTML attribute (the attribute form is `popovertarget`, ID-based).
@@ -85,7 +90,7 @@ export declare class NLDDButton extends NLDDButton_base {
85
90
  */
86
91
  popoverTargetAction: 'toggle' | 'show' | 'hide';
87
92
  /**
88
- * Loading state. Shows an activity indicator centred over the (visually
93
+ * Loading state. Shows an activity indicator centered over the (visually
89
94
  * hidden) content, marks the inner control `aria-busy="true"` and blocks
90
95
  * activation — without dropping the control from the tab order (unlike
91
96
  * `disabled`). The content stays laid out so the button keeps its width.
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,KAAK,OAAO,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,gBAAgB,CAAC;AACpB,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;AAEjE,qBACa,UAAW,SAAQ,eAAoD;IACnF,OAAgB,MAAM,0BAAgB;IAKtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,mGAAmG;IAEnG,mBAAmB,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,EAAE,CAAM;IAE3D,mEAAmE;IAEnE,KAAK,SAAM;IAGX,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,EAAE,UAAU,CAAY;IAG5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,mBAAmB;IAEnB,IAAI,SAAM;IAEV,mMAAmM;IAEnM,cAAc,SAAM;IAGpB,UAAU,UAAS;IAEnB,gHAAgH;IAEhH,iBAAiB,UAAS;IAE1B,6FAA6F;IAE7F,SAAS,SAAM;IAEf,wFAAwF;IAExF,OAAO,SAAM;IAEb,0GAA0G;IAE1G,eAAe,SAAM;IAErB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,OAAO,CAAC,WAAW,CAAS;IAE5B;;6BAEyB;IACzB,MAAM,wBAAmC;IAEhC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA4B/D,OAAO,CAAC,YAAY;IA+BpB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,KAAK,OAAO,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,gBAAgB,CAAC;AACpB,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;AAEjE,qBACa,UAAW,SAAQ,eAAoD;IACnF,OAAgB,MAAM,0BAAgB;IAKtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,mGAAmG;IAEnG,mBAAmB,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,EAAE,CAAM;IAE3D,mEAAmE;IAEnE,KAAK,SAAM;IAEX;;6DAEyD;IAEzD,QAAQ,SAAM;IAGd,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,EAAE,UAAU,CAAY;IAG5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,mBAAmB;IAEnB,IAAI,SAAM;IAEV,mMAAmM;IAEnM,cAAc,SAAM;IAGpB,UAAU,UAAS;IAEnB,gHAAgH;IAEhH,iBAAiB,UAAS;IAE1B,6FAA6F;IAE7F,SAAS,SAAM;IAEf,wFAAwF;IAExF,OAAO,SAAM;IAEb,0GAA0G;IAE1G,eAAe,SAAM;IAErB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,OAAO,CAAC,WAAW,CAAS;IAE5B;;6BAEyB;IACzB,MAAM,wBAAmC;IAEhC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAmC/D,OAAO,CAAC,YAAY;IA+BpB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
@@ -1,5 +1,5 @@
1
1
  export declare const nlddButtonTranslations: {
2
- 'components.button.opens-in-new-tab-text': string;
2
+ 'components.button.opens-in-new-tab-label': string;
3
3
  };
4
4
  export type NLDDButtonTranslations = typeof nlddButtonTranslations;
5
5
  //# sourceMappingURL=button.i18n.d.ts.map
@@ -1,4 +1,4 @@
1
1
  export const nlddButtonTranslations = {
2
- 'components.button.opens-in-new-tab-text': 'Opent in nieuw tabblad',
2
+ 'components.button.opens-in-new-tab-label': 'Opent in nieuw tabblad',
3
3
  };
4
4
  //# sourceMappingURL=button.i18n.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.i18n.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACrC,yCAAyC,EAAE,wBAAwB;CACnE,CAAC"}
1
+ {"version":3,"file":"button.i18n.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACrC,0CAA0C,EAAE,wBAAwB;CACpE,CAAC"}
@@ -11,8 +11,9 @@
11
11
  * @attr {string} popovertarget - ID of a popover element this button invokes; forwarded to the inner button. Use the popoverTargetElement property instead when the popover lives in another tree.
12
12
  * @attr {boolean} expandable - Whether the button has a icon to indicate it opens a menu or popover
13
13
  * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-expanded visual state.
14
- * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
14
+ * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
15
15
  * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
16
+ * @attr {string} max-width - Caps the width at this CSS length (e.g. '320px'). Combines with `width="full"`: the button follows its container up to the cap. A label that doesn't fit is truncated with an ellipsis — a cap only means something if the content respects it.
16
17
  * @attr {string} text - Button text
17
18
  * @attr {string} supporting-text - Supporting text shown below the text (md/lg) or after it (sm/xs), in a secondary color. Part of the accessible name (unless `accessible-label` is set, which replaces the whole accessible name).
18
19
  * @attr {boolean} single-line - When true, truncates overflowing text with an ellipsis instead of letting it wrap. Requires the button (or an ancestor) to constrain the width.
@@ -58,6 +59,10 @@ let NLDDButton = class NLDDButton extends withTranslations(LitElement, nlddButto
58
59
  this.horizontalAlignment = '';
59
60
  /** Width mode: 'full' (stretch to container) or any CSS length. */
60
61
  this.width = '';
62
+ /** Caps the button's width. Combines with `width="full"`: the button follows
63
+ * its container until it hits this length. A label that doesn't fit is
64
+ * truncated with an ellipsis, as with `single-line`. */
65
+ this.maxWidth = '';
61
66
  this.expandable = false;
62
67
  this.expanded = false;
63
68
  this.type = 'button';
@@ -66,7 +71,7 @@ let NLDDButton = class NLDDButton extends withTranslations(LitElement, nlddButto
66
71
  * Direct element reference to the popover this button invokes — IDL-only
67
72
  * counterpart to `popovertarget` that works across shadow boundaries.
68
73
  * Use this when the popover lives in a different tree (e.g. an
69
- * `nldd-menu` reparented to `<body>`) so the browser still recognises
74
+ * `nldd-menu` reparented to `<body>`) so the browser still recognizes
70
75
  * this button as the popover's invoker and excludes it from the popover
71
76
  * light-dismiss algorithm. Set programmatically; not reflected to an
72
77
  * HTML attribute (the attribute form is `popovertarget`, ID-based).
@@ -81,7 +86,7 @@ let NLDDButton = class NLDDButton extends withTranslations(LitElement, nlddButto
81
86
  */
82
87
  this.popoverTargetAction = 'toggle';
83
88
  /**
84
- * Loading state. Shows an activity indicator centred over the (visually
89
+ * Loading state. Shows an activity indicator centered over the (visually
85
90
  * hidden) content, marks the inner control `aria-busy="true"` and blocks
86
91
  * activation — without dropping the control from the tab order (unlike
87
92
  * `disabled`). The content stays laid out so the button keeps its width.
@@ -120,6 +125,13 @@ let NLDDButton = class NLDDButton extends withTranslations(LitElement, nlddButto
120
125
  this._popup = new PopupAnchorController(this);
121
126
  }
122
127
  updated(changedProperties) {
128
+ if (changedProperties.has('maxWidth')) {
129
+ // The cap lands on the host; the inner button is already max-width: 100%
130
+ // of it, so it follows without a variable of its own. Invalid values do
131
+ // nothing, as with width.
132
+ const isValidLength = !!this.maxWidth && CSS.supports('max-width', this.maxWidth);
133
+ this.style.maxWidth = isValidLength ? this.maxWidth : '';
134
+ }
123
135
  if (changedProperties.has('width')) {
124
136
  const w = this.width;
125
137
  // 'full' switches host to block + 100% via CSS attribute selector.
@@ -160,7 +172,7 @@ let NLDDButton = class NLDDButton extends withTranslations(LitElement, nlddButto
160
172
  e.preventDefault();
161
173
  return;
162
174
  }
163
- // A link button has no form behaviour. Otherwise drive the associated
175
+ // A link button has no form behavior. Otherwise drive the associated
164
176
  // form ourselves: the shadow <button type="submit"|"reset"> can't reach
165
177
  // the light-DOM form across the shadow boundary. requestSubmit() runs
166
178
  // constraint validation and fires a cancelable submit event, matching a
@@ -219,6 +231,9 @@ __decorate([
219
231
  __decorate([
220
232
  property({ reflect: true, converter: reflectNonDefault('') })
221
233
  ], NLDDButton.prototype, "width", void 0);
234
+ __decorate([
235
+ property({ reflect: true, attribute: 'max-width', converter: reflectNonDefault('') })
236
+ ], NLDDButton.prototype, "maxWidth", void 0);
222
237
  __decorate([
223
238
  property({ type: Boolean, reflect: true, attribute: 'expandable' })
224
239
  ], NLDDButton.prototype, "expandable", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBA0lBxB,CAAC"}
1
+ {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBAomBxB,CAAC"}
@@ -35,6 +35,12 @@ export const buttonStyles = css `
35
35
  ${inheritedTextReset}
36
36
  display: inline-block;
37
37
  position: relative;
38
+ /* A definite width, so a flex or grid parent doesn't stretch the host: an
39
+ inline-block shrink-wraps in normal flow, but as a flex item it would be
40
+ stretched to the full line while the button inside stays content-sized —
41
+ leaving an invisible box around the button that swallows clicks that
42
+ look like they land beside it. align-self would only cover flex. */
43
+ width: fit-content;
38
44
  max-width: 100%;
39
45
  -webkit-user-select: none;
40
46
  user-select: none;
@@ -493,7 +499,7 @@ export const buttonStyles = css `
493
499
  /* Wrapper overlaid on the control, positioned against the host (which is
494
500
  position:relative). It lives outside the <button>/<a> so the indicator's
495
501
  role="status" live region announces loading without joining the button's
496
- accessible name. The activity-indicator inside fills it and centres its
502
+ accessible name. The activity-indicator inside fills it and centers its
497
503
  circle, which inherits the content color via currentColor. */
498
504
  .button__activity-indicator {
499
505
  position: absolute;
@@ -509,7 +515,10 @@ export const buttonStyles = css `
509
515
  min-width: 0;
510
516
  }
511
517
 
512
- :host([single-line]) .button__text {
518
+ /* A capped button truncates by itself: max-width is there to keep the button
519
+ within a bound, and a label that wrapped to three lines would defeat that. */
520
+ :host([single-line]) .button__text,
521
+ :host([max-width]) .button__text {
513
522
  overflow: hidden;
514
523
  text-overflow: ellipsis;
515
524
  white-space: nowrap;
@@ -558,7 +567,8 @@ export const buttonStyles = css `
558
567
  clip-path: inset(50%);
559
568
  }
560
569
 
561
- :host([single-line]) .button__supporting-text {
570
+ :host([single-line]) .button__supporting-text,
571
+ :host([max-width]) .button__supporting-text {
562
572
  overflow: hidden;
563
573
  text-overflow: ellipsis;
564
574
  white-space: nowrap;
@@ -1 +1 @@
1
- {"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgC3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0jBrB,CAAC"}
1
+ {"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgC3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAokBrB,CAAC"}
@@ -42,7 +42,7 @@ export function template(helpers) {
42
42
  // A new-tab link is a change of context, so announce it (WCAG 2.1 SC 3.2.2).
43
43
  // Only the <a> path (href) can open a new tab.
44
44
  const opensInNewTabHint = this.href && this.target === '_blank'
45
- ? this._t('components.button.opens-in-new-tab-text')
45
+ ? this._t('components.button.opens-in-new-tab-label')
46
46
  : '';
47
47
  // `supporting-text` renders in a sibling span next to the text; the
48
48
  // accessible-name flat-string algorithm concatenates them without a
@@ -1 +1 @@
1
- {"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAUjC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,QAAQ,GACjB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAIpD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAGzC,IAAI,EAAE,IAAI,CAAQ;IAGlB,OAAO,EAAE,MAAM,CAAoB;IAGnC,QAAQ,UAAS;IAGjB,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,qBAAqB,CAA0B;IAE9C,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiB/D,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,cAAc;IA8Bb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;QACjC,yBAAyB,EAAE,WAAW,CAAC;KACvC;CACD"}
1
+ {"version":3,"file":"button-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAgBjC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,QAAQ,GACjB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAIpD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAGzC,IAAI,EAAE,IAAI,CAAQ;IAGlB,OAAO,EAAE,MAAM,CAAoB;IAGnC,QAAQ,UAAS;IAGjB,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,qBAAqB,CAA0B;IAE9C,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiB/D,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,cAAc;IA8Bb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;QACjC,yBAAyB,EAAE,WAAW,CAAC;KACvC;CACD"}
@@ -25,6 +25,12 @@ import { customElement, property, state } from 'lit/decorators.js';
25
25
  import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
26
26
  import { buttonBarStyles } from './button-bar.styles.js';
27
27
  import { template } from './button-bar.template.js';
28
+ /**
29
+ * A vertical rule between groups of buttons in an `nldd-button-bar`. Purely
30
+ * presentational: no attributes, no slots — place it between buttons.
31
+ *
32
+ * @element nldd-button-bar-divider
33
+ */
28
34
  if (!customElements.get('nldd-button-bar-divider')) {
29
35
  customElements.define('nldd-button-bar-divider', class extends HTMLElement {
30
36
  });
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button-bar.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"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"}
@@ -2,43 +2,30 @@
2
2
  * Nederlandse Digitale Dienst Icon Button Component (Lit + TypeScript)
3
3
  *
4
4
  * @element nldd-icon-button
5
- * @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted' | 'primary' | 'secondary' | 'destructive'. De inherit-varianten leiden hun kleuren af van currentColor, voor knoppen op gekleurde vlakken.
6
- * @attr {string} size - Button size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
7
- * @attr {boolean} hide-lg-text - In lg size, hides the text label and enlarges the icon by one step (28px)
5
+ * @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted' | 'primary' | 'secondary' | 'destructive'. De inherit-varianten leiden hun kleuren af van currentColor, voor knoppen op gekleurde vlakken.
6
+ * @attr {string} size - Button size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
7
+ * @attr {boolean} hide-lg-text - In lg size, hides the text label and enlarges the icon by one step (28px)
8
8
  * @attr {boolean} no-highlight-border - Removes the per-variant highlight border (e.g. when a control group draws a single border instead).
9
- * @attr {boolean} loading - Loading state (default: false). Shows an activity indicator over the visually hidden icon, sets aria-busy on the inner control and blocks activation, without dropping the button from the tab order (unlike disabled).
10
- * @attr {boolean} disabled - Disabled state
11
- * @attr {boolean} no-tab - Takes the button out of the tab order (tabindex="-1"), for a control owned by a roving container (e.g. an nldd-token in nldd-token-field) that manages focus itself. Still mouse- and script-focusable.
12
- * @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
13
- * @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
14
- * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-expanded visual state.
15
- * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
16
- * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
17
- * @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
18
- * @attr {string} icon - Icon name for the nldd-icon element. Defaults to a placeholder icon
19
- * when neither this attribute nor the icon slot is set.
20
- * @attr {string} accessible-label - Accessible label for screen readers. Overrides text as aria-label
21
- * and title tooltip. Use when the visible text alone lacks context for screen
22
- * readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
23
- * The text is still shown visually in lg size regardless.
24
- * @attr {string} tooltip-timing - Forwarded to the inner nldd-tooltip's `timing`:
25
- * 'default' (700 ms show-delay), 'instant', or 'never'
26
- * (suppress the visual tooltip; screen readers still get the
27
- * aria-label). Use 'never' when the surrounding context
28
- * already explains the button (e.g. spin buttons in
29
- * nldd-number-field, the chevron in nldd-split-button).
30
- * @attr {string} href - When set, renders an <a> element instead of <button>
31
- * @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the "opens in new tab" announcement is folded into the aria-label for screen readers (WCAG 2.1 SC 3.2.2).
32
- * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
33
- * @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
34
- * @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
9
+ * @attr {boolean} loading - Loading state (default: false). Shows an activity indicator over the visually hidden icon, sets aria-busy on the inner control and blocks activation, without dropping the button from the tab order (unlike disabled).
10
+ * @attr {boolean} disabled - Disabled state
11
+ * @attr {boolean} no-tab - Takes the button out of the tab order (tabindex="-1"), for a control owned by a roving container (e.g. an nldd-token in nldd-token-field) that manages focus itself. Still mouse- and script-focusable.
12
+ * @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
13
+ * @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
14
+ * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-expanded visual state.
15
+ * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
16
+ * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
17
+ * @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
18
+ * @attr {string} icon - Icon name for the nldd-icon element. Defaults to a placeholder icon when neither this attribute nor the icon slot is set.
19
+ * @attr {string} accessible-label - Accessible label for screen readers. Overrides text as aria-label and title tooltip. Use when the visible text alone lacks context for screen readers (e.g. text "Toon", accessible-label "Toon wachtwoord"). The text is still shown visually in lg size regardless.
20
+ * @attr {string} tooltip-timing - Forwarded to the inner nldd-tooltip's `timing`: 'default' (700 ms show-delay), 'instant', or 'never' (suppress the visual tooltip; screen readers still get the aria-label). Use 'never' when the surrounding context already explains the button (e.g. spin buttons in nldd-number-field, the chevron in nldd-split-button).
21
+ * @attr {string} href - When set, renders an <a> element instead of <button>
22
+ * @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the "opens in new tab" announcement is folded into the aria-label for screen readers (WCAG 2.1 SC 3.2.2).
23
+ * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
24
+ * @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
25
+ * @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
35
26
  *
36
- * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set;
37
- * falls back to a placeholder icon when the slot is empty.
38
- * @slot popup - A single `nldd-menu` or `nldd-popover` this button invokes. Slotting it auto-anchors
39
- * the overlay to the button and toggles it on click (no id/anchor wiring). The overlay syncs
40
- * `expanded` and `aria-haspopup` back onto the button. Add `expandable` for the disclosure chevron.
41
- * Mirrors nldd-split-button; manual `popovertarget` wiring keeps working without a slotted overlay.
27
+ * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set; falls back to a placeholder icon when the slot is empty.
28
+ * @slot popup - A single `nldd-menu` or `nldd-popover` this button invokes. Slotting it auto-anchors the overlay to the button and toggles it on click (no id/anchor wiring). The overlay syncs `expanded` and `aria-haspopup` back onto the button. Add `expandable` for the disclosure chevron. Mirrors nldd-split-button; manual `popovertarget` wiring keeps working without a slotted overlay.
42
29
  *
43
30
  * @example
44
31
  * ```html
@@ -57,9 +44,9 @@ export type ButtonType = 'button' | 'submit' | 'reset';
57
44
  export type PopupType = 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid';
58
45
  declare const NLDDIconButton_base: (abstract new (...args: any[]) => LitElement & {
59
46
  translations: Partial<{
60
- 'components.icon-button.opens-in-new-tab-text': string;
47
+ 'components.icon-button.opens-in-new-tab-label': string;
61
48
  }>;
62
- _t(key: "components.icon-button.opens-in-new-tab-text", vars?: Record<string, string | number>): string;
49
+ _t(key: "components.icon-button.opens-in-new-tab-label", vars?: Record<string, string | number>): string;
63
50
  }) & typeof LitElement;
64
51
  export declare class NLDDIconButton extends NLDDIconButton_base {
65
52
  static styles: import("lit").CSSResult;
@@ -70,7 +57,7 @@ export declare class NLDDIconButton extends NLDDIconButton_base {
70
57
  /** In lg size, hides the text label and enlarges the icon by one step (28px). */
71
58
  hideLgText: boolean;
72
59
  /**
73
- * Loading state. Shows an activity indicator centred over the (visually
60
+ * Loading state. Shows an activity indicator centered over the (visually
74
61
  * hidden) icon, marks the inner control `aria-busy="true"` and blocks
75
62
  * activation — without dropping the control from the tab order (unlike
76
63
  * `disabled`).
@@ -102,7 +89,7 @@ export declare class NLDDIconButton extends NLDDIconButton_base {
102
89
  * Direct element reference to the popover this button invokes — IDL-only
103
90
  * counterpart to `popovertarget` that works across shadow boundaries.
104
91
  * Use this when the popover lives in a different tree (e.g. an
105
- * `nldd-menu` reparented to `<body>`) so the browser still recognises
92
+ * `nldd-menu` reparented to `<body>`) so the browser still recognizes
106
93
  * this button as the popover's invoker and excludes it from the popover
107
94
  * light-dismiss algorithm. Set programmatically; not reflected to an
108
95
  * HTML attribute (the attribute form is `popovertarget`, ID-based).
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,gBAAgB,CAAC;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;AAExE,qBACa,cAAe,SAAQ,mBAAwD;IAC3F,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,iFAAiF;IAEjF,UAAU,UAAS;IAEnB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,gHAAgH;IAEhH,iBAAiB,UAAS;IAG1B,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;2DAEuD;IAEvD,KAAK,UAAS;IAEd;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV;2EACuE;IAEvE,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAE5B;;6BAEyB;IACzB,MAAM,wBAAmC;IAEhC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IA6B3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAM5C,iBAAiB,IAAI,IAAI;IAIhB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
1
+ {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,gBAAgB,CAAC;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;AAExE,qBACa,cAAe,SAAQ,mBAAwD;IAC3F,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,iFAAiF;IAEjF,UAAU,UAAS;IAEnB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,gHAAgH;IAEhH,iBAAiB,UAAS;IAG1B,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;2DAEuD;IAEvD,KAAK,UAAS;IAEd;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV;2EACuE;IAEvE,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAE5B;;6BAEyB;IACzB,MAAM,wBAAmC;IAEhC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IA6B3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAM5C,iBAAiB,IAAI,IAAI;IAIhB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
@@ -1,5 +1,5 @@
1
1
  export declare const nlddIconButtonTranslations: {
2
- 'components.icon-button.opens-in-new-tab-text': string;
2
+ 'components.icon-button.opens-in-new-tab-label': string;
3
3
  };
4
4
  export type NLDDIconButtonTranslations = typeof nlddIconButtonTranslations;
5
5
  //# sourceMappingURL=icon-button.i18n.d.ts.map
@@ -1,4 +1,4 @@
1
1
  export const nlddIconButtonTranslations = {
2
- 'components.icon-button.opens-in-new-tab-text': 'Opent in nieuw tabblad',
2
+ 'components.icon-button.opens-in-new-tab-label': 'Opent in nieuw tabblad',
3
3
  };
4
4
  //# sourceMappingURL=icon-button.i18n.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.i18n.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,8CAA8C,EAAE,wBAAwB;CACxE,CAAC"}
1
+ {"version":3,"file":"icon-button.i18n.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,+CAA+C,EAAE,wBAAwB;CACzE,CAAC"}
@@ -8,43 +8,30 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
8
8
  * Nederlandse Digitale Dienst Icon Button Component (Lit + TypeScript)
9
9
  *
10
10
  * @element nldd-icon-button
11
- * @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted' | 'primary' | 'secondary' | 'destructive'. De inherit-varianten leiden hun kleuren af van currentColor, voor knoppen op gekleurde vlakken.
12
- * @attr {string} size - Button size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
13
- * @attr {boolean} hide-lg-text - In lg size, hides the text label and enlarges the icon by one step (28px)
11
+ * @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted' | 'primary' | 'secondary' | 'destructive'. De inherit-varianten leiden hun kleuren af van currentColor, voor knoppen op gekleurde vlakken.
12
+ * @attr {string} size - Button size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
13
+ * @attr {boolean} hide-lg-text - In lg size, hides the text label and enlarges the icon by one step (28px)
14
14
  * @attr {boolean} no-highlight-border - Removes the per-variant highlight border (e.g. when a control group draws a single border instead).
15
- * @attr {boolean} loading - Loading state (default: false). Shows an activity indicator over the visually hidden icon, sets aria-busy on the inner control and blocks activation, without dropping the button from the tab order (unlike disabled).
16
- * @attr {boolean} disabled - Disabled state
17
- * @attr {boolean} no-tab - Takes the button out of the tab order (tabindex="-1"), for a control owned by a roving container (e.g. an nldd-token in nldd-token-field) that manages focus itself. Still mouse- and script-focusable.
18
- * @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
19
- * @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
20
- * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-expanded visual state.
21
- * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
22
- * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
23
- * @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
24
- * @attr {string} icon - Icon name for the nldd-icon element. Defaults to a placeholder icon
25
- * when neither this attribute nor the icon slot is set.
26
- * @attr {string} accessible-label - Accessible label for screen readers. Overrides text as aria-label
27
- * and title tooltip. Use when the visible text alone lacks context for screen
28
- * readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
29
- * The text is still shown visually in lg size regardless.
30
- * @attr {string} tooltip-timing - Forwarded to the inner nldd-tooltip's `timing`:
31
- * 'default' (700 ms show-delay), 'instant', or 'never'
32
- * (suppress the visual tooltip; screen readers still get the
33
- * aria-label). Use 'never' when the surrounding context
34
- * already explains the button (e.g. spin buttons in
35
- * nldd-number-field, the chevron in nldd-split-button).
36
- * @attr {string} href - When set, renders an <a> element instead of <button>
37
- * @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the "opens in new tab" announcement is folded into the aria-label for screen readers (WCAG 2.1 SC 3.2.2).
38
- * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
39
- * @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
40
- * @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
15
+ * @attr {boolean} loading - Loading state (default: false). Shows an activity indicator over the visually hidden icon, sets aria-busy on the inner control and blocks activation, without dropping the button from the tab order (unlike disabled).
16
+ * @attr {boolean} disabled - Disabled state
17
+ * @attr {boolean} no-tab - Takes the button out of the tab order (tabindex="-1"), for a control owned by a roving container (e.g. an nldd-token in nldd-token-field) that manages focus itself. Still mouse- and script-focusable.
18
+ * @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
19
+ * @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
20
+ * @attr {boolean} expanded - Whether the popover/menu controlled by this button is currently open. Forwarded as aria-expanded on the inner button; toggles the is-expanded visual state.
21
+ * @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
22
+ * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
23
+ * @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
24
+ * @attr {string} icon - Icon name for the nldd-icon element. Defaults to a placeholder icon when neither this attribute nor the icon slot is set.
25
+ * @attr {string} accessible-label - Accessible label for screen readers. Overrides text as aria-label and title tooltip. Use when the visible text alone lacks context for screen readers (e.g. text "Toon", accessible-label "Toon wachtwoord"). The text is still shown visually in lg size regardless.
26
+ * @attr {string} tooltip-timing - Forwarded to the inner nldd-tooltip's `timing`: 'default' (700 ms show-delay), 'instant', or 'never' (suppress the visual tooltip; screen readers still get the aria-label). Use 'never' when the surrounding context already explains the button (e.g. spin buttons in nldd-number-field, the chevron in nldd-split-button).
27
+ * @attr {string} href - When set, renders an <a> element instead of <button>
28
+ * @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the "opens in new tab" announcement is folded into the aria-label for screen readers (WCAG 2.1 SC 3.2.2).
29
+ * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
30
+ * @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
31
+ * @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
41
32
  *
42
- * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set;
43
- * falls back to a placeholder icon when the slot is empty.
44
- * @slot popup - A single `nldd-menu` or `nldd-popover` this button invokes. Slotting it auto-anchors
45
- * the overlay to the button and toggles it on click (no id/anchor wiring). The overlay syncs
46
- * `expanded` and `aria-haspopup` back onto the button. Add `expandable` for the disclosure chevron.
47
- * Mirrors nldd-split-button; manual `popovertarget` wiring keeps working without a slotted overlay.
33
+ * @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set; falls back to a placeholder icon when the slot is empty.
34
+ * @slot popup - A single `nldd-menu` or `nldd-popover` this button invokes. Slotting it auto-anchors the overlay to the button and toggles it on click (no id/anchor wiring). The overlay syncs `expanded` and `aria-haspopup` back onto the button. Add `expandable` for the disclosure chevron. Mirrors nldd-split-button; manual `popovertarget` wiring keeps working without a slotted overlay.
48
35
  *
49
36
  * @example
50
37
  * ```html
@@ -72,7 +59,7 @@ let NLDDIconButton = class NLDDIconButton extends withTranslations(LitElement, n
72
59
  /** In lg size, hides the text label and enlarges the icon by one step (28px). */
73
60
  this.hideLgText = false;
74
61
  /**
75
- * Loading state. Shows an activity indicator centred over the (visually
62
+ * Loading state. Shows an activity indicator centered over the (visually
76
63
  * hidden) icon, marks the inner control `aria-busy="true"` and blocks
77
64
  * activation — without dropping the control from the tab order (unlike
78
65
  * `disabled`).
@@ -98,7 +85,7 @@ let NLDDIconButton = class NLDDIconButton extends withTranslations(LitElement, n
98
85
  * Direct element reference to the popover this button invokes — IDL-only
99
86
  * counterpart to `popovertarget` that works across shadow boundaries.
100
87
  * Use this when the popover lives in a different tree (e.g. an
101
- * `nldd-menu` reparented to `<body>`) so the browser still recognises
88
+ * `nldd-menu` reparented to `<body>`) so the browser still recognizes
102
89
  * this button as the popover's invoker and excludes it from the popover
103
90
  * light-dismiss algorithm. Set programmatically; not reflected to an
104
91
  * HTML attribute (the attribute form is `popovertarget`, ID-based).
@@ -192,7 +179,7 @@ let NLDDIconButton = class NLDDIconButton extends withTranslations(LitElement, n
192
179
  e.preventDefault();
193
180
  return;
194
181
  }
195
- // A link icon-button has no form behaviour. Otherwise drive the
182
+ // A link icon-button has no form behavior. Otherwise drive the
196
183
  // associated form ourselves: the shadow <button type="submit"|"reset">
197
184
  // can't reach the light-DOM form across the shadow boundary.
198
185
  //