@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
@@ -5,26 +5,34 @@
5
5
  * CSS values. Always modal.
6
6
  *
7
7
  * No header of its own: consumers use nldd-page with a sticky header inside for
8
- * a title bar.
8
+ * a title bar. The text of the nldd-top-title-bar in that header is also the
9
+ * window's accessible name.
10
+ *
11
+ * Open and close it with `open`, bound to your state together with the close
12
+ * event: the window clears `open` itself when the user closes it. show() and
13
+ * hide() do the same for code without a binding. Keep the window in the DOM
14
+ * rather than mounting it when it opens, or the animations are skipped.
9
15
  *
10
16
  * @element nldd-window
11
17
  *
12
- * @attr {boolean} no-light-dismiss - A click on the backdrop does not close the window. For windows where dismissing by accident costs work: a wizard, a form with filled-in fields. Escape and the dismiss button keep working.
13
- * @attr {string} accessible-label - (required) Accessible name (aria-label). Falls back to the i18n default ('Venster') when unset. Always pass a unique, descriptive name per window.
14
- * @attr {object} translations - Override translation keys; unset keys fall back to the Dutch default.
18
+ * @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
19
+ * @attr {string} width - CSS width (default: var(--components-window-default-width))
20
+ * @attr {string} height - CSS height (default: content height)
15
21
  * @attr {string} top - CSS top position of the top edge (e.g. '0', '100px')
16
- * @attr {string} left - CSS left position of the left edge
17
22
  * @attr {string} right - CSS right value
18
23
  * @attr {string} bottom - CSS bottom value
24
+ * @attr {string} left - CSS left position of the left edge
19
25
  * @attr {boolean} centered - Centers both axes on the viewport. Overridable per axis: `centered top="0"` is horizontally centered, top aligned. Mirrors CSS `place-items: center` with `align-items`/`justify-items` overrides.
20
- * @attr {string} width - CSS width (default: var(--components-window-default-width))
21
- * @attr {string} height - CSS height (default: content height)
22
- * @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
26
+ * @attr {string} accessible-label - Accessible name (aria-label). Unset, the window takes the text of the nldd-top-title-bar inside it, and without one the i18n default ('Venster'). Each window needs a unique, descriptive name, from either.
27
+ * @attr {object} translations - Override translation keys; unset keys fall back to the Dutch default.
28
+ * @attr {boolean} no-light-dismiss - A click on the backdrop does not close the window. For windows where dismissing by accident costs work: a wizard, a form with filled-in fields. Escape and the dismiss button keep working.
29
+ * @attr {boolean} open - Whether the window is open. Set it to open or close the window, as an alternative to show() and hide(). The window clears it itself when it closes another way (Escape, the backdrop, the close button of its title bar), so bind it together with the close event.
23
30
  *
24
31
  * @slot - Complete window content (e.g. nldd-page)
32
+ * @slot notifications - Where the notifications area lands while this overlay is open, so a notification is not left inert behind it. Filled by the package; leave it alone.
25
33
  *
26
34
  * @fires open - When the window opens
27
- * @fires close - When the window has fully closed. Does not bubble: overlays can sit inside each other, and a listener on one window should not also hear the form that opened it.
35
+ * @fires close - When the window has fully closed. Does not bubble: overlays can sit inside each other, and a listener on one window should not also hear the form that opened it. The dismiss button of an nldd-top-title-bar inside it fires `dismiss`, which bubbles; this component catches that itself, closes and fires `close`. Listen to `close` alone, or one click runs your handler twice.
28
36
  *
29
37
  * @method show() - Opens the window
30
38
  * @method hide() - Closes the window
@@ -43,20 +51,26 @@ import { nlddWindowTranslations } from './window.i18n.js';
43
51
  import { isPointerMode } from '../../../utilities/input-modality.js';
44
52
  import { focusAutofocusTarget } from '../../../utilities/autofocus.js';
45
53
  import { isDismissFromTitleBar } from '../../../utilities/dismiss-from-title-bar.js';
54
+ import { TitleBarLabelController } from '../../../utilities/title-bar-label-controller.js';
55
+ import { openWhenRendered } from '../../../utilities/open-when-rendered.js';
46
56
  let NLDDWindow = class NLDDWindow extends LitElement {
47
57
  constructor() {
48
58
  super(...arguments);
49
- this.noLightDismiss = false;
59
+ this.scheme = 'inherit';
60
+ this.centered = false;
50
61
  this.accessibleLabel = '';
51
62
  /**
52
63
  * Override one or more translation keys.
53
64
  * Unset keys fall back to the Dutch default.
54
65
  */
55
66
  this.translations = {};
56
- this.centered = false;
57
- this.scheme = 'inherit';
67
+ this.noLightDismiss = false;
68
+ this.open = false;
58
69
  this._closing = false;
59
70
  this._hasWarnedLabel = false;
71
+ this._titleBar = new TitleBarLabelController(this);
72
+ /** Cancels a `show()` that is waiting for the first render; null when none is. */
73
+ this._cancelPendingOpen = null;
60
74
  /**
61
75
  * Emitted once per open cycle, from whichever route actually closed the
62
76
  * window. Same reasoning as nldd-sheet: Escape on a non-modal dialog closes
@@ -132,6 +146,13 @@ let NLDDWindow = class NLDDWindow extends LitElement {
132
146
  this._applyScheme();
133
147
  }
134
148
  updated(changed) {
149
+ if (changed.has('open')) {
150
+ const dialog = this._dialog;
151
+ if (this.open && !dialog?.open)
152
+ this.show();
153
+ else if (!this.open && dialog?.open)
154
+ this.hide();
155
+ }
135
156
  this._applyPositionStyles();
136
157
  if (changed.has('scheme')) {
137
158
  this._applyScheme();
@@ -155,33 +176,44 @@ let NLDDWindow = class NLDDWindow extends LitElement {
155
176
  return this.translations[key] ?? nlddWindowTranslations[key];
156
177
  }
157
178
  get _resolvedAccessibleLabel() {
158
- return this.accessibleLabel || this._t('components.window.accessible-label');
179
+ return this.accessibleLabel || this._titleBar.text || this._t('components.window.accessible-label');
159
180
  }
160
181
  show() {
161
182
  const dialog = this._dialog;
162
- if (!dialog)
183
+ if (!dialog) {
184
+ this._cancelPendingOpen?.();
185
+ this._cancelPendingOpen = openWhenRendered(this, () => this._dialog, () => this.show());
163
186
  return;
187
+ }
188
+ this._cancelPendingOpen?.();
189
+ this._cancelPendingOpen = null;
164
190
  // New open cycle: the next close may emit again.
165
191
  this._closeEmitted = false;
166
- if (import.meta.env?.DEV && !this.accessibleLabel && !this._hasWarnedLabel) {
192
+ if (import.meta.env?.DEV && !this.accessibleLabel && !this._titleBar.text && !this._hasWarnedLabel) {
167
193
  this._hasWarnedLabel = true;
168
- console.warn(`<nldd-window>: No accessible-label provided. Screen readers will announce this window as "${this._t('components.window.accessible-label')}". Set accessible-label to a unique, descriptive name.`);
194
+ console.warn(`<nldd-window>: No accessible-label and no nldd-top-title-bar with text inside. Screen readers will announce this window as "${this._t('components.window.accessible-label')}". Give the title bar a text, or set accessible-label.`);
169
195
  }
170
196
  dialog.showModal();
197
+ this.open = true;
171
198
  this._applyPositionStyles();
172
199
  this._manageFocus();
173
200
  this.dispatchEvent(new CustomEvent('open', { bubbles: true, composed: true }));
174
201
  }
175
202
  hide() {
203
+ // A hide() beats a show() that is still waiting for the first render.
204
+ this._cancelPendingOpen?.();
205
+ this._cancelPendingOpen = null;
176
206
  const dialog = this._dialog;
177
207
  if (!dialog || !dialog.open || this._closing)
178
208
  return;
209
+ this.open = false;
179
210
  this._closing = true;
180
211
  dialog.close();
181
212
  this._closing = false;
182
213
  this._emitClose();
183
214
  }
184
215
  _emitClose() {
216
+ this.open = false;
185
217
  if (this._closeEmitted)
186
218
  return;
187
219
  this._closeEmitted = true;
@@ -249,38 +281,41 @@ let NLDDWindow = class NLDDWindow extends LitElement {
249
281
  };
250
282
  NLDDWindow.styles = windowStyles;
251
283
  __decorate([
252
- property({ type: Boolean, reflect: true, attribute: 'no-light-dismiss' })
253
- ], NLDDWindow.prototype, "noLightDismiss", void 0);
254
- __decorate([
255
- property({ type: String, attribute: 'accessible-label' })
256
- ], NLDDWindow.prototype, "accessibleLabel", void 0);
284
+ property({ type: String, reflect: true })
285
+ ], NLDDWindow.prototype, "scheme", void 0);
257
286
  __decorate([
258
- property({ type: Object })
259
- ], NLDDWindow.prototype, "translations", void 0);
287
+ property({ type: String, reflect: true })
288
+ ], NLDDWindow.prototype, "width", void 0);
260
289
  __decorate([
261
290
  property({ type: String, reflect: true })
262
- ], NLDDWindow.prototype, "top", void 0);
291
+ ], NLDDWindow.prototype, "height", void 0);
263
292
  __decorate([
264
293
  property({ type: String, reflect: true })
265
- ], NLDDWindow.prototype, "left", void 0);
294
+ ], NLDDWindow.prototype, "top", void 0);
266
295
  __decorate([
267
296
  property({ type: String, reflect: true })
268
297
  ], NLDDWindow.prototype, "right", void 0);
269
298
  __decorate([
270
299
  property({ type: String, reflect: true })
271
300
  ], NLDDWindow.prototype, "bottom", void 0);
301
+ __decorate([
302
+ property({ type: String, reflect: true })
303
+ ], NLDDWindow.prototype, "left", void 0);
272
304
  __decorate([
273
305
  property({ type: Boolean, reflect: true })
274
306
  ], NLDDWindow.prototype, "centered", void 0);
275
307
  __decorate([
276
- property({ type: String, reflect: true })
277
- ], NLDDWindow.prototype, "width", void 0);
308
+ property({ type: String, attribute: 'accessible-label' })
309
+ ], NLDDWindow.prototype, "accessibleLabel", void 0);
278
310
  __decorate([
279
- property({ type: String, reflect: true })
280
- ], NLDDWindow.prototype, "height", void 0);
311
+ property({ type: Object })
312
+ ], NLDDWindow.prototype, "translations", void 0);
281
313
  __decorate([
282
- property({ type: String, reflect: true })
283
- ], NLDDWindow.prototype, "scheme", void 0);
314
+ property({ type: Boolean, reflect: true, attribute: 'no-light-dismiss' })
315
+ ], NLDDWindow.prototype, "noLightDismiss", void 0);
316
+ __decorate([
317
+ property({ type: Boolean, reflect: true })
318
+ ], NLDDWindow.prototype, "open", void 0);
284
319
  NLDDWindow = __decorate([
285
320
  customElement('nldd-window')
286
321
  ], NLDDWindow);
@@ -1 +1 @@
1
- {"version":3,"file":"window.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"window.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,8 @@
1
1
  /**
2
2
  * A generic cell for wrapping arbitrary content in a list item.
3
3
  * Controls vertical alignment and sizing without imposing content opinions.
4
+ * For more than a line of text, such as paragraphs or markup, put an
5
+ * `nldd-rich-text` in it rather than loose text in the row.
4
6
  *
5
7
  * ### Vertical alignment
6
8
  * `vertical-alignment="center"` (default) stretches the cell to fill the full
@@ -13,8 +15,8 @@
13
15
  * @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
14
16
  * @attr {string} max-width - Maximum width as CSS length (e.g. '200px', '20rem')
15
17
  * @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
16
- * @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment of slotted content (default: 'center')
17
18
  * @attr {'left' | 'center' | 'right'} horizontal-alignment - Horizontal alignment of slotted content (default: 'left')
19
+ * @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment of slotted content (default: 'center')
18
20
  *
19
21
  * @slot - Default slot for any content (buttons, switches, icons, etc.)
20
22
  */
@@ -31,8 +33,8 @@ export declare class NLDDCell extends NLDDCell_base {
31
33
  minWidth?: string;
32
34
  maxWidth?: string;
33
35
  minHeight?: string;
34
- verticalAlignment: CellVerticalAlignment;
35
36
  horizontalAlignment: CellHorizontalAlignment;
37
+ verticalAlignment: CellVerticalAlignment;
36
38
  updated(changed: Map<string, unknown>): void;
37
39
  private _applyDimensionStyles;
38
40
  render(): import("lit-html").TemplateResult<1>;
@@ -1 +1 @@
1
- {"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChE,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;;;;;AAElE,qBACa,QAAS,SAAQ,aAA8C;IAC3E,OAAgB,MAAM,4BAAgB;IAGtC,KAAK,EAAE,MAAM,CAAiB;IAG9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,iBAAiB,EAAE,qBAAqB,CAAY;IAGpD,mBAAmB,EAAE,uBAAuB,CAAU;IAE7C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IA+BpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
1
+ {"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChE,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;;;;;AAElE,qBACa,QAAS,SAAQ,aAA8C;IAC3E,OAAgB,MAAM,4BAAgB;IAGtC,KAAK,EAAE,MAAM,CAAiB;IAG9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,mBAAmB,EAAE,uBAAuB,CAAU;IAGtD,iBAAiB,EAAE,qBAAqB,CAAY;IAE3C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IA+BpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
@@ -7,6 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  /**
8
8
  * A generic cell for wrapping arbitrary content in a list item.
9
9
  * Controls vertical alignment and sizing without imposing content opinions.
10
+ * For more than a line of text, such as paragraphs or markup, put an
11
+ * `nldd-rich-text` in it rather than loose text in the row.
10
12
  *
11
13
  * ### Vertical alignment
12
14
  * `vertical-alignment="center"` (default) stretches the cell to fill the full
@@ -19,8 +21,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
21
  * @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
20
22
  * @attr {string} max-width - Maximum width as CSS length (e.g. '200px', '20rem')
21
23
  * @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
22
- * @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment of slotted content (default: 'center')
23
24
  * @attr {'left' | 'center' | 'right'} horizontal-alignment - Horizontal alignment of slotted content (default: 'left')
25
+ * @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment of slotted content (default: 'center')
24
26
  *
25
27
  * @slot - Default slot for any content (buttons, switches, icons, etc.)
26
28
  */
@@ -34,8 +36,8 @@ let NLDDCell = class NLDDCell extends VisibilityMixin(LitElement, 'cells-contain
34
36
  constructor() {
35
37
  super(...arguments);
36
38
  this.width = 'fit-content';
37
- this.verticalAlignment = 'center';
38
39
  this.horizontalAlignment = 'left';
40
+ this.verticalAlignment = 'center';
39
41
  }
40
42
  updated(changed) {
41
43
  super.updated(changed);
@@ -94,12 +96,12 @@ __decorate([
94
96
  __decorate([
95
97
  property({ type: String, reflect: true, attribute: 'min-height' })
96
98
  ], NLDDCell.prototype, "minHeight", void 0);
97
- __decorate([
98
- property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('center') })
99
- ], NLDDCell.prototype, "verticalAlignment", void 0);
100
99
  __decorate([
101
100
  property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('left') })
102
101
  ], NLDDCell.prototype, "horizontalAlignment", void 0);
102
+ __decorate([
103
+ property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('center') })
104
+ ], NLDDCell.prototype, "verticalAlignment", void 0);
103
105
  NLDDCell = __decorate([
104
106
  customElement('nldd-cell')
105
107
  ], NLDDCell);
@@ -1 +1 @@
1
- {"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"drag-handle-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.ts"],"names":[],"mappings":"AAoCA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,wCASxD"}
1
+ {"version":3,"file":"drag-handle-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.ts"],"names":[],"mappings":"AA4GA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,wCASxD"}
@@ -1,34 +1,106 @@
1
1
  import { html, svg } from 'lit';
2
2
  const gripMd = svg `
3
- <svg aria-hidden="true" class="drag-handle-cell__control-grip"
3
+ <svg
4
+ aria-hidden="true" class="drag-handle-cell__control-grip"
4
5
  width="10"
5
6
  height="22"
6
7
  viewBox="0 0 10 22"
7
8
  xmlns="http://www.w3.org/2000/svg"
8
9
  >
9
- <circle cx="2" cy="2" r="2" fill="currentColor"/>
10
- <circle cx="8" cy="2" r="2" fill="currentColor"/>
11
- <circle cx="2" cy="8" r="2" fill="currentColor"/>
12
- <circle cx="8" cy="8" r="2" fill="currentColor"/>
13
- <circle cx="2" cy="14" r="2" fill="currentColor"/>
14
- <circle cx="8" cy="14" r="2" fill="currentColor"/>
15
- <circle cx="2" cy="20" r="2" fill="currentColor"/>
16
- <circle cx="8" cy="20" r="2" fill="currentColor"/>
10
+ <circle
11
+ cx="2"
12
+ cy="2"
13
+ r="2"
14
+ fill="currentColor"
15
+ />
16
+ <circle
17
+ cx="8"
18
+ cy="2"
19
+ r="2"
20
+ fill="currentColor"
21
+ />
22
+ <circle
23
+ cx="2"
24
+ cy="8"
25
+ r="2"
26
+ fill="currentColor"
27
+ />
28
+ <circle
29
+ cx="8"
30
+ cy="8"
31
+ r="2"
32
+ fill="currentColor"
33
+ />
34
+ <circle
35
+ cx="2"
36
+ cy="14"
37
+ r="2"
38
+ fill="currentColor"
39
+ />
40
+ <circle
41
+ cx="8"
42
+ cy="14"
43
+ r="2"
44
+ fill="currentColor"
45
+ />
46
+ <circle
47
+ cx="2"
48
+ cy="20"
49
+ r="2"
50
+ fill="currentColor"
51
+ />
52
+ <circle
53
+ cx="8"
54
+ cy="20"
55
+ r="2"
56
+ fill="currentColor"
57
+ />
17
58
  </svg>
18
59
  `;
19
60
  const gripSm = svg `
20
- <svg aria-hidden="true" class="drag-handle-cell__control-grip"
61
+ <svg
62
+ aria-hidden="true" class="drag-handle-cell__control-grip"
21
63
  width="10"
22
64
  height="16"
23
65
  viewBox="0 0 10 16"
24
66
  xmlns="http://www.w3.org/2000/svg"
25
67
  >
26
- <circle cx="2" cy="2" r="2" fill="currentColor"/>
27
- <circle cx="8" cy="2" r="2" fill="currentColor"/>
28
- <circle cx="2" cy="8" r="2" fill="currentColor"/>
29
- <circle cx="8" cy="8" r="2" fill="currentColor"/>
30
- <circle cx="2" cy="14" r="2" fill="currentColor"/>
31
- <circle cx="8" cy="14" r="2" fill="currentColor"/>
68
+ <circle
69
+ cx="2"
70
+ cy="2"
71
+ r="2"
72
+ fill="currentColor"
73
+ />
74
+ <circle
75
+ cx="8"
76
+ cy="2"
77
+ r="2"
78
+ fill="currentColor"
79
+ />
80
+ <circle
81
+ cx="2"
82
+ cy="8"
83
+ r="2"
84
+ fill="currentColor"
85
+ />
86
+ <circle
87
+ cx="8"
88
+ cy="8"
89
+ r="2"
90
+ fill="currentColor"
91
+ />
92
+ <circle
93
+ cx="2"
94
+ cy="14"
95
+ r="2"
96
+ fill="currentColor"
97
+ />
98
+ <circle
99
+ cx="8"
100
+ cy="14"
101
+ r="2"
102
+ fill="currentColor"
103
+ />
32
104
  </svg>
33
105
  `;
34
106
  export function template(size, label) {
@@ -1 +1 @@
1
- {"version":3,"file":"drag-handle-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBjB,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcjB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,IAAiB,EAAE,KAAa;IACxD,OAAO,IAAI,CAAA;;;gBAGI,KAAK;;KAEhB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;EAElC,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"drag-handle-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDjB,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CjB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,IAAiB,EAAE,KAAa;IACxD,OAAO,IAAI,CAAA;;;gBAGI,KAAK;;KAEhB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;EAElC,CAAC;AACH,CAAC"}
@@ -6,12 +6,14 @@
6
6
  * slot custom content as an escape hatch for non-standard iconography.
7
7
  *
8
8
  * @element nldd-icon-cell
9
- * @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
10
9
  * @attr {string} size - Size: '16' | '20' | '24' | '32' (default: '24')
11
10
  * @attr {'content' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical'} color - Color variant of the icon (default: 'content')
11
+ * @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
12
12
  * @attr {string} icon - Icon name (renders `<nldd-icon>`). Takes precedence over the default slot.
13
13
  *
14
14
  * @slot - Fallback for custom icon content when `icon` is not set.
15
+ *
16
+ * @csspart icon - The glyph itself, whether it comes from `icon` or from the slot. Transform this rather than the cell: a transform on the host changes the box `getBoundingClientRect()` reports, and a row measures its cells to place the divider.
15
17
  */
16
18
  import { LitElement } from 'lit';
17
19
  import '../../../content/icon/icon.js';
@@ -24,9 +26,9 @@ declare const NLDDIconCell_base: typeof LitElement & (new (...args: any[]) => Li
24
26
  });
25
27
  export declare class NLDDIconCell extends NLDDIconCell_base {
26
28
  static styles: import("lit").CSSResult;
27
- verticalAlignment: VerticalAlignment;
28
29
  size: Size;
29
30
  color: Color;
31
+ verticalAlignment: VerticalAlignment;
30
32
  icon: string;
31
33
  render(): import("lit-html").TemplateResult<1>;
32
34
  }
@@ -1 +1 @@
1
- {"version":3,"file":"icon-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,+BAA+B,CAAC;AAEvC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;AAErF,qBACa,YAAa,SAAQ,iBAA8C;IAC/E,OAAgB,MAAM,0BAAkB;IAGxC,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAGzB,IAAI,SAAM;IAED,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
1
+ {"version":3,"file":"icon-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,+BAA+B,CAAC;AAEvC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;AAErF,qBACa,YAAa,SAAQ,iBAA8C;IAC/E,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAGzB,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,SAAM;IAED,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
@@ -12,12 +12,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
12
12
  * slot custom content as an escape hatch for non-standard iconography.
13
13
  *
14
14
  * @element nldd-icon-cell
15
- * @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
16
15
  * @attr {string} size - Size: '16' | '20' | '24' | '32' (default: '24')
17
16
  * @attr {'content' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical'} color - Color variant of the icon (default: 'content')
17
+ * @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
18
18
  * @attr {string} icon - Icon name (renders `<nldd-icon>`). Takes precedence over the default slot.
19
19
  *
20
20
  * @slot - Fallback for custom icon content when `icon` is not set.
21
+ *
22
+ * @csspart icon - The glyph itself, whether it comes from `icon` or from the slot. Transform this rather than the cell: a transform on the host changes the box `getBoundingClientRect()` reports, and a row measures its cells to place the divider.
21
23
  */
22
24
  import { LitElement } from 'lit';
23
25
  import { customElement, property } from 'lit/decorators.js';
@@ -29,9 +31,9 @@ import '../../../content/icon/icon.js';
29
31
  let NLDDIconCell = class NLDDIconCell extends VisibilityMixin(LitElement, 'cells-container') {
30
32
  constructor() {
31
33
  super(...arguments);
32
- this.verticalAlignment = 'center';
33
34
  this.size = '24';
34
35
  this.color = 'content';
36
+ this.verticalAlignment = 'center';
35
37
  this.icon = '';
36
38
  }
37
39
  render() {
@@ -39,15 +41,15 @@ let NLDDIconCell = class NLDDIconCell extends VisibilityMixin(LitElement, 'cells
39
41
  }
40
42
  };
41
43
  NLDDIconCell.styles = iconCellStyles;
42
- __decorate([
43
- property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('center') })
44
- ], NLDDIconCell.prototype, "verticalAlignment", void 0);
45
44
  __decorate([
46
45
  property({ type: String, reflect: true })
47
46
  ], NLDDIconCell.prototype, "size", void 0);
48
47
  __decorate([
49
48
  property({ reflect: true, converter: reflectNonDefault('content') })
50
49
  ], NLDDIconCell.prototype, "color", void 0);
50
+ __decorate([
51
+ property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('center') })
52
+ ], NLDDIconCell.prototype, "verticalAlignment", void 0);
51
53
  __decorate([
52
54
  property({ type: String, reflect: true })
53
55
  ], NLDDIconCell.prototype, "icon", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"icon-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,+BAA+B,CAAC;AAOhC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAAzE;;QAIN,sBAAiB,GAAsB,QAAQ,CAAC;QAGhD,SAAI,GAAS,IAAI,CAAC;QAGlB,UAAK,GAAU,SAAS,CAAC;QAGzB,SAAI,GAAG,EAAE,CAAC;IAKX,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AAhBe,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAE,iBAAiB,CAAoB,QAAQ,CAAC,EAAE,CAAC;uDACxE;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAQ,SAAS,CAAC,EAAE,CAAC;2CACnD;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAChC;AAbE,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAkBxB"}
1
+ {"version":3,"file":"icon-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,+BAA+B,CAAC;AAOhC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAAzE;;QAIN,SAAI,GAAS,IAAI,CAAC;QAGlB,UAAK,GAAU,SAAS,CAAC;QAGzB,sBAAiB,GAAsB,QAAQ,CAAC;QAGhD,SAAI,GAAG,EAAE,CAAC;IAKX,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AAhBe,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAQ,SAAS,CAAC,EAAE,CAAC;2CACnD;AAGzB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAE,iBAAiB,CAAoB,QAAQ,CAAC,EAAE,CAAC;uDACxE;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAChC;AAbE,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAkBxB"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAyF1B,CAAC"}
1
+ {"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAgH1B,CAAC"}
@@ -88,5 +88,28 @@ export const iconCellStyles = css `
88
88
  display: block;
89
89
  flex-shrink: 0;
90
90
  }
91
+
92
+ /* A disclosure chevron turns on command of the row or the segment, which set
93
+ --context-cell-glyph-rotation. The glyph turns, never the cell: a transform
94
+ on the cell changes the box getBoundingClientRect() reports, and that box is
95
+ what a row measures to place its divider. */
96
+ .icon-cell__glyph {
97
+ /* Flex, not block: a block box adds the line-height leading around the
98
+ glyph, which made the cell measure taller than the icon it holds. The
99
+ centering lives here too — the glyph sits in this box, so the host can
100
+ no longer place it. */
101
+ display: flex;
102
+ width: 100%;
103
+ justify-content: center;
104
+ align-items: center;
105
+ rotate: var(--context-cell-glyph-rotation, 0deg);
106
+ transition: rotate var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default);
107
+ }
108
+
109
+ @media (prefers-reduced-motion: reduce) {
110
+ .icon-cell__glyph {
111
+ transition: none;
112
+ }
113
+ }
91
114
  `;
92
115
  //# sourceMappingURL=icon-cell.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFhC,CAAC"}
1
+ {"version":3,"file":"icon-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHhC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,wCAM1C"}
1
+ {"version":3,"file":"icon-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,wCAe1C"}
@@ -1,9 +1,18 @@
1
1
  import { html } from 'lit';
2
2
  export function template() {
3
+ // The glyph sits in its own box so a row can rotate it (a chevron that
4
+ // opens) without turning the cell: a transform on the cell changes the box
5
+ // getBoundingClientRect() reports, which is what the row measures to place
6
+ // its divider.
3
7
  return html `
4
- ${this.icon
5
- ? html `<nldd-icon name=${this.icon}></nldd-icon>`
8
+ <span
9
+ part="icon"
10
+ class="icon-cell__glyph"
11
+ >
12
+ ${this.icon
13
+ ? html `<nldd-icon icon=${this.icon}></nldd-icon>`
6
14
  : html `<slot></slot>`}
15
+ </span>
7
16
  `;
8
17
  }
9
18
  //# sourceMappingURL=icon-cell.template.js.map