@nldd/design-system 0.8.91 → 0.8.93

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (521) hide show
  1. package/NOTICES.md +9 -27
  2. package/README.md +39 -26
  3. package/custom-elements.json +1936 -1460
  4. package/dist/components/actions/button/button.d.ts +22 -5
  5. package/dist/components/actions/button/button.d.ts.map +1 -1
  6. package/dist/components/actions/button/button.js +48 -12
  7. package/dist/components/actions/button/button.js.map +1 -1
  8. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  9. package/dist/components/actions/button/button.styles.js +3 -1
  10. package/dist/components/actions/button/button.styles.js.map +1 -1
  11. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  12. package/dist/components/actions/button/button.template.js +5 -4
  13. package/dist/components/actions/button/button.template.js.map +1 -1
  14. package/dist/components/actions/button-group/button-group.d.ts +48 -3
  15. package/dist/components/actions/button-group/button-group.d.ts.map +1 -1
  16. package/dist/components/actions/button-group/button-group.js +104 -11
  17. package/dist/components/actions/button-group/button-group.js.map +1 -1
  18. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  19. package/dist/components/actions/button-group/button-group.styles.js +64 -4
  20. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.d.ts +7 -6
  22. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.js +7 -12
  24. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  25. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  26. package/dist/components/actions/icon-button/icon-button.template.js +9 -5
  27. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  28. package/dist/components/actions/menu/menu.d.ts +29 -29
  29. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  30. package/dist/components/actions/menu/menu.js +53 -53
  31. package/dist/components/actions/menu/menu.js.map +1 -1
  32. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  33. package/dist/components/actions/menu/menu.styles.js +4 -0
  34. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  35. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  36. package/dist/components/actions/menu/menu.template.js +8 -2
  37. package/dist/components/actions/menu/menu.template.js.map +1 -1
  38. package/dist/components/actions/toolbar/toolbar.d.ts +24 -10
  39. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  40. package/dist/components/actions/toolbar/toolbar.js +57 -26
  41. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  42. package/dist/components/actions/toolbar/toolbar.styles.js +7 -7
  43. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  44. package/dist/components/actions/toolbar/toolbar.template.js +5 -3
  45. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  46. package/dist/components/components.js +2060 -1065
  47. package/dist/components/content/avatar/avatar.d.ts +25 -10
  48. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  49. package/dist/components/content/avatar/avatar.js +25 -18
  50. package/dist/components/content/avatar/avatar.js.map +1 -1
  51. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  52. package/dist/components/content/avatar/avatar.template.js +7 -3
  53. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  54. package/dist/components/content/avatar-group/avatar-group.d.ts +1 -1
  55. package/dist/components/content/avatar-group/avatar-group.js +1 -1
  56. package/dist/components/content/avatar-group/avatar-group.template.d.ts.map +1 -1
  57. package/dist/components/content/avatar-group/avatar-group.template.js +6 -2
  58. package/dist/components/content/avatar-group/avatar-group.template.js.map +1 -1
  59. package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
  60. package/dist/components/content/code-viewer/code-viewer.js +12 -2
  61. package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
  62. package/dist/components/content/icon/icon.d.ts +20 -8
  63. package/dist/components/content/icon/icon.d.ts.map +1 -1
  64. package/dist/components/content/icon/icon.js +32 -12
  65. package/dist/components/content/icon/icon.js.map +1 -1
  66. package/dist/components/content/identity/identity.d.ts +1 -1
  67. package/dist/components/content/identity/identity.js +1 -1
  68. package/dist/components/content/identity/identity.template.d.ts.map +1 -1
  69. package/dist/components/content/identity/identity.template.js +4 -1
  70. package/dist/components/content/identity/identity.template.js.map +1 -1
  71. package/dist/components/content/image/image.template.d.ts.map +1 -1
  72. package/dist/components/content/image/image.template.js +7 -2
  73. package/dist/components/content/image/image.template.js.map +1 -1
  74. package/dist/components/content/rich-text/rich-text.d.ts +18 -9
  75. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  76. package/dist/components/content/rich-text/rich-text.js +24 -15
  77. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  78. package/dist/components/content/tag/tag.d.ts +2 -2
  79. package/dist/components/content/tag/tag.d.ts.map +1 -1
  80. package/dist/components/content/tag/tag.js +5 -5
  81. package/dist/components/content/tag/tag.js.map +1 -1
  82. package/dist/components/content/tag/tag.template.js +2 -2
  83. package/dist/components/content/title/title.d.ts +30 -6
  84. package/dist/components/content/title/title.d.ts.map +1 -1
  85. package/dist/components/content/title/title.js +72 -8
  86. package/dist/components/content/title/title.js.map +1 -1
  87. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  88. package/dist/components/content/title/title.styles.js +41 -4
  89. package/dist/components/content/title/title.styles.js.map +1 -1
  90. package/dist/components/content/title/title.template.d.ts +2 -1
  91. package/dist/components/content/title/title.template.d.ts.map +1 -1
  92. package/dist/components/content/title/title.template.js +33 -5
  93. package/dist/components/content/title/title.template.js.map +1 -1
  94. package/dist/components/content/token/token.d.ts +15 -5
  95. package/dist/components/content/token/token.d.ts.map +1 -1
  96. package/dist/components/content/token/token.i18n.d.ts +7 -0
  97. package/dist/components/content/token/token.i18n.d.ts.map +1 -0
  98. package/dist/components/content/token/token.i18n.js +6 -0
  99. package/dist/components/content/token/token.i18n.js.map +1 -0
  100. package/dist/components/content/token/token.js +55 -14
  101. package/dist/components/content/token/token.js.map +1 -1
  102. package/dist/components/content/token/token.template.js +4 -4
  103. package/dist/components/content/token/token.template.js.map +1 -1
  104. package/dist/components/{dist-CENYEz7C.js → dist-B5ie2Bo9.js} +1 -1
  105. package/dist/components/{dist-D_ckX1sK.js → dist-BUu-NW5O.js} +1 -1
  106. package/dist/components/{dist-Y54Lma86.js → dist-CGOykrJw.js} +2 -2
  107. package/dist/components/{dist-CYLM5ciE.js → dist-CQzaKTa8.js} +1 -1
  108. package/dist/components/{dist-yyE8P2O6.js → dist-CSYXsT7W.js} +2 -2
  109. package/dist/components/{dist-BLaE_n_F.js → dist-CoUVHSu-.js} +1 -1
  110. package/dist/components/{dist-DHA-0RyT.js → dist-Dn3c5gfb.js} +7 -1
  111. package/dist/components/{dist-BeymuiGt.js → dist-Dxn9Up8K.js} +3 -3
  112. package/dist/components/{dist-Dh_b9r4M.js → dist-M6GKopqu.js} +1 -1
  113. package/dist/components/{dist-TCqV9dho.js → dist-OlffRM7-.js} +1 -1
  114. package/dist/components/{dist-DkZlotgT.js → dist-RPaf2J9c.js} +2 -2
  115. package/dist/components/forms/form/form.d.ts +18 -7
  116. package/dist/components/forms/form/form.d.ts.map +1 -1
  117. package/dist/components/forms/form/form.js +18 -7
  118. package/dist/components/forms/form/form.js.map +1 -1
  119. package/dist/components/forms/form-actions/form-actions.d.ts +1 -1
  120. package/dist/components/forms/form-actions/form-actions.js +1 -1
  121. package/dist/components/forms/form-field/form-field.d.ts +12 -1
  122. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  123. package/dist/components/forms/form-field/form-field.js +12 -1
  124. package/dist/components/forms/form-field/form-field.js.map +1 -1
  125. package/dist/components/forms/form-section/form-section.d.ts +3 -3
  126. package/dist/components/forms/form-section/form-section.js +8 -8
  127. package/dist/components/forms/form-section/form-section.js.map +1 -1
  128. package/dist/components/forms/validation-list/validation-list.d.ts +7 -4
  129. package/dist/components/forms/validation-list/validation-list.d.ts.map +1 -1
  130. package/dist/components/forms/validation-list/validation-list.js +7 -4
  131. package/dist/components/forms/validation-list/validation-list.js.map +1 -1
  132. package/dist/components/{icon-C_zwJZ_g.js → icon-DWNVcttg.js} +4 -4
  133. package/dist/components/{icon-button-CEz4MB9H.js → icon-button-hO6k8W63.js} +20 -20
  134. package/dist/components/index.d.ts +1 -1
  135. package/dist/components/index.js +1 -1
  136. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  137. package/dist/components/inputs/checkbox/checkbox.template.js +11 -5
  138. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  139. package/dist/components/inputs/combo-box/combo-box.d.ts +4 -1
  140. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  141. package/dist/components/inputs/combo-box/combo-box.js +4 -1
  142. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  143. package/dist/components/inputs/combo-box/combo-box.template.js +2 -2
  144. package/dist/components/inputs/date-field/date-field.d.ts +1 -1
  145. package/dist/components/inputs/date-field/date-field.js +1 -1
  146. package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
  147. package/dist/components/inputs/date-field/date-field.template.js +5 -3
  148. package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
  149. package/dist/components/inputs/date-picker/date-picker.d.ts +1 -1
  150. package/dist/components/inputs/date-picker/date-picker.js +1 -1
  151. package/dist/components/inputs/date-picker/date-picker.template.js +1 -1
  152. package/dist/components/inputs/dropdown/dropdown.template.js +3 -3
  153. package/dist/components/inputs/file-field/file-field.template.js +1 -1
  154. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +2 -2
  155. package/dist/components/inputs/number-field/number-field.styles.js +4 -4
  156. package/dist/components/inputs/password-field/password-field.template.js +2 -2
  157. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  158. package/dist/components/inputs/radio-button/radio-button.styles.js +0 -10
  159. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  160. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  161. package/dist/components/inputs/radio-button/radio-button.template.js +6 -4
  162. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  163. package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
  164. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +0 -10
  165. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
  166. package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map +1 -1
  167. package/dist/components/inputs/radio-button-field/radio-button-field.template.js +4 -3
  168. package/dist/components/inputs/radio-button-field/radio-button-field.template.js.map +1 -1
  169. package/dist/components/inputs/search-field/search-field.d.ts +24 -24
  170. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  171. package/dist/components/inputs/search-field/search-field.js +40 -40
  172. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  173. package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
  174. package/dist/components/inputs/search-field/search-field.template.js +4 -2
  175. package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
  176. package/dist/components/inputs/segmented-control/segmented-control.d.ts +3 -0
  177. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  178. package/dist/components/inputs/segmented-control/segmented-control.js +6 -0
  179. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  180. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  181. package/dist/components/inputs/segmented-control/segmented-control.styles.js +0 -10
  182. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  183. package/dist/components/inputs/segmented-control/segmented-control.template.js +5 -5
  184. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  185. package/dist/components/inputs/switch/switch.template.js +1 -1
  186. package/dist/components/inputs/text-editor/text-editor.links.js +1 -1
  187. package/dist/components/inputs/text-editor/text-editor.markdown.js +1 -1
  188. package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -1
  189. package/dist/components/inputs/text-editor/text-editor.mentions.js +78 -2
  190. package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
  191. package/dist/components/inputs/text-field/text-field.template.js +2 -2
  192. package/dist/components/inputs/time-field/time-field.d.ts +1 -1
  193. package/dist/components/inputs/time-field/time-field.js +1 -1
  194. package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
  195. package/dist/components/inputs/time-field/time-field.template.js +5 -3
  196. package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
  197. package/dist/components/inputs/time-picker/time-picker.d.ts +1 -1
  198. package/dist/components/inputs/time-picker/time-picker.js +1 -1
  199. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  200. package/dist/components/inputs/toggle-button/toggle-button.styles.js +0 -9
  201. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  202. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  203. package/dist/components/inputs/toggle-button/toggle-button.template.js +7 -6
  204. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  205. package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
  206. package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
  207. package/dist/components/inputs/token-field/token-field.styles.d.ts.map +1 -1
  208. package/dist/components/inputs/token-field/token-field.styles.js +2 -1
  209. package/dist/components/inputs/token-field/token-field.styles.js.map +1 -1
  210. package/dist/components/inputs/token-field/token-field.template.d.ts.map +1 -1
  211. package/dist/components/inputs/token-field/token-field.template.js +6 -4
  212. package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
  213. package/dist/components/layout/app-view/app-view.d.ts +8 -0
  214. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  215. package/dist/components/layout/app-view/app-view.js +8 -0
  216. package/dist/components/layout/app-view/app-view.js.map +1 -1
  217. package/dist/components/layout/card/card.d.ts +5 -8
  218. package/dist/components/layout/card/card.d.ts.map +1 -1
  219. package/dist/components/layout/card/card.js +8 -19
  220. package/dist/components/layout/card/card.js.map +1 -1
  221. package/dist/components/layout/card/card.template.d.ts.map +1 -1
  222. package/dist/components/layout/card/card.template.js +6 -3
  223. package/dist/components/layout/card/card.template.js.map +1 -1
  224. package/dist/components/layout/collection/collection.d.ts +11 -6
  225. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  226. package/dist/components/layout/collection/collection.js +19 -14
  227. package/dist/components/layout/collection/collection.js.map +1 -1
  228. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  229. package/dist/components/layout/collection/collection.template.js +4 -1
  230. package/dist/components/layout/collection/collection.template.js.map +1 -1
  231. package/dist/components/layout/container/container.d.ts +13 -8
  232. package/dist/components/layout/container/container.d.ts.map +1 -1
  233. package/dist/components/layout/container/container.js +19 -14
  234. package/dist/components/layout/container/container.js.map +1 -1
  235. package/dist/components/layout/page/page.d.ts +52 -2
  236. package/dist/components/layout/page/page.d.ts.map +1 -1
  237. package/dist/components/layout/page/page.js +94 -3
  238. package/dist/components/layout/page/page.js.map +1 -1
  239. package/dist/components/layout/page/page.template.d.ts +6 -0
  240. package/dist/components/layout/page/page.template.d.ts.map +1 -1
  241. package/dist/components/layout/page/page.template.js +21 -6
  242. package/dist/components/layout/page/page.template.js.map +1 -1
  243. package/dist/components/layout/page-footer/page-footer.d.ts +2 -2
  244. package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
  245. package/dist/components/layout/page-footer/page-footer.js +4 -4
  246. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  247. package/dist/components/layout/page-footer/page-footer.template.d.ts.map +1 -1
  248. package/dist/components/layout/page-footer/page-footer.template.js +16 -4
  249. package/dist/components/layout/page-footer/page-footer.template.js.map +1 -1
  250. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +4 -6
  251. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  252. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +4 -5
  253. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  254. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
  255. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +8 -2
  256. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
  257. package/dist/components/layout/page-sections/hero/hero.d.ts +13 -15
  258. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
  259. package/dist/components/layout/page-sections/hero/hero.js +20 -21
  260. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  261. package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -1
  262. package/dist/components/layout/page-sections/hero/hero.template.js +6 -2
  263. package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -1
  264. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -8
  265. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  266. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +6 -7
  267. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  268. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
  269. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +8 -2
  270. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
  271. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -8
  272. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  273. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +6 -7
  274. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  275. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
  276. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +8 -2
  277. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
  278. package/dist/components/layout/page-sections/page-section-controls.d.ts +139 -44
  279. package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
  280. package/dist/components/layout/page-sections/page-section-controls.js +44 -47
  281. package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
  282. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +11 -12
  283. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
  284. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +19 -19
  285. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  286. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.d.ts.map +1 -1
  287. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js +8 -2
  288. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js.map +1 -1
  289. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +14 -8
  290. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  291. package/dist/components/layout/page-sections/simple-section/simple-section.js +14 -7
  292. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  293. package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
  294. package/dist/components/layout/page-sections/simple-section/simple-section.template.js +8 -2
  295. package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
  296. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -8
  297. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  298. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +6 -7
  299. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  300. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
  301. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +8 -2
  302. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
  303. package/dist/components/layout/popover/popover.d.ts +12 -8
  304. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  305. package/dist/components/layout/popover/popover.js +38 -18
  306. package/dist/components/layout/popover/popover.js.map +1 -1
  307. package/dist/components/layout/sheet/sheet.d.ts +26 -11
  308. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  309. package/dist/components/layout/sheet/sheet.js +59 -20
  310. package/dist/components/layout/sheet/sheet.js.map +1 -1
  311. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  312. package/dist/components/layout/sheet/sheet.styles.js +8 -4
  313. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  314. package/dist/components/layout/sheet/sheet.template.js +1 -1
  315. package/dist/components/layout/sheet/sheet.template.js.map +1 -1
  316. package/dist/components/layout/spacer/spacer.d.ts +15 -2
  317. package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
  318. package/dist/components/layout/spacer/spacer.js +15 -2
  319. package/dist/components/layout/spacer/spacer.js.map +1 -1
  320. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -1
  321. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
  322. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -1
  323. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
  324. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +11 -6
  325. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts.map +1 -1
  326. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -12
  327. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
  328. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
  329. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -0
  330. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
  331. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +3 -1
  332. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
  333. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +3 -1
  334. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
  335. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +4 -4
  336. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts.map +1 -1
  337. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +8 -8
  338. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
  339. package/dist/components/layout/window/window.d.ts +30 -18
  340. package/dist/components/layout/window/window.d.ts.map +1 -1
  341. package/dist/components/layout/window/window.js +66 -31
  342. package/dist/components/layout/window/window.js.map +1 -1
  343. package/dist/components/lists-and-tables/cells/cell/cell.d.ts +4 -2
  344. package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -1
  345. package/dist/components/lists-and-tables/cells/cell/cell.js +7 -5
  346. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
  347. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -1
  348. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js +88 -16
  349. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -1
  350. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +4 -2
  351. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -1
  352. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +7 -5
  353. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -1
  354. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  355. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +23 -0
  356. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
  357. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -1
  358. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js +11 -2
  359. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -1
  360. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
  361. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -1
  362. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +5 -5
  363. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
  364. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -1
  365. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js +8 -2
  366. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -1
  367. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +5 -5
  368. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  369. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +8 -8
  370. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
  371. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +1 -1
  372. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +3 -3
  373. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -1
  374. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +6 -6
  375. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
  376. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -1
  377. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js +8 -2
  378. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -1
  379. package/dist/components/lists-and-tables/list/list.d.ts +3 -3
  380. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  381. package/dist/components/lists-and-tables/list/list.js +6 -6
  382. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  383. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  384. package/dist/components/lists-and-tables/list/list.styles.js +4 -0
  385. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  386. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  387. package/dist/components/lists-and-tables/list/list.template.js +25 -8
  388. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  389. package/dist/components/lists-and-tables/list-item/list-item.d.ts +61 -38
  390. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  391. package/dist/components/lists-and-tables/list-item/list-item.js +106 -37
  392. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  393. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  394. package/dist/components/lists-and-tables/list-item/list-item.styles.js +4 -14
  395. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  396. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
  397. package/dist/components/lists-and-tables/list-item/list-item.template.js +2 -1
  398. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
  399. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +36 -11
  400. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
  401. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +46 -19
  402. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
  403. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts.map +1 -1
  404. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +4 -14
  405. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js.map +1 -1
  406. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
  407. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
  408. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +13 -3
  409. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
  410. package/dist/components/lists-and-tables/table/table.d.ts +2 -2
  411. package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
  412. package/dist/components/lists-and-tables/table/table.js +5 -5
  413. package/dist/components/lists-and-tables/table/table.js.map +1 -1
  414. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
  415. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +6 -6
  416. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  417. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
  418. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
  419. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  420. package/dist/components/navigation/link/link.d.ts +1 -3
  421. package/dist/components/navigation/link/link.d.ts.map +1 -1
  422. package/dist/components/navigation/link/link.js +1 -11
  423. package/dist/components/navigation/link/link.js.map +1 -1
  424. package/dist/components/navigation/link/link.template.d.ts.map +1 -1
  425. package/dist/components/navigation/link/link.template.js +4 -3
  426. package/dist/components/navigation/link/link.template.js.map +1 -1
  427. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +4 -4
  428. package/dist/components/navigation/pagination/pagination.styles.js +4 -4
  429. package/dist/components/navigation/pagination/pagination.template.js +1 -1
  430. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  431. package/dist/components/navigation/skip-link/skip-link.styles.js +10 -4
  432. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  433. package/dist/components/navigation/tab-bar/tab-bar.template.js +2 -2
  434. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
  435. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +4 -2
  436. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
  437. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +6 -2
  438. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
  439. package/dist/components/navigation/top-title-bar/top-title-bar.js +7 -2
  440. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  441. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -2
  442. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  443. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +18 -3
  444. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  445. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +4 -4
  446. package/dist/components/status-and-feedback/badge/badge.d.ts +1 -1
  447. package/dist/components/status-and-feedback/badge/badge.js +1 -1
  448. package/dist/components/status-and-feedback/badge/badge.template.js +1 -1
  449. package/dist/components/status-and-feedback/banner/banner.template.js +1 -1
  450. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +1 -1
  451. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +14 -5
  452. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  453. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +43 -13
  454. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  455. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +1 -1
  456. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
  457. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +4 -1
  458. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
  459. package/dist/components/status-and-feedback/notification/notification.d.ts +8 -8
  460. package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
  461. package/dist/components/status-and-feedback/notification/notification.js +13 -13
  462. package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
  463. package/dist/components/status-and-feedback/notification/notification.template.d.ts.map +1 -1
  464. package/dist/components/status-and-feedback/notification/notification.template.js +5 -2
  465. package/dist/components/status-and-feedback/notification/notification.template.js.map +1 -1
  466. package/dist/components/status-and-feedback/notification/{notification-region.d.ts → notifications-area.d.ts} +3 -3
  467. package/dist/components/status-and-feedback/notification/notifications-area.d.ts.map +1 -0
  468. package/dist/components/status-and-feedback/notification/{notification-region.js → notifications-area.js} +137 -140
  469. package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -0
  470. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  471. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +4 -0
  472. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  473. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts.map +1 -1
  474. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +2 -1
  475. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
  476. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
  477. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +106 -18
  478. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  479. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +2 -4
  480. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
  481. package/dist/components/status-and-feedback/status-bar/status-bar.js +2 -8
  482. package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
  483. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +1 -1
  484. package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts.map +1 -1
  485. package/dist/components/status-and-feedback/status-bar/status-bar.template.js +3 -2
  486. package/dist/components/status-and-feedback/status-bar/status-bar.template.js.map +1 -1
  487. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +4 -1
  488. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
  489. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +4 -1
  490. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
  491. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +2 -2
  492. package/dist/components/{with-translations-CqUV9S5g.js → with-translations-BAKFoEKy.js} +22 -1
  493. package/dist/css/form-section.css +4 -4
  494. package/dist/css/form.css +4 -0
  495. package/dist/css/fouc.css +1 -1
  496. package/dist/css/rich-text.css +26 -11
  497. package/dist/css/rijksoverheid-fonts.css +1 -1
  498. package/dist/css/variables.css +4 -15
  499. package/dist/favicon.svg +3 -8
  500. package/dist/nldd.min.js +1336 -898
  501. package/dist/touch-icon.png +0 -0
  502. package/dist/types/vue.d.ts +325 -278
  503. package/dist/utilities/form-associated-mixin.d.ts +2 -0
  504. package/dist/utilities/form-associated-mixin.d.ts.map +1 -1
  505. package/dist/utilities/form-associated-mixin.js +15 -1
  506. package/dist/utilities/form-associated-mixin.js.map +1 -1
  507. package/dist/utilities/link-rel.d.ts +13 -0
  508. package/dist/utilities/link-rel.d.ts.map +1 -0
  509. package/dist/utilities/link-rel.js +21 -0
  510. package/dist/utilities/link-rel.js.map +1 -0
  511. package/dist/utilities/page-section-mixin.d.ts +3 -8
  512. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  513. package/dist/utilities/page-section-mixin.js +4 -84
  514. package/dist/utilities/page-section-mixin.js.map +1 -1
  515. package/dist/utilities/title-bar-label-controller.d.ts +25 -0
  516. package/dist/utilities/title-bar-label-controller.d.ts.map +1 -0
  517. package/dist/utilities/title-bar-label-controller.js +52 -0
  518. package/dist/utilities/title-bar-label-controller.js.map +1 -0
  519. package/package.json +9 -7
  520. package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +0 -1
  521. package/dist/components/status-and-feedback/notification/notification-region.js.map +0 -1
@@ -11,7 +11,8 @@
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. An nldd-menu or nldd-popover in the `popup` slot, or anchored to this button, sets it itself from the first render; set it only for another kind of popup.
15
+ * @attr {string} form - Id of the form this button submits or resets, for a button that sits outside it. Takes an `nldd-form` as well as a plain `<form>`. Without it the button acts on the form it stands in. The id is looked up in the button's own root, as the platform does it: a button inside a shadow tree does not reach a form in the document around it. An id that finds nothing, or an `nldd-form` that has not rendered its form yet, says so in development rather than letting the click do nothing.
15
16
  * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
16
17
  * @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.
17
18
  * @attr {string} text - Button text
@@ -24,7 +25,7 @@
24
25
  * @attr {string} accessible-label - Accessible label for the button, overrides text for screen readers
25
26
  * @attr {string} href - When set, renders an <a> element instead of <button>
26
27
  * @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the button adds a visually hidden "opens in new tab" announcement for screen readers (WCAG 2.1 SC 3.2.2).
27
- * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
28
+ * @attr {string} rel - Link rel attribute, used with href; with target '_blank', 'noopener noreferrer' is added to whatever you set
28
29
  * @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
29
30
  *
30
31
  * @slot text - Slot for custom button content (e.g. text with inline markup). Used when the text attribute is empty or not set (an empty string counts as "not set", since the attribute and the unset property are indistinguishable). Provide accessible-label when the slotted content isn't plain text.
@@ -124,18 +125,34 @@ export declare class NLDDButton extends NLDDButton_base {
124
125
  target: string | undefined;
125
126
  /**
126
127
  * Link rel attribute. Only used when href is set.
127
- * Defaults to 'noopener noreferrer' when target is '_blank' and rel is not explicitly set.
128
+ * With target '_blank', 'noopener noreferrer' is added to it.
128
129
  */
129
130
  rel: string | undefined;
130
131
  private _warnedA11y;
132
+ private _warnedFormId;
131
133
  /** Shared wiring for an overlay slotted into `popup`: anchors it to this
132
134
  * button and turns clicks into open/close. Not private: the template module
133
135
  * binds its handlers. */
134
136
  _popup: PopupAnchorController;
135
137
  updated(changedProperties: Map<string, unknown>): void;
136
138
  private _handleClick;
137
- /** Resolves the effective rel value for link rendering. */
138
- _resolvedRel(): string;
139
+ /**
140
+ * The form this button acts on: the one it sits in, or the one its `form`
141
+ * attribute names.
142
+ *
143
+ * The platform resolves that attribute itself, but only to a real `<form>`.
144
+ * An `nldd-form` renders its form in the light DOM without handing it the id
145
+ * the consumer wrote, so an id pointing at the component finds an element
146
+ * that is not a form, and the button ends up with no form owner at all. That
147
+ * is the whole reason a save button in a page footer, outside the form it
148
+ * belongs to, used to do nothing.
149
+ *
150
+ * The id is looked up in the button's own root, the same scope the platform
151
+ * searches: a button inside a shadow tree reaches the forms in that tree, not
152
+ * one in the document around it. Put the two in the same tree, or hand the
153
+ * button its form another way.
154
+ */
155
+ private _ownerForm;
139
156
  /**
140
157
  * Delegates focus to the inner `<button>` (or `<a>` when `href` is set), so
141
158
  * consumers can call `buttonEl.focus()` without reaching into shadow DOM.
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;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;AAG9E,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,eAAiE;IAChG,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;IAEd;;qFAEiF;IAEjF,KAAK,UAAS;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;IAI5C,6DAA6D;IACpD,eAAe,IAAI,OAAO,GAAG,IAAI;IAIjC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;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;AAG9E,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,eAAiE;IAChG,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;IAEd;;qFAEiF;IAEjF,KAAK,UAAS;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;IAC5B,OAAO,CAAC,aAAa,CAAuB;IAE5C;;6BAEyB;IACzB,MAAM,wBAAmC;IAEhC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAmC/D,OAAO,CAAC,YAAY;IAgCpB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,UAAU;IAuBlB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C,6DAA6D;IACpD,eAAe,IAAI,OAAO,GAAG,IAAI;IAIjC,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
@@ -11,7 +11,8 @@
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. An nldd-menu or nldd-popover in the `popup` slot, or anchored to this button, sets it itself from the first render; set it only for another kind of popup.
15
+ * @attr {string} form - Id of the form this button submits or resets, for a button that sits outside it. Takes an `nldd-form` as well as a plain `<form>`. Without it the button acts on the form it stands in. The id is looked up in the button's own root, as the platform does it: a button inside a shadow tree does not reach a form in the document around it. An id that finds nothing, or an `nldd-form` that has not rendered its form yet, says so in development rather than letting the click do nothing.
15
16
  * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
16
17
  * @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.
17
18
  * @attr {string} text - Button text
@@ -24,7 +25,7 @@
24
25
  * @attr {string} accessible-label - Accessible label for the button, overrides text for screen readers
25
26
  * @attr {string} href - When set, renders an <a> element instead of <button>
26
27
  * @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the button adds a visually hidden "opens in new tab" announcement for screen readers (WCAG 2.1 SC 3.2.2).
27
- * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
28
+ * @attr {string} rel - Link rel attribute, used with href; with target '_blank', 'noopener noreferrer' is added to whatever you set
28
29
  * @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
29
30
  *
30
31
  * @slot text - Slot for custom button content (e.g. text with inline markup). Used when the text attribute is empty or not set (an empty string counts as "not set", since the attribute and the unset property are indistinguishable). Provide accessible-label when the slotted content isn't plain text.
@@ -121,10 +122,11 @@ let NLDDButton = class NLDDButton extends DescribedBy(withTranslations(LitElemen
121
122
  this.target = undefined;
122
123
  /**
123
124
  * Link rel attribute. Only used when href is set.
124
- * Defaults to 'noopener noreferrer' when target is '_blank' and rel is not explicitly set.
125
+ * With target '_blank', 'noopener noreferrer' is added to it.
125
126
  */
126
127
  this.rel = undefined;
127
128
  this._warnedA11y = false;
129
+ this._warnedFormId = null;
128
130
  /** Shared wiring for an overlay slotted into `popup`: anchors it to this
129
131
  * button and turns clicks into open/close. Not private: the template module
130
132
  * binds its handlers. */
@@ -194,18 +196,52 @@ let NLDDButton = class NLDDButton extends DescribedBy(withTranslations(LitElemen
194
196
  // or separate forms.
195
197
  if (this.href)
196
198
  return;
199
+ const form = this._ownerForm();
197
200
  if (this.type === 'submit')
198
- this._internals.form?.requestSubmit();
201
+ form?.requestSubmit();
199
202
  else if (this.type === 'reset')
200
- this._internals.form?.reset();
203
+ form?.reset();
201
204
  }
202
- /** Resolves the effective rel value for link rendering. */
203
- _resolvedRel() {
204
- if (this.rel)
205
- return this.rel;
206
- if (this.target === '_blank')
207
- return 'noopener noreferrer';
208
- return '';
205
+ /**
206
+ * The form this button acts on: the one it sits in, or the one its `form`
207
+ * attribute names.
208
+ *
209
+ * The platform resolves that attribute itself, but only to a real `<form>`.
210
+ * An `nldd-form` renders its form in the light DOM without handing it the id
211
+ * the consumer wrote, so an id pointing at the component finds an element
212
+ * that is not a form, and the button ends up with no form owner at all. That
213
+ * is the whole reason a save button in a page footer, outside the form it
214
+ * belongs to, used to do nothing.
215
+ *
216
+ * The id is looked up in the button's own root, the same scope the platform
217
+ * searches: a button inside a shadow tree reaches the forms in that tree, not
218
+ * one in the document around it. Put the two in the same tree, or hand the
219
+ * button its form another way.
220
+ */
221
+ _ownerForm() {
222
+ const id = this.getAttribute('form');
223
+ if (!id)
224
+ return this._internals.form;
225
+ const root = this.getRootNode();
226
+ const target = 'getElementById' in root ? root.getElementById(id) : null;
227
+ if (target instanceof HTMLFormElement)
228
+ return target;
229
+ const rendered = target?.form;
230
+ if (rendered instanceof HTMLFormElement)
231
+ return rendered;
232
+ // Nothing to submit is the silent failure this attribute exists to end:
233
+ // the click does nothing and no error says why. Say it once per button,
234
+ // naming what the id found, since a typo and an nldd-form that has not
235
+ // rendered yet look identical from the outside.
236
+ // Keyed on the id, not a flag: fix a typo and point at another form that
237
+ // does not exist either, and that one has to be said as well.
238
+ if (import.meta.env?.DEV && this._warnedFormId !== id) {
239
+ this._warnedFormId = id;
240
+ console.warn(target
241
+ ? `<nldd-button form="${id}">: that id is an <${target.tagName.toLowerCase()}> without a form, so this button submits nothing. An nldd-form only has one once it has rendered.`
242
+ : `<nldd-button form="${id}">: nothing in this root has that id, so this button submits nothing.`);
243
+ }
244
+ return null;
209
245
  }
210
246
  /**
211
247
  * Delegates focus to the inner `<button>` (or `<a>` when `href` is set), so
@@ -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,yBAknBxB,CAAC"}
1
+ {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBAonBxB,CAAC"}
@@ -10,7 +10,9 @@ export const buttonStyles = css `
10
10
 
11
11
  :host {
12
12
  --_corner-radius: var(--semantics-controls-md-corner-radius);
13
- --_width: auto;
13
+ /* A parent that stacks its buttons says so through the context variable;
14
+ the button's own width attribute overrides it with an inline style. */
15
+ --_width: var(--context-button-width, auto);
14
16
  --_min-size: var(--semantics-controls-md-min-size);
15
17
  --_block-padding: var(--semantics-controls-md-block-padding);
16
18
  --_inline-padding: var(--semantics-buttons-md-inline-padding);
@@ -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,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgC3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAklBrB,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,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkC3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAklBrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA+BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,wCAiHlE"}
1
+ {"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA+BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,wCAiHlE"}
@@ -1,4 +1,5 @@
1
1
  import { html, nothing } from 'lit';
2
+ import { linkRel } from '../../../utilities/link-rel.js';
2
3
  function renderContent(component) {
3
4
  // `button__text` falls back to the slot on falsy `text`. The property
4
5
  // defaults to '', so `text=""` and an absent attribute are indistinguishable
@@ -7,7 +8,7 @@ function renderContent(component) {
7
8
  <span class="button__content">
8
9
  ${component.startIcon ? html `
9
10
  <span class="button__start-icon">
10
- <nldd-icon name=${component.startIcon}></nldd-icon>
11
+ <nldd-icon icon=${component.startIcon}></nldd-icon>
11
12
  </span>
12
13
  ` : html `<slot name="start-icon"></slot>`}
13
14
  <span class="button__text-area">
@@ -16,13 +17,13 @@ function renderContent(component) {
16
17
  </span>
17
18
  ${component.endIcon ? html `
18
19
  <span class="button__end-icon">
19
- <nldd-icon name=${component.endIcon}></nldd-icon>
20
+ <nldd-icon icon=${component.endIcon}></nldd-icon>
20
21
  </span>
21
22
  ` : html `<slot name="end-icon"></slot>`}
22
23
  </span>
23
24
  ${component.expandable ? html `
24
25
  <nldd-icon class="button__disclosure-icon"
25
- name="chevron-down-small"
26
+ icon="chevron-down-small"
26
27
  ></nldd-icon>
27
28
  ` : nothing}
28
29
  `;
@@ -84,7 +85,7 @@ export function template(helpers) {
84
85
  // _handleClick.
85
86
  const popupSlot = html `<slot name="popup" @slotchange=${this._popup.handleSlotChange}></slot>`;
86
87
  if (this.href) {
87
- const resolvedRel = this._resolvedRel();
88
+ const resolvedRel = linkRel(this.rel, this.target);
88
89
  return html `
89
90
  <a class=${buttonClass}
90
91
  href=${this.href}
@@ -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,11 +1,28 @@
1
1
  /**
2
2
  * Nederlandse Digitale Dienst Button Group Component (Lit + TypeScript)
3
3
  *
4
- * A container for grouping related buttons together, either horizontally or vertically.
4
+ * A container for grouping related buttons together, in a row or stacked.
5
+ *
6
+ * `auto`, the default, is a row on a container wide enough for one and a stack
7
+ * over the full width below the sm breakpoint, where two labels beside each
8
+ * other leave no room for either. The group is its own container, so it follows
9
+ * the width it was given rather than the width of the window: the same group is
10
+ * a row in a page and a stack in a sheet beside it.
11
+ *
12
+ * Being a container has one consequence to know: the width has to come from the
13
+ * parent, since a container may not size itself from what is inside it. In a
14
+ * parent that shrink-wraps its content (an inline-flex box, a float, a table
15
+ * cell, a flex item at `width: auto`) the group measures zero and its buttons
16
+ * are invisible. It says so once in development. Give the group or that parent
17
+ * a width.
18
+ *
19
+ * A stack fills the width with its buttons, except an `nldd-icon-button`, which
20
+ * keeps its own size: a bar with a single glyph in the middle is not a bigger
21
+ * target, only a wider one.
5
22
  *
6
23
  * @element nldd-button-group
7
24
  * @attr {string} size - Button group size: 'sm' | 'md' (default: 'md')
8
- * @attr {string} orientation - Layout direction: 'horizontal' | 'vertical' (default: 'vertical')
25
+ * @attr {string} orientation - Layout direction: 'auto' | 'horizontal' | 'vertical' (default: 'auto')
9
26
  *
10
27
  * @slot - Default slot for buttons (max 3)
11
28
  *
@@ -13,14 +30,42 @@
13
30
  */
14
31
  import { LitElement } from 'lit';
15
32
  type Size = 'sm' | 'md';
16
- type Orientation = 'horizontal' | 'vertical';
33
+ type Orientation = 'auto' | 'horizontal' | 'vertical';
17
34
  export declare class NLDDButtonGroup extends LitElement {
18
35
  static styles: import("lit").CSSResult;
19
36
  size: Size;
20
37
  orientation: Orientation;
21
38
  private _slot;
39
+ /** DEV only: watches for the collapse below, then lets itself go. */
40
+ private _collapseObserver;
41
+ /** Timer holding a zero-width reading before it counts as a verdict. */
42
+ private _collapseVerdict;
22
43
  handleSlotChange(): void;
23
44
  updated(changedProperties: Map<string, unknown>): void;
45
+ connectedCallback(): void;
46
+ disconnectedCallback(): void;
47
+ /**
48
+ * The group is an inline-size container while `orientation` is `auto`, so its
49
+ * width has to come from its parent: a container may not size itself from its
50
+ * own contents. In a parent that shrink-wraps (inline-flex, a float, a table
51
+ * cell, a flex item at `width: auto`) there is nothing to take, the group
52
+ * measures zero and the buttons disappear without an error.
53
+ *
54
+ * Watched rather than sampled: a group can be in a closed sheet or behind
55
+ * `display: none` on its first frame, and a parent can get its width a tick
56
+ * later, so one look would call both of those a collapse or miss the real
57
+ * one. The observer waits for the group to be displayed, says it once and
58
+ * stops watching either way. It starts again when the group is reconnected
59
+ * somewhere else or when `orientation` turns to `auto`, since both change
60
+ * the answer.
61
+ *
62
+ * A zero reading waits before it counts: a parent can hand over its width a
63
+ * frame or two after the first paint, and that looks exactly like a collapse
64
+ * until it does. Only a zero that is still zero when the timer runs out gets
65
+ * said out loud.
66
+ */
67
+ private _watchForCollapse;
68
+ private _stopWatchingForCollapse;
24
69
  render(): import("lit-html").TemplateResult<1>;
25
70
  }
26
71
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,EAAE,IAAI,CAAQ;IAGlB,WAAW,EAAE,WAAW,CAAc;IAGtC,OAAO,CAAC,KAAK,CAAmB;IAEhC,gBAAgB;IAqBP,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/C,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
1
+ {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;AAEtD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,EAAE,IAAI,CAAQ;IAGlB,WAAW,EAAE,WAAW,CAAU;IAGlC,OAAO,CAAC,KAAK,CAAmB;IAEhC,qEAAqE;IACrE,OAAO,CAAC,iBAAiB,CAA+B;IACxD,wEAAwE;IACxE,OAAO,CAAC,gBAAgB,CAAK;IAE7B,gBAAgB;IAeP,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO/C,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAKrC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,iBAAiB;IAgCzB,OAAO,CAAC,wBAAwB;IAOvB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
@@ -7,11 +7,28 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  /**
8
8
  * Nederlandse Digitale Dienst Button Group Component (Lit + TypeScript)
9
9
  *
10
- * A container for grouping related buttons together, either horizontally or vertically.
10
+ * A container for grouping related buttons together, in a row or stacked.
11
+ *
12
+ * `auto`, the default, is a row on a container wide enough for one and a stack
13
+ * over the full width below the sm breakpoint, where two labels beside each
14
+ * other leave no room for either. The group is its own container, so it follows
15
+ * the width it was given rather than the width of the window: the same group is
16
+ * a row in a page and a stack in a sheet beside it.
17
+ *
18
+ * Being a container has one consequence to know: the width has to come from the
19
+ * parent, since a container may not size itself from what is inside it. In a
20
+ * parent that shrink-wraps its content (an inline-flex box, a float, a table
21
+ * cell, a flex item at `width: auto`) the group measures zero and its buttons
22
+ * are invisible. It says so once in development. Give the group or that parent
23
+ * a width.
24
+ *
25
+ * A stack fills the width with its buttons, except an `nldd-icon-button`, which
26
+ * keeps its own size: a bar with a single glyph in the middle is not a bigger
27
+ * target, only a wider one.
11
28
  *
12
29
  * @element nldd-button-group
13
30
  * @attr {string} size - Button group size: 'sm' | 'md' (default: 'md')
14
- * @attr {string} orientation - Layout direction: 'horizontal' | 'vertical' (default: 'vertical')
31
+ * @attr {string} orientation - Layout direction: 'auto' | 'horizontal' | 'vertical' (default: 'auto')
15
32
  *
16
33
  * @slot - Default slot for buttons (max 3)
17
34
  *
@@ -26,7 +43,11 @@ let NLDDButtonGroup = class NLDDButtonGroup extends LitElement {
26
43
  constructor() {
27
44
  super(...arguments);
28
45
  this.size = 'md';
29
- this.orientation = 'vertical';
46
+ this.orientation = 'auto';
47
+ /** DEV only: watches for the collapse below, then lets itself go. */
48
+ this._collapseObserver = null;
49
+ /** Timer holding a zero-width reading before it counts as a verdict. */
50
+ this._collapseVerdict = 0;
30
51
  }
31
52
  handleSlotChange() {
32
53
  const assigned = this._slot
@@ -38,19 +59,91 @@ let NLDDButtonGroup = class NLDDButtonGroup extends LitElement {
38
59
  if (import.meta.env?.DEV)
39
60
  console.warn('nldd-button-group: Only 3 buttons are allowed. Extra buttons will be hidden.');
40
61
  }
41
- if (this.orientation === 'vertical') {
42
- el.setAttribute('width', 'full');
43
- }
44
- else {
45
- el.removeAttribute('width');
46
- }
47
62
  el.setAttribute('size', this.size);
48
63
  });
49
64
  }
50
65
  updated(changedProperties) {
51
- if (changedProperties.has('orientation') || changedProperties.has('size')) {
66
+ if (changedProperties.has('size'))
52
67
  this.handleSlotChange();
68
+ // Switching to auto makes the group a container after the fact, so the
69
+ // question it can then fail is only worth asking from here on.
70
+ if (changedProperties.has('orientation'))
71
+ this._watchForCollapse();
72
+ }
73
+ connectedCallback() {
74
+ super.connectedCallback();
75
+ // Also on reconnect: a group that moves takes a new parent with it, and
76
+ // that parent decides whether there is a width to take.
77
+ this._watchForCollapse();
78
+ }
79
+ disconnectedCallback() {
80
+ super.disconnectedCallback();
81
+ this._stopWatchingForCollapse();
82
+ }
83
+ /**
84
+ * The group is an inline-size container while `orientation` is `auto`, so its
85
+ * width has to come from its parent: a container may not size itself from its
86
+ * own contents. In a parent that shrink-wraps (inline-flex, a float, a table
87
+ * cell, a flex item at `width: auto`) there is nothing to take, the group
88
+ * measures zero and the buttons disappear without an error.
89
+ *
90
+ * Watched rather than sampled: a group can be in a closed sheet or behind
91
+ * `display: none` on its first frame, and a parent can get its width a tick
92
+ * later, so one look would call both of those a collapse or miss the real
93
+ * one. The observer waits for the group to be displayed, says it once and
94
+ * stops watching either way. It starts again when the group is reconnected
95
+ * somewhere else or when `orientation` turns to `auto`, since both change
96
+ * the answer.
97
+ *
98
+ * A zero reading waits before it counts: a parent can hand over its width a
99
+ * frame or two after the first paint, and that looks exactly like a collapse
100
+ * until it does. Only a zero that is still zero when the timer runs out gets
101
+ * said out loud.
102
+ */
103
+ _watchForCollapse() {
104
+ if (!import.meta.env?.DEV)
105
+ return;
106
+ if (this.orientation !== 'auto') {
107
+ this._stopWatchingForCollapse();
108
+ return;
53
109
  }
110
+ if (this._collapseObserver)
111
+ return;
112
+ this._collapseObserver = new ResizeObserver(() => {
113
+ // No box at all (display:none, a closed sheet): nothing to judge yet.
114
+ // Client rects rather than offsetParent: that is null for a fixed
115
+ // element too, and a fixed group can collapse like any other.
116
+ if (!this.isConnected || this.getClientRects().length === 0)
117
+ return;
118
+ if (!this._slot?.assignedElements({ flatten: true }).length)
119
+ return;
120
+ if (this.getBoundingClientRect().width > 0) {
121
+ // It got a width, from the start or a tick late. Nothing to say.
122
+ this._stopWatchingForCollapse();
123
+ return;
124
+ }
125
+ // Zero, but not yet a verdict: a parent can hand over its width a
126
+ // frame or two later, and that is the same zero. Give it a moment and
127
+ // keep watching, so a width that arrives cancels this.
128
+ if (this._collapseVerdict !== 0)
129
+ return;
130
+ this._collapseVerdict = window.setTimeout(() => {
131
+ if (!this.isConnected || this.getClientRects().length === 0)
132
+ return;
133
+ if (this.getBoundingClientRect().width > 0)
134
+ return;
135
+ console.warn('nldd-button-group: the group is 0 wide, so its buttons are invisible. It takes its width from its parent (it is a container query while orientation is auto), and a parent that sizes itself from its content leaves nothing to take. Give the group or that parent a width.');
136
+ this._stopWatchingForCollapse();
137
+ }, 250);
138
+ });
139
+ this._collapseObserver.observe(this);
140
+ }
141
+ _stopWatchingForCollapse() {
142
+ this._collapseObserver?.disconnect();
143
+ this._collapseObserver = null;
144
+ if (this._collapseVerdict)
145
+ clearTimeout(this._collapseVerdict);
146
+ this._collapseVerdict = 0;
54
147
  }
55
148
  render() {
56
149
  return template.call(this);
@@ -61,7 +154,7 @@ __decorate([
61
154
  property({ reflect: true, converter: reflectNonDefault('md') })
62
155
  ], NLDDButtonGroup.prototype, "size", void 0);
63
156
  __decorate([
64
- property({ reflect: true, converter: reflectNonDefault('vertical') })
157
+ property({ reflect: true, converter: reflectNonDefault('auto') })
65
158
  ], NLDDButtonGroup.prototype, "orientation", void 0);
66
159
  __decorate([
67
160
  query('slot')
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAM/C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIN,SAAI,GAAS,IAAI,CAAC;QAGlB,gBAAW,GAAgB,UAAU,CAAC;IAmCvC,CAAC;IA9BA,gBAAgB;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK;aACzB,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aACnC,MAAM,CAAC,CAAC,EAAE,EAAqB,EAAE,CAAC,EAAE,YAAY,WAAW,CAAC,CAAC;QAE/D,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;YAC9B,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBAChB,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;gBAC9B,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG;oBAAE,OAAO,CAAC,IAAI,CAAC,8EAA8E,CAAC,CAAC;YACxH,CAAC;YAED,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;gBACrC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAClC,CAAC;iBAAM,CAAC;gBACP,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC;YAED,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACJ,CAAC;IAEQ,OAAO,CAAC,iBAAuC;QACvD,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3E,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACzB,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AAxCe,sBAAM,GAAG,iBAAiB,AAApB,CAAqB;AAG3C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAO,IAAI,CAAC,EAAE,CAAC;6CACpD;AAGlB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAc,UAAU,CAAC,EAAE,CAAC;oDAC7C;AAG9B;IADP,KAAK,CAAC,MAAM,CAAC;8CACkB;AAVpB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA0C3B"}
1
+ {"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAmD7B,CAAC"}
1
+ {"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,yBA6G7B,CAAC"}